html, body {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
}

@media (min-width: 768px) {
  html, body {
    height: 100vh;
    overflow: hidden;
  }

  .scroll-y-parent {
    height: 0;
    min-height: 100%;
  }

  .scroll-y {
    height: 100%;
    overflow-y: auto;
  }

  .scroll-x-parent {
    width: 0;
    min-width: 100%;
  }

  .scroll-x {
    width: 100%;
    overflow-x: auto;
  }
}

.navbar {
  background-color: #1e6afe;
  --bs-navbar-color: #c1e4ff;
  --bs-navbar-hover-color: #ffffff;
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-color: #e9f5ff;
  --bs-navbar-brand-hover-color: #ffffff;
}

.dropdown-menu {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-clip: padding-box;
  --bs-dropdown-link-active-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-active-color: var(--bs-dropdown-link-color);
}

.dropdown-menu-sm .dropdown-item {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
}

.dropdown-menu::-webkit-scrollbar {
  width: 6px;
  background: var(--bs-body-bg);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--bs-secondary-bg);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.toast {
  --bs-toast-font-size: 1rem;
}

.tooltip {
  --bs-tooltip-bg: var(--bs-secondary-bg);
  --bs-tooltip-color: var(--bs-body-color);
}

  .tooltip.show {
    opacity: 1;
  }

.tooltip-inner {
  max-width: 50vw;
  text-align: left;
}

  .tooltip-inner p {
    margin: 0 0 2px 0;
  }

.no-resize {
  resize: none;
}

.pre-wrap-anywhere {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pointer {
  cursor: pointer;
}

.default-cursor {
  cursor: default;
}

.no-focus-ring:focus {
  outline: none;
}

.modal-button {
  min-width: 6em;
}

.smaller {
  font-size: .75em;
}

.hover-underline:hover {
  text-decoration: underline;
}

.bg-tertiary-hover:hover, tr.bg-tertiary-hover:hover td {
  background-color: var(--bs-tertiary-bg);
}

#blazor-error-ui {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
}

#components-reconnect-modal {
  display: none;
}

  #components-reconnect-modal.components-reconnect-show,
  #components-reconnect-modal.components-reconnect-failed,
  #components-reconnect-modal.components-reconnect-rejected {
    display: block;
  }

  #components-reconnect-modal .modal-backdrop {
    z-index: 2050;
  }

  #components-reconnect-modal .modal {
    display: block;
    z-index: 2055;
  }

  #components-reconnect-modal .reconnecting, #components-reconnect-modal .failed {
    display: none;
  }

    #components-reconnect-modal.components-reconnect-show .reconnecting,
    #components-reconnect-modal.components-reconnect-failed .failed,
    #components-reconnect-modal.components-reconnect-rejected .failed {
      display: block;
    }