/* CSS Document */



#calendar-wrap .previous { float:left}
#calendar-wrap .next { float:right}
#calendar-wrap header {text-align: center; display:block; width:100%; clear:both}
#calendar-wrap header .topheader { color:#000!important; margin:0 0 20px!important}

#calendar {width: 100%;clear:both}
#calendar a {color: #8e352e;text-decoration: none}
#calendar ul {list-style: none;padding: 0;margin: 0;width: 100%;}

#calendar li {display: block;float: left;width:14.342%;padding: 5px;box-sizing:border-box;
border: 1px solid #ccc;margin-right: -1px;margin-bottom: -1px;overflow:hidden; }

#calendar ul.weekdays {	height: 40px;	background: #0D4560;}

#calendar ul.weekdays li {text-align: center;text-transform: uppercase;line-height: 20px;
border: none !important;padding: 10px 6px;color: #fff;font-size: 13px;}

#calendar .days li {height: 150px}

#calendar .days li:hover {background: #d3d3d3}

#calendar .date {text-align: center;margin-bottom: 3px;padding: 4px;background: #175C7C;color: #fff;
	width: 25px;height: 25px;line-height:15px;border-radius: 50%;float: right;font-size:14px}

#calendar .event {
	clear: both;display: block;padding: 0 0 3px;line-height: 14px;
	font-size:13px;color: #FFF;text-decoration: none;background:0;
}


#calendar .day.past  {background:#eee}
#calendar .day.today {background: #FBFFC7}


#calendar .other-month {background: #aaa;color: #666;}

#calendar .event a {color:#FFF}

#calendar .days li:hover {background: #FFF;overflow:visible;}

 #calendar .days li:hover .daywrap {  position: relative; z-index: 100; background:#d3d3d3; width:125%; margin:-10px 0 0 -18px; padding: 6px;min-height:160px} 
 #calendar .days li:hover .daywrap .event {margin:0 0 6px; padding:5px; background:#FFF}
.daywrap { background:0; display: block; /*padding: 6px;*/}



/* Colors */

#calendar .event a{color: #D4748F;}

#calendar .event.eventnum1 a{color: #0056CC;}
#calendar .event.eventnum2 a{color: #E88B06;}
#calendar .event.eventnum3 a{color: #49AFCD;}
#calendar .event.eventnum4 a{color: #8E74C8;}
#calendar .event.eventnum5 a{color: #9CC17B;}
#calendar .event.eventnum6 a{color: #502761;}
#calendar .event.eventnum7 a{color: #30355C;}
#calendar .event.eventnum8 a{color: #8E74C8;}
#calendar .event.eventnum9 a{color: #55C7A3;}
#calendar .event.eventnum10 a{color: #D4748F;}


#calendar .event[class*="1"] a{color: #0056CC;}
#calendar .event[class*="2"] a{color: #E88B06;}
#calendar .event[class*="3"] a{color: #49AFCD;}
#calendar .event[class*="4"] a{color: #8E74C8;}
#calendar .event[class*="5"] a{color: #9CC17B;}
#calendar .event[class*="6"] a{color: #502761;}
#calendar .event[class*="7"] a{color: #30355C;}
#calendar .event[class*="8"] a{color: #8E74C8;}
#calendar .event[class*="9"] a{color: #55C7A3;}
#calendar .event[class*="0"] a{color: #D4748F;}


/* 009aaf */
#calendar .event a:hover {color:#2395c8}


/* ============================
				Mobile Responsiveness
   ============================*/


@media(max-width: 768px) {

	#calendar .weekdays, #calendar .other-month {
		display: none;
	}

	#calendar li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}

	#calendar .date {
		float: none;
	}
}


/* not used */
/* #calendar .event { */
	/* border-radius: 4px; */	
	/*margin-top: 40px;
	margin-bottom: 5px; */
	/*background: #e4f2f2;*/
	/* border: 1px solid #b5dbdc; */
	/*margin: 0 0 6px;*/
/*} */
#calendar .event-desc {
/*	color: #666;
	margin: 3px 0 7px 0;
	text-decoration: none;	*/
}

/*#calendar .eventnum1 {background: #0056CC;}
#calendar .eventnum2 {background: #E88B06;}
#calendar .eventnum3 {background: #49AFCD;}
#calendar .eventnum4 {background: #8E74C8;}
#calendar .eventnum5 {background: #F18965;}
#calendar .eventnum6 {background: #9CC17B;}
#calendar .eventnum7 {background: #30355C;}
#calendar .eventnum8 {background: #502761;}
#calendar .eventnum9 {background: #55C7A3;}
#calendar .eventnum10 {background: #D4748F;}*/