beyond-modal-footer {
  display: flex;
  background-color: $modal-background;
  border-top: $page-header-border;
  flex-direction: column;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50px;

  md-toolbar:not(.md-menu-toolbar) {
    background-color: transparent;
    opacity: 0;
    height: 50px;
    min-height: 50px;
    max-height: 50px;

    // All Buttons
    .md-button,
    .md-button:not(.md-raised) {
      color: $font-link-color;
      opacity: 0;
      animation: fadeIn both 1s;

      &.md-raised:not([disabled]) {
        box-shadow: none;
      }

      // YELL AT ME TO MAKE THIS INTO A VARIABLE IF I FORGET
      &[disabled] {
        background-color: rgba(0,0,0,0.12);
        color: rgba(0,0,0,0.26);
      }
    }

    // Warning Buttons (Delete)
    a.md-button.md-default-theme.md-warn.md-raised,
    a.md-button.md-warn.md-raised,
    a.md-button.md-default-theme.md-warn.md-fab,
    a.md-button.md-warn.md-fab,
    .md-button.md-default-theme.md-warn.md-raised,
    .md-button.md-warn.md-raised,
    .md-button.md-default-theme.md-warn.md-fab,
    .md-button.md-warn.md-fab {
      color: $font-color-error;
      background-color: transparent;

      // YELL AT ME TO MAKE THIS INTO A VARIABLE IF I FORGET
      &[disabled] {
        background-color: rgba(0,0,0,0.12);
        color: rgba(0,0,0,0.26);
      }
    }


    // Warning Buttons Hover
    a.md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover,
    a.md-button.md-warn.md-raised:not([disabled]):hover,
    a.md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover,
    a.md-button.md-warn.md-fab:not([disabled]):hover,
    .md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover,
    .md-button.md-warn.md-raised:not([disabled]):hover,
    .md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover,
    .md-button.md-warn.md-fab:not([disabled]):hover {

      // YELL AT ME TO MAKE THIS INTO A VARIABLE IF I FORGET
      background-color: rgba(244,67,54,0.2);
    }



    // Primary Buttons (Submit)
    .md-button.md-primary.md-raised:not([disabled]),
    .md-button.md-primary.md-fab:not([disabled]) {
      color: $font-link-color;
      background-color: transparent;
    }

    // Primary Buttons Hover
    a.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
    a.md-button.md-primary.md-raised:not([disabled]):hover,
    a.md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
    a.md-button.md-primary.md-fab:not([disabled]):hover,
    .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
    .md-button.md-primary.md-raised:not([disabled]):hover,
    .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
    .md-button.md-primary.md-fab:not([disabled]):hover {

      // YELL AT ME TO MAKE THIS INTO A VARIABLE IF I FORGET
      background-color: rgba(46,152,204,0.2);
    }
  }
}

/* Tablet+ */
@media (min-width: 768px) {
  beyond-modal-footer {

    md-toolbar:not(.md-menu-toolbar) {
      padding: 0 30px;
    }
  }
}

/* Mobile */
@media (max-width: 767px) {
  beyond-modal-footer {

    md-toolbar:not(.md-menu-toolbar) {
      padding: 20px;
    }
  }
}
