.today {
	background-color:#cce5ff;
}

.cal_nav {
	text-align:center;
	font-weight:bold;
}

.cal_nav span {
	margin:0 2px;
	cursor:pointer;
	padding:3px;
	display:inline-block;
}

.cal_nav span:nth-child(2) {
	width:150px;
}
.cal_nav span:not(:nth-child(2)) {
	width:22px; /* 16px (size of the character) + padding (2 * 3px)  */
}

.cal_nav span:nth-child(1):hover::before {
	content: "\f137";
	color:#007bff;
}

.cal_nav span:nth-child(3):hover::before {
        content: "\f138";
        color:#007bff;
}

.cal_nav span:nth-child(2):hover {
	color:white;
	background-color:#007bff;
	border-radius:5px;
}


#calendar table {
	width:100%;
	table-layout:fixed;
}

#calendar th {
	text-align:center;
}

.cal_day {
	text-align:center;
	vertical-align:top;
	border:1px solid darkgray;
	height:3rem;
}
.cal_day span {
	color:#007bff;
}
.cal_not_month span {
	color:#0056b3 !important;
}
.cal_not_month {
	background-color:#ddd;
}

.cal_number {
	text-align:right;
	position:relative;
	top:0;
	font-size:0.75rem;
}