/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 6rem;
  height: auto;
}

.app-brand-logo.sidebar {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: auto;
  }

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.2rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

div.dataTables_processing div:last-child div{
    background: #7367f0 !important;
}

.bg-menu-theme.menu-vertical .menu-sub > .menu-item .menu-link .menu-icon {
  display: inline-block !important;
}

.menu-vertical .menu-sub .menu-link .menu-icon {
    margin-right : 0.5rem !important;
}

.menu-vertical .menu-sub .menu-link:has(.menu-icon) {
    padding-inline-start: 1.875rem !important;
    padding-left: 1.5rem !important;
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link:has(.menu-icon)::before {
    content: none !important;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link {
    padding-inline-start: 3.4rem !important;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link::before {
    inset-inline-start: 1.75rem;
}