/* Default */
/* Doc Layout */
.layout-menu-offcanvas .layout-wrapper,
.layout-menu-fixed-offcanvas .layout-wrapper {
  overflow: inherit;
}

/* Documentation navbar */
@media (max-width: 991.98px) {
  .layout-navbar {
    height: auto;
    flex-wrap: wrap;
  }
}
.docs-page .navbar-search-wrapper .search-toggler {
  border: var(--bs-border-width) solid rgba(var(--bs-white-rgb), 0.4);
}
.docs-page .navbar-search-wrapper .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder {
  color: rgba(var(--bs-white-rgb), 0.7);
}
.docs-page .aa-DetachedSearchButton {
  color: var(--bs-primary-contrast);
}
.docs-page .layout-navbar {
  min-block-size: 4rem;
  block-size: auto;
}

/* Documentation menu style */
.menu-doc.menu-vertical .menu-sub > .menu-item > .menu-link::before {
  content: none !important;
}
.menu-doc.menu-vertical .menu-item .menu-link {
  padding: 0.35rem 2rem;
}
.menu-doc.menu-vertical .menu-item .menu-link::before {
  content: unset !important;
}
.menu-doc.menu-vertical .menu-header {
  padding: 0.35rem 2rem;
}
.menu-doc.menu-vertical .menu-header::before {
  top: 1rem;
  width: 25px;
}
.menu-doc.menu-vertical .menu-header.small {
  font-size: 0.75rem;
}
.menu-doc.menu-vertical .menu-block {
  padding: 0.35rem 2rem;
}
.menu-doc.menu-vertical .menu-sub .menu-link {
  padding-left: 3rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.menu-doc.menu {
  background-color: var(--bs-body-bg);
}
.menu-doc.menu .menu-link {
  color: var(--bs-body-color);
}
.menu-doc.menu .menu-item.active > .menu-link:not(.menu-toggle) {
  font-weight: 500;
}

/* Layout sticky style */
.sticky-element {
  position: sticky;
  z-index: 8;
}
.window-scrolled .sticky-element {
  inset-block-start: 4rem;
}

@media (min-width: 992px) {
  /* Remove margin top, navbar full layout */
  .layout-navbar-full:not(.layout-horizontal) .menu-inner {
    margin-block-start: 0;
  }
}
/* Document Sidebar */
.doc-sidebar {
  position: sticky;
  top: 4rem;
  height: calc(100vh - 4rem);
  overflow-y: auto;
  overflow-x: hidden;
}

.doc-sidebar-nav {
  padding-left: 0;
  border-left: 1px solid color-mix(in sRGB, var(--bs-base-color) 20%, var(--bs-paper-bg));
}
.doc-sidebar-nav ul {
  padding-left: 1rem;
}

.doc-entry {
  display: block;
}
.doc-entry a {
  display: block;
  padding: 0.125rem 1.5rem;
  color: var(--bs-body-color);
}
.doc-entry a:hover:not(.active) {
  color: color-mix(in sRGB, var(--bs-body-color) 30%, #000);
}
.doc-entry a.active {
  color: var(--bs-primary);
  text-decoration: none;
  position: relative;
  font-weight: 500;
}
.doc-entry .badge.badge-sm {
  padding-block-start: 2.5px;
}

.layout-navbar .navbar-nav > .nav-item > .nav-link,
.layout-navbar .layout-menu-toggle .nav-link {
  color: var(--bs-white);
}

.layout-navbar .dropdown-menu .nav-link {
  text-wrap-mode: nowrap;
}

/* Custom component badge style */
.badge-center.badge-sm {
  height: 1rem;
  width: 1rem;
  font-size: 0.65rem;
  line-height: 1;
}

/* Code styling */
.hljs {
  background-color: rgba(var(--bs-base-color-rgb), 0.025) !important;
  border-radius: 0.2rem;
  padding: 1.8rem !important;
}

pre,
code,
kbd,
samp {
  font-size: 0.9375rem;
  margin-bottom: 0;
}

.doc-table th {
  padding: 0.25rem 1.25rem;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  background-color: rgba(0, 0, 0, 0.025);
  text-transform: uppercase;
}
.doc-table td {
  padding: 0.4rem 1.25rem;
  vertical-align: top;
}

/* Document example */
.doc-example .nav-tabs-example .nav-link {
  padding: 0.35rem 0.65rem;
  font-size: 12px;
  color: var(--bs-body-color);
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}
.doc-example .nav-tabs-example .nav-link.active, .doc-example .nav-tabs-example .nav-link:active, .doc-example .nav-tabs-example .nav-link.hover, .doc-example .nav-tabs-example .nav-link:hover, .doc-example .nav-tabs-example .nav-link.focus, .doc-example .nav-tabs-example .nav-link:focus {
  color: var(--bs-primary);
}
.doc-example .content-footer {
  box-shadow: none;
}
.doc-example .doc-example-content {
  padding: 1.5rem;
  font-size: 0.875rem;
  background-color: var(--bs-body-bg);
  border: 1px solid color-mix(in sRGB, var(--bs-base-color) 20%, var(--bs-paper-bg));
  box-shadow: none;
  position: relative;
}
.doc-example .doc-example-content::before {
  content: attr(data-label);
  display: block;
  position: absolute;
  top: -8px;
  left: 12px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: inherit;
  color: var(--bs-secondary-color);
  padding: 0 5px;
}
.doc-example .doc-example-content tbody tr td {
  font-size: 0.9375rem;
}
.doc-example .doc-example-content.tab-content {
  box-shadow: none;
}

.btn-clipboard {
  position: absolute;
  top: 1.7rem;
  right: 1.7rem;
  z-index: 10;
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 85%;
  color: var(--bs-body-color);
  background-color: transparent;
  border: 0;
  border-radius: 0.25rem;
  outline: 0;
}
.btn-clipboard:hover {
  background: var(--bs-primary);
  color: var(--bs-white);
}

ol > li::marker {
  font-weight: bold;
}

/* anchorjs-link */
.anchorjs-link {
  opacity: 0;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  color: rgba(var(--bs-primary-rgb), 0.5);
  transition: color 0.15s ease-in-out;
}

:hover > .anchorjs-link,
.anchorjs-link:focus {
  opacity: 1;
}

.anchorjs-link:focus,
.anchorjs-link:hover {
  color: var(--bs-primary);
  text-decoration: none;
}

/* badge-demo for pro badges */
.badge-demo {
  font-size: 11px;
}

/* Timeline, timeline-point fix */
.timeline .timeline-item .timeline-indicator {
  left: -1.1rem;
}
.timeline .timeline-item .timeline-point {
  box-shadow: 0 0 0 10px var(--bs-body-bg);
}
.timeline.timeline-center .timeline-item .timeline-event {
  inset-inline-start: 1px;
}

@media (min-width: 768px) {
  .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:after, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:after {
    transform: rotate(180deg);
    right: -16px;
    left: auto;
  }
}
/* Tour button styles fix */
.shepherd-element .shepherd-button {
  border-radius: 0.25rem;
  padding: 0.375rem 0.969rem;
}

/* Text divider bg */
.divider.divider-vertical .divider-text {
  background-color: var(--bs-body-bg);
}