.mat-sidenav-container {
  height: 100%;

  .mat-sidenav {
    padding: 24px;
    width: 280px;

    ::ng-deep .mat-form-field {
      width: 100%;

      &:last-child {
        margin-bottom: 8px;
      }
    }

    .mat-button-base {
      margin-top: 8px;
      width: 100%;
    }
  }

  .mat-sidenav-content {
    display: flex;
    flex-direction: column;

    .row-auto {
      flex: 0 0 auto;

      .mat-toolbar {

        &+.mat-divider {
          margin-top: -1px;
        }

        ::ng-deep button {
          &:first-child {
            margin-left: -8px;
          }
        }

        span {
          font-size: 14px;

          &:first-child {
            margin-left: 8px;
          }
        }

        .spacer {
          flex: 1 1 auto;
        }
      }
    }

    >.row-fill {
      flex: 1 1 auto;
      overflow: auto;

      .mat-table {
        width: 100%;

        tr {

          th,
          td {
            padding-right: 56px;
            white-space: nowrap;

            &.no-data {
              position: absolute;
              width: 100%;
              height: 48px;
              padding: 0;
              text-align: center;
              line-height: 48px;
            }
          }

          &.expanding {
            height: auto;

            td {
              padding: 0;
              border: none;
            }
          }
        }
      }
    }
  }
}