// Fixed Header

.fixed-footer {
  .app-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 7;

    .app-footer__inner {
      margin-left: $app-sidebar-width;
      box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(darken($primary, 50%), .02),
      0.3rem -0.9375rem 1.40625rem rgba(darken($primary, 50%), .02),
      0.3rem -0.25rem 0.53125rem rgba(darken($primary, 50%), .04),
      0.3rem -0.125rem 0.1875rem rgba(darken($primary, 50%), .02);
    }
  }

  .app-main__outer {
    padding-bottom: $app-header-height;
  }

  &.closed-sidebar {
    .app-footer {
      .app-footer__inner {
        margin-left: $app-sidebar-width-collapsed;
      }
    }
  }

  @include media-breakpoint-down(md) {
    &.closed-sidebar {
      .app-footer {
        .app-footer__inner {
          margin-left: 0;
        }
      }
    }
  }

}