/*Zusatz für die Status Icon Buttons*/


body .contract-btn{
	color:white !important;
	margin-top: 30px;
	height:55px;

}

body .cancel-btn{
	background-color:#999;	
	margin-top: 0px;
	font-size: 1em;
}

body #contract-toggle{
	display:none;
}
body .confirmContract{
	display:none;
	position:fixed;
	top:calc(5vh + 20px);
	padding:15px;
	width:calc(100% - 40px);
	left:20px;
	height:calc(90vh - 40px);
	overflow:scroll;
	background-color:white;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}

body #contract-toggle:checked + .confirmContract{
	display:block;
}


body label[for="usage-toggle"],body label[for="privacy-toggle"]{
	font-size:1em;
	color:#74aef5;
}
body .close{
	z-index:9999 !important;
}

body .reservations .reservation:after, body .reservations .reservation:before{
	content:unset;
	display:none;
	
}

body .reservations .reservation .info{
	margin-left:10px;
	width: calc(100% - 135px);
	}

body .reservations .reservation.legend .info{
	margin-left:10px;
	display:flex;
	justify-content: center;

}

body .reservations .reservation .info button{
	border-radius: 4px;
	background-color:#d3d3d3;
	transition:background 1s;
	height:60px;
	width:60px;
	top:15px;
}

body .reservations .reservation .info button.away{
	right:165px;
}

body .reservations .reservation .info button.reserved{
	right:90px;
}
body .reservations .reservation .info button.set_done{
	right:15px;
}



body .reservations .reservation .info button.disabled{
	cursor: not-allowed;
	pointer-events: none;
}

body .reservations .reservation .info button.done{
	opacity:0.2;
	background-color:#74aef5;
}
body .reservations .reservation .info button.current{
	opacity:1;
	background-color:#74aef5;
}

body .reservations .reservation .info button.next{
	opacity:1;
	border:3px solid #74aef5;
}

body .reservations .reservation .info button.red.reserved{
	opacity:1;
	background-color:#fc5c65;
}