UNPKG

19.2 kBCSSView Raw
1.flatpickr-calendar {
2 background: transparent;
3 opacity: 0;
4 display: none;
5 text-align: center;
6 visibility: hidden;
7 padding: 0;
8 -webkit-animation: none;
9 animation: none;
10 direction: ltr;
11 border: 0;
12 font-size: 14px;
13 line-height: 24px;
14 border-radius: 5px;
15 position: absolute;
16 width: 307.875px;
17 -webkit-box-sizing: border-box;
18 box-sizing: border-box;
19 -ms-touch-action: manipulation;
20 touch-action: manipulation;
21 -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
22 box-shadow: 0 3px 13px rgba(0,0,0,0.08);
23}
24.flatpickr-calendar.open,
25.flatpickr-calendar.inline {
26 opacity: 1;
27 max-height: 640px;
28 visibility: visible;
29}
30.flatpickr-calendar.open {
31 display: inline-block;
32 z-index: 99999;
33}
34.flatpickr-calendar.animate.open {
35 -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
36 animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
37}
38.flatpickr-calendar.inline {
39 display: block;
40 position: relative;
41 top: 2px;
42}
43.flatpickr-calendar.static {
44 position: absolute;
45 top: calc(100% + 2px);
46}
47.flatpickr-calendar.static.open {
48 z-index: 999;
49 display: block;
50}
51.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
52 -webkit-box-shadow: none !important;
53 box-shadow: none !important;
54}
55.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
56 -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
57 box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
58}
59.flatpickr-calendar .hasWeeks .dayContainer,
60.flatpickr-calendar .hasTime .dayContainer {
61 border-bottom: 0;
62 border-bottom-right-radius: 0;
63 border-bottom-left-radius: 0;
64}
65.flatpickr-calendar .hasWeeks .dayContainer {
66 border-left: 0;
67}
68.flatpickr-calendar.hasTime .flatpickr-time {
69 height: 40px;
70 border-top: 1px solid rgba(72,72,72,0.2);
71}
72.flatpickr-calendar.hasTime .flatpickr-innerContainer {
73 border-bottom: 0;
74}
75.flatpickr-calendar.hasTime .flatpickr-time {
76 border: 1px solid rgba(72,72,72,0.2);
77}
78.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
79 height: auto;
80}
81.flatpickr-calendar:before,
82.flatpickr-calendar:after {
83 position: absolute;
84 display: block;
85 pointer-events: none;
86 border: solid transparent;
87 content: '';
88 height: 0;
89 width: 0;
90 left: 22px;
91}
92.flatpickr-calendar.rightMost:before,
93.flatpickr-calendar.arrowRight:before,
94.flatpickr-calendar.rightMost:after,
95.flatpickr-calendar.arrowRight:after {
96 left: auto;
97 right: 22px;
98}
99.flatpickr-calendar.arrowCenter:before,
100.flatpickr-calendar.arrowCenter:after {
101 left: 50%;
102 right: 50%;
103}
104.flatpickr-calendar:before {
105 border-width: 5px;
106 margin: 0 -5px;
107}
108.flatpickr-calendar:after {
109 border-width: 4px;
110 margin: 0 -4px;
111}
112.flatpickr-calendar.arrowTop:before,
113.flatpickr-calendar.arrowTop:after {
114 bottom: 100%;
115}
116.flatpickr-calendar.arrowTop:before {
117 border-bottom-color: rgba(72,72,72,0.2);
118}
119.flatpickr-calendar.arrowTop:after {
120 border-bottom-color: #42a5f5;
121}
122.flatpickr-calendar.arrowBottom:before,
123.flatpickr-calendar.arrowBottom:after {
124 top: 100%;
125}
126.flatpickr-calendar.arrowBottom:before {
127 border-top-color: rgba(72,72,72,0.2);
128}
129.flatpickr-calendar.arrowBottom:after {
130 border-top-color: #42a5f5;
131}
132.flatpickr-calendar:focus {
133 outline: 0;
134}
135.flatpickr-wrapper {
136 position: relative;
137 display: inline-block;
138}
139.flatpickr-months {
140 display: -webkit-box;
141 display: -webkit-flex;
142 display: -ms-flexbox;
143 display: flex;
144}
145.flatpickr-months .flatpickr-month {
146 border-radius: 5px 5px 0 0;
147 background: #42a5f5;
148 color: #fff;
149 fill: #fff;
150 height: 34px;
151 line-height: 1;
152 text-align: center;
153 position: relative;
154 -webkit-user-select: none;
155 -moz-user-select: none;
156 -ms-user-select: none;
157 user-select: none;
158 overflow: hidden;
159 -webkit-box-flex: 1;
160 -webkit-flex: 1;
161 -ms-flex: 1;
162 flex: 1;
163}
164.flatpickr-months .flatpickr-prev-month,
165.flatpickr-months .flatpickr-next-month {
166 text-decoration: none;
167 cursor: pointer;
168 position: absolute;
169 top: 0;
170 height: 34px;
171 padding: 10px;
172 z-index: 3;
173 color: #fff;
174 fill: #fff;
175}
176.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
177.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
178 display: none;
179}
180.flatpickr-months .flatpickr-prev-month i,
181.flatpickr-months .flatpickr-next-month i {
182 position: relative;
183}
184.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
185.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
186/*
187 /*rtl:begin:ignore*/
188/*
189 */
190 left: 0;
191/*
192 /*rtl:end:ignore*/
193/*
194 */
195}
196/*
197 /*rtl:begin:ignore*/
198/*
199 /*rtl:end:ignore*/
200.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
201.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
202/*
203 /*rtl:begin:ignore*/
204/*
205 */
206 right: 0;
207/*
208 /*rtl:end:ignore*/
209/*
210 */
211}
212/*
213 /*rtl:begin:ignore*/
214/*
215 /*rtl:end:ignore*/
216.flatpickr-months .flatpickr-prev-month:hover,
217.flatpickr-months .flatpickr-next-month:hover {
218 color: #bbb;
219}
220.flatpickr-months .flatpickr-prev-month:hover svg,
221.flatpickr-months .flatpickr-next-month:hover svg {
222 fill: #f64747;
223}
224.flatpickr-months .flatpickr-prev-month svg,
225.flatpickr-months .flatpickr-next-month svg {
226 width: 14px;
227 height: 14px;
228}
229.flatpickr-months .flatpickr-prev-month svg path,
230.flatpickr-months .flatpickr-next-month svg path {
231 -webkit-transition: fill 0.1s;
232 transition: fill 0.1s;
233 fill: inherit;
234}
235.numInputWrapper {
236 position: relative;
237 height: auto;
238}
239.numInputWrapper input,
240.numInputWrapper span {
241 display: inline-block;
242}
243.numInputWrapper input {
244 width: 100%;
245}
246.numInputWrapper input::-ms-clear {
247 display: none;
248}
249.numInputWrapper input::-webkit-outer-spin-button,
250.numInputWrapper input::-webkit-inner-spin-button {
251 margin: 0;
252 -webkit-appearance: none;
253}
254.numInputWrapper span {
255 position: absolute;
256 right: 0;
257 width: 14px;
258 padding: 0 4px 0 2px;
259 height: 50%;
260 line-height: 50%;
261 opacity: 0;
262 cursor: pointer;
263 border: 1px solid rgba(72,72,72,0.15);
264 -webkit-box-sizing: border-box;
265 box-sizing: border-box;
266}
267.numInputWrapper span:hover {
268 background: rgba(0,0,0,0.1);
269}
270.numInputWrapper span:active {
271 background: rgba(0,0,0,0.2);
272}
273.numInputWrapper span:after {
274 display: block;
275 content: "";
276 position: absolute;
277}
278.numInputWrapper span.arrowUp {
279 top: 0;
280 border-bottom: 0;
281}
282.numInputWrapper span.arrowUp:after {
283 border-left: 4px solid transparent;
284 border-right: 4px solid transparent;
285 border-bottom: 4px solid rgba(72,72,72,0.6);
286 top: 26%;
287}
288.numInputWrapper span.arrowDown {
289 top: 50%;
290}
291.numInputWrapper span.arrowDown:after {
292 border-left: 4px solid transparent;
293 border-right: 4px solid transparent;
294 border-top: 4px solid rgba(72,72,72,0.6);
295 top: 40%;
296}
297.numInputWrapper span svg {
298 width: inherit;
299 height: auto;
300}
301.numInputWrapper span svg path {
302 fill: rgba(255,255,255,0.5);
303}
304.numInputWrapper:hover {
305 background: rgba(0,0,0,0.05);
306}
307.numInputWrapper:hover span {
308 opacity: 1;
309}
310.flatpickr-current-month {
311 font-size: 135%;
312 line-height: inherit;
313 font-weight: 300;
314 color: inherit;
315 position: absolute;
316 width: 75%;
317 left: 12.5%;
318 padding: 7.48px 0 0 0;
319 line-height: 1;
320 height: 34px;
321 display: inline-block;
322 text-align: center;
323 -webkit-transform: translate3d(0px, 0px, 0px);
324 transform: translate3d(0px, 0px, 0px);
325}
326.flatpickr-current-month span.cur-month {
327 font-family: inherit;
328 font-weight: 700;
329 color: inherit;
330 display: inline-block;
331 margin-left: 0.5ch;
332 padding: 0;
333}
334.flatpickr-current-month span.cur-month:hover {
335 background: rgba(0,0,0,0.05);
336}
337.flatpickr-current-month .numInputWrapper {
338 width: 6ch;
339 width: 7ch\0;
340 display: inline-block;
341}
342.flatpickr-current-month .numInputWrapper span.arrowUp:after {
343 border-bottom-color: #fff;
344}
345.flatpickr-current-month .numInputWrapper span.arrowDown:after {
346 border-top-color: #fff;
347}
348.flatpickr-current-month input.cur-year {
349 background: transparent;
350 -webkit-box-sizing: border-box;
351 box-sizing: border-box;
352 color: inherit;
353 cursor: text;
354 padding: 0 0 0 0.5ch;
355 margin: 0;
356 display: inline-block;
357 font-size: inherit;
358 font-family: inherit;
359 font-weight: 300;
360 line-height: inherit;
361 height: auto;
362 border: 0;
363 border-radius: 0;
364 vertical-align: initial;
365 -webkit-appearance: textfield;
366 -moz-appearance: textfield;
367 appearance: textfield;
368}
369.flatpickr-current-month input.cur-year:focus {
370 outline: 0;
371}
372.flatpickr-current-month input.cur-year[disabled],
373.flatpickr-current-month input.cur-year[disabled]:hover {
374 font-size: 100%;
375 color: rgba(255,255,255,0.5);
376 background: transparent;
377 pointer-events: none;
378}
379.flatpickr-current-month .flatpickr-monthDropdown-months {
380 appearance: menulist;
381 background: #42a5f5;
382 border: none;
383 border-radius: 0;
384 box-sizing: border-box;
385 color: inherit;
386 cursor: pointer;
387 font-size: inherit;
388 font-family: inherit;
389 font-weight: 300;
390 height: auto;
391 line-height: inherit;
392 margin: -1px 0 0 0;
393 outline: none;
394 padding: 0 0 0 0.5ch;
395 position: relative;
396 vertical-align: initial;
397 -webkit-box-sizing: border-box;
398 -webkit-appearance: menulist;
399 -moz-appearance: menulist;
400 width: auto;
401}
402.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
403.flatpickr-current-month .flatpickr-monthDropdown-months:active {
404 outline: none;
405}
406.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
407 background: rgba(0,0,0,0.05);
408}
409.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
410 background-color: #42a5f5;
411 outline: none;
412 padding: 0;
413}
414.flatpickr-weekdays {
415 background: #42a5f5;
416 text-align: center;
417 overflow: hidden;
418 width: 100%;
419 display: -webkit-box;
420 display: -webkit-flex;
421 display: -ms-flexbox;
422 display: flex;
423 -webkit-box-align: center;
424 -webkit-align-items: center;
425 -ms-flex-align: center;
426 align-items: center;
427 height: 28px;
428}
429.flatpickr-weekdays .flatpickr-weekdaycontainer {
430 display: -webkit-box;
431 display: -webkit-flex;
432 display: -ms-flexbox;
433 display: flex;
434 -webkit-box-flex: 1;
435 -webkit-flex: 1;
436 -ms-flex: 1;
437 flex: 1;
438}
439span.flatpickr-weekday {
440 cursor: default;
441 font-size: 90%;
442 background: #42a5f5;
443 color: rgba(0,0,0,0.54);
444 line-height: 1;
445 margin: 0;
446 text-align: center;
447 display: block;
448 -webkit-box-flex: 1;
449 -webkit-flex: 1;
450 -ms-flex: 1;
451 flex: 1;
452 font-weight: bolder;
453}
454.dayContainer,
455.flatpickr-weeks {
456 padding: 1px 0 0 0;
457}
458.flatpickr-days {
459 position: relative;
460 overflow: hidden;
461 display: -webkit-box;
462 display: -webkit-flex;
463 display: -ms-flexbox;
464 display: flex;
465 -webkit-box-align: start;
466 -webkit-align-items: flex-start;
467 -ms-flex-align: start;
468 align-items: flex-start;
469 width: 307.875px;
470 border-left: 1px solid rgba(72,72,72,0.2);
471 border-right: 1px solid rgba(72,72,72,0.2);
472}
473.flatpickr-days:focus {
474 outline: 0;
475}
476.dayContainer {
477 padding: 0;
478 outline: 0;
479 text-align: left;
480 width: 307.875px;
481 min-width: 307.875px;
482 max-width: 307.875px;
483 -webkit-box-sizing: border-box;
484 box-sizing: border-box;
485 display: inline-block;
486 display: -ms-flexbox;
487 display: -webkit-box;
488 display: -webkit-flex;
489 display: flex;
490 -webkit-flex-wrap: wrap;
491 flex-wrap: wrap;
492 -ms-flex-wrap: wrap;
493 -ms-flex-pack: justify;
494 -webkit-justify-content: space-around;
495 justify-content: space-around;
496 -webkit-transform: translate3d(0px, 0px, 0px);
497 transform: translate3d(0px, 0px, 0px);
498 opacity: 1;
499}
500.dayContainer + .dayContainer {
501 -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.2);
502 box-shadow: -1px 0 0 rgba(72,72,72,0.2);
503}
504.flatpickr-day {
505 background: none;
506 border: 1px solid transparent;
507 border-radius: 150px;
508 -webkit-box-sizing: border-box;
509 box-sizing: border-box;
510 color: #484848;
511 cursor: pointer;
512 font-weight: 400;
513 width: 14.2857143%;
514 -webkit-flex-basis: 14.2857143%;
515 -ms-flex-preferred-size: 14.2857143%;
516 flex-basis: 14.2857143%;
517 max-width: 39px;
518 height: 39px;
519 line-height: 39px;
520 margin: 0;
521 display: inline-block;
522 position: relative;
523 -webkit-box-pack: center;
524 -webkit-justify-content: center;
525 -ms-flex-pack: center;
526 justify-content: center;
527 text-align: center;
528}
529.flatpickr-day.inRange,
530.flatpickr-day.prevMonthDay.inRange,
531.flatpickr-day.nextMonthDay.inRange,
532.flatpickr-day.today.inRange,
533.flatpickr-day.prevMonthDay.today.inRange,
534.flatpickr-day.nextMonthDay.today.inRange,
535.flatpickr-day:hover,
536.flatpickr-day.prevMonthDay:hover,
537.flatpickr-day.nextMonthDay:hover,
538.flatpickr-day:focus,
539.flatpickr-day.prevMonthDay:focus,
540.flatpickr-day.nextMonthDay:focus {
541 cursor: pointer;
542 outline: 0;
543 background: #e2e2e2;
544 border-color: #e2e2e2;
545}
546.flatpickr-day.today {
547 border-color: #bbb;
548}
549.flatpickr-day.today:hover,
550.flatpickr-day.today:focus {
551 border-color: #bbb;
552 background: #bbb;
553 color: #fff;
554}
555.flatpickr-day.selected,
556.flatpickr-day.startRange,
557.flatpickr-day.endRange,
558.flatpickr-day.selected.inRange,
559.flatpickr-day.startRange.inRange,
560.flatpickr-day.endRange.inRange,
561.flatpickr-day.selected:focus,
562.flatpickr-day.startRange:focus,
563.flatpickr-day.endRange:focus,
564.flatpickr-day.selected:hover,
565.flatpickr-day.startRange:hover,
566.flatpickr-day.endRange:hover,
567.flatpickr-day.selected.prevMonthDay,
568.flatpickr-day.startRange.prevMonthDay,
569.flatpickr-day.endRange.prevMonthDay,
570.flatpickr-day.selected.nextMonthDay,
571.flatpickr-day.startRange.nextMonthDay,
572.flatpickr-day.endRange.nextMonthDay {
573 background: #42a5f5;
574 -webkit-box-shadow: none;
575 box-shadow: none;
576 color: #fff;
577 border-color: #42a5f5;
578}
579.flatpickr-day.selected.startRange,
580.flatpickr-day.startRange.startRange,
581.flatpickr-day.endRange.startRange {
582 border-radius: 50px 0 0 50px;
583}
584.flatpickr-day.selected.endRange,
585.flatpickr-day.startRange.endRange,
586.flatpickr-day.endRange.endRange {
587 border-radius: 0 50px 50px 0;
588}
589.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
590.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
591.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
592 -webkit-box-shadow: -10px 0 0 #42a5f5;
593 box-shadow: -10px 0 0 #42a5f5;
594}
595.flatpickr-day.selected.startRange.endRange,
596.flatpickr-day.startRange.startRange.endRange,
597.flatpickr-day.endRange.startRange.endRange {
598 border-radius: 50px;
599}
600.flatpickr-day.inRange {
601 border-radius: 0;
602 -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
603 box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
604}
605.flatpickr-day.flatpickr-disabled,
606.flatpickr-day.flatpickr-disabled:hover,
607.flatpickr-day.prevMonthDay,
608.flatpickr-day.nextMonthDay,
609.flatpickr-day.notAllowed,
610.flatpickr-day.notAllowed.prevMonthDay,
611.flatpickr-day.notAllowed.nextMonthDay {
612 color: rgba(72,72,72,0.3);
613 background: transparent;
614 border-color: transparent;
615 cursor: default;
616}
617.flatpickr-day.flatpickr-disabled,
618.flatpickr-day.flatpickr-disabled:hover {
619 cursor: not-allowed;
620 color: rgba(72,72,72,0.1);
621}
622.flatpickr-day.week.selected {
623 border-radius: 0;
624 -webkit-box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
625 box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
626}
627.flatpickr-day.hidden {
628 visibility: hidden;
629}
630.rangeMode .flatpickr-day {
631 margin-top: 1px;
632}
633.flatpickr-weekwrapper {
634 float: left;
635}
636.flatpickr-weekwrapper .flatpickr-weeks {
637 padding: 0 12px;
638 border-left: 1px solid rgba(72,72,72,0.2);
639}
640.flatpickr-weekwrapper .flatpickr-weekday {
641 float: none;
642 width: 100%;
643 line-height: 28px;
644}
645.flatpickr-weekwrapper span.flatpickr-day,
646.flatpickr-weekwrapper span.flatpickr-day:hover {
647 display: block;
648 width: 100%;
649 max-width: none;
650 color: rgba(72,72,72,0.3);
651 background: transparent;
652 cursor: default;
653 border: none;
654}
655.flatpickr-innerContainer {
656 display: block;
657 display: -webkit-box;
658 display: -webkit-flex;
659 display: -ms-flexbox;
660 display: flex;
661 -webkit-box-sizing: border-box;
662 box-sizing: border-box;
663 overflow: hidden;
664 background: #fff;
665 border-bottom: 1px solid rgba(72,72,72,0.2);
666}
667.flatpickr-rContainer {
668 display: inline-block;
669 padding: 0;
670 -webkit-box-sizing: border-box;
671 box-sizing: border-box;
672}
673.flatpickr-time {
674 text-align: center;
675 outline: 0;
676 display: block;
677 height: 0;
678 line-height: 40px;
679 max-height: 40px;
680 -webkit-box-sizing: border-box;
681 box-sizing: border-box;
682 overflow: hidden;
683 display: -webkit-box;
684 display: -webkit-flex;
685 display: -ms-flexbox;
686 display: flex;
687 background: #fff;
688 border-radius: 0 0 5px 5px;
689}
690.flatpickr-time:after {
691 content: "";
692 display: table;
693 clear: both;
694}
695.flatpickr-time .numInputWrapper {
696 -webkit-box-flex: 1;
697 -webkit-flex: 1;
698 -ms-flex: 1;
699 flex: 1;
700 width: 40%;
701 height: 40px;
702 float: left;
703}
704.flatpickr-time .numInputWrapper span.arrowUp:after {
705 border-bottom-color: #484848;
706}
707.flatpickr-time .numInputWrapper span.arrowDown:after {
708 border-top-color: #484848;
709}
710.flatpickr-time.hasSeconds .numInputWrapper {
711 width: 26%;
712}
713.flatpickr-time.time24hr .numInputWrapper {
714 width: 49%;
715}
716.flatpickr-time input {
717 background: transparent;
718 -webkit-box-shadow: none;
719 box-shadow: none;
720 border: 0;
721 border-radius: 0;
722 text-align: center;
723 margin: 0;
724 padding: 0;
725 height: inherit;
726 line-height: inherit;
727 color: #484848;
728 font-size: 14px;
729 position: relative;
730 -webkit-box-sizing: border-box;
731 box-sizing: border-box;
732 -webkit-appearance: textfield;
733 -moz-appearance: textfield;
734 appearance: textfield;
735}
736.flatpickr-time input.flatpickr-hour {
737 font-weight: bold;
738}
739.flatpickr-time input.flatpickr-minute,
740.flatpickr-time input.flatpickr-second {
741 font-weight: 400;
742}
743.flatpickr-time input:focus {
744 outline: 0;
745 border: 0;
746}
747.flatpickr-time .flatpickr-time-separator,
748.flatpickr-time .flatpickr-am-pm {
749 height: inherit;
750 float: left;
751 line-height: inherit;
752 color: #484848;
753 font-weight: bold;
754 width: 2%;
755 -webkit-user-select: none;
756 -moz-user-select: none;
757 -ms-user-select: none;
758 user-select: none;
759 -webkit-align-self: center;
760 -ms-flex-item-align: center;
761 align-self: center;
762}
763.flatpickr-time .flatpickr-am-pm {
764 outline: 0;
765 width: 18%;
766 cursor: pointer;
767 text-align: center;
768 font-weight: 400;
769}
770.flatpickr-time input:hover,
771.flatpickr-time .flatpickr-am-pm:hover,
772.flatpickr-time input:focus,
773.flatpickr-time .flatpickr-am-pm:focus {
774 background: #eaeaea;
775}
776.flatpickr-input[readonly] {
777 cursor: pointer;
778}
779@-webkit-keyframes fpFadeInDown {
780 from {
781 opacity: 0;
782 -webkit-transform: translate3d(0, -20px, 0);
783 transform: translate3d(0, -20px, 0);
784 }
785 to {
786 opacity: 1;
787 -webkit-transform: translate3d(0, 0, 0);
788 transform: translate3d(0, 0, 0);
789 }
790}
791@keyframes fpFadeInDown {
792 from {
793 opacity: 0;
794 -webkit-transform: translate3d(0, -20px, 0);
795 transform: translate3d(0, -20px, 0);
796 }
797 to {
798 opacity: 1;
799 -webkit-transform: translate3d(0, 0, 0);
800 transform: translate3d(0, 0, 0);
801 }
802}