.uc-autocompleter-tab-group{
  background-color: $white;
}

.uc-autocompleter-tabs {
  display: block;
  width: 100%;
  clear: both;
}

.uc-autocompleter-tabs__tab {
  float: left;
  background-color: $lighter-gray;
  border-left: 1px solid $light-gray;
  border-right: 1px solid $light-gray;
  border-bottom: 1px solid $light-gray;
  font-size: $medium-small;
  line-height: $large-line-height;
  cursor: pointer;

  &.active {
    background-color: $white;
    border-bottom: 0;
    cursor: default;

    border-left: 0;
    border-right: 0;
  }

  &:first-child {
    border-left: 0;
  }

  &:last-child {
    border-right: 0;
  }

  &:hover:not(.active){
    background-color: $hover-blue;
  }
}

.uc-autocompleter-tabs__tab__button {
  width: 100%;
  color: inherit;
  background-color: inherit;
  padding: $gutter $gutter * 2;
  cursor: inherit;
}

.uc-autocompleter-tab-panel {
  @extend .hidden;
  &.active{
    display:block;
  }
}