/**** Sidebar new collapsed version (icons only) ****/

body.sidebar-collapsed .side-bar {
	width: 4.5rem;
}

/* hide sidbar title & menue text */
body.sidebar-collapsed .side-bar-heading,
body.sidebar-collapsed .side-bar a>.tw-truncate {
	display: none;
}

/* center icons */
body.sidebar-collapsed .side-bar a {
	justify-content: center;
}

/* hide dropdown UI */
body.sidebar-collapsed .drop_down .tw-truncate,
body.sidebar-collapsed .drop_down .tw-flex-1,
body.sidebar-collapsed .drop_down .arrow {
	display: none !important;
}

/* hide all child menus */
body.sidebar-collapsed .side-bar .chiled {
	display: none !important;
}

/* color parent menue if one of its children is active */
.sidebar-collapsed .has-active-child>.drop_down {
	background: linear-gradient(var(--theme-gradient-direction),
			var(--theme-color),
			color-mix(in srgb, var(--theme-color) 80%, white));
	color: white;
}

.sidebar-collapsed .has-active-child>.drop_down svg,
.sidebar-collapsed .has-active-child>.drop_down i {
	color: white;
}

/******* Sidebar flyout panel *******/

.sidebar-flyout {
  position: absolute;
  width: 280px;
  max-height: 70vh;
  overflow: auto;

  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);

  z-index: 999999;
  padding: 10px;
}

.sidebar-flyout .flyout-title {
  padding: 10px 12px;
  font-weight: 700;
}

.sidebar-flyout .flyout-children a {
  padding: 10px 12px;
}

.sidebar-flyout .flyout-children a:hover {
  background: rgba(15, 23, 42, 0.06);
}

.sidebar-flyout {
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 23, 42, 0.25) transparent;
}