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