.tijdschema-groep
{
	width: 100%;
}

.tijdschema-headers
{
	display: inline-block;
	width: 100px;
	vertical-align: top;
}


.tijdschema-headers .time, .tijdschema-table .separator {
	opacity: 0.6;
}

.tijdschema-headers .time.even, .tijdschema-table .separator.even {
	background: rgba(240, 240, 240, 0.5);
}

.tijdschema-headers .time.odd, .tijdschema-table .separator.odd {
	/*background: rgba(255, 255, 255, 0.8);*/
}

.tijdschema-table
{
	overflow-x: scroll;
	overflow-y: auto;
	width: calc(100% - 100px);
	display: inline-block;
}

.tijdschema-panel
{
	display: block;
	width: 100%;
}

.tijdschema-row
{
	width: 100%;
	position: relative;
	white-space: nowrap;
}

.tijdschema-element
{
	border: 1px solid #000000;
	border-radius: 5px 5px 5px 5px;
	position: relative;
	display: inline-block;
	padding: 4px;
	overflow: hidden;
}

.tijdschema-tijd
{
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 118px;
	border: 1px solid #cccccc;
	text-align: center;
}

.tijdschema .entry {
	border: 1px dotted #876;
	text-align: center;
	vertical-align: middle;
	transition: left .1s, top .1s, width .1s;
	cursor: move;
	background: #E8E8E8;
	overflow: hidden;
}

.tijdschema .entry.Bevestigd{
	background: #E6F0F7;
}

.tijdschema .entry.Aanvraag{
	background: #F7F4ED;
}

.tijdschema .entry.Reservering{
	background: #E6F0F7;
}

.tijdschema .entry.late{
	background: #FAD9BE !important;
}

.tijdschema .entry.aanwezig{
	background: #EDF7EE !important;
}

.tijdschema .entry .resizer {
	opacity: 1;
	width: 4px;
	background: #333;
	cursor: ew-resize;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}

.tijdschema .entry .content {
	height: 100%;
}

.tijdschema .entry .content .fa {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	height: 100%;
	min-width: 30px;
	vertical-align: middle;
}

.tijdschema .entry.resized {
	cursor: ew-resize;
}

.tijdschema .entry.overlap {
	opacity: 0.5;
	background: #C41431 !important;
	color: #FFF;
}

.tijdschema .entry.unused {
	height: 1.6em;
	width: 400px;
}

.tijdschema .entry.overlap a {
	background: #C41431;
	color: #FFF;
}

.tijdschema-table .hour-marker
{
	height: 100%;
	width: 1px;
	border-right: 1px solid #ccc;
}

.tijdschema-table .quarter-marker
{
	height: 100%;
	width: 1px;
	border-right: 1px dashed #eee;
}

.tijdschema-table .closed-marker
{
	height: 100%;
	background: #333;
	opacity: 0.5;
	z-index: 0;
}

.tijdschema .entry.dragged, .tijdschema .entry.resized {
	opacity: 0.5;
}

.tijdschema .entry.dragged
{
	background: #ccc;
}

.quickReservation
{
	background: #FFFFFF;
	box-shadow: 2px 2px 12px #999;
	border-radius: 4px 4px;
}

.quickReservation .qrContainer
{
	padding: 16px;
}

.quickReservation .qrContainer.title
{
	background: #EEE;
	border-bottom: 1px dashed #000;
	font-weight: 900;
	font-size: 14pt;
	text-align: center;
	border-radius: 4px 4px 0 0;
}

.quickReservation .qrContainer.field
{
	border-bottom: 1px dotted #eee;
	display: block !important;
}

.quickReservation .qrContainer.field .text
{
	float: left;
	font-weight: 900;
}

.quickReservation .qrContainer.field .input
{
	float: right;
	width: 50%;
}

.quickReservation .qrContainer.field input.input
{
	border: 1px dotted #ccc;
}

.quickReservation .qrContainer.buttons
{
	border-top: 1px dashed #000;
	border-radius: 0 0 4px 4px;
	padding: 0px;
	display: flex;
}

.quickReservation .qrContainer.buttons button
{
	font-weight: 900;
	font-size: 12pt;
	text-align: center;
	padding: 16px;
	vertical-align: middle;
	width: 33.33333%;
	margin: 0px;
	border: 0px;
	background: #EEE;
	flex: 1;
}

.quickReservation .qrContainer.buttons button.default
{
	background: #1AB394;
	color: #FFF;
}

.quickReservation .qrContainer.buttons button.default:hover
{
	background: #18A689;
}

.quickReservation .qrContainer.buttons button:hover
{
	background: #DDD;
}