.ol-geocoder.gcd-gl-container {
    position: absolute;
    top: 0.0em;
    float: right;
    left: inherit;
    right: calc(.5em + 30px);
}
.ol-geocoder .gcd-gl-control {
  top: 0.5em;;
  left: initial;
  width: 30px;
  height: 30px;
}
.ol-geocoder .gcd-gl-expanded {
    width: 320px;
    height: 30px;
}
.ol-geocoder .gcd-gl-input {
    font-size: 1.2em;
    width: 280px;
}
.ol-geocoder .gcd-gl-btn{
    font-size: 1.5em;
}
.ol-geocoder .gcd-gl-btn.collapse {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAAZ0lEQVRYhe3VMQqAMBBE0eAhLGXx/jmSiCf5Fq5g42KzruC8cpoZSEJaExH5OsCADtiTPGNA57Bey+7yjAETsHjZBsxRrhEa8dYI89t/voIxyiND2sospUeg8v+Ve1H5Z1T7HYtIth2yxux+ZwSKzQAAAABJRU5ErkJggg==");
  font-size: 1.65em;
}
.ol-geocoder .gcd-gl-reset {
	font-size: 1.35em;
}
.ol-geocoder ul.gcd-gl-result {
	width: 280px;
	left: 3.25em;
	margin-top: 1.2em;
}
.ol-geocoder ul.gcd-gl-result>li {
    line-height: 1.9rem;
}
.gcd-road {
    font-size : 1.3rem
}
.gcd-city {
    font-size: 1.2rem;
}
.gcd-country {
    font-size: 1.2rem;
}