/* body {
      font-family: 'Roboto', Arial, Sans-serif;
      font-size: 15px;
      font-weight: 400;
    }

    .container {
      left: 50%;
      position: absolute;
      top: 7.5%;
      transform: translate(-50%, -7.5%);
    }

    input[type=text] {
      border: 2px solid #bdbdbd;
      font-family: 'Roboto', Arial, Sans-serif;
      font-size: 15px;
      font-weight: 400;
      padding: .5em .75em;
      width: 300px;
    }

    input[type=text]:focus {
      border: 2px solid #757575;
      outline: none;
    }
 */
.pos-icon-right {
  position: absolute;
  z-index: 9;
  margin-left: -20px;
  margin-top: 10px;
}
#load_auto_com {
  z-index: 10;
  display: none;
  /* display: none;
  width: 16px; */
}
#close_auto_com {
  cursor: pointer;
  /* display: none;
  width: 16px; */
}
#data_pilih {
  margin-top: 10px;
  font-size: 0.8em;
}
#load_cari_data {
  position: absolute;
  margin-left: -17px;
  margin-top: 3px;
  display: none;
  width: 16px;
}

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
  max-width: 100%;
}

.autocomplete-suggestion {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.7em;
  padding: 2px 5px;
  border-bottom: 1px solid teal;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-selected {
  background-color: #1b7c3062;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}

.autocomplete-group {
  padding: 2px 5px;
}

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}