.top-label {
	color: #44ccdd;
	font-size: 18px;
	text-align: center;
}

.cal-container {
	display: inline-block;
	margin: 1vw;
}

.miniCalendar {
	width: 400px;
	margin: auto;
}
.calendar_wrap {
	display: grid;
	grid-template-rows: 30px 30px auto;
	grid-template-columns: repeat(7, 1fr);
	height: 100%;
}
.title_bar {
	grid-area: 1 / 1 / 2 / 8;
	display: flex;
	justify-content: space-between;
	color: #44ccdd;
}
.previous_month {
	flex-grow: 1;
}		
.show_month {
	flex-grow: 4;
	text-align: center;
}		
.next_month {
	flex-grow: 1;
	text-align: right;
}
.cal_item {
	margin: 1px;
}
.cal_day_header {
	font-size: 14px;
/*			background-color: #61a891;*/
	text-align: center;
	color: #44ccdd;
}
.cal_date_filler {
	background-color: #a3e3bf;
}
.cal_date {
	background-color: #738e76;
	text-align: center;
	padding-top: 5px;
}
.cal_date_reserved {
	background-color: #e34949;
}

.month_popup_container {
	width: 1024px;
	height: 540px;
	background-color: #333333;
}