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