/* static/css/calendar.css */
.date-picker { width: 280px; font-family: sans-serif; margin: .5em; }
.date-picker .header { display:flex; justify-content:space-between; }
.date-picker .header button { background:none; border:none; cursor:pointer; }
.calendar-table { width:100%; border-collapse:collapse; }
.calendar-table th, .calendar-table td { width:14.28%; text-align:center; padding:.3em }
.available { cursor:pointer; background:#e0f7da; }
.unavailable { color:#ccc; }
.selected  { background:#a5d6a7 !important; }
.available:hover { background:#c8e6c9; }