:host {
  display: flex;
  height: 100%;

  > div {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;

    > div {
      position: absolute;

      width: 100%;
    }
  }
}

.one-session {
  width: 90%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin: 8px;
  padding: 8px;

  .info {
    mat-icon {
      margin-right: 8px;
    }
    display: flex;
    align-items: center;
  }
}

mat-divider {
  width: 90%;
}

#delete-all {
  margin: 32px 0;

  mat-icon {
    margin-left: 8px;
  }
}

#header {
  text-align: right;
  width: 90%;
  margin: 8px;
  padding: 8px;
}

mat-spinner{
    margin: 8px auto;
}
.no-button{
  cursor: default;
}