/* Swal */

.swal2-title {
  display: block !important;
}

.customLook {
  --tag-bg: #7367f0;
  --tag-hover: #7367f0;
  --tag-text-color: #fff;
  --tag-invalid-bg: #ea5455;
  --tag-remove-bg: #ea5455;
  --tag-remove-btn-color: #fff;
  --tags-border-color: #D8D6DE;
  --tags-focus-border-color: #7367F0;
  border-radius: 0.357rem;
  min-height: 2.714rem;
  margin-top: 6px;
}

.exist_tag {
  --tag-bg: #463caf;
  --tag-hover: #463caf;
  --tags-focus-border-color: #463caf;
}

.variant_info {
  font-size: 10px; 
  opacity: 0.8;
  display: inline-block;
  margin-top: 4px;
}

.tagify__input:empty::before {
  top: 50%;
  transform: translateY(-50%);
}

.tagify__input:focus::before {
  transition: 0s all !important;
}

.tagify__input:focus:empty::before {
  top: 50%;
  transform: translateY(-50%);
}

.tagify__input {
  overflow: hidden;
}

.tagify.tagify--focus {
  transition: 0.15s ease-in-out all;
}

.tagify--focus {
  box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

.dataTables_filter label {
  margin: 0 !important;
  width: 100%;
}

#dataTable_filter > label > input {
  width: 100%;
}

.table.dataTable td, table.dataTable th {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}