
.inventory-button input[type="number"]::-webkit-outer-spin-button,
.inventory-button input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inventory-button input[type="number"] {
    -moz-appearance: textfield;
}

tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  font: 13px Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border-radius: var(--radius-s);
  background: #d3d3d3;
  border: none;
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid var(--lightgray);
  box-shadow: none;
  height: 100%;
  padding: 0px;
  font-size: 13px;
}

tags-input .tags .input {
  border: 0;
  outline: 0;
  margin: 2px;
  padding: 0 0 0 5px;
  float: left;
  height: 26px;
  font-size: 13px;
}

tags-input .host {
  position: relative;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

tags-input .tags.focused {
  outline: 0;
  border: 1px solid var(--primary);
  box-shadow: none;
}

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #444;
  background-color: #fff;
  border-top: 1px solid var(--lightgray);
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.2);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

tags-input .tags .input.invalid-tag, tags-input .tags .tag-item .remove-button:active {
  color: #444;
}

.panel-product-custom {
  margin-top: 5px;
  position: absolute;
  padding: 0;
  z-index: 999;
  width: 100%;
  border: 1px solid rgba(0,0,0,.2);
}

.tags-input p {
  font-size: 13px;
}

.tags-input ul{
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--lightgray);
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 225px;
}

.tags-input ul li {
  color: #333;
  margin: 4px 3px;
  list-style: none;
  border-radius: var(--radius-m);
  background: #d3d3d3;
  padding: 5px 8px 5px 10px;
  border: 1px solid #e3e1e1;
  word-wrap: break-word;
  overflow: hidden;
}

.tags-input ul li p {
  word-break: break-all;
}

.tags-input ul li i {
  color: #808080;
}

.tags-input ul input {
  flex: 1;
  padding: 5px;
  border: none;
  outline: none;
  font-size: 13px;
  justify-content: center;
}

.selected-item {
  background: #d3d3d3;;
}

.custom-button {
  display: inline;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ccc;
  height: 26px;
  font-size: 13px;
  border-radius: var(--radius-s);
  color: #666;
  background-color: #f1f1f1;
  line-height: 1.6;
}
