.x-status {
	@extend %border,
          %fixed-top,
          %rounded-circle,
          %position-absolute,
          %text-white;
	height: 1em;
  width: 1em;
	z-index: $zindex-dropdown;
  border-width: $x-avatar-border-width !important;
}

.is-online {
  background-color: theme-color("success");
}

.is-offline {
  background-color: theme-color("info");
}

.is-away {
  background-color: theme-color("warning");
}