/* Ensure the dropdown is displayed above other elements */
.choices__list--dropdown {
  position: absolute; /* Required for correct dropdown placement */
  z-index: 1080; /* Higher than Select2 dropdown */
}

/* Fix for containers with overflow:hidden or scroll */
.tab-content, 
.smartwizard {
  overflow: visible !important; /* Allows dropdowns to overflow the tab content */
  position: relative; /* Ensures correct positioning of dropdown */
}

/* Ensure dropdown is properly aligned and styled */
.choices__list--dropdown[data-expanded="true"] {
  display: block !important; /* Ensures dropdown is visible when expanded */
}

/* Red border for invalid Select2 */
.select2-container.is-invalid .select2-selection {
  border-color: #DC3545; /* Bootstrap's invalid red */
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Bootstrap shadow */
}

/* Optional: Add a red error icon */
.select2-container.is-invalid .select2-selection__arrow {
  color: #DC3545;
}

.select2-container .select2-dropdown {
  z-index: 1070; /* Below Choices.js but above other elements */
}

.card-body {
  min-height: 400px;
}

/* Schedule campaign wizard: match compact listing/toolbar button text size */
#frm-schedule #smartwizard .toolbar .btn,
#frm-schedule #smartwizard .sw-toolbar-elm .btn,
#frm-schedule #smartwizard .btn-submit {
  font-size: 0.75rem !important;
}

#frm-schedule #copy-as-text {
  font-size: 0.75rem !important;
}