/* CSS of template1 containers styles */
div#sharedScheduleHoursContainer {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 0px;
	height: 520px;
	width: 90px;
}
div#hoursHeaderContainer {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 90px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
	cursor: pointer;
}
div#hoursContainer {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 90px;
}
div#sharedScheduleDayContainer1 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 90px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer1 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer1 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#sharedScheduleDayContainer2 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 260px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer2 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer2 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#sharedScheduleDayContainer3 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 430px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer3 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer3 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#sharedScheduleDayContainer4 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 600px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer4 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer4 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#sharedScheduleDayContainer5 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 770px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer5 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer5 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#sharedScheduleDayContainer6 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 940px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer6 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer6 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#sharedScheduleDayContainer7 {
	position: absolute;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	top: 90px;
	left: 1110px;
	height: 520px;
	width: 160px;
}
div#dayHeaderContainer7 {
	position: relative;
	margin-bottom: 10px;
	min-height: 30px;
	max-height: 30px;
	width: 160px;
	justify-content: center;
	text-align: center;
	align-items: center;
	display: flex;
}
div#dayContainer7 {
	position: relative;
	min-height: 480px;
	max-height: 520px;
	height: 520px;
	width: 160px;
}
div#schedulerDetailsHeaderContainer {
	position: absolute;
	display: flex;
	bottom: 80px;
	left: 0px;
	height: 20px;
	width: 550px;
	justify-content: center;
	text-align: center;
	align-items: center;
	cursor: default;
}
div#selectedEventDetailsHeaderContainer {
	position: absolute;
	display: flex;
	bottom: 80px;
	left: 560px;
	height: 20px;
	width: 550px;
	justify-content: center;
	text-align: center;
	align-items: center;
	cursor: default;
}	
div#schedulerDetailsContainer {
	display: flex;
	bottom: 0px;
	left: 0px;
	height: 70px;
	width: 550px;
}
div#selectedEventDetailsContainer {
	display: flex;
	bottom: 0px;
	left: 560px;
	height: 70px;
	width: 550px;
}
div#buttonsContainer {
	bottom: 0px;
	left: 1120px;
	height: 100px;
	width: 160px;
}