/**
   * @license
   * Copyright 2019 Google LLC. All Rights Reserved.
   * SPDX-License-Identifier: Apache-2.0
   */
  /** 
   * Always set the map height explicitly to define the size of the div element
   * that contains the map. 
   */
  

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

  .custom-map-control-button {
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	margin: 10px;
	padding: 0 0.5em;
	font: 400 18px Roboto, Arial, sans-serif;
	overflow: hidden;
	height: 40px;
	cursor: pointer;
  }
  .custom-map-control-button:hover {
	background: rgb(235, 235, 235);
  }
  html,
      body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

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

	#sidebar {
        flex-basis: 0;
        flex-grow: 1;
        padding: 0.5rem;
        max-width:40rem;
        box-sizing: border-box;
        #overflow: auto;
		overflow-y: scroll; 
		height: 600px
	}
	#map {
        flex-basis: 0;
        flex-grow: 2;
        height: 600px;
		min-width: 50%;
	}
	
	.gm-style-mtc  button{
		font-size: 12px !important;
		height: 30px !important;
		min-width: 30px !important;
		padding: 0px 0px !important;
		margin: 0px 0px !important;
	}
	.gm-control-active  {
		font-size: 10px !important;
		height: 30px !important;
		width: 30px !important;
	}
	.gm-control-active  img{
		height: 20px !important;
		width: 20px !important;
	}

	#floating-panel {
		background-color: #fff;
		border: 0;
		border-radius: 2px;
		box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
		margin: 10px;
		padding: 0 0.5em;
		font: 400 18px Roboto, Arial, sans-serif;
		overflow: hidden;
		padding: 5px;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
		height: auto;
	}
	
	#pac-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 400px;
      }

      #pac-input:focus {
        border-color: #4d90fe;
      }