.flatpickr-month {
  overflow: inherit !important;
}

.table > :not(caption) > * > * {
  padding: 0.4rem 0.75rem !important;
  vertical-align: middle !important;
}

.content {
  min-height: 96vh !important;
}
@media (min-width: 576px) {
  .content {
    padding-bottom: 1rem !important;
  }
}

.workflow-info-box {
  background-color: #f8f9fa;
}

[data-bs-theme=dark] .workflow-info-box {
  background-color: rgba(255, 255, 255, 0.05);
}

.step-button {
  transition: all 0.2s ease-in-out;
  color: var(--bs-body-color) !important;
}
.step-button .uil-angle-up {
  display: inline-block;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
.step-button[aria-expanded=true] .uil-angle-up {
  transform: rotate(0deg);
}
.step-button:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.step-button:hover strong {
  color: #0d6efd;
}

[data-bs-theme=dark] .step-button:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.step-text {
  min-height: auto;
  font-size: 0.9rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1.2;
}

.json-configuration-read-only {
  font-size: 0.85em;
  max-height: 200px;
  overflow-y: auto;
}

.json-configuration-write {
  font-size: 0.85em;
  min-height: 200px;
}