.alert-error {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-outline-coloured.alert-error .alert-icon,
.alert-outline.alert-error .alert-icon {
  background-color: #d9534f;
}
.alert-outline-coloured.alert-error .alert-message {
  border-color: #d9534f;
}
.alert-error:not(.alert-outline):not(.alert-outline-coloured) {
  background: #f7dddc;
}
.text-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.text-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.text-decoration-dashed {
  text-decoration: underline dashed;
}
.text-decoration-dotted {
  text-decoration: underline dotted;
}
.text-google {
  color: #dd4b39;
}
.icon-google {
  height: 48px;
  width: 48px;
  line-height: 48px;
}

form.labeless > label {
  display: none;
}

legend.form-label {
  font-size: 100%;
}

body[data-sidebar-behavior='compact'] .sidebar-brand {
  line-height: 68px;
  padding: 0px;
}

.btn-icon {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  font-size: .92969rem;
  font-weight: 400;
  height: 2.5rem;
  justify-content: center;
  position: relative;
  width: 2.5rem
}
.btn-icon.btn-sm {
  font-size: .875rem;
  height: 2.1875rem;
  width: 2.1875rem;
}
.btn-icon.btn-lg {
  font-size: 1rem;
  height: 3.36875rem;
  width: 3.36875rem
}

.card > div.dt-container div.dt-info {
  padding: 1rem 1.25rem
}
.card > div.dt-container div.dt-paging {
  padding: .5rem 1.25rem
}
.card > table.table.dataTable td:first-child,
.card > table.table.dataTable th:first-child {
  border-left: 0;
  padding-left: 1.25rem
}
.card > table.table.dataTable td:last-child,
.card > table.table.dataTable th:last-child {
  border-right: 0;
  padding-right: 1.25rem
}

.select2 {
  width: 100% !important; /* overrides computed width, 100px in your demo */
}
.select2-search .select2-search__field {
  width: 100% !important; /* overrides computed width, 100px in your demo */
}

.noUi-target {
  border-radius: 25px;

  &.noUi-horizontal {
    height: 10px;
  }

  .noUi-origin {
    .noUi-handle {
      border-radius: 25px;
      width: 21px;
      height: 21px;
      right: -10px;
      top: -6px;
    }
  }
}

.htmx-settling img {
  opacity: 0;
}
img {
  transition: opacity 300ms ease-in; /* Optional: for smooth transitions */
}

.dropzone {
  padding: 10px;
  border: 2px dashed #ebebeb;
  background-color: #fcfdfe;
  -webkit-transition: .5s;
  transition: .5s;
}
.dropzone.dz-drag-hover {
  border: 2px dashed #48b0f7;
}
.dropzone .dz-preview {
  margin: 10px;
}
.dropzone .dz-preview .dz-image {
  border-radius: 4px !important;
}
.dz-message {
  color: #a5b3c7;
  font-size: 1rem;
}
.dz-message button::before {
  /* Use the version-specific family name */
  font-family: "Font Awesome 7 Free";
  content: "\f0ee";
  font-size: 2rem;
  display: block;
  opacity: .5;
}