.date-picker-container {

position: absolute;
z-index: 11;
width: 392px;
height: auto;

}

.date-picker-calendar-view, .date-picker-collapse-view {

position: absolute;
width: 392px;
padding: 0 16px;
background-color: #fff;
background-clip: border-box;
border: 1px solid #e2e2e2;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);

}

.date-picker-calendar-view {

height: auto;
min-height: 284px;

}

.date-picker-collapse-view {

height: auto;
min-height: 244px;

}

.date-picker-header {

display: flex;
align-items: center;
height: 52px;
text-align: center;

}

.date-picker-header-title {

flex-grow: 5;
font-weight: 500;
cursor: pointer;

}

.date-picker-previous-button {

flex-grow: 1;
padding-right: 16px;
text-align: left;

}

.date-picker-previous-button .ic:hover {

cursor: pointer;

}

.date-picker-next-button {

flex-grow: 1;
padding-left: 16px;
text-align: right;

}

.date-picker-next-button .ic:hover {

cursor: pointer;

}

.date-picker-row .date-picker-cell .date-picker-date-cell.current-date, .date-picker-row .date-picker-cell .date-picker-month-cell.current-month, .date-picker-row .date-picker-cell .date-picker-year-cell.current-year {

border-radius: 100%;
box-shadow: inset 0 0 0 1px #005fbf;

}

.date-picker-row .date-picker-cell .date-picker-date-cell.selected-date, .date-picker-row .date-picker-cell .date-picker-month-cell.selected-month, .date-picker-row .date-picker-cell .date-picker-year-cell.selected-year {

color: #fff !important;
background-color: #005fbf !important;
border-radius: 100%;

}

.date-picker-row .date-picker-cell .date-picker-date-cell.disabled-date, .date-picker-row .date-picker-cell .date-picker-month-cell.disabled-month, .date-picker-row .date-picker-cell .date-picker-year-cell.disabled-year {

color: #b4b4b4 !important;
background-color: transparent !important;
border-radius: 100%;

}

.date-picker-row .date-picker-cell .date-picker-date-cell.disabled-date:hover, .date-picker-row .date-picker-cell .date-picker-month-cell.disabled-month:hover, .date-picker-row .date-picker-cell .date-picker-year-cell.disabled-year:hover {

cursor: default;

}

.date-picker-row .date-picker-cell .date-picker-date-cell:hover, .date-picker-row .date-picker-cell .date-picker-month-cell:hover, .date-picker-row .date-picker-cell .date-picker-year-cell:hover, .date-picker-row .date-picker-cell:hover .date-picker-date-cell {

color: #212121;
cursor: pointer;
background-color: #f2f4f7;
border-radius: 100%;
box-shadow: none;

}

.date-picker-row {

display: flex;
flex-wrap: wrap;

}

.date-picker-row .date-picker-cell {

flex: 1 1 0;
margin: 2px 0;
text-align: center;

}

.date-picker-row .date-picker-cell .date-picker-date-cell {

width: 32px;
height: 32px;
margin: 0 auto;
line-height: 32px;

}

.date-picker-row .date-picker-cell .date-picker-month-cell {

width: 40px;
height: 40px;
margin: 0 auto;
margin-bottom: 12px;
line-height: 40px;

}

.date-picker-row .date-picker-cell .date-picker-year-cell {

width: 48px;
height: 48px;
margin: 0 auto;
margin-bottom: 4px;
line-height: 48px;

}

.date-picker-day-container {

display: flex;
margin-bottom: 16px;

}

.date-picker-day-container .date-picker-day {

flex: 1 1 0;
color: #777;
text-align: center;

}

.date-picker-shortcut-button {

width: 360px;
padding: 16px 0;
color: #777;
text-align: center;
cursor: pointer;

}

.date-picker-shortcut-button.disabled {

color: #b4b4b4;
cursor: not-allowed;

}

.date-picker-break {

flex-basis: 100%;
height: 0;

}

.date-picker–no-outline {

outline: none;

} /*# sourceMappingURL=mekari-ui-date-picker.css.map */