.aXenServerList > span {
  margin-right: auto;
}


@media screen and (min-width: 980px) {
  .aXenServerList_scroll + .aXenServerList_ul_scroll {
    max-height: 250px;
    overflow-y: auto;
  }
}



@media screen and (max-width: 979px) {
  .aXenServerList_ul_scroll {
    max-height: 250px;
    overflow-y: auto;
  }
}


.aXenServerList_toggle {
  font-size: 18px;
  opacity: 0.2;
  width: 20px;
  height: 16px;
  color: rgb( var(--theme-widget_title_font) );
  position: relative;
}

.aXenServerList_toggle:hover {
  opacity: 1;
  color: inherit;
}

.aXenServerList_toggle:after {
  font-family: 'FontAwesome';
  font-size: 18px;
}

.aXenServerList_toggle_hide:after {
  content: '\f078';
}

.aXenServerList_toggle_scroll:after {
  content: '\f065';
}

.aXenServerList_toggle_debug {
  color: var(--intermediate-dark);
  opacity: 1;
}

.aXenServerList_toggle_debug:after {
  content: '\f071';
}

.aXenServerList_scroll > .aXenServerList_toggle_scroll:after {
  content: '\f066';
}

.aXenServerList_toggle_fullWidth:after {
  content: '\f00b';
}

.aXenServerList_fullWidth .aXenServerList_toggle_fullWidth:after {
  content: '\f009';
}

.aXenServerList_ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* ========== Group Header ========== */
.aXenServerList_groupHeader {
  background-color: rgb( var(--theme-area_background_light) );
  padding: 16px;
  line-height: 1;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.aXenServerList_groupHeader\:icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

/* ========== Item ========== */
.aXenServerList_item {
  display: flex;
  align-items: center;
  line-height: 1;
  flex-wrap: wrap;
}

.aXenServerList_item_title {
  display: flex;
  align-items: center;
  margin: 0 10px;
  flex: 0 1 250px;
}

.aXenServerList_item_title\:status {
  display: block;
  width: 8px;
  height: 20px;
  background-color: var(--negative-dark);
  border-radius: 5px;
}

.aXenServerList_item_title\:status-online {
  background-color: var(--positive-dark);
}

.aXenServerList_item_title\:icon {
  margin-left: 10px;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.aXenServerList_item_title\:name {
  margin-left: 10px;
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.aXenServerList_item_title\:name > .ipsBadge,
.aXenServerList_item_title\:name > i {
  margin-right: 5px;
}

.aXenServerList_item_title\:name > i.fa-trophy {
  color: var(--intermediate-dark);
}

.aXenServerList_item_title\:name > i.fa-exclamation-triangle {
  color: var(--informational-dark);
}

.aXenServerList_item\:ip {
  display: flex;
  align-items: center;
  margin: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 200px;
}

.aXenServerList_item\:ip > .ipsButton {
  margin-right: 5px;
}

.aXenServerList_item_owners {
  flex: 1;
  text-align: center;
}

.aXenServerList_item_owners_ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.aXenServerList_item_owners_ul > li {
  white-space: nowrap;
}

.aXenServerList_item_owners_ul > li:not(:last-child) {
  margin-right: 5px;
}

/* ========== Players ========== */
.aXenServerList_item_players {
  display: flex;
  align-items: center;
  margin: 5px 0;
  flex: 0 0 125px;
}

.aXenServerList_item_players > span {
  margin-left: 10px;
}

.aXenServerList_item_players_svg {
  width: 35px;
  height: 35px;
}

.aXenServerList_item_players_svg\:none {
  stroke: rgb( var(--theme-area_background) );
  fill-opacity: 0;
  stroke-width: 4;
}

.aXenServerList_item_players_svg\:fill {
  stroke: rgb(var(--theme-link_hover));
  fill-opacity: 0;
  stroke-width: 4;
  stroke-dasharray: 97.6754, 100;
}


.aXenServerList_item_players_svg\:fill_1_20 {
  stroke: #3b7fb5;
}

.aXenServerList_item_players_svg\:fill_21_40 {
  stroke: #4ab53b;
}

.aXenServerList_item_players_svg\:fill_41_60 {
  stroke: #d47419;
}

.aXenServerList_item_players_svg\:fill_61_80 {
  stroke: #d44919;
}

.aXenServerList_item_players_svg\:fill_81_100 {
  stroke: #d41919;
}


/* ========== More ========== */
.aXenServerList_item_more {
  margin: 5px 10px 5px auto;
  padding: 0;
  flex: 0 0 200px;
}

.aXenServerList_item_more_menu,
.aXenServerList_debug {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.aXenServerList_item_more_menu > ul {
  flex: 0 0 calc(50% - 10px);
}

.aXenServerList_item_more_info > li,
.aXenServerList_debug_list > li {
  display: flex;
  justify-content: space-between;
}

.aXenServerList_item_more_info > li:not(:last-child),
.aXenServerList_debug_list > li:not(:last-child) {
  margin-bottom: 10px;
}

.aXenServerList_item_more_info > li > span:last-child,
.aXenServerList_debug_list > li > span:last-child {
  margin-left: 10px;
  min-width: 25%;
  max-width: 50%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aXenServerList_item_more_menu .aXenServerList_item_more_info,
.aXenServerList_debug .aXenServerList_debug_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.aXenServerList_item_more_info .aXenServerList_item_more_info\:owners {
  display: none;
}

.aXenServerList_item_more_menu_links {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  display: none;
  flex-wrap: wrap;
}

.aXenServerList_item_more_menu_links > li {
  flex: 1 1 50%;
  padding: 5px;
}

.aXenServerList_item_more_info\:fullWidth {
  flex: 1;
}

.aXenServerList_item_more_ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.aXenServerList_item_more_ul > li:not(:last-child) {
  margin-right: 5px;
}

/* ========== Debug ========== */
.aXenServerList_debug\:icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.aXenServerList_debug\:name {
  margin-left: 5px;
}

/* ========== Buttons ========== */
.ipsApp .aXenServerListButton {
  font-size: 16px;
  padding: 6px 8px;
}

/* ========== ipsMenu ========== */
.aXenServerListMenu {
  width: 350px;
}

/* ========== Orientation vertical ========== */
.aXenServerList_vertical + .aXenServerList_ul .aXenServerList_item {
  display: block;
}

.aXenServerList_vertical + .aXenServerList_ul .aXenServerList_item > li {
  margin: 10px;
}

.aXenServerList_vertical + .aXenServerList_ul .aXenServerList_item > .aXenServerList_item\:ip,
.aXenServerList_vertical + .aXenServerList_ul .aXenServerList_item > .aXenServerList_item_players,
.aXenServerList_vertical + .aXenServerList_ul .aXenServerList_item > .aXenServerList_item_title,
.aXenServerList_vertical + .aXenServerList_ul .aXenServerList_item > .aXenServerList_item_more > .aXenServerList_item_more_ul {
  justify-content: center;
}

/* ========== Full width ========== */

@media screen and (min-width: 979px) {
.aXenServerList_fullWidth + .aXenServerList_ul {
  display: flex;
  flex-wrap: wrap;
}

.aXenServerList_fullWidth + .aXenServerList_ul > li {
  flex: 1 1 50%
}

.aXenServerList_fullWidth + .aXenServerList_ul > li .aXenServerList_item_owners,
.aXenServerList_fullWidth + .aXenServerList_ul > li .aXenServerList_item_more > .aXenServerList_item_more_ul > li:not(:last-child) {
  display: none;
}

.aXenServerList_fullWidth + .aXenServerList_ul > li .aXenServerList_item_title {
  flex: 1;
}

.aXenServerList_fullWidth + .aXenServerList_ul > li .aXenServerList_item_more {
  flex: 0;
}

.aXenServerListMenu_fullWidth .aXenServerList_item_more_menu_links,
.aXenServerListMenu_fullWidth .aXenServerList_item_more_info .aXenServerList_item_more_info\:owners {
  display: flex;
}
}



/* ========== Hide ========== */
.aXenServerList_hide {
  opacity: 0.5;
}

.aXenServerList_hide + .aXenServerList_ul,
.aXenServerList_hide ~ .ipsList_reset.ipsFlex {
  display: none;
}

.aXenServerList_hide > .aXenServerList_toggle_hide {
  transform: rotate(90deg);
}

/* ========== RWD ========== */
@media screen and (max-width: 979px) {
  .aXenServerList ~ .aXenServerList_ul_scroll {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .aXenServerList ~ .aXenServerList_ul_scroll > li {
    flex: 0 0 100%;
  }

  .aXenServerList_item {
    flex-wrap: wrap;
    justify-content: center;
  }

  .aXenServerList_item_title,
  .aXenServerList_item\:ip,
  .aXenServerList_item_players,
  .aXenServerList_item_more_ul {
    justify-content: center;
  }

  .aXenServerList_item\:ip,
  .aXenServerList_item_players {
    flex: 0 0 50%;
    margin: 0;
    height: 40px;
  }

  .aXenServerList_item_title,
  .aXenServerList_item_owners {
    flex: 0 0 100%;
    height: 30px;
  }

  .aXenServerList_item_more {
    margin: 0;
  }
}