.ol-fulltextsearch {
  top: 0.5em;
  left: calc(0.5em + 30px);
}

.ol-fulltextsearch-btn-search {
  display: block;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABPUlEQVQoU41SwXHCQAzUHh58eoUOIBWEDkI6oAToIKkg7iAuwakgpAIowXRACcnrzp6BzchjMx4wE/S6kW5XK60gvQghzJIkmVoqSZI9gJ9+/fINS5Cc1HX9QXIlIr/tpwcRyb33b7cIGnAIYQdg4pxbjcfj0nJ1Xc+Px+PGObdN03Q9RIAQwgpAnqbp7FKmjQGgJLlU1d2V7BjjRkQO3vvXIXarkyxVNbsCm2QR2Q0V7XOMMReRmfd+OQQubN6hYgs22ZtbnRcAtiRfLueqqmpJ8ovko6oeBq0KIWQA3gFkzrlmMafTaUEyI/mpqmbhVTRWWbRdbClPbeobQNES5KPRqOxs7DBn8K1DsAOKMZYApiTXqlrcDe4d0XN7jWeCfzt351tVle2iGalTcBd4gGDvvZ/fDe4RmCOFLe8Pr7mvEP2N9PQAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.ol-fulltextsearch-form-control {
  position: absolute;
  top: 3px;
  left: 28px;
}
.ol-fulltextsearch-form-control input {
  width: 300px;
  padding: 1px 3px;
}
.ol-fulltextsearch-form-control span.twitter-typeahead .tt-dropdown-menu {
  min-width: 300px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 500px;
}
.ol-fulltextsearch-form-control span.twitter-typeahead .tt-suggestion > p {
  margin-bottom: 0px;
  padding: 3px 28px 3px 8px;
  white-space: nowrap !important;
  width: calc(100% + 20px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.rotate-north {
  top: calc(0.5em + 200px);
  left: 0.5em;
}