@media (max-width: 575.98px) {
	body {
		padding: 0;
	}
	html {
		font-size: 12px;
	}
	h4 {
		margin-top: 0;
	}
}
.row {
	display: flex;
}
.col {
	flex: 1 1 0%;
	min-width: 0;
	max-width: 100%;
}

.ec {
	height: 640px;
}
.ec.ec-day-grid {
	height: 400px;
}
@media (min-width: 576px) {
	.ec {
		height: 700px;
	}
	.ec.ec-day-grid {
		height: 500px;
	}
}
@media (min-width: 992px) {
	.ec {
		height: 800px;
	}
	.ec.ec-day-grid {
		height: 700px;
	}
}
@media (min-width: 1200px) {
	.ec.ec-day-grid {
		height: 800px;
	}
}

/* Dark theme */
body.ec-dark {
	background: #22272e;

	color: #adbac7;
}
body:not(.ec-dark) svg.dark {
	display: none;
}
body.ec-dark svg.light {
	display: none;
}
.toggle-dark-button {
	color: inherit;
	border: 0;
	background: 0 0;
	opacity: .8;
	cursor: pointer;
}
.toggle-dark-button svg {
	width: 1.25rem;
	height: 1.25rem;
}

body .popover-body button {
	font-size: 1em;
	box-sizing: border-box;
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;
  }

div.ec-days {
	width: 100%;
	overflow-x: scroll;
}
/*div.ec-lines {
	width: 100%;
	overflow-x: scroll;
}*/
div.ec-resource {
	min-width: 5%;
	min-height: 40px;
}

div.ec-header > div.ec-days > div.ec-resource{
	border-right : 1px solid darkgray;
	border-left : 1px solid darkgray;


}

div.ec-body > div.ec-content > div.ec-days > .ec-resource{
	border-right : 1px solid darkgray;
	border-left : 1px solid darkgray;
	background-color: #d3f8e2;
}

h4.ec-event-title{
	font-size: revert;
}

/*div.ec-body > div.ec-content > div.ec-days > .ec-resource > article.ec-bg-event{
	opacity: 1;


}*/
.ec-bg-events article.ec-bg-event{
	background-color: indianred;
}