#circle-information,
#circle-edit,
#admin-circle-list,
#admin-circle-create,
#project-edit,
#admin-project-list,
#admin-project-create,
#admin-users-list {

  [widget="hubl-team-template-edit"]>div {
    flex: 1;
  }

  .table-body>div:first-of-type,
  .table-body>div:first-of-type>sib-display>div {
    display: contents;
  }

  .gridjs-wrapper {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: auto;
    display: block;
  }

  .table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow: auto;
    table-layout: fixed;

    .table-header {
      display: flex;
      flex: 1;
      font-size: 1.6rem;
      font-weight: 600;
      justify-content: space-around;
      text-align: center;

      &.grey-color {
        background: var(--color-table-header-background);
        color: var(--color-table-header-text);
      }

      >* {
        border-right: 1px solid var(--color-table-border);
        padding: 2.1rem 0;
        text-align: center;
      }

      >*:last-of-type {
        border-right: 1px solid --color-table-header-background;
      }
    }

    .table-body,
    .table-header {

      >div:first-of-type>sib-display>div,
      hubl-team-template-edit[name='members'] {
        display: flex;
        border-left: 1px solid var(--color-table-border);
      }

      .border {
        border-bottom: 1px solid var(--color-table-border);
        border-right: 1px solid var(--color-table-border);
      }

      .cell {
        text-align: center;
        word-wrap: break-word;
        white-space: nowrap;
      }

      .w25 {
        width: 25%;
      }

      .w33 {
        width: 33.3333%;
      }

      .w50 {
        width: 50%;
      }

      .w66 {
        width: 66.6666%;
      }

      .w75 {
        width: 75%;
      }

      .hashtag::before {
        content: '#';
      }
    }

    .cell-with-buttons {
      align-items: center;
      display: flex;
      justify-content: center;

      [name='button'] {

        input[type='submit'] {
          @extend
          .button,
          .text-bold,
          .text-uppercase,
          .reversed,
          .button-secondary,
          .bordered,
          .btn-margin-left;
        }
      }
    }

    .cell-with-name {
      color: var(--color-secondary);
      font-weight: 600;
      padding-top: 2.5rem;
    }

    sib-multiple {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .user-thumb>div

    /* for the table in circle-edit and captain's cell in project-admin */
    ,
    [name='user-thumb'] {
      @extend %user-thumb__grid;
      padding: 0 2.2rem;

      >.user-thumb__picture {
        @extend .user-thumb__picture;
      }

      >[name='sup'] {
        @extend %user-thumb__grid-sup;
      }

      >[name='sub'] {
        @extend %user-thumb__grid-inf;
      }
    }

    sib-ac-checker {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  }
}