/* used to format calendar on front page */
.clndr { display: block; margin: 0 auto; max-width: 100%; }.clndr .clndr-controls { border-bottom: 2px solid #ccc; position: relative; }.clndr .clndr-controls .month { padding: 3px 0; text-align: center; }.clndr .clndr-controls .clndr-previous-button, .clndr .clndr-controls .clndr-next-button { cursor: pointer; top: 0px; left: 0px; padding: 3px; position: absolute; }.clndr .clndr-controls .clndr-next-button { left: auto; right: 0px; }.clndr .clndr-grid .days-of-the-week { width: 100%; }.clndr .clndr-grid .days-of-the-week .header-day { float: left; width: 14.28571%; padding: 3px 0; text-align: center; }.clndr .days .day, .clndr .days .empty { float: left; width: 14.28571%; padding: 3px 0; position: relative; text-align: center; }.clndr .days .day.today, .clndr .days .empty.today { padding: 2px 0; border: 1px solid; border-color: #000; color: #000; }.clndr .days .day .event-indicator, .clndr .days .empty .event-indicator { background-color: #3BB7E8; border-radius: 100%; color: #000 !important; cursor: pointer; font-size: 7px; height: 10px; line-height: 11px; position: absolute; right: 0px; top: 0px; width: 10px; }.clndr .days .day.adjacent-month, .clndr .days .empty.adjacent-month { opacity: 0.3; }