/* CSS Document */

/*//////////////////// EVENTS CALENDAR ////////////////////*/

.ecevt_calendar { width:100%; height:100%; margin:0 auto; padding:0; background-color:#FFFFFF; color:#000000; table-layout:fixed; clear:both; float:left; }
.ecevt_calendar, .ecevt_calendar * { box-sizing:border-box; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; }

.ecevt_calendar .nav { max-width:500px; display:block; padding:5px 0; margin:auto; clear:both; }
.ecevt_calendar .nav .month { width:33.3%; margin:auto; font-size:16px; line-height:18px; color:#006699; font-weight:bold; text-transform:capitalize; text-align:center; text-decoration:none; padding:5px 0px 5px 0px; float:left; }
.ecevt_calendar .nav .bracket { font-size:14px; color:#000000; }

.ecevt_calendar .month { display:table; border-collapse:collapse; table-layout:fixed; width:100%; height:calc(100% - 100px); } /* height - 2x .nav rows */
.ecevt_calendar .month .headings { display:table-row; height:30px; }
.ecevt_calendar .month .heading { font-size:10px; padding:0; text-align:center; line-height:30px; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; display:table-cell; background-color:#FFF !important; }
.ecevt_calendar .month .week { display:table-row; }
.ecevt_calendar .month .week:empty { display:none; height:0 !important; }
.ecevt_calendar .month .day { width:calc(100% / 7); height:100px; font-size:13px; text-align:left; line-height:1.25em; vertical-align:top; border:1px solid #DADADA; display:table-cell; }
.ecevt_calendar .month .day .port { position:relative; margin:0; padding:0; width:100%; height:calc(100% - 30px); overflow-x:hidden; overflow-y:auto; }
.ecevt_calendar .month .day .date { display:block; height:30px; padding:0 5px; font-size:20px; line-height:30px; vertical-align:middle; font-weight:normal; font-family:Roboto,Arial; color:#444; text-align:right; }
.ecevt_calendar .month .day .date > a,
.ecevt_calendar .month .day .date > span { display:block; line-height:30px; vertical-align:middle; }
.ecevt_calendar .month .day .date > span span.weekday_name { display:none; }
.ecevt_calendar .month .day:hover .date { background-color:#DADADA; }
.ecevt_calendar .month .weekend { background-color:#EEE; }
.ecevt_calendar .month .weekday { background-color:#EEE; }
.ecevt_calendar .month .spare { background-color:#E5E5E5; }
.ecevt_calendar .month .today { background-color:#FFFFFF; }

.ecevt_calendar .month .day .forecast { position:relative; top:-30px; margin:0; padding:5px; border:0; border-spacing:0; border-collapse:collapse; font-size:10px; }
.ecevt_calendar .month .day .forecast .wtr-icon { font-size:4px; display:inline-block; margin: -3px 0 0 2px; }
.ecevt_calendar .month .day .forecast > span { float:left; line-height:10px; display:inline-block; height:10px; }
.ecevt_calendar .month .day .forecast .high { color:#C00; }
.ecevt_calendar .month .day .forecast .low { color:#009; clear:left; }

.ecevt_calendar .month .day .event { display:block; text-align:left; vertical-align:middle; padding:5px 10px; margin:0; font-family:Roboto,Arial; }
.ecevt_calendar .month .day .event:hover { background-color:#E5E5E5; }
.ecevt_calendar .month .day .event .title { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
.ecevt_calendar .month .day .event .title .marker { font-size:16px; }
.ecevt_calendar .month .day .event .title .module { height:12px; width:12px; display:inline-block; margin:3px; line-height:18px; vertical-align:middle; }
.ecevt_calendar .month .day .event .time { display:block; margin-left:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:90%; margin-top:-2px; }

.ecevt_calendar .month .day a:link, .ecevt_calendar .month .day a:visited { color:#212121; }
.ecevt_calendar .month .day a:active, .ecevt_calendar .month .day a:hover { color:#000; }

.exception { color:#C00; }


.ECEVT_quickCalDate { height:30px; line-height:30px; vertical-align:middle; float:right; }
.ECEVT_eventPopup { background-color:#FFFFFF; color:#000000; border:1px solid #000000; position:absolute; top: 0; left: 0; width:250px; display:none; }
a.ECEVT_eventPopup:link, a.ECEVT_eventPopup:visited { color:#000000; background-color:#FFFFFF; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; height: 1em; }
a.ECEVT_eventPopup:hover, a.ECEVT_eventPopup:active { color:#000000; background-color:#CCCCCC; text-decoration:none; padding:2px 3px 2px 3px; margin:0px 0px 0px 0px; display:block; height: 1em; }

.ECEVT_ticket, .ECEVT_ticketDisabled { float:left; width:25px; height:35px; font-size:10px; text-align:center; margin:2px; }
.ECEVT_ticket:hover { margin:1px; border:1px solid #666; background:#EEE; cursor:pointer; }
.ECEVT_ticketSelected { float:left; width:25px; height:35px; font-size:10px; text-align:center; margin:1px; border:1px solid #333; background:#EFEFEF; }
.ECEVT_ticketSelected:hover { margin:1px; border:1px solid #666; background:#EEE; cursor:pointer; }

.eventlist { float: left; }
.eventlist .event_synopsis { float: left; height: 110px; margin: 5px; padding:0; width: 445px; }
.eventlist .event_img { border: none; display: block; float: right; width: 80px; height: 80px; line-height: 80px; margin: 0 10px; text-align: center; vertical-align: top; }
.eventlist .event_thumb { border: 0 none; display: inline; margin: 0; padding: 0; }
.eventlist .event_title { clear: both; margin: 3px 0; }
.eventlist .event_location { float: left; padding: 0 10px 5px; white-space: nowrap; }
.eventlist .event_date { float: left; padding: 0 10px 5px; white-space: nowrap; }
.eventlist .event_description { clear: left; padding: 0 10px 5px; }