//
// Core: Layout
//
  
  html,
  body,
  .wrapper {
  
    .layout-boxed & {
      & .main-sidebar {
        left: unset;
        right: inherit;
      }
    }
  
    .layout-navbar-fixed & {
      .brand-link {
        z-index: $zindex-main-header + 1;
      }

      .main-header {
        left: 0;
        right: 0;
        z-index: $zindex-main-header - 1;
      }
    }
  
    .layout-footer-fixed & {
      .main-footer {
        left: 0;
        right: 0;
        z-index: $zindex-main-footer;
      }
    }
  
    @each $breakpoint in map-keys($grid-breakpoints) {
      @include media-breakpoint-up($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
        .layout#{$infix}-footer-fixed & {
          .main-footer {
            left: 0;
            right: 0;
            z-index: $zindex-main-footer;
          }
        }
      }
    }
  
    .layout-top-nav & {
      margin-left: unset ;
      margin-right: 0;
  
      & .content-wrapper,
      & .main-header,
      & .main-footer {
        margin-left: unset;
        margin-right: 0;
      }
    }
  }
  
  .content-wrapper,
  .main-footer,
  .main-header {
    @include media-breakpoint-up(sm) {
      @include transition(margin-right $transition-speed $transition-fn);
  
      margin-left: 0 !important ;
      margin-right: $sidebar-width;
      z-index: 3000;
  
      .sidebar-collapse & {
        margin-left: 0 !important;
        margin-right: 0;
      }
    }
  
    @include media-breakpoint-down(sm) {
      &,
      &::before {
        margin-left: 0 !important;
        margin-right: 0;
      }
    }
  }

 
  body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) {
  .content-wrapper,
  .main-footer,
  .main-header {
    &,
    &::before {
      margin-left: 0 !important;
        margin-right: 0;
    }
  }
}

body:not(.sidebar-mini-md) {
  .content-wrapper,
  .main-footer,
  .main-header {
    @include media-breakpoint-up(md) {
      @include transition(margin-right $transition-speed $transition-fn);

      margin-right: $sidebar-width;

      .sidebar-collapse & {
        margin-left: 0 !important;
        margin-right: 0;
      }
    }

    @include media-breakpoint-down(md) {
      &,
      &::before {
        margin-left: 0 !important;
        margin-right: 0;
      }
    }
  }
}

.sidebar-mini-md {
  .content-wrapper,
  .main-footer,
  .main-header {
    @include media-breakpoint-up(md) {
      @include transition(margin-right $transition-speed $transition-fn);

      margin-right: $sidebar-width;

      .sidebar-collapse & {
        margin-left: 0 !important;
        margin-right: $sidebar-mini-width;
      }
    }

    @include media-breakpoint-down(md) {
      &,
      &::before {
        margin-left: 0 !important;
        margin-right: $sidebar-mini-width;
      }
    }
  }
}



  .main-sidebar {
    &,
    &::before {
      $local-sidebar-transition: margin-right $transition-speed $transition-fn, width $transition-speed $transition-fn;
      @include transition($local-sidebar-transition);
    }
  
    .sidebar-collapse & {
      &,
      &::before {
        margin-left: 0 !important;
        margin-right: -$sidebar-width;
      }
    }
  
    @include media-breakpoint-down(sm) {
      &,
      &::before {
        margin-left: 0 !important;
        margin-right: -$sidebar-width;
      }
  
      .sidebar-open & {
        &,
        &::before {
          margin-left: unset;
          margin-right: 0;
        }
      }
    }
  }
  
  .layout-fixed {
    .main-sidebar {
      left: unset ;
      right: 0;
    }
  }