#content #fitness_calendar a { line-height: normal; padding: 10px 15px; color:#fff; }
#fitness_calendar h1 { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.2);}
#calendar .fc-event-container a,#calendar .fc-event-container a:hover {color:#ffffff;}
#fitness_calendar a.bluebutton { float: right; margin:0px; text-decoration:none; font-size:16px; }
#calendar h2 { padding:0px 0px 15px; color: #10abbe;}
#date_loader { display:none;}
#calendar .fc-event { cursor: pointer;}
#calendar .fc-event.Studio_1 { background-color: #56896D;}
#calendar .fc-event.Cycle_Studio { background-color: #5C6B7A;}
#calendar .fc-event.Female_Studio { background-color: #CD1689;}
#calendar .fc-event.Pool { background-color:#309FCA ;}
.addtocal {margin: 20px 0 0;}
.addtocal a {}
.addtocal span.fa {padding-right: 6px;}

#schedule_lister {}
#schedule_lister h1 {}
#schedule_wrapper {padding: 6px 10px; background: #fff; border-radius: 8px; border: 2px solid #ddd;}
#schedule_top_fixed { z-index: 2999; background: #fff; position: relative; top: 0px; transition: top .6s ease-in-out; border-bottom: 6px solid #fff;}
#schedule_head, #schedule_subhead, #schedule_footer, #schedule_footer2 { margin: 4px 0 0 87px; line-height: 30px; }
#schedule_subhead, #schedule_footer2 { line-height: 14px;}
#schedule_head > div, #schedule_subhead > div, #schedule_footer > div, #schedule_footer2 > div { float:left; width: 13%; margin: 0px .5%; text-align:center; font-weight: bold;}
#schedule_subhead > div, #schedule_footer2 > div { font-weight: normal;}
#schedule_head > div.clear, #schedule_subhead > div.clear, #schedule_footer > div.clear, #schedule_footer2 > div.clear  { float:none; }
#schedule {}
.row_title { position: relative; margin: 16px 0; height: 2px; background: #999;}
.row_title span { position: absolute; left: 0px; padding: 0 10px; line-height: 36px; font-size: 17px; top: -18px; background: #fff;}
.row_days { margin: 4px 0 0 87px; min-height: 20px;}
#schedule_head::after, #schedule_subhead::after, .row_days::after {display:block; content: ' '; clear: both;}
.row_days > div { float:left; width: 13%; margin: 0px .5% 4px;}
.row_days > div.clear { float:none; }

#schedule_lister .filters h4 { display:inline-block; margin-right:1em; }

#schedule_toggle { display: none;}
#schedule_toggle h4 { font-size: 16px; font-weight: bold; padding:0px; line-height: 30px;}
#schedule_toggle select { width: 100%; box-sizing: border-box; height: 30px; line-height: 30px; padding: 0 12px; font-size: 13px; text-align:center;}
#schedule_toggle select option { width: 100%; text-align:center;}

#raw_items { display: none; }
.schedule_item { border-radius: 5px;text-align:left; padding: 5px; margin: 3px 0; cursor: pointer;}
.schedule_item .fitness_icon { float: right; max-width: 40px; margin: 6px 0 6px 6px; height: auto;}
.schedule_item .item_time {text-align:left; font-size: 13px; font-weight: bold; padding: 0 0 2px;}
.schedule_item .item_name { text-align:left; font-size: 1.3rem; font-weight: bold;  vertical-align: middle;}
.schedule_item .teacher { text-align:left; font-size: 12px;}
.schedule_item .location { text-align:left; font-size: 12px;}
.schedule_item .item_popup { display: none;}
.schedule_item.cat0 { border: solid 1px #ff8c18; color:#ff8c18; }
.schedule_item.cat1 { border: solid 1px #1badcf; color:#1badcf; }
.schedule_item.cat2 { border: solid 1px #AC1DD4; color:#AC1DD4;}
.schedule_item.cat3 { border: solid 1px #ACC800; color:#ACC800; }
.schedule_item.cat4 { border: solid 1px #1BADCF; color:#1BADCF; }
.schedule_item.cat5 { border: solid 1px #acc; }
.schedule_item.cat6 { border: solid 1px #cac; }
.schedule_item.cat7 { border: solid 1px #cca; }
.schedule_item.cat8 { border: solid 1px #aaa; }
.schedule_item.cat9 { border: solid 1px #8aa; }
.schedule_item.cat10 { border: solid 1px #a8a; }
.schedule_item.cat11 { border: solid 1px #aa8; }

#popup_wrapper { display: none; z-index: 3000; background: rgba(0,0,0,0.85); position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}
#popup_wrapper .item_popup { display: block; position: absolute; left: 50%; top: 50%; margin-left: -235px; margin-top: -125px; width: 470px; background: #f2f2f2; color: #000; font-size: 17px; line-height: 26px; border-radius: 8px; padding: 0 15px 30px;}
.item_popup .popup_close { position: absolute; top: 10px; right: 12px; cursor:pointer; text-align: right; width: 30px;}
.item_popup .popup_title { color: #2f7de1 ; font-size: 26px; line-height: 30px; text-align:center; padding: 15px 0 10px; margin:0 0 10px; border-bottom: 1px solid #888;}
.item_popup .popup_time {}
.item_popup .popup_teacher {}
.item_popup .popup_location {}
.item_popup b { display: inline-block; width: 105px;}
.item_popup .calendar_links { text-align:center; position: relative; top: 15px;}
.item_popup .calendar_links a { font-size:16px !important;}

@media screen and (min-width: 20px) and (max-width: 749px) {
    #schedule_toggle { display: block; }   
    #schedule_top_fixed { top: 0px !important;}
#schedule_head > div, #schedule_subhead > div, .row_days > div { width: 100%; float: none; display: none; }
#schedule_head > div.current_schedule, #schedule_subhead > div.current_schedule, .row_days > div.current_schedule { display: block;}
#popup_wrapper .item_popup { top: 3%; left: 2.5%; margin-left: 0px; margin-top:0px; padding:15px 2.5%; width: 90%; height: 75%; font-size: 12px; line-height: 17px;}
.item_popup .popup_title { padding: 0px; line-height: 20px; font-size: 17px;}
}