html, body {
  height : 100%;
  margin : 0;
  padding : 0;
}
label {
  clear : left;
  display : inline-block;
  float : left;
  margin : 4px;
  padding : 4px;
  text-align : right;
  width : 256px;
}
input {
  display : inline-block;
  float : left;
  margin : 4px;
  padding : 4px;
  text-align : right;
  width : 256px;
}
button {
  background-color : #008CBA;
  border : none;
  color : white;
  font-size : 16px;
  margin : 8px;
  margin-left : 64px;
  padding : 16px 32px;
}
#map {
  height : 512px;
  margin : 16px;
  padding : 16px;
  width : 80%;
}
#map #infowindow-content {
  display : inline;
}
#infowindow-content {
  display : none;
}
.controls {
  background-color : #fff;
  border-radius : 2px;
  border : transparent solid 1px;
  box-shadow : 0 2px 6px rgb(0 0 0 / 0.3);
  box-sizing : border-box;
  font-family : Roboto;
  font-size : 15px;
  font-weight : 300;
  height : 29px;
  margin-left : 17px;
  margin-top : 10px;
  outline : none;
  padding : 0 11px 0 13px;
  text-overflow : ellipsis;
  width : 400px;
}
.controls:focus {
  border-color : #4d90fe;
}
.title {
  font-weight : bold;
}
#response-area {
  margin : 32px;
}
#request-area {
  margin : 32px;
}
div.section {
  background-color : #0367C4;
  color : white;
  display : block;
  float : none;
  font-family : 'Roboto', 'sans-serif';
  font-weight : bold;
  font-size : large;
  margin : 8px;
  padding : 4px;
}
div.verbage {
  margin : 8px;
  padding : 8px;
}
#oauth-banner {
  visibility : hidden;
}

