.calendar-wrap i{cursor:pointer;font-size:18px;padding:4px}.calendar-wrap span{font-size:24px}.calendar-body{display:flex;flex-wrap:wrap;padding:0}.calendar-wrap .day{border:1px solid #000;width:14.1%;display:inline-block}.monthly-section{text-align:left;padding:10px}.monthly-section .month{padding:10px}.monthly-section .year>i{padding:10px}.event-dropDown-months>div{display:inline-block;width:24%}.event-dropDown{position:absolute;z-index:9;background-color:#fff;display:none;border:1px solid #d5d5d5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.14);padding:4px;min-width:300px}.event-dropDown.open{display:block}.calendar-wrap .year{position:relative}.event-dropDown-months{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.event-dropDown-months .current{border:1px solid #d5d5d5}.event-dropDown-months>div{text-align:center;font-size:20px;cursor:pointer;border:1px solid transparent}.event-dropDown-months>div:hover{background-color:#c8c8c8}.event-dropDown-year{display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #000}.daysOfWeek,.calendar-body{background-color:#fff}.header span{padding:4px 10px;display:inline-block}.single-date{font-size:18px;background-color:#433f40;color:#fff;padding:4px 14px;border-bottom:1px solid #b2acab}.single-event-query{min-height:100px;background-color:#fff}.calendar-body.currentMonth .day.past{opacity:.8}.calendar-body.past{opacity:.8}