/* Calendar style sheet - Modernized */

table.calendar_main {
	font-family: inherit;
	font-size: 14px;
	width: 100%;
	margin: 10px auto 0 auto;
	/* Center with margin auto */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 4px;
	display: table;
	/* Ensure it behaves like a table */
}

/* Header */
.calendar_title {
	color: #34495e;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	font-size: 15px;
}

.calendar_title_month_clickable {
	color: #34495e;
	text-decoration: none;
}

/* Navigation arrows */
.calendar_title_left_arrow,
.calendar_title_right_arrow {
	padding: 0 10px;
	cursor: pointer;
}

/* Table */
.calendar_table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.calendar_table td {
	border: 1px solid #eee;
	text-align: center;
	width: 14.28%;
	/* 7 days */
	padding: 10px 5px;
	font-size: 13px;
	color: #555;
	transition: background 0.2s;
}

/* Headers (Days) */
.calendar_table th {
	border: none;
	background-color: #f8f9fa;
	color: #7f8c8d;
	font-weight: 600;
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
	font-size: 11px;
}

/* Weekends */
.calendar_weekend {
	background-color: #fcfcfc;
	color: #e74c3c;
}

/* Other Month */
.calendar_other_month {
	color: #ccc;
	background-color: #fafafa;
}

/* Today */
.calendar_today {
	color: #fff;
	background-color: #e74c3c;
	border-radius: 50%;
	/* Attempt to make it circular if cell is square, or just rounded */
	font-weight: bold;
}

/* Hover effects */
.calendar_table td:hover:not(.calendar_today) {
	background-color: #e8f4f8;
	cursor: pointer;
}

/* Links */
.calendar_day_clickable,
.calendar_other_month_clickable,
.calendar_today_clickable {
	color: inherit;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}