/* Shared compact controls used by data tables and filter forms. */
.form-control,
input.form-control,
select.form-control,
textarea.form-control,
.dataTables_filter input,
.dataTables_wrapper input[type="search"],
.invoice-column-filter-input {
  min-height: 30px;
  height: 30px;
  padding: 6px 10px;
  border: 1px solid #d9d6d2;
  border-radius: 4px;
  background: #ffffff;
  color: #1b0401;
  box-shadow: none;
  font-size: 13px;
}

select.form-control {
  padding-right: 28px;
}

.form-control:focus,
.dataTables_filter input:focus,
.dataTables_wrapper input[type="search"]:focus,
.invoice-column-filter-input:focus {
  border-color: #8f8984;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(27, 4, 1, 0.08);
}

.dt-button-collection,
.buttons-colvis,
.dataTables_wrapper .buttons-colvis {
  border: 1px solid #d9d6d2 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #1b0401 !important;
  box-shadow: none !important;
  font-size: 13px;
}

.dt-button-collection .dt-button,
.dt-button-collection button {
  min-height: 30px;
  padding: 6px 10px;
  border: 0;
  background: #ffffff;
  color: #1b0401;
  font-size: 13px;
  text-align: left;
}

.dt-button-collection .dt-button:hover,
.dt-button-collection button:hover {
  background: #f0efed;
  color: #1b0401;
}

.inventory-filter-form {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}

.inventory-filter-form .form-control,
.inventory-filter-form .btn {
  margin: 0;
}

.inventory-filter-form .btn {
  min-width: 92px;
}

@media (max-width: 767px) {
  .inventory-filter-form .form-control,
  .inventory-filter-form .btn {
    width: 100%;
  }
}