// 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(shade-color($primary, 50%), .02),
      0.3rem -0.9375rem 1.40625rem rgba(shade-color($primary, 50%), .02),
      0.3rem -0.25rem 0.53125rem rgba(shade-color($primary, 50%), .04),
      0.3rem -0.125rem 0.1875rem rgba(shade-color($primary, 50%), .02);

    }
  }

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

}