#Calendar {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width: 100%; 
	margin: auto;
}

#Calendar .calendar {
	border-collapse: collapse;
	/* margin: auto; */
	width: 950px;
}


#Calendar .cover {
	opacity: 0.1;
	position: relative;
	background: #fff;
	display: none;
	margin: auto;
}

#Calendar .month,
#Calendar .prev, 
#Calendar .next {text-align: center; font-weight: bold;}

#Calendar .calendar .cell {
  padding: 0 4px 0 0;
  text-align:right;
  font-size: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 64px;
  width:14%;
  border:1px solid #ddd;
}
#Calendar .calendar .cell:hover {/* opacity: 0.7; */}

#Calendar table.calendar td {height:40px; font-size:14px; font-weight:300; color:#666;}
#Calendar .calendar .isevent {cursor: pointer;}

#Calendar .calendar .weekend {color: #ccc ;}
#Calendar .calendar .today {background-color: #ffa;}
#Calendar .calendar .isevent {color: #000; font-weight:700}

#Calendar .calendar .cell.active {font-weight: bold; background-color: #fdd;}

#Calendar .event {
	color: #111;
	font-size: 13px;
	text-align: left;
	position:absolute;
	z-index: 10;
	display: none;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	padding: 5px;
	min-height: 50px;
	min-width: 200px;
	max-height: 150px;      
	max-width: 300px;
	margin: -10px 0 0 -100px;
	overflow: auto;
	font-weight:400;
}

/* Sidebar styles */
#sidebar #Calendar {margin-bottom:20px;}
#sidebar #Calendar .calendar {width:100%;}
#Calendar .calendar .cell {height:32px;}






/* Media Queries */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Calendar .calendar {width: 750px;}
}

@media only screen and (max-width: 767px) {
	#Calendar .calendar {width: 410px;}
}

@media only screen and (max-width: 479px) {
	#Calendar .calendar {width: 290px;}
}