react-leaflet-google-places-searchbox/lib/leaflet-gplaces-autocomplete.css

React-Leaflet plugin for Google Places SearchBox, Support for custom menus

.leaflet-gac-wrapper {
    width: 260px;
    height: 48px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.5);
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
    border: none!important;
}

.leaflet-control-container .leaflet-gac-control {
  /*  width: 300px;
    height: 30px;
    padding: 0 7px;
    border-radius: 5px;
    border: 1px #d0d0d0 solid;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    width: 190px;
    height: 100%;
    padding: 12px;
    font-size: 14px;
    outline: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.leaflet-control-container .leaflet-right .leaflet-gac-control {
    position: absolute;
    right: 0;
    transition: width .3s ease .15s;
}

.leaflet-control-container .leaflet-gac-control:focus {
    outline: none;
}

.leaflet-control-container .leaflet-gac-search-btn {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 4px;
}

.leaflet-control-container .leaflet-gac-search-btn .leaflet-gac-search-icon {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOUlEQVQ4T6XTLUgmQRgH8N+Ligd+FOu1ww+wKPhxlwxXxHYnqCAGQZtgMBgU4eWaXLhyCgYxiAYVk6igJotgEaNiNYgGL6kHJwOzsO+yGzw3zszzm5nnP1vyzq+UU9+JUbTiCWdYw13eXmmgCr8wlbPwERPYys6lgVA8jSvM4RQfMIQF1KIfR2kkAdpxiRv04CGzUx9OcI02/EvmE+AH5jGG9YK+bmMQ3TjPApsYQXPcJc+Ywc/Y4I0ssIpxdOCi4ATl2Ivv2M0Ck1jBImZzgOrYoxZ8xG0WqI9Hb4pX2UkhNViKMe5jIC+FMPYVezGu4xhjHb7hUyx6wXDeFRK0C79jlMnYX4SmhZfZiwok7ymHwpBGyPs5RnaPRhzicxopAop+sYAc4Av+BPStQIAbsByffPl/gIrTvQLbJDoR8K3H6QAAAABJRU5ErkJggg==") no-repeat center center;
}

.leaflet-control-container .leaflet-gac-hidden {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: width .3s ease .15s;
}
.leaflet-search-icon{
    width: 50px;
    height: 48px;
    font-size: 16px;
    padding-left: 16px;
    line-height: 48px;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}
.icon-unfold{
    display: inline-block;
    font-size: 24px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    padding-bottom: 4px;
}