.mvsCalendarEvents { position: relative; }

.mvsCalendarEvents .controls { display: flex; justify-content: space-between; height: 40px; line-height: 35px; }
.mvsCalendarEvents .controls a { cursor: pointer; padding: 0px 10px; font-size: 22px; text-decoration: none; color: #444; }
.mvsCalendarEvents .controls a:hover { color: #887647; }
.mvsCalendarEvents .controls h4 { display: inline; }
.mvsCalendarEvents .day-headers,
.mvsCalendarEvents .days { font-size: 0; }
.mvsCalendarEvents .day { display: inline-block; position: relative; font-size: 14px; width: calc(100%/7); text-align: center; padding: 1px; }
.mvsCalendarEvents .day a { color: #000000; display: block; cursor: pointer; padding: 20% 0 20% 0; }
.mvsCalendarEvents .day.header { border-bottom: 1px gray solid; }
.mvsCalendarEvents .day.active a { background-color: #887647;/*#1d86c8;*/ color: #ffffff; }
/*.mvsCalendarEvents .day.active a:hover { background-color: #36a0e2; }*/
.mvsCalendarEvents .day.holidays a { background-color: #1d86c8; color: #ffffff; }

.mvsCalendarEvents .day a:hover { background-color: #bda66a; text-decoration: none; color: #FFF; }
.mvsCalendarEvents .day.active .not-current { background-color: #8fcaef; color: #ffffff; }
.mvsCalendarEvents .day.active .not-current:hover { background-color: #bcdff5; }
.mvsCalendarEvents .day.not-current a { color: #ddd; background-color: #FFF; }
.mvsCalendarEvents .day .badge { position: absolute; top: 2px; right: 4px; z-index: 1; color: #dadada; font-weight: bold; }

.mvsCalendarEvents .day a.selected { background-color: #5f4f25; color: #FFF; }

.mvsCalendarEvents .day-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #FFF; }
.mvsCalendarEvents .day-view .controls { justify-content: left; }
.mvsCalendarEvents .day-view .hours-view { position: relative; display: flex; flex-direction: column; width: 100%; height: calc(100% - 40px); overflow: auto; }

@media only screen and (max-width:500px) {
	.mvsCalendarEvents .day .badge { font-size: 12px; }
}

@media only screen and (max-width:350px) {
	.mvsCalendarEvents .day .badge { top: 1px; right: 3px; font-size: 10px; }
}