.page-list {
  :global(.btn-page-item-control) {
    width: 20px;
    height: 20px;
    padding: 0px;
  }

  :global(.page-list-ul) {
    padding-left: 0;
    margin: 0;

    > li {
      list-style: none;

      > a {
        padding: 0px;
        color: inherit;

        &:hover {
          color: inherit;
        }
      }
    }

    :global(.user-picture) {
      width: 16px;
      height: 16px;
      vertical-align: text-bottom;

      &:global(.user-picture-md) {
        width: 20px;
        height: 20px;
      }
    }

    :global(.page-list-meta) {
      font-size: 0.9em;

      > span {
        margin-right: 0.3rem;
      }

      i {
        margin-right: 2px;
      }

      :global(.seen-users-count) {
        &:global(.strength-0),
        &:global(.strength-1),
        &:global(.strength-2) {
          font-weight: bold;
        }
        &:global(.strength-3) {
          font-weight: normal;
        }
        &:global(.strength-4) {
          opacity: 0.5;
        }
      }
    }

    // after second level indent
    :global(.page-list-ul) {
      padding-left: 2rem;
    }

    // override .page-list-ul
    &:global(.page-list-ul-flat) {
      padding-left: 0;
    }
  }

  // List group
  :global(.list-group) {
    :global(.list-group-item) {
      min-height: 136px;

      :global(.page-list-updated-at) {
        font-size: 12px;
      }

      &:global(.list-group-item-action) {
        border-left: solid 3px transparent;
      }
    }
  }
}