@import "_colors";
.autocompleteField_dropdown{
  position:absolute;
  top:100%;
  top:calc(100% - 3px);

  display:block;
  width:100%;
  z-index:9999999;

  background-color:#fff;
  height:0px;
  transition:all 0.3s ease-in-out;
  list-style:none;
  margin:0px;
  padding:0px;
  overflow-x:hidden;
  overflow-y:hidden;

  li{
    list-style:none;
    margin:0px;
    padding:16px;
    padding-left:60px;
    cursor:pointer;
    border-bottom:1px solid #ececec;
    font-size:14px;
    font-weight:normal;
    text-align:left;

    u{
      text-decoration:none;
      background-color:#fff9c4;
      font-weight:bold;
    }

    &:hover{
      background-color:#ececec;
    }

    &.focus{
      background-color:$color_purple;
      color:#fff;

      u{
        text-decoration:underline;
        background-color:transparent;
        font-weight:bold;
      }
    }

    &:last-child{
      border-bottom:0px;
    }

  }

  &.show{
    overflow-y:auto;
    height:auto;
    max-height:150px;

    box-shadow:0px 10px 10px rgba(0,0,0,0.1);
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-top:1px solid #ececec;



  }
}