.planningvakje:hover {
	cursor: pointer;
}

.planningitem {
	width: 100%;
	height: 30px;
	font-size: 10px;
	color: #fff;
}

.tweeitems {
	max-height: 15px !important;
}

.drieitems {
	max-height: 10px !important;
}

.vieritems {
	max-height: 7.5px !important;
}

.vijfitems {
	max-height: 6px !important;
}

.kleurbolletje {
	width: 25px;
	height: 25px;
	border-radius: 12.5px;
}

th, td {
	
}

.first-col {
    position: absolute;
	width: 200px;
	margin-left: -202px;
	margin-top: -1px;
	background-color: #ffffff;
	height: 50px;
}

.planningTabel {
	margin-left: 200px;
}

.rand {
	border: 1px solid #ddd !important;
}

.modal{
  position:fixed;
  z-index:9999; /* On top of everything */
  background-color:rgba(0,0,0,0.6);
}

.modal-backdrop {
	background-color: transparent !important;
}