#table-container {
	margin-top: 10px;
}

#WeeklyReservationSchedule {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

	#WeeklyReservationSchedule th:first-child {
		border-radius: 5px 0 0 0;
	}

	#WeeklyReservationSchedule th:last-child {
		border-radius: 0 5px 0 0;
		border-right: 1px solid #3c6690;
	}

	#WeeklyReservationSchedule th {
		text-align: center;
		color: white;
		background: linear-gradient(#829ebc, #225588);
		border-left: 1px solid #3c6690;
		border-top: 1px solid #3c6690;
		border-bottom: 1px solid #3c6690;
		box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
		/*padding: 10px 15px;*/
		font-size: 0.8em;
	}

	#WeeklyReservationSchedule td {
		text-align: center;
		border-left: 1px solid #a8b7c5;
		border-bottom: 1px solid #a8b7c5;
		border-top: none;
		/*box-shadow: 0px -3px 5px 1px #eee inset;*/
		width: 14%;
		padding: 10px 0;

	}
	

	#WeeklyReservationSchedule td:last-child {
		border-right: 1px solid #a8b7c5;
	}

	#WeeklyReservationSchedule tr:last-child td:first-child {
		border-radius: 0 0 0 5px;
	}

	#WeeklyReservationSchedule tr:last-child td:last-child {
		border-radius: 0 0 5px 0;
	}

#WeeklyReservationSchedule tr:nth-child(odd) {
	background-color: #e0ffff
}

#WeeklyReservationSchedule tr:nth-child(even) {
	background-color: #ffffff
}

.time-cell {
/*	color: darkorange;
*/	font-weight: 700;
}

.my-cell{
	padding: 0px 0px;
}


#ScheduleEmptyMsg {
	width: 300px;
	height: fit-content;
	position: absolute;
	left: 50%;
	margin-top: 20px;
	transform: translate(-50%, 0%);
	background-color: white;
	border: 2px solid red;
	border-radius: 10px;
	padding: 20px;
	font-size: 24px;
}

.crossed-cell {
	position: relative;
	overflow: hidden;
	background-image: linear-gradient(to top right, transparent calc(50% - 1px), #696969, transparent calc(50% + 1px));
}