.SingleDatePicker_picker__directionLeft {
.SingleDatePicker_picker__directionRight {
.SingleDatePicker_picker__portal {
background-color: rgba(0, 0, 0, 0.3);
.SingleDatePicker_picker__fullScreenPortal {
.SingleDatePicker_closeButton {
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
.SingleDatePicker_closeButton_svg {
.DayPickerKeyboardShortcuts_buttonReset {
.DayPickerKeyboardShortcuts_buttonReset:active {
.DayPickerKeyboardShortcuts_show {
.DayPickerKeyboardShortcuts_show__bottomRight {
border-top: 26px solid transparent;
border-right: 33px solid #00a699;
.DayPickerKeyboardShortcuts_show__bottomRight:hover {
border-right: 33px solid #008489;
.DayPickerKeyboardShortcuts_show__topRight {
border-bottom: 26px solid transparent;
border-right: 33px solid #00a699;
.DayPickerKeyboardShortcuts_show__topRight:hover {
border-right: 33px solid #008489;
.DayPickerKeyboardShortcuts_show__topLeft {
border-bottom: 26px solid transparent;
border-left: 33px solid #00a699;
.DayPickerKeyboardShortcuts_show__topLeft:hover {
border-left: 33px solid #008489;
.DayPickerKeyboardShortcuts_showSpan {
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
.DayPickerKeyboardShortcuts_showSpan__topRight {
.DayPickerKeyboardShortcuts_showSpan__topLeft {
.DayPickerKeyboardShortcuts_panel {
border: 1px solid #dbdbdb;
.DayPickerKeyboardShortcuts_title {
.DayPickerKeyboardShortcuts_list {
.DayPickerKeyboardShortcuts_close {
.DayPickerKeyboardShortcuts_close:active {
.DayPickerKeyboardShortcuts_closeSvg {
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
.CalendarDay__defaultCursor {
border: 1px solid #e4e7e7;
.CalendarDay__default:hover {
border: 1px double #e4e7e7;
.CalendarDay__hovered_offset {
border: 1px double #e4e7e7;
.CalendarDay__outside:hover {
.CalendarDay__blocked_minimum_nights {
border: 1px solid #eceeee;
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
.CalendarDay__highlighted_calendar {
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
.CalendarDay__selected_span {
border: 1px solid #33dacd;
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
border: 1px solid #33dacd;
.CalendarDay__last_in_range {
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
border: 1px solid #00a699;
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
border: 1px solid #80e8e0;
.CalendarDay__hovered_span:active {
border: 1px solid #80e8e0;
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
border: 1px solid #cacccd;
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
border: 1px solid #e4e7e7;
-webkit-user-select: none;
border-collapse: collapse;
.CalendarMonth_verticalSpacing {
border-collapse: separate;
.CalendarMonth_caption__verticalScrollable {
.CalendarMonthGrid__animating {
.CalendarMonthGrid__horizontal {
.CalendarMonthGrid__vertical {
.CalendarMonthGrid__vertical_scrollable {
.CalendarMonthGrid_month__horizontal {
.CalendarMonthGrid_month__hideForAnimation {
.CalendarMonthGrid_month__hidden {
.DayPickerNavigation__horizontal {
.DayPickerNavigation__verticalDefault {
.DayPickerNavigation__verticalScrollableDefault {
.DayPickerNavigation_button {
-webkit-user-select: none;
.DayPickerNavigation_button__default {
border: 1px solid #e4e7e7;
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
border: 1px solid #c4c4c4;
.DayPickerNavigation_button__default:active {
.DayPickerNavigation_button__horizontalDefault {
.DayPickerNavigation_leftButton__horizontalDefault {
.DayPickerNavigation_rightButton__horizontalDefault {
.DayPickerNavigation_button__verticalDefault {
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
.DayPickerNavigation_nextButton__verticalDefault {
.DayPickerNavigation_nextButton__verticalScrollableDefault {
.DayPickerNavigation_svg__horizontal {
.DayPickerNavigation_svg__vertical {
.DayPicker__verticalScrollable {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
.DayPicker_portal__horizontal {
.DayPicker_portal__vertical {
.DayPicker_calendarInfo__horizontal,