.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  left: 10px;
  right: 0;
  /*height:300px;*/
  width:50%;
  background-color: #fff; 
  /*border-radius:10px;*/
}
.cllocation .autocomplete-items {
      width:200px;
      /*position:relative;*/
      /*left: 50%;*/
}
.subgrid .autocomplete-items{
      width:100% !important;
}
.autocomplete-items .tbody{

    /*height: 100px;*/
    overflow-y: auto;
    overflow-x:hidden;
    width:100%;
}
.autocomplete-items .tbody tr{height:25px;}
.autocomplete-items  td,.autocomplete-items  th{padding:5px;}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*.trow{background-color:black;}*/
/*.autocomplete-items .tbody { display: block;}*/
.autocomplete-items .pcode{width:150px;}
.autocomplete-items .pname{width:45%;}
.autocomplete-items .unit{width:70px; text-align:left}
.autocomplete-items .price{width:50px;}
.autocomplete-items .qih{width:120px;}
.autocomplete-items .taxp{width:50px;}
.autocomplete-items thead{height:30px}
.custom-table > tbody tr:hover{background:none;}
@media screen and (max-width: 1200px) {
    .autocomplete-items {width:1000px;}
}