PluginProbe ʕ •ᴥ•ʔ
Everest Forms – Contact Form, Payment Form, Quiz, Survey & Custom Form Builder with AI / 1.6.3
Everest Forms – Contact Form, Payment Form, Quiz, Survey & Custom Form Builder with AI v1.6.3
3.5.2 3.5.1 3.5.0 3.4.8 3.4.7 3.4.6 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.5.1 1.1.6 1.1.7 1.1.8 1.1.9 1.2.0 1.2.1 1.2.2 1.2.3 1.2.4 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.4.0 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.4.8 1.4.9 1.5.0 1.5.1 1.5.10 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.6.1 1.6.7 1.7.0 1.7.0.1 1.7.0.2 1.7.0.3 1.7.1 1.7.2 1.7.2.1 1.7.2.2 1.7.3 1.7.4 1.7.5 1.7.5.1 1.7.5.2 1.7.6 1.7.7 1.7.7.1 1.7.7.2 1.7.8 1.7.9 1.8.0 1.8.0.1 1.8.1 1.8.2 1.8.2.1 1.8.2.2 1.8.2.3 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9.0 1.9.0.1 1.9.1 1.9.2 1.9.3 1.9.4 1.9.4.1 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0.0 2.0.0.1 2.0.1 2.0.2 2.0.3 2.0.3.1 2.0.4 2.0.4.1 2.0.5 2.0.6 2.0.7 2.0.8 2.0.8.1 2.0.9 3.0.0 3.0.0.1 3.0.1 3.0.2 3.0.3 3.0.3.1 3.0.4 3.0.4.1 3.0.4.2 3.0.5 3.0.5.1 3.0.5.2 3.0.6 3.0.6.1 3.0.7.1 3.0.8 3.0.8.1 3.0.9 3.0.9.1 3.0.9.2 3.0.9.3 3.0.9.4 3.0.9.5 3.1.0 3.1.1 3.1.2 3.2.0 3.2.1 3.2.2 3.2.3 3.2.4 3.2.5 3.2.6 3.3.0 3.4.0 3.4.1 3.4.2 3.4.2.1 3.4.3 3.4.4 3.4.5 trunk 1.0 1.0.1 1.0.2 1.0.3
everest-forms / assets / css / flatpickr.scss
everest-forms / assets / css Last commit date
jquery-confirm 8 years ago jquery-ui 8 years ago perfect-scrollbar 7 years ago _animation.scss 6 years ago _backbone.scss 6 years ago _clearings.scss 6 years ago _confirm.scss 6 years ago _fonts.scss 7 years ago _mixins.scss 7 years ago _variables.scss 6 years ago activation-rtl.css 6 years ago activation.css 6 years ago activation.scss 6 years ago admin-rtl.css 6 years ago admin.css 6 years ago admin.scss 6 years ago everest-forms-rtl.css 6 years ago everest-forms.css 6 years ago everest-forms.scss 6 years ago flatpickr.css 6 years ago flatpickr.scss 7 years ago menu-rtl.css 6 years ago menu.css 6 years ago menu.scss 6 years ago select2.css 6 years ago select2.scss 6 years ago
flatpickr.scss
735 lines
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 background: #fff;
22 -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
23 box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
24 }
25 .flatpickr-calendar.open,
26 .flatpickr-calendar.inline {
27 opacity: 1;
28 max-height: 640px;
29 visibility: visible;
30 }
31 .flatpickr-calendar.open {
32 display: inline-block;
33 z-index: 99999;
34 }
35 .flatpickr-calendar.animate.open {
36 -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
37 animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
38 }
39 .flatpickr-calendar.inline {
40 display: block;
41 position: relative;
42 top: 2px;
43 }
44 .flatpickr-calendar.static {
45 position: absolute;
46 top: calc(100% + 2px);
47 }
48 .flatpickr-calendar.static.open {
49 z-index: 999;
50 display: block;
51 }
52 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
53 -webkit-box-shadow: none !important;
54 box-shadow: none !important;
55 }
56 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
57 -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
58 box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
59 }
60 .flatpickr-calendar .hasWeeks .dayContainer,
61 .flatpickr-calendar .hasTime .dayContainer {
62 border-bottom: 0;
63 border-bottom-right-radius: 0;
64 border-bottom-left-radius: 0;
65 }
66 .flatpickr-calendar .hasWeeks .dayContainer {
67 border-left: 0;
68 }
69 .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
70 height: 40px;
71 border-top: 1px solid #e6e6e6;
72 }
73 .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
74 height: auto;
75 }
76 .flatpickr-calendar:before,
77 .flatpickr-calendar:after {
78 position: absolute;
79 display: block;
80 pointer-events: none;
81 border: solid transparent;
82 content: '';
83 height: 0;
84 width: 0;
85 left: 22px;
86 }
87 .flatpickr-calendar.rightMost:before,
88 .flatpickr-calendar.rightMost:after {
89 left: auto;
90 right: 22px;
91 }
92 .flatpickr-calendar:before {
93 border-width: 5px;
94 margin: 0 -5px;
95 }
96 .flatpickr-calendar:after {
97 border-width: 4px;
98 margin: 0 -4px;
99 }
100 .flatpickr-calendar.arrowTop:before,
101 .flatpickr-calendar.arrowTop:after {
102 bottom: 100%;
103 }
104 .flatpickr-calendar.arrowTop:before {
105 border-bottom-color: #e6e6e6;
106 }
107 .flatpickr-calendar.arrowTop:after {
108 border-bottom-color: #fff;
109 }
110 .flatpickr-calendar.arrowBottom:before,
111 .flatpickr-calendar.arrowBottom:after {
112 top: 100%;
113 }
114 .flatpickr-calendar.arrowBottom:before {
115 border-top-color: #e6e6e6;
116 }
117 .flatpickr-calendar.arrowBottom:after {
118 border-top-color: #fff;
119 }
120 .flatpickr-calendar:focus {
121 outline: 0;
122 }
123 .flatpickr-wrapper {
124 position: relative;
125 display: inline-block;
126 }
127 .flatpickr-months {
128 display: -webkit-box;
129 display: -webkit-flex;
130 display: -ms-flexbox;
131 display: flex;
132 }
133 .flatpickr-months .flatpickr-month {
134 background: transparent;
135 color: rgba(0,0,0,0.9);
136 fill: rgba(0,0,0,0.9);
137 height: 28px;
138 line-height: 1;
139 text-align: center;
140 position: relative;
141 -webkit-user-select: none;
142 -moz-user-select: none;
143 -ms-user-select: none;
144 user-select: none;
145 overflow: hidden;
146 -webkit-box-flex: 1;
147 -webkit-flex: 1;
148 -ms-flex: 1;
149 flex: 1;
150 }
151 .flatpickr-months .flatpickr-prev-month,
152 .flatpickr-months .flatpickr-next-month {
153 text-decoration: none;
154 cursor: pointer;
155 position: absolute;
156 top: 0px;
157 line-height: 16px;
158 height: 28px;
159 padding: 10px;
160 z-index: 3;
161 color: rgba(0,0,0,0.9);
162 fill: rgba(0,0,0,0.9);
163 }
164 .flatpickr-months .flatpickr-prev-month.disabled,
165 .flatpickr-months .flatpickr-next-month.disabled {
166 display: none;
167 }
168 .flatpickr-months .flatpickr-prev-month i,
169 .flatpickr-months .flatpickr-next-month i {
170 position: relative;
171 }
172 .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
173 .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
174 /*
175 /*rtl:begin:ignore*/
176 /*
177 */
178 left: 0;
179 /*
180 /*rtl:end:ignore*/
181 /*
182 */
183 }
184 /*
185 /*rtl:begin:ignore*/
186 /*
187 /*rtl:end:ignore*/
188 .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
189 .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
190 /*
191 /*rtl:begin:ignore*/
192 /*
193 */
194 right: 0;
195 /*
196 /*rtl:end:ignore*/
197 /*
198 */
199 }
200 /*
201 /*rtl:begin:ignore*/
202 /*
203 /*rtl:end:ignore*/
204 .flatpickr-months .flatpickr-prev-month:hover,
205 .flatpickr-months .flatpickr-next-month:hover {
206 color: #959ea9;
207 }
208 .flatpickr-months .flatpickr-prev-month:hover svg,
209 .flatpickr-months .flatpickr-next-month:hover svg {
210 fill: #f64747;
211 }
212 .flatpickr-months .flatpickr-prev-month svg,
213 .flatpickr-months .flatpickr-next-month svg {
214 width: 14px;
215 height: 14px;
216 }
217 .flatpickr-months .flatpickr-prev-month svg path,
218 .flatpickr-months .flatpickr-next-month svg path {
219 -webkit-transition: fill 0.1s;
220 transition: fill 0.1s;
221 fill: inherit;
222 }
223 .numInputWrapper {
224 position: relative;
225 height: auto;
226 }
227 .numInputWrapper input,
228 .numInputWrapper span {
229 display: inline-block;
230 }
231 .numInputWrapper input {
232 width: 100%;
233 }
234 .numInputWrapper input::-ms-clear {
235 display: none;
236 }
237 .numInputWrapper span {
238 position: absolute;
239 right: 0;
240 width: 14px;
241 padding: 0 4px 0 2px;
242 height: 50%;
243 line-height: 50%;
244 opacity: 0;
245 cursor: pointer;
246 border: 1px solid rgba(57,57,57,0.15);
247 box-sizing: border-box;
248 }
249 .numInputWrapper span:hover {
250 background: rgba(0,0,0,0.1);
251 }
252 .numInputWrapper span:active {
253 background: rgba(0,0,0,0.2);
254 }
255 .numInputWrapper span:after {
256 content: "";
257 display: block;
258 position: absolute;
259 }
260 .numInputWrapper span.arrowUp {
261 top: 0;
262 border-bottom: 0;
263 }
264 .numInputWrapper span.arrowUp:after {
265 border-left: 4px solid transparent;
266 border-right: 4px solid transparent;
267 border-bottom: 4px solid rgba(57,57,57,0.6);
268 top: 26%;
269 }
270 .numInputWrapper span.arrowDown {
271 top: 50%;
272 }
273 .numInputWrapper span.arrowDown:after {
274 border-left: 4px solid transparent;
275 border-right: 4px solid transparent;
276 border-top: 4px solid rgba(57,57,57,0.6);
277 top: 40%;
278 }
279 .numInputWrapper span svg {
280 width: inherit;
281 height: auto;
282 }
283 .numInputWrapper span svg path {
284 fill: rgba(0,0,0,0.5);
285 }
286 .numInputWrapper:hover {
287 background: rgba(0,0,0,0.05);
288 }
289 .numInputWrapper:hover span {
290 opacity: 1;
291 }
292 .flatpickr-current-month {
293 font-size: 135%;
294 line-height: inherit;
295 font-weight: 300;
296 color: inherit;
297 position: absolute;
298 width: 75%;
299 left: 12.5%;
300 padding: 6.16px 0 0 0;
301 line-height: 1;
302 height: 28px;
303 display: inline-block;
304 text-align: center;
305 -webkit-transform: translate3d(0px, 0px, 0px);
306 transform: translate3d(0px, 0px, 0px);
307 }
308 .flatpickr-current-month span.cur-month {
309 font-family: inherit;
310 font-weight: 700;
311 color: inherit;
312 display: inline-block;
313 margin-left: 0.5ch;
314 padding: 0;
315 }
316 .flatpickr-current-month span.cur-month:hover {
317 background: rgba(0,0,0,0.05);
318 }
319 .flatpickr-current-month .numInputWrapper {
320 width: 6ch;
321 width: 7ch\0;
322 display: inline-block;
323 }
324 .flatpickr-current-month .numInputWrapper span.arrowUp:after {
325 border-bottom-color: rgba(0,0,0,0.9);
326 }
327 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
328 border-top-color: rgba(0,0,0,0.9);
329 }
330 .flatpickr-current-month input.cur-year {
331 background: transparent;
332 box-sizing: border-box;
333 color: inherit;
334 cursor: text;
335 padding: 0 0 0 0.5ch;
336 margin: 0;
337 display: inline-block;
338 font-size: inherit;
339 font-family: inherit;
340 font-weight: 300;
341 line-height: inherit;
342 height: auto;
343 border: 0;
344 border-radius: 0;
345 vertical-align: initial;
346 }
347 .flatpickr-current-month input.cur-year:focus {
348 outline: 0;
349 }
350 .flatpickr-current-month input.cur-year[disabled]],
351 .flatpickr-current-month input.cur-year[disabled]]:hover {
352 font-size: 100%;
353 color: rgba(0,0,0,0.5);
354 background: transparent;
355 pointer-events: none;
356 }
357 .flatpickr-weekdays {
358 background: transparent;
359 text-align: center;
360 overflow: hidden;
361 width: 100%;
362 display: -webkit-box;
363 display: -webkit-flex;
364 display: -ms-flexbox;
365 display: flex;
366 -webkit-box-align: center;
367 -webkit-align-items: center;
368 -ms-flex-align: center;
369 align-items: center;
370 height: 28px;
371 }
372 .flatpickr-weekdays .flatpickr-weekdaycontainer {
373 display: -webkit-box;
374 display: -webkit-flex;
375 display: -ms-flexbox;
376 display: flex;
377 -webkit-box-flex: 1;
378 -webkit-flex: 1;
379 -ms-flex: 1;
380 flex: 1;
381 }
382 span.flatpickr-weekday {
383 cursor: default;
384 font-size: 90%;
385 background: transparent;
386 color: rgba(0,0,0,0.54);
387 line-height: 1;
388 margin: 0;
389 text-align: center;
390 display: block;
391 -webkit-box-flex: 1;
392 -webkit-flex: 1;
393 -ms-flex: 1;
394 flex: 1;
395 font-weight: bolder;
396 }
397 .dayContainer,
398 .flatpickr-weeks {
399 padding: 1px 0 0 0;
400 }
401 .flatpickr-days {
402 position: relative;
403 overflow: hidden;
404 display: -webkit-box;
405 display: -webkit-flex;
406 display: -ms-flexbox;
407 display: flex;
408 -webkit-box-align: start;
409 -webkit-align-items: flex-start;
410 -ms-flex-align: start;
411 align-items: flex-start;
412 width: 307.875px;
413 }
414 .flatpickr-days:focus {
415 outline: 0;
416 }
417 .dayContainer {
418 padding: 0;
419 outline: 0;
420 text-align: left;
421 width: 307.875px;
422 min-width: 307.875px;
423 max-width: 307.875px;
424 -webkit-box-sizing: border-box;
425 box-sizing: border-box;
426 display: inline-block;
427 display: -ms-flexbox;
428 display: -webkit-box;
429 display: -webkit-flex;
430 display: flex;
431 -webkit-flex-wrap: wrap;
432 flex-wrap: wrap;
433 -ms-flex-wrap: wrap;
434 -ms-flex-pack: justify;
435 -webkit-justify-content: space-around;
436 justify-content: space-around;
437 -webkit-transform: translate3d(0px, 0px, 0px);
438 transform: translate3d(0px, 0px, 0px);
439 opacity: 1;
440 }
441 .dayContainer + .dayContainer {
442 -webkit-box-shadow: -1px 0 0 #e6e6e6;
443 box-shadow: -1px 0 0 #e6e6e6;
444 }
445 .flatpickr-day {
446 background: none;
447 border: 1px solid transparent;
448 border-radius: 150px;
449 box-sizing: border-box;
450 color: #393939;
451 cursor: pointer;
452 font-weight: 400;
453 width: 14.2857143%;
454 -webkit-flex-basis: 14.2857143%;
455 -ms-flex-preferred-size: 14.2857143%;
456 flex-basis: 14.2857143%;
457 max-width: 39px;
458 height: 39px;
459 line-height: 39px;
460 margin: 0;
461 display: inline-block;
462 position: relative;
463 -webkit-box-pack: center;
464 -webkit-justify-content: center;
465 -ms-flex-pack: center;
466 justify-content: center;
467 text-align: center;
468 }
469 .flatpickr-day.inRange,
470 .flatpickr-day.prevMonthDay.inRange,
471 .flatpickr-day.nextMonthDay.inRange,
472 .flatpickr-day.today.inRange,
473 .flatpickr-day.prevMonthDay.today.inRange,
474 .flatpickr-day.nextMonthDay.today.inRange,
475 .flatpickr-day:hover,
476 .flatpickr-day.prevMonthDay:hover,
477 .flatpickr-day.nextMonthDay:hover,
478 .flatpickr-day:focus,
479 .flatpickr-day.prevMonthDay:focus,
480 .flatpickr-day.nextMonthDay:focus {
481 cursor: pointer;
482 outline: 0;
483 background: #e6e6e6;
484 border-color: #e6e6e6;
485 }
486 .flatpickr-day.today {
487 border-color: #959ea9;
488 }
489 .flatpickr-day.today:hover,
490 .flatpickr-day.today:focus {
491 border-color: #959ea9;
492 background: #959ea9;
493 color: #fff;
494 }
495 .flatpickr-day.selected,
496 .flatpickr-day.startRange,
497 .flatpickr-day.endRange,
498 .flatpickr-day.selected.inRange,
499 .flatpickr-day.startRange.inRange,
500 .flatpickr-day.endRange.inRange,
501 .flatpickr-day.selected:focus,
502 .flatpickr-day.startRange:focus,
503 .flatpickr-day.endRange:focus,
504 .flatpickr-day.selected:hover,
505 .flatpickr-day.startRange:hover,
506 .flatpickr-day.endRange:hover,
507 .flatpickr-day.selected.prevMonthDay,
508 .flatpickr-day.startRange.prevMonthDay,
509 .flatpickr-day.endRange.prevMonthDay,
510 .flatpickr-day.selected.nextMonthDay,
511 .flatpickr-day.startRange.nextMonthDay,
512 .flatpickr-day.endRange.nextMonthDay {
513 background: #569ff7;
514 -webkit-box-shadow: none;
515 box-shadow: none;
516 color: #fff;
517 border-color: #569ff7;
518 }
519 .flatpickr-day.selected.startRange,
520 .flatpickr-day.startRange.startRange,
521 .flatpickr-day.endRange.startRange {
522 border-radius: 50px 0 0 50px;
523 }
524 .flatpickr-day.selected.endRange,
525 .flatpickr-day.startRange.endRange,
526 .flatpickr-day.endRange.endRange {
527 border-radius: 0 50px 50px 0;
528 }
529 .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
530 .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
531 .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
532 -webkit-box-shadow: -10px 0 0 #569ff7;
533 box-shadow: -10px 0 0 #569ff7;
534 }
535 .flatpickr-day.selected.startRange.endRange,
536 .flatpickr-day.startRange.startRange.endRange,
537 .flatpickr-day.endRange.startRange.endRange {
538 border-radius: 50px;
539 }
540 .flatpickr-day.inRange {
541 border-radius: 0;
542 -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
543 box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
544 }
545 .flatpickr-day.disabled,
546 .flatpickr-day.disabled:hover,
547 .flatpickr-day.prevMonthDay,
548 .flatpickr-day.nextMonthDay,
549 .flatpickr-day.notAllowed,
550 .flatpickr-day.notAllowed.prevMonthDay,
551 .flatpickr-day.notAllowed.nextMonthDay {
552 color: rgba(57,57,57,0.3);
553 background: transparent;
554 border-color: transparent;
555 cursor: default;
556 }
557 .flatpickr-day.disabled,
558 .flatpickr-day.disabled:hover {
559 cursor: not-allowed;
560 color: rgba(57,57,57,0.1);
561 }
562 .flatpickr-day.week.selected {
563 border-radius: 0;
564 -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
565 box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
566 }
567 .flatpickr-day.hidden {
568 visibility: hidden;
569 }
570 .rangeMode .flatpickr-day {
571 margin-top: 1px;
572 }
573 .flatpickr-weekwrapper {
574 display: inline-block;
575 float: left;
576 }
577 .flatpickr-weekwrapper .flatpickr-weeks {
578 padding: 0 12px;
579 -webkit-box-shadow: 1px 0 0 #e6e6e6;
580 box-shadow: 1px 0 0 #e6e6e6;
581 }
582 .flatpickr-weekwrapper .flatpickr-weekday {
583 float: none;
584 width: 100%;
585 line-height: 28px;
586 }
587 .flatpickr-weekwrapper span.flatpickr-day,
588 .flatpickr-weekwrapper span.flatpickr-day:hover {
589 display: block;
590 width: 100%;
591 max-width: none;
592 color: rgba(57,57,57,0.3);
593 background: transparent;
594 cursor: default;
595 border: none;
596 }
597 .flatpickr-innerContainer {
598 display: block;
599 display: -webkit-box;
600 display: -webkit-flex;
601 display: -ms-flexbox;
602 display: flex;
603 box-sizing: border-box;
604 overflow: hidden;
605 }
606 .flatpickr-rContainer {
607 display: inline-block;
608 padding: 0;
609 box-sizing: border-box;
610 }
611 .flatpickr-time {
612 text-align: center;
613 outline: 0;
614 display: block;
615 height: 0;
616 line-height: 40px;
617 max-height: 40px;
618 box-sizing: border-box;
619 overflow: hidden;
620 display: -webkit-box;
621 display: -webkit-flex;
622 display: -ms-flexbox;
623 display: flex;
624 }
625 .flatpickr-time:after {
626 content: "";
627 display: table;
628 clear: both;
629 }
630 .flatpickr-time .numInputWrapper {
631 -webkit-box-flex: 1;
632 -webkit-flex: 1;
633 -ms-flex: 1;
634 flex: 1;
635 width: 40%;
636 height: 40px;
637 float: left;
638 }
639 .flatpickr-time .numInputWrapper span.arrowUp:after {
640 border-bottom-color: #393939;
641 }
642 .flatpickr-time .numInputWrapper span.arrowDown:after {
643 border-top-color: #393939;
644 }
645 .flatpickr-time.hasSeconds .numInputWrapper {
646 width: 26%;
647 }
648 .flatpickr-time.time24hr .numInputWrapper {
649 width: 49%;
650 }
651 .flatpickr-time input {
652 background: transparent;
653 -webkit-box-shadow: none;
654 box-shadow: none;
655 border: 0;
656 border-radius: 0;
657 text-align: center;
658 margin: 0;
659 padding: 0;
660 height: inherit;
661 line-height: inherit;
662 color: #393939;
663 font-size: 14px;
664 position: relative;
665 box-sizing: border-box;
666 }
667 .flatpickr-time input.flatpickr-hour {
668 font-weight: bold;
669 }
670 .flatpickr-time input.flatpickr-minute,
671 .flatpickr-time input.flatpickr-second {
672 font-weight: 400;
673 }
674 .flatpickr-time input:focus {
675 outline: 0;
676 border: 0;
677 }
678 .flatpickr-time .flatpickr-time-separator,
679 .flatpickr-time .flatpickr-am-pm {
680 height: inherit;
681 display: inline-block;
682 float: left;
683 line-height: inherit;
684 color: #393939;
685 font-weight: bold;
686 width: 2%;
687 -webkit-user-select: none;
688 -moz-user-select: none;
689 -ms-user-select: none;
690 user-select: none;
691 -webkit-align-self: center;
692 -ms-flex-item-align: center;
693 align-self: center;
694 }
695 .flatpickr-time .flatpickr-am-pm {
696 outline: 0;
697 width: 18%;
698 cursor: pointer;
699 text-align: center;
700 font-weight: 400;
701 }
702 .flatpickr-time input:hover,
703 .flatpickr-time .flatpickr-am-pm:hover,
704 .flatpickr-time input:focus,
705 .flatpickr-time .flatpickr-am-pm:focus {
706 background: #f3f3f3;
707 }
708 .flatpickr-input[readonly]] {
709 cursor: pointer;
710 }
711 @-webkit-keyframes fpFadeInDown {
712 from {
713 opacity: 0;
714 -webkit-transform: translate3d(0, -20px, 0);
715 transform: translate3d(0, -20px, 0);
716 }
717 to {
718 opacity: 1;
719 -webkit-transform: translate3d(0, 0, 0);
720 transform: translate3d(0, 0, 0);
721 }
722 }
723 @keyframes fpFadeInDown {
724 from {
725 opacity: 0;
726 -webkit-transform: translate3d(0, -20px, 0);
727 transform: translate3d(0, -20px, 0);
728 }
729 to {
730 opacity: 1;
731 -webkit-transform: translate3d(0, 0, 0);
732 transform: translate3d(0, 0, 0);
733 }
734 }
735