<mat-sidenav-content>
 <div [ngClass]="{'custom-toolbar-open':userService.isLoggedIn()}"
     class="d-flex custom-toolbar flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 border-bottom box-shadow bg-custom-top">
  <nav class="my-2 my-md-0 mr-md-3">
    <div class="d-inline-block" *ngIf="userService.isLoggedIn() === true" >
      <a class="p-2 align-middle option-icon" matTooltip="Partes diarias">
        <img src="assets/layout/partes.png" height="18px"/>
        Partes Diarias
      </a>
    </div>
    <div class="d-inline-block" *ngIf="userService.isLoggedIn() === true">
      <a class="p-2 align-middle option-icon" matTooltip="Novedades">
        <img src="assets/layout/novedades.png" height="18px"/>
        Novedades
      </a>
    </div>
  </nav>
  <h5 class="my-0 mr-md-auto font-weight-normal"></h5>
</div>
<div class="container" style="margin-top: 72px">
  <div class="main-container" style="padding:10px">
    <router-outlet></router-outlet>
  </div>
  <footer class="pt-4 my-md-5 pt-md-5 border-top">
    <div class="row">
    </div>
  </footer>
</div>

.custom-toolbar {
  position: fixed;
  z-index: 9;
}
.custom-toolbar-open {
  left: 290px !important;
}