html, body {
  height: 100%;
}
body {
  background-color: #FEFEFE;
  display: flex;
  flex-direction: column;
}

div.rowTitle {
  display:none;
}
div.rowData {
  flex: 1;
}

#map{
	height: 100%;
}

.login{
    margin: 50px;
}


div.rowTitle .user{
	display: inline-block;
	font-weight: bold;
	padding-right: 5px;
	cursor: pointer;
}

.menu{
	padding: 3px;
	display: inline-block;
}
.menu>div{
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 2px 10px;
	border: 1px solid black;
	w idth: 100px;
}
.menu>div:hover{
	background-color: orange;
}
.menu .menuChilds{
	display: none;
	position: absolute;
	left: 0px;
	margin:27px 0px 0px 10px;
	p adding: 3px;
	background-color: white;
	border: 1px solid black;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
	z-index:100000;
	font-size: 80%;
}
.menu .menuChilds>div{
	min-width: 190px;	
	padding: 5px;
	font-weight: normal;
}
.menu .menuChilds>div:hover{
	background-color: orange;
	
}

.menu .menuItem:hover .menuChilds{
	display: inline-block;
}

.menu .menuChilds>div.sel{
	font-weight: bold;
}



#popupMenu {
  position: absolute;
  display: none;
  width: 210px;
  h eight: 60px;
  top: 200px;
  background-color: white;
  border: 1px solid black;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
}