1 | .PresetDateRangePicker_panel {
|
2 | padding: 0 22px 11px
|
3 | }
|
4 | .PresetDateRangePicker_button {
|
5 | position: relative;
|
6 | height: 100%;
|
7 | text-align: center;
|
8 | background: 0 0;
|
9 | border: 2px solid #00a699;
|
10 | color: #00a699;
|
11 | padding: 4px 12px;
|
12 | margin-right: 8px;
|
13 | font: inherit;
|
14 | font-weight: 700;
|
15 | line-height: normal;
|
16 | overflow: visible;
|
17 | -moz-box-sizing: border-box;
|
18 | box-sizing: border-box;
|
19 | cursor: pointer
|
20 | }
|
21 | .PresetDateRangePicker_button:active {
|
22 | outline: 0
|
23 | }
|
24 | .PresetDateRangePicker_button__selected {
|
25 | color: #fff;
|
26 | background: #00a699
|
27 | }
|
28 | .SingleDatePickerInput {
|
29 | display: inline-block;
|
30 | background-color: #fff
|
31 | }
|
32 | .SingleDatePickerInput__withBorder {
|
33 | border-radius: 2px;
|
34 | border: 1px solid #dbdbdb
|
35 | }
|
36 | .SingleDatePickerInput__rtl {
|
37 | direction: rtl
|
38 | }
|
39 | .SingleDatePickerInput__disabled {
|
40 | background-color: #f2f2f2
|
41 | }
|
42 | .SingleDatePickerInput__block {
|
43 | display: block
|
44 | }
|
45 | .SingleDatePickerInput__showClearDate {
|
46 | padding-right: 30px
|
47 | }
|
48 | .SingleDatePickerInput_clearDate {
|
49 | background: 0 0;
|
50 | border: 0;
|
51 | color: inherit;
|
52 | font: inherit;
|
53 | line-height: normal;
|
54 | overflow: visible;
|
55 | cursor: pointer;
|
56 | padding: 10px;
|
57 | margin: 0 10px 0 5px;
|
58 | position: absolute;
|
59 | right: 0;
|
60 | top: 50%;
|
61 | -webkit-transform: translateY(-50%);
|
62 | -ms-transform: translateY(-50%);
|
63 | transform: translateY(-50%)
|
64 | }
|
65 | .SingleDatePickerInput_clearDate__default:focus,
|
66 | .SingleDatePickerInput_clearDate__default:hover {
|
67 | background: #dbdbdb;
|
68 | border-radius: 50%
|
69 | }
|
70 | .SingleDatePickerInput_clearDate__small {
|
71 | padding: 6px
|
72 | }
|
73 | .SingleDatePickerInput_clearDate__hide {
|
74 | visibility: hidden
|
75 | }
|
76 | .SingleDatePickerInput_clearDate_svg {
|
77 | fill: #82888a;
|
78 | height: 12px;
|
79 | width: 15px;
|
80 | vertical-align: middle
|
81 | }
|
82 | .SingleDatePickerInput_clearDate_svg__small {
|
83 | height: 9px
|
84 | }
|
85 | .SingleDatePickerInput_calendarIcon {
|
86 | background: 0 0;
|
87 | border: 0;
|
88 | color: inherit;
|
89 | font: inherit;
|
90 | line-height: normal;
|
91 | overflow: visible;
|
92 | cursor: pointer;
|
93 | display: inline-block;
|
94 | vertical-align: middle;
|
95 | padding: 10px;
|
96 | margin: 0 5px 0 10px
|
97 | }
|
98 | .SingleDatePickerInput_calendarIcon_svg {
|
99 | fill: #82888a;
|
100 | height: 15px;
|
101 | width: 14px;
|
102 | vertical-align: middle
|
103 | }
|
104 | .SingleDatePicker {
|
105 | position: relative;
|
106 | display: inline-block
|
107 | }
|
108 | .SingleDatePicker__block {
|
109 | display: block
|
110 | }
|
111 | .SingleDatePicker_picker {
|
112 | z-index: 1;
|
113 | background-color: #fff;
|
114 | position: absolute
|
115 | }
|
116 | .SingleDatePicker_picker__rtl {
|
117 | direction: rtl
|
118 | }
|
119 | .SingleDatePicker_picker__directionLeft {
|
120 | left: 0
|
121 | }
|
122 | .SingleDatePicker_picker__directionRight {
|
123 | right: 0
|
124 | }
|
125 | .SingleDatePicker_picker__portal {
|
126 | background-color: rgba(0,0,0,.3);
|
127 | position: fixed;
|
128 | top: 0;
|
129 | left: 0;
|
130 | height: 100%;
|
131 | width: 100%
|
132 | }
|
133 | .SingleDatePicker_picker__fullScreenPortal {
|
134 | background-color: #fff
|
135 | }
|
136 | .SingleDatePicker_closeButton {
|
137 | background: 0 0;
|
138 | border: 0;
|
139 | color: inherit;
|
140 | font: inherit;
|
141 | line-height: normal;
|
142 | overflow: visible;
|
143 | cursor: pointer;
|
144 | position: absolute;
|
145 | top: 0;
|
146 | right: 0;
|
147 | padding: 15px;
|
148 | z-index: 2
|
149 | }
|
150 | .SingleDatePicker_closeButton:focus,
|
151 | .SingleDatePicker_closeButton:hover {
|
152 | color: darken(#cacccd,10%);
|
153 | text-decoration: none
|
154 | }
|
155 | .SingleDatePicker_closeButton_svg {
|
156 | height: 15px;
|
157 | width: 15px;
|
158 | fill: #cacccd
|
159 | }
|
160 | .DayPickerKeyboardShortcuts_buttonReset {
|
161 | background: 0 0;
|
162 | border: 0;
|
163 | border-radius: 0;
|
164 | color: inherit;
|
165 | font: inherit;
|
166 | line-height: normal;
|
167 | overflow: visible;
|
168 | padding: 0;
|
169 | cursor: pointer;
|
170 | font-size: 14px
|
171 | }
|
172 | .DayPickerKeyboardShortcuts_buttonReset:active {
|
173 | outline: 0
|
174 | }
|
175 | .DayPickerKeyboardShortcuts_show {
|
176 | width: 33px;
|
177 | height: 26px;
|
178 | position: absolute;
|
179 | z-index: 2
|
180 | }
|
181 | .DayPickerKeyboardShortcuts_show::before {
|
182 | content: "";
|
183 | display: block;
|
184 | position: absolute
|
185 | }
|
186 | .DayPickerKeyboardShortcuts_show__bottomRight {
|
187 | bottom: 0;
|
188 | right: 0
|
189 | }
|
190 | .DayPickerKeyboardShortcuts_show__bottomRight::before {
|
191 | border-top: 26px solid transparent;
|
192 | border-right: 33px solid #00a699;
|
193 | bottom: 0;
|
194 | right: 0
|
195 | }
|
196 | .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
|
197 | border-right: 33px solid #008489
|
198 | }
|
199 | .DayPickerKeyboardShortcuts_show__topRight {
|
200 | top: 0;
|
201 | right: 0
|
202 | }
|
203 | .DayPickerKeyboardShortcuts_show__topRight::before {
|
204 | border-bottom: 26px solid transparent;
|
205 | border-right: 33px solid #00a699;
|
206 | top: 0;
|
207 | right: 0
|
208 | }
|
209 | .DayPickerKeyboardShortcuts_show__topRight:hover::before {
|
210 | border-right: 33px solid #008489
|
211 | }
|
212 | .DayPickerKeyboardShortcuts_show__topLeft {
|
213 | top: 0;
|
214 | left: 0
|
215 | }
|
216 | .DayPickerKeyboardShortcuts_show__topLeft::before {
|
217 | border-bottom: 26px solid transparent;
|
218 | border-left: 33px solid #00a699;
|
219 | top: 0;
|
220 | left: 0
|
221 | }
|
222 | .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
|
223 | border-left: 33px solid #008489
|
224 | }
|
225 | .DayPickerKeyboardShortcuts_showSpan {
|
226 | color: #fff;
|
227 | position: absolute
|
228 | }
|
229 | .DayPickerKeyboardShortcuts_showSpan__bottomRight {
|
230 | bottom: 0;
|
231 | right: 5px
|
232 | }
|
233 | .DayPickerKeyboardShortcuts_showSpan__topRight {
|
234 | top: 1px;
|
235 | right: 5px
|
236 | }
|
237 | .DayPickerKeyboardShortcuts_showSpan__topLeft {
|
238 | top: 1px;
|
239 | left: 5px
|
240 | }
|
241 | .DayPickerKeyboardShortcuts_panel {
|
242 | overflow: auto;
|
243 | background: #fff;
|
244 | border: 1px solid #dbdbdb;
|
245 | border-radius: 2px;
|
246 | position: absolute;
|
247 | top: 0;
|
248 | bottom: 0;
|
249 | right: 0;
|
250 | left: 0;
|
251 | z-index: 2;
|
252 | padding: 22px;
|
253 | margin: 33px;
|
254 | text-align: left
|
255 | }
|
256 | .DayPickerKeyboardShortcuts_title {
|
257 | font-size: 16px;
|
258 | font-weight: 700;
|
259 | margin: 0
|
260 | }
|
261 | .DayPickerKeyboardShortcuts_list {
|
262 | list-style: none;
|
263 | padding: 0;
|
264 | font-size: 14px
|
265 | }
|
266 | .DayPickerKeyboardShortcuts_close {
|
267 | position: absolute;
|
268 | right: 22px;
|
269 | top: 22px;
|
270 | z-index: 2
|
271 | }
|
272 | .DayPickerKeyboardShortcuts_close:active {
|
273 | outline: 0
|
274 | }
|
275 | .DayPickerKeyboardShortcuts_closeSvg {
|
276 | height: 15px;
|
277 | width: 15px;
|
278 | fill: #cacccd
|
279 | }
|
280 | .DayPickerKeyboardShortcuts_closeSvg:focus,
|
281 | .DayPickerKeyboardShortcuts_closeSvg:hover {
|
282 | fill: #82888a
|
283 | }
|
284 | .CalendarDay {
|
285 | -moz-box-sizing: border-box;
|
286 | box-sizing: border-box;
|
287 | cursor: pointer;
|
288 | font-size: 14px;
|
289 | text-align: center
|
290 | }
|
291 | .CalendarDay:active {
|
292 | outline: 0
|
293 | }
|
294 | .CalendarDay__defaultCursor {
|
295 | cursor: default
|
296 | }
|
297 | .CalendarDay__default {
|
298 | border: 1px solid #e4e7e7;
|
299 | color: #484848;
|
300 | background: #fff
|
301 | }
|
302 | .CalendarDay__default:hover {
|
303 | background: #e4e7e7;
|
304 | border: 1px solid #e4e7e7;
|
305 | color: inherit
|
306 | }
|
307 | .CalendarDay__hovered_offset {
|
308 | background: #f4f5f5;
|
309 | border: 1px double #e4e7e7;
|
310 | color: inherit
|
311 | }
|
312 | .CalendarDay__outside {
|
313 | border: 0;
|
314 | background: #fff;
|
315 | color: #484848
|
316 | }
|
317 | .CalendarDay__outside:hover {
|
318 | border: 0
|
319 | }
|
320 | .CalendarDay__blocked_minimum_nights {
|
321 | background: #fff;
|
322 | border: 1px solid #eceeee;
|
323 | color: #cacccd
|
324 | }
|
325 | .CalendarDay__blocked_minimum_nights:active,
|
326 | .CalendarDay__blocked_minimum_nights:hover {
|
327 | background: #fff;
|
328 | color: #cacccd
|
329 | }
|
330 | .CalendarDay__highlighted_calendar {
|
331 | background: #ffe8bc;
|
332 | color: #484848
|
333 | }
|
334 | .CalendarDay__highlighted_calendar:active,
|
335 | .CalendarDay__highlighted_calendar:hover {
|
336 | background: #ffce71;
|
337 | color: #484848
|
338 | }
|
339 | .CalendarDay__selected_span {
|
340 | background: #66e2da;
|
341 | border: 1px double #33dacd;
|
342 | color: #fff
|
343 | }
|
344 | .CalendarDay__selected_span:active,
|
345 | .CalendarDay__selected_span:hover {
|
346 | background: #33dacd;
|
347 | border: 1px double #33dacd;
|
348 | color: #fff
|
349 | }
|
350 | .CalendarDay__selected,
|
351 | .CalendarDay__selected:active,
|
352 | .CalendarDay__selected:hover {
|
353 | background: #00a699;
|
354 | border: 1px double #00a699;
|
355 | color: #fff
|
356 | }
|
357 | .CalendarDay__hovered_span,
|
358 | .CalendarDay__hovered_span:hover {
|
359 | background: #b2f1ec;
|
360 | border: 1px double #80e8e0;
|
361 | color: #007a87
|
362 | }
|
363 | .CalendarDay__hovered_span:active {
|
364 | background: #80e8e0;
|
365 | border: 1px double #80e8e0;
|
366 | color: #007a87
|
367 | }
|
368 | .CalendarDay__blocked_calendar,
|
369 | .CalendarDay__blocked_calendar:active,
|
370 | .CalendarDay__blocked_calendar:hover {
|
371 | background: #cacccd;
|
372 | border: 1px solid #cacccd;
|
373 | color: #82888a
|
374 | }
|
375 | .CalendarDay__blocked_out_of_range,
|
376 | .CalendarDay__blocked_out_of_range:active,
|
377 | .CalendarDay__blocked_out_of_range:hover {
|
378 | background: #fff;
|
379 | border: 1px solid #e4e7e7;
|
380 | color: #cacccd
|
381 | }
|
382 | .CalendarDay__hovered_start_first_possible_end {
|
383 | background: #eceeee;
|
384 | border: 1px double #eceeee
|
385 | }
|
386 | .CalendarDay__hovered_start_blocked_min_nights {
|
387 | background: #eceeee;
|
388 | border: 1px double #e4e7e7
|
389 | }
|
390 | .CalendarMonth {
|
391 | background: #fff;
|
392 | text-align: center;
|
393 | vertical-align: top;
|
394 | -webkit-user-select: none;
|
395 | -moz-user-select: none;
|
396 | -ms-user-select: none;
|
397 | user-select: none
|
398 | }
|
399 | .CalendarMonth_table {
|
400 | border-collapse: collapse;
|
401 | border-spacing: 0
|
402 | }
|
403 | .CalendarMonth_verticalSpacing {
|
404 | border-collapse: separate
|
405 | }
|
406 | .CalendarMonth_caption {
|
407 | color: #484848;
|
408 | font-size: 18px;
|
409 | text-align: center;
|
410 | padding-top: 22px;
|
411 | padding-bottom: 37px;
|
412 | caption-side: initial
|
413 | }
|
414 | .CalendarMonth_caption__verticalScrollable {
|
415 | padding-top: 12px;
|
416 | padding-bottom: 7px
|
417 | }
|
418 | .CalendarMonthGrid {
|
419 | background: #fff;
|
420 | text-align: left;
|
421 | z-index: 0
|
422 | }
|
423 | .CalendarMonthGrid__animating {
|
424 | z-index: 1
|
425 | }
|
426 | .CalendarMonthGrid__horizontal {
|
427 | position: absolute;
|
428 | left: 9px
|
429 | }
|
430 | .CalendarMonthGrid__vertical,
|
431 | .CalendarMonthGrid__vertical_scrollable {
|
432 | margin: 0 auto
|
433 | }
|
434 | .CalendarMonthGrid_month__horizontal {
|
435 | display: inline-block;
|
436 | vertical-align: top;
|
437 | min-height: 100%
|
438 | }
|
439 | .CalendarMonthGrid_month__hideForAnimation {
|
440 | position: absolute;
|
441 | z-index: -1;
|
442 | opacity: 0;
|
443 | pointer-events: none
|
444 | }
|
445 | .CalendarMonthGrid_month__hidden {
|
446 | visibility: hidden
|
447 | }
|
448 | .DayPickerNavigation {
|
449 | position: relative;
|
450 | z-index: 2
|
451 | }
|
452 | .DayPickerNavigation__horizontal {
|
453 | height: 0
|
454 | }
|
455 | .DayPickerNavigation__verticalScrollable_prevNav {
|
456 | z-index: 1
|
457 | }
|
458 | .DayPickerNavigation__verticalDefault {
|
459 | position: absolute;
|
460 | width: 100%;
|
461 | height: 52px;
|
462 | bottom: 0;
|
463 | left: 0
|
464 | }
|
465 | .DayPickerNavigation__verticalScrollableDefault {
|
466 | position: relative
|
467 | }
|
468 | .DayPickerNavigation__bottom {
|
469 | height: auto
|
470 | }
|
471 | .DayPickerNavigation__bottomDefault {
|
472 | -webkit-box-pack: justify;
|
473 | -ms-flex-pack: justify;
|
474 | display: -webkit-box;
|
475 | display: -moz-box;
|
476 | display: -ms-flexbox;
|
477 | display: -webkit-flex;
|
478 | display: flex;
|
479 | -webkit-justify-content: space-between;
|
480 | justify-content: space-between
|
481 | }
|
482 | .DayPickerNavigation_button {
|
483 | cursor: pointer;
|
484 | -webkit-user-select: none;
|
485 | -moz-user-select: none;
|
486 | -ms-user-select: none;
|
487 | user-select: none;
|
488 | border: 0;
|
489 | padding: 0;
|
490 | margin: 0
|
491 | }
|
492 | .DayPickerNavigation_button__default {
|
493 | border: 1px solid #e4e7e7;
|
494 | background-color: #fff;
|
495 | color: #757575
|
496 | }
|
497 | .DayPickerNavigation_button__default:focus,
|
498 | .DayPickerNavigation_button__default:hover {
|
499 | border: 1px solid #c4c4c4
|
500 | }
|
501 | .DayPickerNavigation_button__default:active {
|
502 | background: #f2f2f2
|
503 | }
|
504 | .DayPickerNavigation_button__disabled {
|
505 | cursor: default;
|
506 | border: 1px solid #f2f2f2
|
507 | }
|
508 | .DayPickerNavigation_button__disabled:focus,
|
509 | .DayPickerNavigation_button__disabled:hover {
|
510 | border: 1px solid #f2f2f2
|
511 | }
|
512 | .DayPickerNavigation_button__disabled:active {
|
513 | background: 0 0
|
514 | }
|
515 | .DayPickerNavigation_button__horizontalDefault {
|
516 | position: absolute;
|
517 | top: 18px;
|
518 | line-height: .78;
|
519 | border-radius: 3px;
|
520 | padding: 6px 9px
|
521 | }
|
522 | .DayPickerNavigation_bottomButton__horizontalDefault {
|
523 | position: static;
|
524 | margin: -10px 22px 30px
|
525 | }
|
526 | .DayPickerNavigation_leftButton__horizontalDefault {
|
527 | left: 22px
|
528 | }
|
529 | .DayPickerNavigation_rightButton__horizontalDefault {
|
530 | right: 22px
|
531 | }
|
532 | .DayPickerNavigation_button__verticalDefault {
|
533 | padding: 5px;
|
534 | background: #fff;
|
535 | box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
|
536 | position: relative;
|
537 | display: inline-block;
|
538 | text-align: center;
|
539 | height: 100%;
|
540 | width: 50%
|
541 | }
|
542 | .DayPickerNavigation_nextButton__verticalDefault {
|
543 | border-left: 0
|
544 | }
|
545 | .DayPickerNavigation_nextButton__verticalScrollableDefault,
|
546 | .DayPickerNavigation_prevButton__verticalScrollableDefault {
|
547 | width: 100%
|
548 | }
|
549 | .DayPickerNavigation_svg__horizontal {
|
550 | height: 19px;
|
551 | width: 19px;
|
552 | fill: #82888a;
|
553 | display: block
|
554 | }
|
555 | .DayPickerNavigation_svg__vertical {
|
556 | height: 42px;
|
557 | width: 42px;
|
558 | fill: #484848
|
559 | }
|
560 | .DayPickerNavigation_svg__disabled {
|
561 | fill: #f2f2f2
|
562 | }
|
563 | .DayPicker {
|
564 | background: #fff;
|
565 | position: relative;
|
566 | text-align: left
|
567 | }
|
568 | .DayPicker__horizontal {
|
569 | background: #fff
|
570 | }
|
571 | .DayPicker__verticalScrollable {
|
572 | height: 100%
|
573 | }
|
574 | .DayPicker__hidden {
|
575 | visibility: hidden
|
576 | }
|
577 | .DayPicker__withBorder {
|
578 | box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
|
579 | border-radius: 3px
|
580 | }
|
581 | .DayPicker_portal__horizontal {
|
582 | box-shadow: none;
|
583 | position: absolute;
|
584 | left: 50%;
|
585 | top: 50%
|
586 | }
|
587 | .DayPicker_portal__vertical {
|
588 | position: initial
|
589 | }
|
590 | .DayPicker_focusRegion {
|
591 | outline: 0
|
592 | }
|
593 | .DayPicker_calendarInfo__horizontal,
|
594 | .DayPicker_wrapper__horizontal {
|
595 | display: inline-block;
|
596 | vertical-align: top
|
597 | }
|
598 | .DayPicker_weekHeaders {
|
599 | position: relative
|
600 | }
|
601 | .DayPicker_weekHeaders__horizontal {
|
602 | margin-left: 9px
|
603 | }
|
604 | .DayPicker_weekHeader {
|
605 | color: #757575;
|
606 | position: absolute;
|
607 | top: 62px;
|
608 | z-index: 2;
|
609 | text-align: left
|
610 | }
|
611 | .DayPicker_weekHeader__vertical {
|
612 | left: 50%
|
613 | }
|
614 | .DayPicker_weekHeader__verticalScrollable {
|
615 | top: 0;
|
616 | display: table-row;
|
617 | border-bottom: 1px solid #dbdbdb;
|
618 | background: #fff;
|
619 | margin-left: 0;
|
620 | left: 0;
|
621 | width: 100%;
|
622 | text-align: center
|
623 | }
|
624 | .DayPicker_weekHeader_ul {
|
625 | list-style: none;
|
626 | margin: 1px 0;
|
627 | padding-left: 0;
|
628 | padding-right: 0;
|
629 | font-size: 14px
|
630 | }
|
631 | .DayPicker_weekHeader_li {
|
632 | display: inline-block;
|
633 | text-align: center
|
634 | }
|
635 | .DayPicker_transitionContainer {
|
636 | position: relative;
|
637 | overflow: hidden;
|
638 | border-radius: 3px
|
639 | }
|
640 | .DayPicker_transitionContainer__horizontal {
|
641 | -webkit-transition: height .2s ease-in-out;
|
642 | -moz-transition: height .2s ease-in-out;
|
643 | transition: height .2s ease-in-out
|
644 | }
|
645 | .DayPicker_transitionContainer__vertical {
|
646 | width: 100%
|
647 | }
|
648 | .DayPicker_transitionContainer__verticalScrollable {
|
649 | padding-top: 20px;
|
650 | height: 100%;
|
651 | position: absolute;
|
652 | top: 0;
|
653 | bottom: 0;
|
654 | right: 0;
|
655 | left: 0;
|
656 | overflow-y: scroll
|
657 | }
|
658 | .DateInput {
|
659 | margin: 0;
|
660 | padding: 0;
|
661 | background: #fff;
|
662 | position: relative;
|
663 | display: inline-block;
|
664 | width: 130px;
|
665 | vertical-align: middle
|
666 | }
|
667 | .DateInput__small {
|
668 | width: 97px
|
669 | }
|
670 | .DateInput__block {
|
671 | width: 100%
|
672 | }
|
673 | .DateInput__disabled {
|
674 | background: #f2f2f2;
|
675 | color: #dbdbdb
|
676 | }
|
677 | .DateInput_input {
|
678 | font-weight: 200;
|
679 | font-size: 19px;
|
680 | line-height: 24px;
|
681 | color: #484848;
|
682 | background-color: #fff;
|
683 | width: 100%;
|
684 | padding: 11px 11px 9px;
|
685 | border: 0;
|
686 | border-top: 0;
|
687 | border-right: 0;
|
688 | border-bottom: 2px solid transparent;
|
689 | border-left: 0;
|
690 | border-radius: 0
|
691 | }
|
692 | .DateInput_input__small {
|
693 | font-size: 15px;
|
694 | line-height: 18px;
|
695 | letter-spacing: .2px;
|
696 | padding: 7px 7px 5px
|
697 | }
|
698 | .DateInput_input__regular {
|
699 | font-weight: auto
|
700 | }
|
701 | .DateInput_input__readOnly {
|
702 | -webkit-user-select: none;
|
703 | -moz-user-select: none;
|
704 | -ms-user-select: none;
|
705 | user-select: none
|
706 | }
|
707 | .DateInput_input__focused {
|
708 | outline: 0;
|
709 | background: #fff;
|
710 | border: 0;
|
711 | border-top: 0;
|
712 | border-right: 0;
|
713 | border-bottom: 2px solid #008489;
|
714 | border-left: 0
|
715 | }
|
716 | .DateInput_input__disabled {
|
717 | background: #f2f2f2;
|
718 | font-style: italic
|
719 | }
|
720 | .DateInput_screenReaderMessage {
|
721 | border: 0;
|
722 | clip: rect(0,0,0,0);
|
723 | height: 1px;
|
724 | margin: -1px;
|
725 | overflow: hidden;
|
726 | padding: 0;
|
727 | position: absolute;
|
728 | width: 1px
|
729 | }
|
730 | .DateInput_fang {
|
731 | position: absolute;
|
732 | width: 20px;
|
733 | height: 10px;
|
734 | left: 22px;
|
735 | z-index: 2
|
736 | }
|
737 | .DateInput_fangShape {
|
738 | fill: #fff
|
739 | }
|
740 | .DateInput_fangStroke {
|
741 | stroke: #dbdbdb;
|
742 | fill: transparent
|
743 | }
|
744 | .DateRangePickerInput {
|
745 | background-color: #fff;
|
746 | display: inline-block
|
747 | }
|
748 | .DateRangePickerInput__disabled {
|
749 | background: #f2f2f2
|
750 | }
|
751 | .DateRangePickerInput__withBorder {
|
752 | border-radius: 2px;
|
753 | border: 1px solid #dbdbdb
|
754 | }
|
755 | .DateRangePickerInput__rtl {
|
756 | direction: rtl
|
757 | }
|
758 | .DateRangePickerInput__block {
|
759 | display: block
|
760 | }
|
761 | .DateRangePickerInput__showClearDates {
|
762 | padding-right: 30px
|
763 | }
|
764 | .DateRangePickerInput_arrow {
|
765 | display: inline-block;
|
766 | vertical-align: middle;
|
767 | color: #484848
|
768 | }
|
769 | .DateRangePickerInput_arrow_svg {
|
770 | vertical-align: middle;
|
771 | fill: #484848;
|
772 | height: 24px;
|
773 | width: 24px
|
774 | }
|
775 | .DateRangePickerInput_clearDates {
|
776 | background: 0 0;
|
777 | border: 0;
|
778 | color: inherit;
|
779 | font: inherit;
|
780 | line-height: normal;
|
781 | overflow: visible;
|
782 | cursor: pointer;
|
783 | padding: 10px;
|
784 | margin: 0 10px 0 5px;
|
785 | position: absolute;
|
786 | right: 0;
|
787 | top: 50%;
|
788 | -webkit-transform: translateY(-50%);
|
789 | -ms-transform: translateY(-50%);
|
790 | transform: translateY(-50%)
|
791 | }
|
792 | .DateRangePickerInput_clearDates__small {
|
793 | padding: 6px
|
794 | }
|
795 | .DateRangePickerInput_clearDates_default:focus,
|
796 | .DateRangePickerInput_clearDates_default:hover {
|
797 | background: #dbdbdb;
|
798 | border-radius: 50%
|
799 | }
|
800 | .DateRangePickerInput_clearDates__hide {
|
801 | visibility: hidden
|
802 | }
|
803 | .DateRangePickerInput_clearDates_svg {
|
804 | fill: #82888a;
|
805 | height: 12px;
|
806 | width: 15px;
|
807 | vertical-align: middle
|
808 | }
|
809 | .DateRangePickerInput_clearDates_svg__small {
|
810 | height: 9px
|
811 | }
|
812 | .DateRangePickerInput_calendarIcon {
|
813 | background: 0 0;
|
814 | border: 0;
|
815 | color: inherit;
|
816 | font: inherit;
|
817 | line-height: normal;
|
818 | overflow: visible;
|
819 | cursor: pointer;
|
820 | display: inline-block;
|
821 | vertical-align: middle;
|
822 | padding: 10px;
|
823 | margin: 0 5px 0 10px
|
824 | }
|
825 | .DateRangePickerInput_calendarIcon_svg {
|
826 | fill: #82888a;
|
827 | height: 15px;
|
828 | width: 14px;
|
829 | vertical-align: middle
|
830 | }
|
831 | .DateRangePicker {
|
832 | position: relative;
|
833 | display: inline-block
|
834 | }
|
835 | .DateRangePicker__block {
|
836 | display: block
|
837 | }
|
838 | .DateRangePicker_picker {
|
839 | z-index: 1;
|
840 | background-color: #fff;
|
841 | position: absolute
|
842 | }
|
843 | .DateRangePicker_picker__rtl {
|
844 | direction: rtl
|
845 | }
|
846 | .DateRangePicker_picker__directionLeft {
|
847 | left: 0
|
848 | }
|
849 | .DateRangePicker_picker__directionRight {
|
850 | right: 0
|
851 | }
|
852 | .DateRangePicker_picker__portal {
|
853 | background-color: rgba(0,0,0,.3);
|
854 | position: fixed;
|
855 | top: 0;
|
856 | left: 0;
|
857 | height: 100%;
|
858 | width: 100%
|
859 | }
|
860 | .DateRangePicker_picker__fullScreenPortal {
|
861 | background-color: #fff
|
862 | }
|
863 | .DateRangePicker_closeButton {
|
864 | background: 0 0;
|
865 | border: 0;
|
866 | color: inherit;
|
867 | font: inherit;
|
868 | line-height: normal;
|
869 | overflow: visible;
|
870 | cursor: pointer;
|
871 | position: absolute;
|
872 | top: 0;
|
873 | right: 0;
|
874 | padding: 15px;
|
875 | z-index: 2
|
876 | }
|
877 | .DateRangePicker_closeButton:focus,
|
878 | .DateRangePicker_closeButton:hover {
|
879 | color: darken(#cacccd,10%);
|
880 | text-decoration: none
|
881 | }
|
882 | .DateRangePicker_closeButton_svg {
|
883 | height: 15px;
|
884 | width: 15px;
|
885 | fill: #cacccd
|
886 | } |
\ | No newline at end of file |