html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
.controls {
 
 
}

#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: 296px;
  top: 370px !important;
  left: 18px !important;
  border: 30px solid rgb(115, 146, 53);
  height: 32px;
  outline: none;
  
}

#pac-input:focus {
  border-color: #4d90fe;
   border: 30px solid rgb(115, 146, 53);
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}
#target {
        width: 345px;
      }
      
      
#loader {
    position: fixed;
    top:0;
    right:0;
    left: 0;
    bottom:0;
    background:url('img/bgApp.jpg') top center;
    background-size: cover;
    text-align: center;
    color:#fff;
    font-family: Roboto;
    z-index:999;
} 

#loaderMsg {
    position: fixed;
    top: 15%;
    bottom: 15%;
    left: 15%;
    right: 15%;
    background: url(img/logoApp.png) center center no-repeat;
    background-size: contain;
}

#loaderWorking {
  position: fixed;
  bottom:7%;
}
#searchbox {
  position: absolute;
   left:30px;
   top:30px;
   background-color: rgba(14, 53, 86, 0.8);
   z-index:888;
   width: 340px;
   padding:20px;
   height: 300px

}
#msg {
  position: absolute;
    top: 432px;
    background-color: rgba(14, 53, 86, 0.8);
    z-index: 888;
    width: 340px;
    padding: 20px;
    left: 0px;
    color: #fff;
    font-family: Roboto;
}
.gm-style-mtc, .gm-svpc {
  display:none;
}
#searchbox img {
  width: 100% !important; 
  height: auto;
}

#msg img {
    width: 32px !important;
    height: auto;
    position: absolute;
    margin-top: -23px;
}