[data-bs-theme="dark"]:root select option {
  /* background-color: #041324; */
  background-color: var(--vz-body-bg);
  color: white;
  font-size: 1.15rem;
}

/* apexchart menu */
[data-bs-theme="dark"]:root .apexcharts-menu {
  background-color: #041324;
  color: white;
}

[data-bs-theme="dark"]:root .apexcharts-menu-item:hover {
  background: lightslategray;
}

[data-bs-theme="light"]:not([data-theme="galaxy"][data-bs-theme="dark"]):root
  .form-select,
[data-bs-theme="light"]:not([data-theme="galaxy"][data-bs-theme="dark"]):root
  .form-control,
[data-bs-theme="light"]:not([data-theme="galaxy"][data-bs-theme="dark"]):root
  .form-check-input {
  border-color: gray;
}

[data-bs-theme="dark"]:not([data-theme="galaxy"][data-bs-theme="dark"]):root
  .form-select,
[data-bs-theme="dark"]:not([data-theme="galaxy"][data-bs-theme="dark"]):root
  .form-control,
[data-bs-theme="dark"]:not([data-theme="galaxy"][data-bs-theme="dark"]):root
  .form-check-input {
  border-color: rgb(86, 84, 84);
}

[data-theme="default"][data-bs-theme="light"]:root .form-select,
[data-theme="default"][data-bs-theme="light"]:root .form-control,
[data-theme="default"][data-bs-theme="light"]:root .form-check-input {
  border-color: gray;
}

[data-theme="default"][data-bs-theme="dark"]:root .form-select,
[data-theme="default"][data-bs-theme="dark"]:root .form-control,
[data-theme="default"][data-bs-theme="dark"]:root .form-check-input {
  border-color: rgb(86, 84, 84);
}

.spinner-grow-xs {
  --vz-spinner-width: 0.3rem;
  --vz-spinner-height: 0.3rem;
}

.table-loader {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* width: 100%; */
  height: 100%;
  user-select: none;
  pointer-events: none;
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .app-menu {
    transition: all 0.5s ease;
  }
}

/* Page content fade-in on every navigation */
@keyframes pageContentFadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

.main-content {
  animation: pageContentFadeIn 0.18s ease-out;
}

/* Fade-out class applied by JS before navigation */
.page-leaving .main-content {
  transition: opacity 0.12s ease-out, transform 0.12s ease-out !important;
  animation: none !important;
  opacity: 0 !important;
  transform: translateY(-4px) !important;
}