.calendar
{
	background-color: white;
	width: 220px;
	font-family: 'montserrat';
	border: 4px solid rgb(156,187,226);
	text-align: center;
}

.clndr-controls
{
	background-color: rgb(156,187,226);
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0 10px 0;
}

.clndr-previous-button img, .clndr-next-button img
{
	height: 18px;
	padding: 0 10px;
	cursor: pointer;
}

.days-of-the-week
{
	background-color: rgb(0,97,175);
	color: white;
	font-weight: bold;
}

.days-of-the-week, .days
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.day
{
	color: black;
}

.header-day, .day
{
	width: 14%;
	padding: 8px 0;
	
}

.day:not(.past):hover, .day:active
{
	color: white;
	background-color: rgb(156,187,226);
	cursor: pointer;
}

.adjacent-month
{
	color: rgb(180,180,180);
}