/* Same specificity as the other directory columns (members-directory.css),
   above the table's default left alignment. */
.members-directory-table .member-online-col {
  text-align: center;
}

.member-online-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.member-online-status__dot {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}

.member-online-status.is-online .member-online-status__dot {
  background: var(--ok);
}

.member-online-status.is-offline .member-online-status__dot {
  background: var(--err-border);
}

.member-online-profile {
  width: 100%;
}