/*the container must be positioned relative:*/

.autocompleteBS {

  position: relative;

  /*display: inline-block;*/

}



.autocompleteBS-items {

  position: absolute;

  border: 1px solid #d4d4d4;

  border-bottom: none;

  border-top: none;

  z-index: 99;

  /*position the autocomplete items to be the same width as the container:*/

  top: 39%;

  width: 400px;

  /* left: 0;

  right: 0; */

}

.autocompleteBS-items[data-forinputbs="search_code"] {

  top: 77%;

}

.autocompleteBS-items[data-forinputbs="search_mix"] {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%!important;
  width: 400px;
  /* left: 0;
  right: 0; */
}



.autocompleteBS-items div {

  padding: 10px;

  cursor: pointer;

  background-color: #fff; 

  border-bottom: 1px solid #d4d4d4; 

}



/*when hovering an item:*/

.autocompleteBS-items div:hover {

  background-color: #e9e9e9; 

}



/*when navigating through the items using the arrow keys:*/

.autocompleteBS-active {

  background-color:  #d4d4d4 !important; 

  color: #ffffff;

}