/** No CSS for this*/
.fill-remaining-space {
  flex: 1 1 auto;
}

mat-toolbar {
  $toolbarBG: #f9f9f9;
  $toolbarColor: #000;
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background: $toolbarBG;

  .mat-button {
    padding: 0 3px !important;
    color: $toolbarColor;
  }

  /* toolbar size responsive
  */
  @media (max-width: 800px) {
    padding: 0 16px;
    height: 64px;
  }

  @media (min-width: 801px) {
    display: none;
  }
}