.calendar-date-selector {  }
.calendar-date-selector > form { display: flex; }
.calendar-date-selector > form select { margin: 0px !important; border: none; font-size: inherit; font-weight: bold; flex: initial; padding: 0px 30px 0px 0px !important; width: auto !important; }
.calendar-dateday { font-weight: bold; font-size: 1.4em; font-weight: bold; padding: 15px; }
.calendar-dateday > div { font-size: 0.6em; color: #888; font-weight: normal; }
.calendar-days { display: flex; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.calendar-days > div { flex: 1; padding: 10px; position: relative; }
.calendar-days > div:hover { background: #eee; }
.calendar-days > div.sun { color: red; }
.calendar-days > div.sel { border-bottom: 1px solid red; }
.calendar-days > div + div { border-left: 1px solid #ddd; }
.calendar-days > div > div:first-child { color: #888; text-transform: uppercase; font-size: 8px; }
.calendar-days > div.sun > div:first-child { color: red }
.calendar-days > div > div:first-child + div { font-weight: bold; font-size: 1.1em }
.calendar-days a { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.calendar-list {}
.calendar-list table { border-top: 1px solid #ddd;}
.calendar-list table td { padding: 12px; }
.calendar-list table tr td { border-bottom: 1px solid #ddd; }
.calendar-list table .calendar-hour { vertical-align: top; width: 80px; background: #eee; border-right: 1px solid #ddd; text-align: right; }
.calendar-list table .calendar-hour div { color: #888; }
.calendar-list table .calendar-task-title { font-size: 1.2em; font-weight: bold; }
.calendar-list table .calendar-task-note { margin-top: 2px; }
.calendar-list table .calendar-task-extras { font-size: 9px; margin-top: 8px; }
.calendar-list table .calendar-task-date { font-size: 9px; color: #aaa; margin-top: 8px; }
.calendar-list table .calendar-task-buttons { vertical-align: top; }
.calendar-list table .calendar-task-status { vertical-align: top; padding: 6px; }
.calendar-list table .calendar-status-button { float: left; background: inherit !important; }
.calendar-list table .calendar-status-button-1 { color: #fff; background: #00c853 !important; }