.sidenav__flyout {
  width: 550px;
  position: fixed !important;
}

.sidenav__flyout .mat-icon {
    position: absolute;
    right: 1rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;

    &:hover {
      color: $ochre;
    }
}

.sidenav__title {
  border-bottom: 1px solid $lightgrey-1;
}

/* To:
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: transparent;
}
*/
.sidenav__title {
  border-bottom: 1px solid $lightgrey-1;
}

.sidenav__title {
  word-wrap: break-word;
  width: 100%;
  position:relative;
}
.sidenav__flyout{
  width: 90%;
}
@media print, (min-width:768px) {
  .sidenav__flyout{
    width:450px;
  }
}
@media print, (min-width:992px) {
  .sidenav__flyout{
    width:550px;
  }
}