.mec-calendar .mec-calendar-side { width: 590px; display: table-cell; padding: 40px; position: relative; text-align: center; box-shadow: 0 1px 5px 6px rgba(0, 0, 0, .005) inset } .mec-calendar .mec-calendar-header { position: relative; margin-top: 8px; margin-bottom: 16px } .mec-calendar .mec-calendar-header h2 { text-transform: uppercase; font-size: 22px; font-weight: 700; color: #333 } .mec-calendar dl { display: table; margin: 0; border: none; padding: 0; table-layout: fixed } .mec-calendar dt { display: table-cell; transition: .66s; color: #a4aab1; background: #fff; border-radius: 44px; font-size: 16px; width: 80px; height: 80px; line-height: 80px; text-align: center } .mec-calendar .mec-calendar-side .mec-next-month, .mec-calendar .mec-calendar-side .mec-previous-month { cursor: pointer; position: absolute; top: 0; min-width: 50px; height: 50px; line-height: 50px; text-align: center; background: #fff; color: #a9a9a9; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; border: 1px solid #efefef; border-top: none; box-shadow: 0 2px 0 0 rgba(0, 0, 0, .015); transition: .33s } .mec-calendar .mec-calendar-side .mec-next-month i, .mec-calendar .mec-calendar-side .mec-previous-month i { font-size: 12px; color: #40d9f1; cursor: pointer } .mec-calendar .mec-calendar-side .mec-next-month:hover, .mec-calendar .mec-calendar-side .mec-previous-month:hover { background-color: #f9f9f9; color: #40d9f1 } .mec-box-calendar.mec-calendar .mec-has-event a, .mec-box-calendar.mec-calendar dt { border-radius: 0 } .mec-box-calendar.mec-calendar .mec-calendar-header { margin-top: 2px; margin-bottom: 30px } .mec-box-calendar.mec-calendar dt { border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea } .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month, .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month { border-radius: 2px; top: 40px; border: 1px solid #eee; height: 30px; line-height: 30px; z-index: 1 } .mec-calendar.mec-event-calendar-classic, .mec-calendar.mec-event-calendar-classic .mec-calendar-side { border: none; padding: 0; width: 100%; height: 100%; box-shadow: none } .mec-calendar.mec-event-calendar-classic .mec-calendar-side { display: block } .mec-calendar.mec-event-calendar-classic dl.mec-calendar-row, .mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head { width: 100% } .mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head { background: #f5f6f7 } .mec-calendar.mec-event-calendar-classic dl.mec-calendar-table-head .mec-calendar-day-head { background: 0 0; height: unset; line-height: 36px; border-top: 1px solid #eaeaea } .mec-calendar.mec-event-calendar-classic dl dt { width: 15%; height: 136px; line-height: 1.2; text-align: left; padding: 5px 7px; position: relative } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-next-month, .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-previous-month { top: 0 } .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-next-month { right: 0 } .mec-event-container-simple .mec-monthly-tooltip h4 { font-size: 13px; font-weight: 500; margin: 0; color: #444; border: none } .mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple { padding: 0 2px; display: block } .mec-calendar.mec-event-container-simple dl dt.mec-calendar-day { color: #000 } .mec-calendar.mec-event-container-simple dl dt.mec-calendar-day div:first-child { margin-bottom: 10px } .mec-calendar.mec-event-container-simple .mec-calendar-row dt, .mec-calendar.mec-event-container-simple .mec-calendar-row dt:last-child, .mec-calendar.mec-event-container-simple .mec-calendar-table-head dt, .mec-calendar.mec-event-container-simple .mec-calendar-table-head dt:last-child { border-width: 2px } @font-face { font-family: simple-line-icons; src: url("../fonts/Simple-Line-Icons.eot?v=2.3.1"); src: url("../fonts/Simple-Line-Icons.eot?v=2.3.1#iefix") format("embedded-opentype"), url("../fonts/Simple-Line-Icons.woff2?v=2.3.1") format("woff2"), url("../fonts/Simple-Line-Icons.woff?v=2.3.1") format("woff"), url("../fonts/Simple-Line-Icons.ttf?v=2.3.1") format("truetype"), url("../fonts/Simple-Line-Icons.svg?v=2.3.1#simple-line-icons") format("svg"); font-weight: 400; font-style: normal } [class*=mec-sl-] { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mec-sl-angle-right:before { content: "\e606" } .mec-sl-angle-left:before { content: "\e605" } .mec-load-month-link { color: #a9a9a9; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-decoration: unset; transition: .33s } .mec-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mec-calendar.mec-event-container-simple dl dt.mec-selected-day, .mec-calendar.mec-event-container-simple dl dt.mec-selected-day:hover { color: #40d9f1; border-bottom: 2px solid #40d9f1; background: #fff } .mec-calendar.mec-event-calendar-classic .mec-selected-day, .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover { font-weight: 700; background: #fafafa; border-bottom: none } .mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover { color: #40d9f1; margin: 0; width: unset; height: unset } .mec-box-calendar.mec-calendar dl dt:last-child { border-right: 1px solid #eaeaea } .mec-subscribe-to-calendar-container { display: none } .mec-admin-calendar-attendees-count { font-size: 14px; font-weight: 500; color: #40d9f1 } .mec-admin-calendar-attendees-count:hover { text-decoration: underline; cursor: pointer } .mec-add-event-popup .lity-container { width: 900px; height: auto; max-height: 70vh; max-width: unset } .mec-add-event-popup .lity-content { background: #fff; max-height: 400px; overflow-y: scroll !important } .mec-add-event-popup .lity-container .mec-attendees-head { padding: 0 20px 18px; margin-top: 25px } .mec-attendees-content:not(:last-child) { border-bottom: 1px solid #eee }