@mixin adf-app-layout-theme($theme) {
  $primary: map-get($theme, primary);
  $minimumAppWidth: 320px;
  $toolbarHeight: 64px;


   @media screen and ($mat-xsmall) {
       app-search-bar {
           width: 150px;
       }
   }

    @media screen and (max-width: 350px) {
       app-search-bar {
           width: 100px;
       }
   }

   .adf-app-layout-toolbar {
     position: relative;
     overflow: visible !important;
   }

  .adf-app-layout {
    display: block;
    min-width: $minimumAppWidth;
    height: 100%;

    .adf-nav-container {
      display: block;
      min-width: $minimumAppWidth;
      height: 100%;
    }

    .adf-sidenav-link {
      &.active {
        color: mat-color($primary);
      }
    }

    &-user-profile {
      margin-right: 10px;
    }

    &-menu-spacer {
      flex: 1 1 auto;
    }

    &-toolbar {
      height: $toolbarHeight;
      line-height: $toolbarHeight;
      overflow: hidden;

      mat-toolbar-row {
        height: $toolbarHeight;
        align-items: stretch;
        justify-content: space-between;
      }

      .adf-toolbar-link {
        min-width: 0;
        line-height: $toolbarHeight;

        &.active {
          background-color: rgba(0, 0, 0, .12);
        }
      }
    }
  }

  @media screen and  ($mat-small) {
    .adf-userinfo-name {
      display: none;
    }
  }

  @media screen and ($mat-xsmall) {
  }

}
