html, body {
  height: 100%;
  width: 100%;
  
  display: flex;
  flex-flow: column;

}

#mapAdmin {
  width: 100%;
  min-width: 600px;
  min-height: 600px;
}

#mapAdminRoute {
  width: 100%;
  min-width: 600px;
  min-height: 600px;
}

#mapRoute {
  height: 100%;
}

#mapDemo {  
	flex-grow : 1;
	z-index: 1;
}


#infoDiv {
	z-index: 2;
	opacity: 0.9;
}

.my-control {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 5px;
  background: #fff;
  padding: 5px;
  margin: 10px;
}

#toggle_menu {
    position: fixed;
    top: 0px;
    left: 0px;
    float: left;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
}

#marker-list{
    position: fixed;
    width: 250px;
    max-height: 100%;
    z-index: 2;
    top: 0px;
    left: 0px;
    display: none;
}