.calendar-cell {
	background: #ffffff;
	border: 1px solid #bbb;
	min-width: 13.6%;
	margin: 1px;
	padding: 0px;
	border-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.calendar-cell {
		background: #ffffff;
		border: 0px;
		min-width: 14.2%;
		margin: 0px;
		padding: 0px;
		border-radius: 3px;
		/* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
	}
}

.celendar-top {
	height: 120px;
}

.weekend {
	background-color: rgba(250, 200, 150, 0.3);
}

/* @media only screen and (max-width: 768px) {
	.celendar-top {
		height: 110px;
	}
} */

.calendar-back {
	height: 110px;
	line-height: 110px;
	opacity: 0.7;
	display: none;
	text-align: center;
	cursor: pointer;
}

.caltxt {
	margin-top: 5px;
	font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
	overflow: hidden;
	max-height: 85px;
}

.confirmed {
	height: 9px;
	width: 9px;
	background-color: #209050;
	border-radius: 50%;
	display: inline-block;
}

.not-confirmed {
	height: 9px;
	width: 9px;
	background-color: #bd1f1f;
	border-radius: 50%;
	display: inline-block;
}

.confirmed-event {
	height: 9px;
	width: 9px;
	background-color: #209050;
	border-radius: 50%;
	display: inline-block;
}

.not-confirmed-event {
	height: 9px;
	width: 9px;
	background-color: #bd1f1f;
	border-radius: 50%;
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	.confirmed {
		display: none;
	}
	.not-confirmed {
		display: none;
	}
}

.calendar-off {
	opacity: 0.5;
	margin: 10% 0px 0px 33%;
}

@media only screen and (max-width: 768px) {
	.calendar-off {
		margin: 40% 0px 0px 8%;
	}
}

.calendar-caption {
	/* height: 50px; */
	background: rgb(3, 169, 244);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	padding: 5px;
	font-size: 90%;
	font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
	/* background-image: linear-gradient(rgb(30, 199, 255), rgb(3, 169, 244)); */
	text-shadow: 1px 1px 2px #004060;
	color: #fff;
}

.calendar-worktime {
	color: #fff; /*#B3E5FC;*/
	font-size: 90%;
	margin-left: 0px;
}

.calendar-event {
	clear: both;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	width: 99%;
	font-size: 80%;
	padding-left: 2px;
	margin-top: -5px;
	/* -webkit-box-shadow: 2px 2px 3px 0px rgba(0,50,80,1);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,50,80,1);
    box-shadow: 2px 2px 3px 0px rgba(0,50,80,1); */
	font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
	.calendar-event {
		background-color: #aaffaa;
		line-height: 18px;
		font-size: 60%;
	}
}

@media only screen and (max-width: 768px) {
	.calendar-event-confirmed {
		background-color: #aaffaa; /*#209050;*/
	}
	.calendar-event-not-confirmed {
		background-color: #ffaaaa;
	}
}

.state-icon {
	left: -5px;
}

/* .event-text {
    font-weight: bold;
  } */

.ext-event-text {
	/* font-weight: bold; */
	font-style: italic;
	color: #003050;
}

.outdated {
	/* filter: opacity(80%); */
	background: #bdbdbd;
}

.today {
	/* filter: opacity(80%); */
	background: #ffb300;
}

.event {
	background: #ffffff;
	border: 1px solid #bbb;
	margin-bottom: 3px;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	cursor: pointer;
}

.ext-event {
	margin-bottom: 3px;
	padding: 5px;
}