.bg__search-term-input {
  display: flex;
  flex-grow: 1;

  	.link-more-info {
		display: inline-block;
		font-size: 0;
		color: white;
		border-radius: 2px;
		min-width: 30px;
		height: 28px;
		background-image: $iconLinkUrl;
		background-position: center;
		background-repeat: no-repeat;
		margin-left: 10px;
		transition: opacity $transition;
		opacity: 0.7;
		&:hover {
			opacity: 1.0;
		}
	}

	.entity-input {
	    display: block;
	    width: 100%;
	}

	.entity-autosuggest {
	    display: block;
	    width: 100%;
	}

	.entity-display {
	    display: block;
	    width: 100%;
	}

  & > span {
    cursor: pointer;
    background-color: $clPrimary;
    color: white;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    width: 50px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    & > i,
    & > span {
      line-height: 38px;
    }
  }

  .react-autosuggest__input {
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 5px 0 0 5px;
    color: black;
    width: 100%;
  }

  .react-autosuggest__container {
    flex-grow: 1;
    width: 100%;
  }

  .react-autosuggest__suggestions-container--open {
      display:block;
      border: 1px solid #ccc;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      font-weight: 300;
      font-size: 16px;
      max-height: 31rem;
      position: relative;
      width: 100%;
      z-index: 2;

      ul.react-autosuggest__suggestions-list {
        li.react-autosuggest__suggestion {
            height: 38px;
          cursor: pointer;
        }
      }
  }

}