/**
* @package    JJ_Discord
* @copyright  Copyright (C) 2011 - 2019 JoomJunk. All rights reserved.
* @license    GPL v3.0 or later https://www.gnu.org/licenses/gpl-3.0.html
*/
.jj-discord > li {
  font-weight: bold; }

.jj-discord li ul {
  margin-top: 3px; }

.jj-discord-user {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .jj-discord-user img {
    margin-right: 5px; }

.jj-discord-user-left {
  display: flex;
  align-items: center;
  font-weight: normal; }

.jj-discord-user-right svg:first-child {
  margin-right: 5px; }

.jj-discord-avatar {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 50%; }

.jj-discord-user-status {
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-block;
  right: 10px;
  bottom: 0px;
  border-radius: 50%;
  align-self: flex-end; }

.jj-discord-user-idle {
  background: #e1d264; }

.jj-discord-user-offline {
  background: #e16464; }

.jj-discord-user-online {
  background: #67e164; }

.jj-discord-count {
  color: #7289da; }

.jj-discord-bot {
  display: inline-block;
  padding: 3px 2px;
  margin-left: 5px;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  background-color: #7289da;
  border-radius: 2px; }

.jj-discord-game {
  font-size: 13px;
  line-height: 18px;
  color: #b2b2b2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
  display: inline-block;
  margin-left: 5px; }
  @media (max-width: 959px) {
    .jj-discord-game .jj-discord-game {
      width: auto; } }

.jj-list {
  padding: 0;
  margin: 0 0 15px 0;
  list-style: none; }
  .jj-list > li {
    line-height: 22px; }

.jj-list-line > li:nth-child(n+2) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ddd; }

.jj-float-right {
  float: right; }

/* Utilities */
.jj-overflow-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.jj-margin {
  margin: 15px 0; }

.jj-margin-small {
  margin: 7px 0; }

/* Flex */
.jj-flex {
  display: flex; }

.jj-flex-middle {
  align-items: center; }