.jcal-container {
	width: 100%;
}

.jcal-nav {
	background: #D1D1D1;
	padding: 10px;
}

.jcal-nav-heading {
	text-align: center;
	font-weight: bold;
	height: 100%;
}

.jcal-cell {
	width: 14%;
}

ul.labels {
	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

ul.labels li {
	float: left;
	list-style-type: none;
	width: calc(100%/7);
	text-align: center;
	height: 3em;
	vertical-align: middle;
}

ul.days {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

ul.days li {
	float: left;
	list-style-type: none;
	width: calc(100%/7);
	text-align; right;
}

.jcal-day-header-null {
	padding: 5px;
	height: 1.5em;
}

.jcal-day-cell {
	background: #EDEDED;
	margin: 3px;
	padding: 0px;
}

.jcal-day-header {
	text-align: right;
	padding: 5px;
	height: 1.5em;
}

.jcal-day-cell > .jcal-day-header {
	background: #CDCDCD;
}

.jcal-day-cell-muted {
	background: #EFEFEF;
	margin: 3px;
	padding: 0px;
}

.jcal-day-cell-muted > .jcal-day-header {
	background: #DEDEDE;
}

.jcal-day-cell-current {
	background: #be8484;
	margin: 3px;
	padding: 0px;
}

.jcal-day-cell-current > .jcal-day-header {
	background: #CCC;
}

.jcal-day-space {
	height: 200px;
	font-size: 12px;
	padding: 5px;
}

.jcal-time {
	font-weight: bold;
	float: left;
}

.jcal-slots > li{
	width: 100%;
}

@media (max-width: 640px) {
	
	ul.days li {
		float: left;
		width: 100%;
	}
	
}