/* Core */
.layout-page {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  padding: 0;
  position: absolute;
  top: 60px;
  left: 16.25rem; }

.layout-menu {
  min-height: calc(100vh - 65px); }

.layout-menu .menu-inner {
  margin-top: 60px; }

.menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {
  width: 240px; }

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  content: "";
  position: absolute;
  left: calc(240px - 0.225rem);
  width: .25rem;
  height: 2.6rem;
  border-radius: .375rem 0 0 .375rem; }

.topbar {
  position: fixed;
  flex: 1 0 auto;
  z-index: 999;
  -webkit-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.05);
  height: 60px;
  width: 100%; }

.layout-content-navbar .layout-content {
  min-height: 100vh;
  padding-left: 0;
  padding-right: 0;
  width: calc(100% - 10px);
  transition: width 0.25s ease, margin 0.25s ease;
  margin-top: 60px; }

.ps__thumb-y, .menu .ps__rail-y {
  width: 0.225rem !important;
  height: 33.333%; }

.ps__rail-y {
  min-height: 100%;
  height: 100%;
  background: none !important; }
  .ps__rail-y .ps__thumb-y {
    opacity: 0.5; }
    .ps__rail-y .ps__thumb-y:nth-child(1) {
      background: #03458b !important; }
    .ps__rail-y .ps__thumb-y:nth-child(2) {
      background: #198754 !important; }
    .ps__rail-y .ps__thumb-y:nth-child(3) {
      background: #873119 !important; }

/* Layouts */
@media (min-width: 992px) {
  .sidebar-icon-only .page-body-wrapper {
    width: calc(100% - 10px); }
  .sidebar-icon-only .navbar-mini.fixed-top {
    left: 10px; }
  .sidebar-icon-only .layout-menu {
    width: 10px !important;
    height: 100%; }
    .sidebar-icon-only .layout-menu .menu-inner {
      overflow: visible;
      display: none; }
      .sidebar-icon-only .layout-menu .menu-inner .sidebar-category {
        margin: 1.2rem 2rem 0.4rem 2rem; }
        .sidebar-icon-only .layout-menu .menu-inner .sidebar-category p {
          display: none; }
        .sidebar-icon-only .layout-menu .menu-inner .sidebar-category span {
          width: 5px;
          height: 5px;
          display: block;
          background: #ffffff;
          border-radius: 100%; }
      .sidebar-icon-only .layout-menu .menu-inner .menu-item {
        position: relative; }
        .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link {
          display: block;
          padding-left: .5rem;
          padding-right: .5rem;
          text-align: center;
          position: static;
          /*.menu-title {
              @include border-radius(0 5px 5px 0px);
            }*/ }
          .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link .menu-title,
          .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link .badge, .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link .menu-sub-title {
            display: none; }
          .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link i.menu-icon {
            margin-right: 0;
            margin-left: 0;
            margin-bottom: 0; }
          .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link i.menu-arrow {
            display: none; }
          .sidebar-icon-only .layout-menu .menu-inner .menu-item .nav-link[aria-expanded] {
            /*.menu-title {
                @include border-radius(0 5px 0 0px);
              }*/ }
        .sidebar-icon-only .layout-menu .menu-inner .menu-item .collapse {
          display: none; }
        .sidebar-icon-only .layout-menu .menu-inner .menu-item.hover-open .nav-link .menu-title {
          background: #223e9c;
          padding: 0.5rem 1.4rem;
          left: 10px;
          position: absolute;
          text-align: left;
          top: 0;
          bottom: 0;
          width: 190px;
          z-index: 1;
          line-height: 1.8;
          box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25); }
          .sidebar-icon-only .layout-menu .menu-inner .menu-item.hover-open .nav-link .menu-title:after {
            display: none; }
        .sidebar-icon-only .layout-menu .menu-inner .menu-item.hover-open .nav-link:hover .menu-title {
          background: #223e9c; }
        .sidebar-icon-only .layout-menu .menu-inner .menu-item.hover-open .collapse,
        .sidebar-icon-only .layout-menu .menu-inner .menu-item.hover-open .collapsing {
          display: block;
          padding: .5rem 0;
          background: #223e9c;
          position: absolute;
          left: 10px;
          width: 190px;
          box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25); }
      .sidebar-icon-only .layout-menu .menu-inner.sub-menu {
        padding: 0 0 0 1.5rem; }
        .sidebar-icon-only .layout-menu .menu-inner.sub-menu .menu-item .menu-link {
          text-align: left;
          padding-left: 20px; } }