.calendar { width: 100%; background-color:#fff; font-weight:700; }
.calendar TD { text-align: center; font-size: 14px; }
.calendar .header { font-weight: bold; font-size:20px; padding: 8px; }
.calendar .header a { width:24px; height:30px; display:inline-flex; justify-content:center; align-items:center; }
.calendar .nav { display: inline-block; padding: 0 8px; color: #bfe23c; font-size: 22px; }
.calendar .headerDay { font-size:16px; font-weight: 700; font-style: normal; padding: 4px 0; }
.calendar .headerDay b { font-weight:700; }
.calendar .today { color: #fff; padding: 2px 0; }
.calendar .today span { display:inline-flex; justify-content:center; align-items:center; width:32px; height:32px; margin:0 auto; color:#fff; }
.calendar .today span a { color:#fff; }
.calendar .event { color: #fff; position: relative; }
.calendar .event span { display:flex; justify-content:center; align-items:center; width:32px; height:32px; margin:4px auto; color:#fff; border-radius: 6px; }
.calendar .event a { color: #fff; display: block; }
.calendar .mixed, .calendar .dayOff { padding: 2px 0; font-weight:700; }
.calendar .weekday { color: #21201f; padding: 2px 0; }
.calendar .weekend { color:#21201f; padding: 2px 0; }
.calendar .weekendOff { padding: 2px 0; font-weight:700; }
.calendar .weekend a { color: #fff; }
/* tooltip styling */
.calendar .tooltip { display: none; padding: 10px; width: 100%; -moz-box-shadow: 0 0 4px 4px #CCCCCC; -webkit-box-shadow: 0 0 4px 4px#CCCCCC; box-shadow: 0 0 4px 4px #CCCCCC; z-index: 1000; }
.calendar .tooltip a:hover { text-decoration: underline; }
.calendar .eventItem { text-align: left; margin-bottom: 8px; }
.calendar .eventItem .eventLink { color: #FFFFFF; text-decoration: none; font-weight: normal; font-style: normal; font-size:14px; }
.calendar .eventItem .eventDate { text-align: left; font-style: italic; }
.calendar .eventItem .eventColumn { }
.calendar span { margin:4px auto; display:inline-flex; }
.calendarEventWrapper { transition: all ease-out .2s; }
.calendarEventWrapper .eventLink { color: #FFF; font-weight: bold; }
.calendarEventWrapper .eventLink .eventDate { font-weight: normal; }
.calendarEventWrapper .eventItem { padding: 4px; }