.searchbar {
  z-index: 100;
  position: absolute;
  top: 41px;
  float: right;
  width: 390px;
  background-color: white;
  border: 1px solid #b1b4b6;
  border-top: 0;
  font-size: 1rem !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 0 #dddddd;
  button {
    float: right;
  }
  span {
    @include govuk-font($size: 16);
    color: $govuk-secondary-text-colour;
    min-width: 110px;
  }
}

.searchbar-button--close {
  padding-top: 0px;
  position: absolute;
  right: 10px;
  top: 0px;
  padding-bottom: 25px;
  &:after {
    background-image: url(/assets/images/icon-tag-remove-cross.svg);
  }
}

@media screen and (max-width: 425px) {
  .searchbar {
    width: 100%;
    left: 0px;
  }
}

@media screen and (max-width: 1009px) {
  .searchbar {
    right: 0px;
  }
}

@media screen and (min-width: 1010px) {
  .searchbar {
    left: 587px;
  }
}
#findInput[data-status="pending"] {
  background-image: url(/assets/images/loading-icon.gif);
  background-repeat: no-repeat;
  background-position: right;
}