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

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

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

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

#iw-container .iw-title {

  font-weight: 400;
  padding: 10px;
  background-color: #48b5e9;
  color: white;
  margin: 1px;
  border-radius: 2px 2px 0 0;
  /* In accordance with the rounding of the default infowindow corners. */
}

.gm-style-iw{
  top: 0 !important;
  left: 0 !important;
  font-size: 16px !important;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
  border: 1px solid rgba(72, 181, 233, 0.6);
  border-radius: 2px 2px 0 0;
}

.iw-title{
  
  top: 0 !important;
  left: 0 !important;
  padding-left: 25 !important;
  padding-right: 25 !important;
}

.gm-ui-hover-effect
{
  width: 24 !important;
  height: 24 !important;
}

.gm-ui-hover-effect span
{
  border: none !important;;
  margin: 6 !important;
  top: 0 !important;
  left: 0 !important;
  width: 14 !important;
  height: 14 !important;
}