* 			{
	border: 0;
	margin: 0;
	}
body 			{
	width: 100%;
	height: 100%;
	background: lightgrey;
	overflow: hidden;
	}

#greyer			{
	position: absolute;
	width: 100%;
	height: 100%;
	background: grey;
	opacity: 0.5;
	z-index: 20000;
	display: none;
	}

#popped			{
	position: absolute;
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
	background: white;
	border: 2px solid black;
	z-index: 25000;
	display: none;
	
	}

.podselection   {
	position: fixed;
	top: 0;
	left: 0;
	background: lightblue;
	border: 2px solid black;
	height: 120px;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hide;

	display: flex; 
	white-space: nowrap; 
	padding: 10px; 
	border: 1px solid #ddd;
	z-index: 1000;	
	

	} 
	
.podselection > div { 
		display: inline-block; 
		padding: 10px; 
		margin-right: 10px; 
		border: 1px solid #ccc; 


	}
	
.menupod		{
	float: left;
	height: 100px;
	width: 150px;
	text-decoration: none;

	}

A 				{
	text-decoration: none;	

	}


	
#podsoverview 	{
	position: fixed;
	top: 0;
	margin-top: 160px;
	left: 0;
	overflow: auto;
	height: 100%;
	width: 100%;
	z-index: 500;
	}	
	

.pod 			{
	background: grey;
	padding-bottom: 15px;
	}

.podtitle		{
	color: white;
	font-weight: bold;
	font-family: Monospace;
	font-size: 22pt;
	text-decoration: none;
	}
	
IMG.imagepod		{
	width: 50px;
	height: 50px;
	padding-left: 20px;
	margin-top: 10px;
	}
.ups			{
	background: lightyellow;
	padding-bottom: 15px;
	height: 90px;
	}	
	
.upstitle		{
	color: black;
	}	
	
IMG.imageups		{
	height: 50px;
	width: 50px;
	padding-left:50px;
	margin-top: 10px;
	}
	
.cabinets		{
	border: 1px solid grey;
	}
	
.cabinetstitle	{
	color: black;
	height: 70px;
	}
	
IMG.imagecabinet	{
	height: 50px;
	width: 25px;
	padding-left: 70px;
	}
	
.addcabinet 		{
		position: absolute;
		right: 10px;
		height: 50px;
		width: 50px;
		margin-top: 5px;
		
	}
	
#closer 		{
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	z-index: 2501;
	opacity: 1;
	}

.inputs 		{
		border: 1px solid grey;
		font-size: 16pt;
		vertical-align: middle;
		}

.entries 		{
	width: 50px;
	height: 50px;
	padding: 5px;
}

img#deleter		{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 50px;
	width: 50px;
}

#logform {
	position: absolute;
	width: 150px;
	padding: 20px;
	right: 40%;
	bottom: 10%;

	border-radius: 		35px;
	border: 			2px solid black;
	overflow: 			hidden;
	z-index: 			999;
	text-align: 		center;
	background: azure;
	}	
	
.logins {
	width: 				140px;
	border-radius: 		35px;
	border: 			2px solid black;
	overflow: 			hidden;
	z-index: 			999;
	text-align: 		center;
	background: 		white;
	margin: 			3px;
	font-size: 24pt;
}

.logologin				{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
#loglogo {
	width: 80%;
}
#loginverzenden{
	background: lightgrey;
	color: white;
	
}
.tox-tinymce-aux{z-index:99999999999 !important;}

.active, .collapsible:hover {
  background-color: #ccc;
  height: 100px;
}