/* HTML: <div class="loader"></div> */
:root {
  --bs-white: #ffffff;
}

html[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-white: #212529;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border: 4px solid #0000;
  border-radius: 50%;
  border-right-color: #25b09b;
  animation: l15 1s infinite linear;
}

.loader::before,
.loader::after {
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
  animation: l15 2s infinite;
}

.loader::after {
  margin: 8px;
  animation-duration: 3s;
}

@keyframes l15 {
  100% {
    transform: rotate(1turn)
  }
}

.center {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.bi {
  vertical-align: -.05em !important;
}

.nav-sm .nav-link {
  padding: 0.25rem 0.5rem;
  /* Adjust the padding as needed */
  font-size: 0.875rem;
  /* Adjust the font size as needed */
}


.accordion .accordion-header .accordion-button {
  background-color: white;
  color: #939AA2;
  box-shadow: none;
}

@media (prefers-color-scheme: light) {
  .accordion .accordion-header .accordion-button {
    background-color: white;
    color: #212529;
  }

  [data-bs-theme=light] .accordion .accordion-header .accordion-button {
    background-color: white;
    color: #212529;
  }

  [data-bs-theme=dark] .accordion .accordion-header .accordion-button {
    background-color: #212529;
    color: #939AA2;
  }
}

@media (prefers-color-scheme: dark) {
  .accordion .accordion-header .accordion-button {
    background-color: #212529;
    color: #939AA2;
  }

  [data-bs-theme=light] .accordion .accordion-header .accordion-button {
    background-color: white;
    color: #212529;
  }

  [data-bs-theme=dark] .accordion .accordion-header .accordion-button {
    background-color: #212529;
    color: #939AA2;
  }
}

.ck-editor__editable {
  min-height: 150px;
  max-height: 300px;
  overflow-y: auto;
}

.description-editor {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}

.input-group .kselect-wrapper .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
}

.input-group>.kselect-wrapper {
  flex: 1 1 auto;
}

.input-group {
  flex-wrap: nowrap !important;
}

.input-group>.kselect-container {
  flex: 1 1 auto;
  /* take remaining width */
  min-width: 0;
  /* allow shrinking properly */
}

/* Default (light) */
.jodit_theme_custom {
  --jd-color-background-default: #ffffff;
  --jd-color-border: #dee2e6;
  --jd-color-panel: #f8f9fa;
  --jd-color-icon: #212529;
}

/* Bootstrap Light */
[data-bs-theme="light"] .jodit_theme_custom {
  --jd-color-background-default: #ffffff;
  --jd-color-border: #dee2e6;
  --jd-color-panel: #f8f9fa;
  --jd-color-icon: #212529;
}

/* Bootstrap Dark */
[data-bs-theme="dark"] .jodit_theme_custom {
  --jd-color-background-default: #212529;
  --jd-color-border: #495057;
  --jd-color-panel: #343a40;
  --jd-color-icon: #f8f9fa;
}

#paginationContainer .bi {
  font-size: 15px !important;
}