@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100);

/* General styles */
body { font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 1; }
#ac_calendar { background: #34495e; color: #fff; margin: 0 auto; } /* ACalendar's background style */
#ac_calendar a {color: #fff;}

/* Header styles */
.ac_current_day_header div { text-align: center; text-transform: uppercase; }
.ac_current_day_header .ac_current_day { font-size: 4.125em; line-height: 1.75em; }
.ac_current_day_header .ac_current_day div { font-size: .275em; line-height: 1em; margin-top: -4%; }
.ac_current_day_header .ac_current_month_year { font-size: 1.5em; font-weight: bold; line-height: 4em; }

/* Calendar styles */
.ac_calendar_list_container li a { text-align: center; text-decoration: none; }
.ac_calendar_weekday_list { background: #1abc9c; padding: 0 5%; } /* Weekdays list background */
.ac_calendar_weekday_list li {padding: 0;}
.ac_calendar_weekday_list li a { display: block; font-size: .7em; height: 100%; line-height: 2.5em; text-transform: uppercase; width: 100%; }
.ac_calendar_weekday_list li a:hover {background: #1abc9c;} /* Weekdays list item hover background */
.ac_calendar_day_list {padding: 2.5% 5%;}
.ac_calendar_day_list li > a { display: block; border-radius: 50%; font-size: 1.5em; height: 90%; left: 5%; position: absolute; top: 5%; width: 90%; }
.ac_calendar_day_list li > a span { position: absolute; top: 50%; left: 0; right: 0; margin-top: -0.5em; }
.ac_calendar_day_list li a:hover {background: #1abc9c;} /* Days hover background */
.ac_calendar_day_list li .ac_active_day {border: 2px solid #1abc9c;} /* Today selection style */
.ac_calendar_day_list li .other_month {opacity: 0.4;}
.ac_calendar_day_list li .ac_cal_cell_ev_counter { display: block; font-size: .6em; font-weight: 400; position: absolute; text-align: center; top: 80%; width: 100%; }
.ac_calendar_cell_has_events {font-weight: bold;}

/* Month-Year Selector area styles */
.ac_controls { border-top: 1px solid rgba(255, 255, 255, .5); padding: 2.5% 0; text-align: center; position: relative; line-height: 1em; }
.jq-selectbox__select { background: transparent; border-radius: 0; border: none; box-shadow: none; padding: 0 30px 0 5px; height: 60%; font: 1em/1.25em 'Roboto',sans-serif;  }
.jq-selectbox__select-text { color: #fff; text-shadow: none; text-transform: uppercase; width: auto!important; }
.jq-selectbox__trigger {border: none;}
.jq-selectbox__trigger-arrow {border-top-color: #fff; top: 48%;}
.jq-selectbox.focused .jq-selectbox__select {border: none;}
.jq-selectbox:hover .jq-selectbox__select {background: #1abc9c;} /* Select boxes styles - background on hover */
.ac_calendar_set_today, .ac_calendar_set_today:focus { background: transparent; border: none; color: #fff; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 1em; text-transform: uppercase; }
.ac_calendar_set_today:hover {background: #1abc9c;} /* Today button's styles - background on hover */

/* Modal Popup styles */
.mm-wrap { background: rgba(0, 0, 0, .4)!important; border-radius: 50%; overflow: hidden; position: relative; width: 80%; max-width: 750px; }
.mm-wrap:before { content: ""; display: block; padding-top: 100%; }
.mm-wrap .yourModalClass { height: 70%; margin: 15%; position: absolute; vertical-align: middle; width: 70%; font-size: .5em; top: 0; left: 0; bottom: 0; right: 0; }
.mm-wrap .yourModalClass .slimScrollDiv { text-align: center; width: 100%!important; }
.mm-wrap .yourModalClass ul li { float: none; padding: 10px; text-align: center; width: 100%; }
.mm-wrap .yourModalClass > a { display: block; text-align: center; width: 100%; position: absolute; bottom: -15%; }
.mm-wrap .yourModalClass > a:hover {background: none;}