1 | .CalendarDay {
|
2 | border: 1px solid #e4e7e7;
|
3 | padding: 0;
|
4 | box-sizing: border-box;
|
5 | color: #565a5c;
|
6 | cursor: pointer; }
|
7 |
|
8 | .CalendarDay__button {
|
9 | position: relative;
|
10 | height: 100%;
|
11 | width: 100%;
|
12 | text-align: center;
|
13 | background: none;
|
14 | border: 0;
|
15 | margin: 0;
|
16 | padding: 0;
|
17 | color: inherit;
|
18 | font: inherit;
|
19 | line-height: normal;
|
20 | overflow: visible;
|
21 | cursor: pointer;
|
22 | box-sizing: border-box; }
|
23 | .CalendarDay__button:active {
|
24 | outline: 0; }
|
25 |
|
26 | .CalendarDay--highlighted-calendar {
|
27 | background: #ffe8bc;
|
28 | color: #565a5c;
|
29 | cursor: default; }
|
30 | .CalendarDay--highlighted-calendar:active {
|
31 | background: #007a87; }
|
32 |
|
33 | .CalendarDay--outside {
|
34 | border: 0;
|
35 | cursor: default; }
|
36 | .CalendarDay--outside:active {
|
37 | background: #fff; }
|
38 |
|
39 | .CalendarDay--hovered {
|
40 | background: #e4e7e7;
|
41 | border: 1px double #d4d9d9;
|
42 | color: inherit; }
|
43 |
|
44 | .CalendarDay--blocked-minimum-nights {
|
45 | color: #cacccd;
|
46 | background: #fff;
|
47 | border: 1px solid #e4e7e7;
|
48 | cursor: default; }
|
49 | .CalendarDay--blocked-minimum-nights:active {
|
50 | background: #fff; }
|
51 |
|
52 | .CalendarDay--selected-span {
|
53 | background: #66e2da;
|
54 | border: 1px double #33dacd;
|
55 | color: #fff; }
|
56 | .CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
|
57 | background: #33dacd;
|
58 | border: 1px double #00a699; }
|
59 | .CalendarDay--selected-span.CalendarDay--last-in-range {
|
60 | border-right: #00a699; }
|
61 |
|
62 | .CalendarDay--hovered-span,
|
63 | .CalendarDay--after-hovered-start {
|
64 | background: #b2f1ec;
|
65 | border: 1px double #80e8e0;
|
66 | color: #007a87; }
|
67 | .CalendarDay--hovered-span:active,
|
68 | .CalendarDay--after-hovered-start:active {
|
69 | background: #80e8e0; }
|
70 |
|
71 | .CalendarDay--selected-start,
|
72 | .CalendarDay--selected-end,
|
73 | .CalendarDay--selected {
|
74 | background: #00a699;
|
75 | border: 1px double #00a699;
|
76 | color: #fff; }
|
77 | .CalendarDay--selected-start:active,
|
78 | .CalendarDay--selected-end:active,
|
79 | .CalendarDay--selected:active {
|
80 | background: #00a699; }
|
81 |
|
82 | .CalendarDay--blocked-calendar {
|
83 | background: #cacccd;
|
84 | color: #82888a;
|
85 | cursor: default; }
|
86 | .CalendarDay--blocked-calendar:active {
|
87 | background: #cacccd; }
|
88 |
|
89 | .CalendarDay--blocked-out-of-range {
|
90 | color: #cacccd;
|
91 | background: #fff;
|
92 | border: 1px solid #e4e7e7;
|
93 | cursor: default; }
|
94 | .CalendarDay--blocked-out-of-range:active {
|
95 | background: #fff; }
|
96 |
|
97 | .CalendarMonth {
|
98 | text-align: center;
|
99 | padding: 0 13px;
|
100 | vertical-align: top;
|
101 | -moz-user-select: none;
|
102 | -webkit-user-select: none;
|
103 | -ms-user-select: none;
|
104 | user-select: none; }
|
105 | .CalendarMonth table {
|
106 | border-collapse: collapse;
|
107 | border-spacing: 0;
|
108 | caption-caption-side: initial; }
|
109 |
|
110 | .CalendarMonth--horizontal:first-of-type,
|
111 | .CalendarMonth--vertical:first-of-type {
|
112 | position: absolute;
|
113 | z-index: -1;
|
114 | opacity: 0;
|
115 | pointer-events: none; }
|
116 |
|
117 | .CalendarMonth--horizontal {
|
118 | display: inline-block;
|
119 | min-height: 100%; }
|
120 |
|
121 | .CalendarMonth--vertical {
|
122 | display: block; }
|
123 |
|
124 | .CalendarMonth__caption {
|
125 | color: #3c3f40;
|
126 | margin-top: 7px;
|
127 | font-size: 18px;
|
128 | text-align: center;
|
129 | margin-bottom: 2px;
|
130 | caption-side: initial; }
|
131 |
|
132 | .CalendarMonth--horizontal .CalendarMonth__caption,
|
133 | .CalendarMonth--vertical .CalendarMonth__caption {
|
134 | padding: 15px 0 35px; }
|
135 |
|
136 | .CalendarMonth--vertical-scrollable .CalendarMonth__caption {
|
137 | padding: 5px 0; }
|
138 |
|
139 | .CalendarMonthGrid {
|
140 | background: #fff;
|
141 | z-index: 0;
|
142 | text-align: left; }
|
143 |
|
144 | .CalendarMonthGrid--animating {
|
145 | -webkit-transition: -webkit-transform 0.2s ease-in-out;
|
146 | -moz-transition: -moz-transform 0.2s ease-in-out;
|
147 | transition: transform 0.2s ease-in-out;
|
148 | z-index: 1; }
|
149 |
|
150 | .CalendarMonthGrid--horizontal {
|
151 | position: absolute;
|
152 | left: 9px; }
|
153 |
|
154 | .CalendarMonthGrid--vertical {
|
155 | margin: 0 auto; }
|
156 |
|
157 | .CalendarMonthGrid--vertical-scrollable {
|
158 | margin: 0 auto;
|
159 | overflow-y: scroll; }
|
160 |
|
161 | .DayPicker {
|
162 | background: #fff;
|
163 | position: relative;
|
164 | text-align: left; }
|
165 |
|
166 | .DayPicker--horizontal {
|
167 | background: #fff;
|
168 | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
|
169 | border-radius: 3px; }
|
170 | .DayPicker--horizontal.DayPicker--portal {
|
171 | box-shadow: none;
|
172 | position: absolute;
|
173 | left: 50%;
|
174 | top: 50%; }
|
175 |
|
176 | .DayPicker--vertical.DayPicker--portal {
|
177 | position: initial; }
|
178 |
|
179 | .DayPicker__focus-region {
|
180 | outline: none; }
|
181 |
|
182 | .DayPicker__week-headers {
|
183 | position: relative; }
|
184 |
|
185 | .DayPicker--horizontal .DayPicker__week-headers {
|
186 | margin-left: 9px; }
|
187 |
|
188 | .DayPicker__week-header {
|
189 | color: #757575;
|
190 | position: absolute;
|
191 | top: 55px;
|
192 | z-index: 2;
|
193 | padding: 0 13px;
|
194 | text-align: left; }
|
195 | .DayPicker__week-header ul {
|
196 | list-style: none;
|
197 | margin: 1px 0;
|
198 | padding-left: 0;
|
199 | padding-right: 0; }
|
200 | .DayPicker__week-header li {
|
201 | display: inline-block;
|
202 | text-align: center; }
|
203 |
|
204 | .DayPicker--vertical .DayPicker__week-header {
|
205 | left: 50%; }
|
206 |
|
207 | .DayPicker--vertical-scrollable {
|
208 | height: 100%; }
|
209 | .DayPicker--vertical-scrollable .DayPicker__week-header {
|
210 | top: 0;
|
211 | display: table-row;
|
212 | border-bottom: 1px solid #dbdbdb;
|
213 | background: white; }
|
214 | .DayPicker--vertical-scrollable .transition-container--vertical {
|
215 | padding-top: 20px;
|
216 | height: 100%;
|
217 | position: absolute;
|
218 | top: 0;
|
219 | bottom: 0;
|
220 | right: 0;
|
221 | left: 0;
|
222 | overflow-y: scroll; }
|
223 | .DayPicker--vertical-scrollable .DayPicker__week-header {
|
224 | margin-left: 0;
|
225 | left: 0;
|
226 | width: 100%;
|
227 | text-align: center; }
|
228 |
|
229 | .transition-container {
|
230 | position: relative;
|
231 | overflow: hidden;
|
232 | border-radius: 3px; }
|
233 |
|
234 | .transition-container--horizontal {
|
235 | transition: height 0.2s ease-in-out; }
|
236 |
|
237 | .transition-container--vertical {
|
238 | width: 100%; }
|
239 |
|
240 | .DayPickerNavigation__prev,
|
241 | .DayPickerNavigation__next {
|
242 | cursor: pointer;
|
243 | line-height: 0.78;
|
244 | -webkit-user-select: none;
|
245 |
|
246 | -moz-user-select: none;
|
247 |
|
248 | -ms-user-select: none;
|
249 |
|
250 | user-select: none; }
|
251 |
|
252 | .DayPickerNavigation__prev--default,
|
253 | .DayPickerNavigation__next--default {
|
254 | border: 1px solid #dce0e0;
|
255 | background-color: #fff;
|
256 | color: #757575; }
|
257 | .DayPickerNavigation__prev--default:focus, .DayPickerNavigation__prev--default:hover,
|
258 | .DayPickerNavigation__next--default:focus,
|
259 | .DayPickerNavigation__next--default:hover {
|
260 | border: 1px solid #c4c4c4; }
|
261 | .DayPickerNavigation__prev--default:active,
|
262 | .DayPickerNavigation__next--default:active {
|
263 | background: #f2f2f2; }
|
264 |
|
265 | .DayPickerNavigation--horizontal {
|
266 | position: relative; }
|
267 | .DayPickerNavigation--horizontal .DayPickerNavigation__prev,
|
268 | .DayPickerNavigation--horizontal .DayPickerNavigation__next {
|
269 | border-radius: 3px;
|
270 | padding: 6px 9px;
|
271 | top: 18px;
|
272 | z-index: 2;
|
273 | position: absolute; }
|
274 | .DayPickerNavigation--horizontal .DayPickerNavigation__prev {
|
275 | left: 22px; }
|
276 | .DayPickerNavigation--horizontal .DayPickerNavigation__prev--rtl {
|
277 | left: auto;
|
278 | right: 22px; }
|
279 | .DayPickerNavigation--horizontal .DayPickerNavigation__next {
|
280 | right: 22px; }
|
281 | .DayPickerNavigation--horizontal .DayPickerNavigation__next--rtl {
|
282 | right: auto;
|
283 | left: 22px; }
|
284 | .DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
|
285 | .DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
|
286 | height: 19px;
|
287 | width: 19px;
|
288 | fill: #82888a; }
|
289 |
|
290 | .DayPickerNavigation--vertical {
|
291 | background: #fff;
|
292 | box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
|
293 | position: absolute;
|
294 | bottom: 0;
|
295 | left: 0;
|
296 | height: 52px;
|
297 | width: 100%;
|
298 | z-index: 2; }
|
299 | .DayPickerNavigation--vertical .DayPickerNavigation__prev,
|
300 | .DayPickerNavigation--vertical .DayPickerNavigation__next {
|
301 | display: inline-block;
|
302 | position: relative;
|
303 | height: 100%;
|
304 | width: 50%; }
|
305 | .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
|
306 | border-left: 0; }
|
307 | .DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
|
308 | .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
|
309 | text-align: center;
|
310 | font-size: 2.5em;
|
311 | padding: 5px; }
|
312 | .DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
|
313 | .DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
|
314 | height: 42px;
|
315 | width: 42px;
|
316 | fill: #484848; }
|
317 |
|
318 | .DayPickerNavigation--vertical-scrollable {
|
319 | position: relative; }
|
320 | .DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
|
321 | width: 100%; }
|
322 |
|
323 | .DayPickerKeyboardShortcuts__show,
|
324 | .DayPickerKeyboardShortcuts__close {
|
325 | background: none;
|
326 | border: 0;
|
327 | color: inherit;
|
328 | font: inherit;
|
329 | line-height: normal;
|
330 | overflow: visible;
|
331 | padding: 0;
|
332 | cursor: pointer; }
|
333 | .DayPickerKeyboardShortcuts__show:active,
|
334 | .DayPickerKeyboardShortcuts__close:active {
|
335 | outline: none; }
|
336 |
|
337 | .DayPickerKeyboardShortcuts__show {
|
338 | width: 22px;
|
339 | position: absolute;
|
340 | z-index: 2; }
|
341 |
|
342 | .DayPickerKeyboardShortcuts__show--bottom-right {
|
343 | border-top: 26px solid transparent;
|
344 | border-right: 33px solid #00a699;
|
345 | bottom: 0;
|
346 | right: 0; }
|
347 | .DayPickerKeyboardShortcuts__show--bottom-right:hover {
|
348 | border-right: 33px solid #008489; }
|
349 | .DayPickerKeyboardShortcuts__show--bottom-right .DayPickerKeyboardShortcuts__show_span {
|
350 | bottom: 0;
|
351 | right: -28px; }
|
352 |
|
353 | .DayPickerKeyboardShortcuts__show--top-right {
|
354 | border-bottom: 26px solid transparent;
|
355 | border-right: 33px solid #00a699;
|
356 | top: 0;
|
357 | right: 0; }
|
358 | .DayPickerKeyboardShortcuts__show--top-right:hover {
|
359 | border-right: 33px solid #008489; }
|
360 | .DayPickerKeyboardShortcuts__show--top-right .DayPickerKeyboardShortcuts__show_span {
|
361 | top: 1px;
|
362 | right: -28px; }
|
363 |
|
364 | .DayPickerKeyboardShortcuts__show--top-left {
|
365 | border-bottom: 26px solid transparent;
|
366 | border-left: 33px solid #00a699;
|
367 | top: 0;
|
368 | left: 0; }
|
369 | .DayPickerKeyboardShortcuts__show--top-left:hover {
|
370 | border-left: 33px solid #008489; }
|
371 | .DayPickerKeyboardShortcuts__show--top-left .DayPickerKeyboardShortcuts__show_span {
|
372 | top: 1px;
|
373 | left: -28px; }
|
374 |
|
375 | .DayPickerKeyboardShortcuts__show_span {
|
376 | color: #fff;
|
377 | position: absolute; }
|
378 |
|
379 | .DayPickerKeyboardShortcuts__panel {
|
380 | overflow: auto;
|
381 | background: #fff;
|
382 | border: 1px solid #dbdbdb;
|
383 | border-radius: 2px;
|
384 | position: absolute;
|
385 | top: 0;
|
386 | bottom: 0;
|
387 | right: 0;
|
388 | left: 0;
|
389 | z-index: 2;
|
390 | padding: 22px;
|
391 | margin: 33px; }
|
392 |
|
393 | .DayPickerKeyboardShortcuts__title {
|
394 | font-size: 16px;
|
395 | font-weight: bold;
|
396 | margin: 0; }
|
397 |
|
398 | .DayPickerKeyboardShortcuts__list {
|
399 | list-style: none;
|
400 | padding: 0; }
|
401 |
|
402 | .DayPickerKeyboardShortcuts__close {
|
403 | position: absolute;
|
404 | right: 22px;
|
405 | top: 22px;
|
406 | z-index: 2; }
|
407 | .DayPickerKeyboardShortcuts__close svg {
|
408 | height: 15px;
|
409 | width: 15px;
|
410 | fill: #cacccd; }
|
411 | .DayPickerKeyboardShortcuts__close svg:hover, .DayPickerKeyboardShortcuts__close svg:focus {
|
412 | fill: #82888a; }
|
413 | .DayPickerKeyboardShortcuts__close:active {
|
414 | outline: none; }
|
415 |
|
416 | .KeyboardShortcutRow {
|
417 | margin: 6px 0; }
|
418 |
|
419 | .KeyboardShortcutRow__key-container {
|
420 | display: inline-block;
|
421 | white-space: nowrap;
|
422 | text-align: right;
|
423 | margin-right: 6px; }
|
424 |
|
425 | .KeyboardShortcutRow__key {
|
426 | font-family: monospace;
|
427 | font-size: 12px;
|
428 | text-transform: uppercase;
|
429 | background: #f2f2f2;
|
430 | padding: 2px 6px; }
|
431 |
|
432 | .KeyboardShortcutRow__action {
|
433 | display: inline;
|
434 | word-break: break-word;
|
435 | margin-left: 8px; }
|
436 |
|
437 | .DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow {
|
438 | margin-bottom: 16px; }
|
439 |
|
440 | .DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__key-container {
|
441 | width: auto;
|
442 | text-align: left;
|
443 | display: inline; }
|
444 |
|
445 | .DayPickerKeyboardShortcuts__panel--block .KeyboardShortcutRow__action {
|
446 | display: inline; }
|
447 |
|
448 | .DateInput {
|
449 | font-weight: 200;
|
450 | font-size: 18px;
|
451 | line-height: 24px;
|
452 | color: #757575;
|
453 | margin: 0;
|
454 |
|
455 | background: #fff;
|
456 | position: relative;
|
457 | display: inline-block;
|
458 | width: 130px;
|
459 | vertical-align: middle; }
|
460 |
|
461 | .DateInput--with-caret::before,
|
462 | .DateInput--with-caret::after {
|
463 | content: "";
|
464 | display: inline-block;
|
465 | position: absolute;
|
466 | bottom: auto;
|
467 | border: 10px solid transparent;
|
468 | border-top: 0;
|
469 | left: 22px;
|
470 | z-index: 2; }
|
471 |
|
472 | .DateInput--with-caret::before {
|
473 | top: 33px;
|
474 | border-bottom-color: rgba(0, 0, 0, 0.1); }
|
475 |
|
476 | .DateInput--with-caret::after {
|
477 | top: 33px;
|
478 | border-bottom-color: #fff; }
|
479 |
|
480 | .DateInput--disabled {
|
481 | background: #cacccd; }
|
482 |
|
483 | .DateInput__input {
|
484 | opacity: 0;
|
485 | position: absolute;
|
486 | top: 0;
|
487 | left: 0;
|
488 | border: 0;
|
489 | height: 100%;
|
490 | width: 100%; }
|
491 | .DateInput__input[readonly] {
|
492 | -moz-user-select: none;
|
493 | -webkit-user-select: none;
|
494 | -ms-user-select: none;
|
495 | user-select: none; }
|
496 |
|
497 | .DateInput__display-text {
|
498 | padding: 4px 8px;
|
499 | border-radius: 3px;
|
500 | border: solid 1px #ccc;
|
501 | white-space: nowrap;
|
502 | overflow: hidden; }
|
503 |
|
504 | .DateInput__display-text--has-input {
|
505 | color: #484848; }
|
506 |
|
507 | .DateInput__display-text--focused {
|
508 | background: #99ede6;
|
509 | border-color: #99ede6;
|
510 | border-radius: 3px;
|
511 | color: #007a87; }
|
512 |
|
513 | .DateInput__display-text--disabled {
|
514 | font-style: italic; }
|
515 |
|
516 | .screen-reader-only {
|
517 | border: 0;
|
518 | clip: rect(0, 0, 0, 0);
|
519 | height: 1px;
|
520 | margin: -1px;
|
521 | overflow: hidden;
|
522 | padding: 0;
|
523 | position: absolute;
|
524 | width: 1px; }
|
525 |
|
526 | .DateRangePicker {
|
527 | position: relative;
|
528 | display: inline-block; }
|
529 |
|
530 | .DateRangePicker__picker {
|
531 | z-index: 1;
|
532 | background-color: #fff;
|
533 | position: absolute;
|
534 | top: 38px; }
|
535 |
|
536 | .DateRangePicker__picker--rtl {
|
537 | direction: rtl; }
|
538 |
|
539 | .DateRangePicker__picker--direction-left {
|
540 | left: 0; }
|
541 |
|
542 | .DateRangePicker__picker--direction-right {
|
543 | right: 0; }
|
544 |
|
545 | .DateRangePicker__picker--portal {
|
546 | background-color: rgba(0, 0, 0, 0.3);
|
547 | position: fixed;
|
548 | top: 0;
|
549 | left: 0;
|
550 | height: 100%;
|
551 | width: 100%; }
|
552 |
|
553 | .DateRangePicker__picker--full-screen-portal {
|
554 | background-color: #fff; }
|
555 |
|
556 | .DateRangePicker__close {
|
557 | background: none;
|
558 | border: 0;
|
559 | color: inherit;
|
560 | font: inherit;
|
561 | line-height: normal;
|
562 | overflow: visible;
|
563 | padding: 0;
|
564 | cursor: pointer;
|
565 | position: absolute;
|
566 | top: 0;
|
567 | right: 0;
|
568 | padding: 15px;
|
569 | z-index: 2; }
|
570 | .DateRangePicker__close svg {
|
571 | height: 15px;
|
572 | width: 15px;
|
573 | fill: #cacccd; }
|
574 | .DateRangePicker__close:hover, .DateRangePicker__close:focus {
|
575 | color: #b0b3b4;
|
576 | text-decoration: none; }
|
577 |
|
578 | .DateRangePickerInput {
|
579 | background-color: #fff;
|
580 | border: 1px solid #cacccd;
|
581 | display: inline-block; }
|
582 |
|
583 | .DateRangePickerInput--disabled {
|
584 | background: #cacccd; }
|
585 |
|
586 | .DateRangePickerInput--rtl {
|
587 | direction: rtl; }
|
588 |
|
589 | .DateRangePickerInput__arrow {
|
590 | display: inline-block;
|
591 | vertical-align: middle; }
|
592 |
|
593 | .DateRangePickerInput__arrow svg {
|
594 | vertical-align: middle;
|
595 | fill: #484848;
|
596 | height: 24px;
|
597 | width: 24px; }
|
598 |
|
599 | .DateRangePickerInput__clear-dates {
|
600 | background: none;
|
601 | border: 0;
|
602 | color: inherit;
|
603 | font: inherit;
|
604 | line-height: normal;
|
605 | overflow: visible;
|
606 | cursor: pointer;
|
607 | display: inline-block;
|
608 | vertical-align: middle;
|
609 | padding: 10px;
|
610 | margin: 0 10px 0 5px; }
|
611 |
|
612 | .DateRangePickerInput__clear-dates svg {
|
613 | fill: #82888a;
|
614 | height: 12px;
|
615 | width: 15px;
|
616 | vertical-align: middle; }
|
617 |
|
618 | .DateRangePickerInput__clear-dates--hide {
|
619 | visibility: hidden; }
|
620 |
|
621 | .DateRangePickerInput__clear-dates:focus,
|
622 | .DateRangePickerInput__clear-dates--hover {
|
623 | background: #dbdbdb;
|
624 | border-radius: 50%; }
|
625 |
|
626 | .DateRangePickerInput__calendar-icon {
|
627 | background: none;
|
628 | border: 0;
|
629 | color: inherit;
|
630 | font: inherit;
|
631 | line-height: normal;
|
632 | overflow: visible;
|
633 | cursor: pointer;
|
634 | display: inline-block;
|
635 | vertical-align: middle;
|
636 | padding: 10px;
|
637 | margin: 0 5px 0 10px; }
|
638 | .DateRangePickerInput__calendar-icon svg {
|
639 | fill: #82888a;
|
640 | height: 15px;
|
641 | width: 14px;
|
642 | vertical-align: middle; }
|
643 |
|
644 | .SingleDatePicker {
|
645 | position: relative;
|
646 | display: inline-block;
|
647 | height: 36px;
|
648 | }
|
649 |
|
650 | .SingleDatePicker__picker {
|
651 | z-index: 1;
|
652 | background-color: #fff;
|
653 | position: absolute;
|
654 | top: 45px; }
|
655 | ;wa
|
656 |
|
657 | .SingleDatePicker__picker--rtl {
|
658 | direction: rtl; }
|
659 |
|
660 | .SingleDatePicker__picker--direction-left {
|
661 | left: 0; }
|
662 |
|
663 | .SingleDatePicker__picker--direction-right {
|
664 | right: 0; }
|
665 |
|
666 | .SingleDatePicker__picker--portal {
|
667 | background-color: rgba(0, 0, 0, 0.3);
|
668 | position: fixed;
|
669 | top: 0;
|
670 | left: 0;
|
671 | height: 100%;
|
672 | width: 100%; }
|
673 |
|
674 | .SingleDatePicker__picker--full-screen-portal {
|
675 | background-color: #fff; }
|
676 |
|
677 | .SingleDatePicker__close {
|
678 | background: none;
|
679 | border: 0;
|
680 | color: inherit;
|
681 | font: inherit;
|
682 | line-height: normal;
|
683 | overflow: visible;
|
684 | padding: 0;
|
685 | cursor: pointer;
|
686 | position: absolute;
|
687 | top: 0;
|
688 | right: 0;
|
689 | padding: 15px;
|
690 | z-index: 2; }
|
691 | .SingleDatePicker__close svg {
|
692 | height: 15px;
|
693 | width: 15px;
|
694 | fill: #cacccd; }
|
695 | .SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
|
696 | color: #b0b3b4;
|
697 | text-decoration: none; }
|
698 |
|
699 | .SingleDatePickerInput {
|
700 | background-color: #fff;
|
701 |
|
702 | }
|
703 |
|
704 | .SingleDatePickerInput--rtl {
|
705 | direction: rtl; }
|
706 |
|
707 | .SingleDatePickerInput__clear-date {
|
708 | background: none;
|
709 | border: 0;
|
710 | color: inherit;
|
711 | font: inherit;
|
712 | line-height: normal;
|
713 | overflow: visible;
|
714 | cursor: pointer;
|
715 | display: inline-block;
|
716 | vertical-align: middle;
|
717 | padding: 10px;
|
718 | margin: 0 10px 0 5px; }
|
719 |
|
720 | .SingleDatePickerInput__clear-date svg {
|
721 | fill: #82888a;
|
722 | height: 12px;
|
723 | width: 15px;
|
724 | vertical-align: middle; }
|
725 |
|
726 | .SingleDatePickerInput__clear-date--hide {
|
727 | visibility: hidden; }
|
728 |
|
729 | .SingleDatePickerInput__clear-date:focus,
|
730 | .SingleDatePickerInput__clear-date--hover {
|
731 | background: #dbdbdb;
|
732 | border-radius: 50%; }
|
733 |
|
734 | .SingleDatePickerInput__calendar-icon {
|
735 | background: none;
|
736 | border: 0;
|
737 | color: inherit;
|
738 | font: inherit;
|
739 | line-height: normal;
|
740 | overflow: visible;
|
741 | cursor: pointer;
|
742 | display: inline-block;
|
743 | vertical-align: middle;
|
744 | padding: 10px;
|
745 | margin: 0 5px 0 10px; }
|
746 | .SingleDatePickerInput__calendar-icon svg {
|
747 | fill: #82888a;
|
748 | height: 15px;
|
749 | width: 14px;
|
750 | vertical-align: middle; }
|