/* TABLE HEADER */
.table-header {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* TABLE FOOTER */
.table-footer {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  margin-top: 15px;
}

/* PAGINATION */
.pagination {
    margin-top: 20px;
    overflow: auto;

    .pages {
        text-align: center;
        white-space: nowrap;
        margin: 0;

        .page-link {
          margin-top: 7px;
          display: inline-block;
          background-color: var(--color-grey-medium);

          + .page-link {
            margin-left: 7px;
          }

          a {
            color: var(--color-lightwhite);
            padding: 7px 13px;
            display: inline-block;
            text-decoration: none;
          }

          &:not(.current):hover {
            background-color: var(--color-primary);

            a {
              color: var(--color-lightwhite);
            }
          }

          &.current {
            pointer-events: none;
            background-color: var(--color-dark);

            a {
              pointer-events: none;
            }
          }
        }
    }
}
