body {
	background:#232323;
	color:#fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:20px;
}

ul  { 
list-style-type: none; 
}

.tablecell {
	background:#3c3c3c;
	color:#fff;
	margin:1px;
	padding:2px;
	
}

.thinz {
	background:#3c3c3c;
	color:#fff;
	margin:1px;
	padding:2px;
	border-radius:4px;
	width:130px;
}
.xthinz {	
	width:50px;
}

.bigz {	
	width:250px;
}

.popupdevname{
	background:#48C9B0;
}

.lui{
	background:#444444;
	color:#fff;
	border:0;
	width:100%;
	margin-bottom:1px;
	text-align:left;
	 transition-duration: 0.4s;
}
.lui:hover{
	background:#c3c3c3;
}

.luiin{
	background:#fff;
	color:#111;	
}

#showmap { height: 240px; } 

#map { 
height: 640px;
width:100%; 
}

.mapdatebox {
	border: 1px solid #ced4da;
    border-radius: .25rem;
	width:270px;
	height: calc(2.25rem + 2px);
    padding: 1px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
}

@media only screen and (max-width: 768px) {
	#map { 
	height: 380px;
	}
}