html, body {
	height: 100%;
	min-height: 100%;
}
#mainmap{
	width:calc(100% - 150px);
	height:100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#mainmap img{
	cursor:pointer;
}

@media screen and (min-width: 600px) {
	#mainpubmap{
		float:left;
		height:100%;
		width:50%;
		border-right:1px solid #AAAAAA;
	}

	#graphcontainer{
		float:left;
		height:100%;
		width:50%;
	}
}

@media screen and (max-width: 600px) {
	#mainpubmap{
		float:left;
		height:50%;
		width:100%;
		border-right:1px solid #AAAAAA;
	}

	#graphcontainer{
		float:left;
		height:50%;
		width:100%;
	}
}

.navbar-brand{
	padding:5px !important;
}

div[id^='OL_Icon_']{
	cursor:pointer;
}

#nodeContextMenu .btn{
	width:100%;
	text-align:left;
}
#nodeContextMenu_admin .btn{
	width:100%;
}

#nodeContextMenu .glyphicon{
	margin-right:5px;
}

#nodeContextMenu .nodeInfo{
	margin-top:0px;
	padding:4px;
	padding-top:0px;
	padding-bottom:0px;
}

#nodeContextMenu .nodeInfo:empty{
	display:none;
}

#nodeContextMenu .nodeInfoNearAdr2{
	margin-top: 4px;
	margin-bottom: 0px;
	color: #AAAAAA;
}
	
#nodeContextMenu h8,
#nodeContextMenu_admin h8{
	font-size:10px;
	text-decoration:underline;
	margin-left:3px;
}

.overlayg {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.2); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
		display:none;
}

.popover {
  padding: 1px;
  z-index: 101000;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  max-width:600px;
}

.btn .glyphicon-time{
	margin-right:5px;
}