/* Style for the calendar table */

div.calendar {
	display: inline-grid;
	width: 31%;
	margin-left:1%;
	margin-right:1%;
	padding:0%;
}

.calendar tr td {
	padding-left:unset !important;
	padding-right:unset !important;
	margin: 0px !important;
}

div.calendar h3 {
	text-align: center;
}

table.calendar		{
	width: 100%;
	border-left:1px solid #999;
}

tr.calendar-row:hover	{
	background-color: transparent;
}

td.calendar-day	{
	min-height:80px;
	font-size:11px;
	position:relative;
}

* html div.calendar-day {
	height:80px;
}

td.calendar-day-np	{
	background:#eee;
	min-height:80px;
}
* html div.calendar-day-np {
	height:80px;
}
td.calendar-day-head {
	background:#ccc;
	font-weight:bold;
	text-align:center;
	/* width:120px; */
	padding:5px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

div.day-number		{
	/* background:#999; */
	/* padding:5px; */
	/* color:#fff; */
	font-weight:bold;
	font-size: 15pt;
	/*float:right;*/
	/* margin:-0px -0px 0 0; */
	/* width:100%; */
	text-align:center;
}

td.calendar-day, td.calendar-day-np {
	/* width:120px; */
	padding:5px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
}

td.mr-free {

}

td.mr-busy {
	color: red;
	background-image: url('busyday.png') !important;
	background-position: center !important;;
	background-repeat: no-repeat !important;;
}

/* MEDIA BREAKPOINTS */

/*
@media screen and (min-width:1024px) and (max-width:1489px) {
	div.calendar {
		min-width: unset !important;
		width: 45% !important;
		margin-right: 5%;
		margin-left: 0%;
		padding-left:0%;
	}
}
*/

@media screen and (min-width:840px) and (max-width:1024px) {
	div.calendar {
		width: 100% !important;
	}

	div.calendar:nth-child(4) {
		display: none;
	}
}

@media screen and (max-width:839px) {
	div.calendar {
		width: 100% !important;
		display: block;
	}

	div.calendar:nth-child(4) {
		display: none;
	}
}
/* end of styles for calendar */