/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#container {
  height: 100%;
  display: flex;
}

#controls, #lists {
	margin: 12px;
}


#sidebar {
  flex-basis: 15rem;
  flex-grow: 1;
  padding: 1rem;
  max-width: 30rem;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

#map {
  flex-basis: 0;
  flex-grow: 4;
  height: 100%;
}

#map {
	flex: auto;
  }
  
  #sidebar {
	flex: 0 1 auto;
	padding: 0;
  }
  #sidebar > div {
	padding: 0.5rem;
  }