html {
	scroll-behavior: smooth;
}
.calendarCvent{
	margin: 20px auto;
}
.calendar-header{
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.1rem;
}
.day-cell, .week-day{
	border: 1px dotted #dee2e6;
	padding: 0.5rem;
	min-height: 140px;
	overflow-y: auto;
	background: #fff;
}
.day-cell{
	cursor: default;
}
.notThisMonth{
	/*background:#e1e1e1 !important;*/
	opacity:50%;
}
.event{
	/*background: #0d6efd;*/
	/*color: white;*/
	padding: 2px 6px;
	margin: 2px 0;
	font-size: 0.85rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.event:hover {
	/*color: white !important;*/
	background-color: #f1f1f1;
	font-weight: 600;
}
.nav-btn{
	cursor: pointer;
	user-select: none;
}
.view-switch button{}
.list-event{
	border-bottom: 1px solid #dee2e6;
	padding: 8px 0;
}
.list-event:last-child{
	border-bottom: none;
}
@media( min-width: 768px ){
	.row-cols-md-7 > * {
		flex: 0 0 auto;
		width: 14.2857143%; /* 100% / 7 */
	}
}
@media( max-width: 767.98px ){
	.calendar-header {
		position: sticky;
		top: 0;
		background-color: white;
		border: 2px solid #999;
		z-index: 999;
		padding: 16px;
		margin: 0;
		border-radius:16px;
	}
}