/**
 * A geocoder extension for OpenLayers 3.
 * https://github.com/jonataswalker/ol3-geocoder
 * Version: v2.3.0
 * Built: 2016-08-15T11:57:59-03:00
 */

.ol3-geocoder-container{
    position:absolute;
    top:calc(.5em + 65px);
    left:.5em;
    box-sizing:border-box
}

.ol3-geocoder-container *,

.ol3-geocoder-container ::after,

.ol3-geocoder-container ::before{
    box-sizing:inherit
}

.ol3-geocoder-search{
    width:25px;
    height:25px;
    right:543px;
    position:fixed;
    z-index:1000;
    top:56.5px;
    padding:5px;
    border:1px;
    border-radius: 5px;
    font-family:inherit;
    font-size:11px;
    font-weight:700;
    color:white;
    background-color:#434343 /*grey*/
}

.ol3-geocoder-input-search{
    position:absolute;
    top:0.5px;
    left:29px;
    width:180px;
    padding:5px;
    border:1px;
    border-radius:5px;
    font-family:inherit;
    font-size:1.2rem;
    font-weight:700;
    color:white;
    background-color:#434343 /*grey*/
}

.ol3-geocoder-input-search:focus{
    border-color:#000000
}

ul.ol3-geocoder-result{
    position:fixed;
    top:90px;
    right:339px;
    width:260px;
    max-height:300px;
    white-space:normal;
    list-style:none;
    padding:0;
    margin:0;
    background-color:#fff; /*white*/
    border-radius:0 0 4px 4px;
    border-top:none;
    overflow-x:hidden;
    overflow-y:auto;
    box-shadow:0 1px 7px rgba(0,0,0,.8);
    -webkit-transition:max-height .3s ease-in;
    transition:max-height .3s ease-in
}

ul.ol3-geocoder-result>li{
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #eee; /*very light grey*/
    padding:0;
    line-height:.875rem;
    color: black;
}

ul.ol3-geocoder-result>li>a{
    display:block;
    text-decoration:none;
    padding:3px 5px
}

ul.ol3-geocoder-result>li>a:hover{
    background-color:#d4d4d4 /*lightgrey*/
}

ul.ol3-geocoder-result>li:nth-child(odd){
    background-color:#299ff9 /*lightblue*/
}

.ol3-geocoder-road{
    font-size:1rem;
    font-weight:500;
    color:#000
}

.ol3-geocoder-city{
    font-size:.875rem;
    font-weight:400;
    color:#000
}

.ol3-geocoder-country{
    font-size:.875rem;
    font-weight:500;
    color:#444
}
.ol3-geocoder-btn-search{
    position:absolute;
    width:5px;
    height:5px;
    top:3px;
    left:3px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABPUlEQVQoU41SwXHCQAzUHh58eoUOIBWEDkI6oAToIKkg7iAuwakgpAIowXRACcnrzp6BzchjMx4wE/S6kW5XK60gvQghzJIkmVoqSZI9gJ9+/fINS5Cc1HX9QXIlIr/tpwcRyb33b7cIGnAIYQdg4pxbjcfj0nJ1Xc+Px+PGObdN03Q9RIAQwgpAnqbp7FKmjQGgJLlU1d2V7BjjRkQO3vvXIXarkyxVNbsCm2QR2Q0V7XOMMReRmfd+OQQubN6hYgs22ZtbnRcAtiRfLueqqmpJ8ovko6oeBq0KIWQA3gFkzrlmMafTaUEyI/mpqmbhVTRWWbRdbClPbeobQNES5KPRqOxs7DBn8K1DsAOKMZYApiTXqlrcDe4d0XN7jWeCfzt351tVle2iGalTcBd4gGDvvZ/fDe4RmCOFLe8Pr7mvEP2N9PQAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#434343 /*grey*/
}