/* CSS Document */
.vms_mini_calendar{
	background:#f4f4f4;
	padding:10px;
	margin:3px auto;
}
table.xCalendar{
	box-sizing:border-box;
	border-collapse:collapse;
	width:100%;
	font-size:12px;
}
.xCalMonth{
	background:#00a1e3;
	color:white;
	text-align:right;
	font-weight:bold;
	padding:8px 10px;
	border:1px solid white;
	box-sizing:border-box;
}
.xCalShowAll{
	background:#eb5296;
	color:white;
	text-align:center;
	padding:8px 0;
	border:1px solid white;
}
.xCalShowAll a{color:white; text-decoration:none; font-weight:bold;}
table.xCalendar th{
	background:#878787;
	text-align:center;
	height:30px;
	border:1px solid white;
	vertical-align:middle;
	color:#eaeaea;
}
table.xCalendar th:nth-child(7),
table.xCalendar th:nth-child(8){
	background:#4d4d4d;
}
table.xCalendar td{
	background:#d8d8d8;
	text-align:center;
	height:30px;
	border:1px solid white;
	vertical-align:middle;
	width:13%;
	transition:all ease-in-out 0.2s;
	color:#aaa;
}
table.xCalendar td a{
	display:block;
	height:30px;
	line-height:30px;
	color:#333;
}
table.xCalendar td.clickableDay:hover{
	background:#c8c8c8;
	transform:scale(1.2,1.2);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
table.xCalendar td:nth-child(7),
table.xCalendar td:nth-child(8){
	background:#c3c3c3;
}
table.xCalendar td:nth-child(7):hover,
table.xCalendar td:nth-child(8):hover{
	background:#a3a3a3;
}

.prevMonth,
.nextMonth{
    cursor:pointer;
}