.search-list {
  position:relative;
  width: 100%;
  display: inline-block;

  .has-error & .search-text-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .search-text {
    &-input {
      padding-left: 18px;
      text-overflow: ellipsis;
    }

    &-closed {
      border-radius: 6px;
    }

    &-open {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 6px;
    }
  }
  .menu {
    position: absolute;
    max-height: 200px;
    width: 100%;
    z-index: 100;
    overflow-y: scroll;
    border: 1px solid @border-gray;

    ul {
      list-style-type: none;
      padding: 0;
      margin-bottom: 0px;

      li {
        cursor: pointer;
        border-bottom: 1px solid @border-gray;
        padding: 10px 40px 10px 10px;
        background: white;
        .transition(all 0.3s linear);

        .no-results {
          cursor: auto;
        }

        &:not(.no-results):hover {
          background: @gray-lighter;
        }

        &:last-child {
          border-bottom: none;
        }

        .list-image {
          padding: 0px 20px 0px 0px;

          img {
            max-width: 50px;
            max-height: 100%;
          }
        }
      }
    }
  }
}