scrivito_advanced_editors 1.4.1 → 1.5.0.dev1

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