ul {
	list-style-type: none;
}
li {
	box-shadow: 0px 0px 4px lightgray;
}
li :hover {
	background: #8B55FF !important;
	color: white !important;
	transition: all .5s ease-out;
}

li span {
	font-size: 17px;
}
body {
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont;
}
.slot-btn{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
	grid-template-rows: repeat(1, 40px);
	grid-gap: 1rem;
	grid-auto-flow: dense;
}
.weekcarousel{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
	grid-template-rows: repeat(1, 90px);
	grid-auto-flow: dense;
	box-shadow: 0px 1px 1px lightgray;
	transition: all .5s ease-out;
}
.calendar-prev:before {
	content: '←';
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
	cursor: pointer;
}
.calendar-next:before {
	content: '→';
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
	cursor: pointer;
}
@media only screen and (min-width: 480px) {
	.slot-btn{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		grid-template-rows: repeat(1, 40px);
		grid-gap: 1rem;
		grid-auto-flow: dense;
	}
}
.week-header-common{
	font-size:12px;
	background: rgba(142,168,190,.08);
	border-bottom: 1px solid rgba(142,168,190,.16);
	color: #29343da3;
	height: 35px;
	cursor: pointer;
}
.week-content-common {
	height:55px;
	font-size: 13px;
	align-items: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
	font-weight: 600;
	cursor: pointer;
}
.active{
	background: #8B55FF !important;
	color: white;
	transition: all .5s ease-out;
}
.active-confirm{
	background: #8B55FF !important;
	color: white;
	transition: all .5s ease-out;
}
.active-booked{
	background: lightgray !important;
	color: white;
	transition: all .5s ease-out;
}
@media only screen and (min-width: 480px) {
	.week-border-right{
		border-top-right-radius:10px;
	}
	.week-border-left{
		border-top-left-radius:10px;
	}
	.week-header-start{
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
	}
	.week-header-end{
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
	}
}