/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */

.hidden {
  display: none;
}

#netsim #prompt-table td {
  border: none;
}

.clearfix {
  clear: both;
}

#netsim {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#netsim .netsim-alert-container {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 450px;
  margin-left: -225px;
  z-index: 99999;
}
#netsim .alert {
  border-radius: 5px;
  transition-duration: 1s;
}
#netsim .alert.netsim-alert {
  margin-bottom: 5px;
}
#netsim .alert.alert-info {
  color: #4d575f;
  background-color: #d9eff7;
  border-color: #59b9dc;
}
#netsim .alert.alert-warn {
  color: #4d575f;
  background-color: #fff2d9;
  border-color: #ffc459;
}
#netsim .alert.alert-success {
  color: #4d575f;
  background-color: #f5f5dc;
  border-color: #d1d567;
}
#netsim .alert.alert-error {
  color: #4d575f;
  background-color: #ffcccc;
  border-color: #ff3333;
}
#netsim .netsim-alert-button {
  margin: 0;
}
#netsim .old-router-log-modal {
  display: none;
  width: 90%;
  margin-left: -45%;
}
#netsim .old-router-log-modal select {
  margin: 5px 5px 0 5px;
  padding: 0;
  height: 22px;
  line-height: 20px;
  font-size: smaller;
  vertical-align: middle;
}
#netsim .old-router-log-modal .modal-body {
  max-height: 450px;
  overflow-y: auto;
}
#netsim .old-router-log-modal th {
  cursor: pointer;
}
#netsim .old-router-log-modal td {
  font-family: monospace;
  white-space: pre-wrap;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  user-select: text;
}
#netsim .old-router-log-modal .log-browser-limit-message {
  padding: 0.5em;
  text-align: center;
  font-style: italic;
  color: #5b6770;
}
#netsim #netsim-disconnected {
  display: block;
  position: relative;
  max-width: 1000px;
  height: 100%;
  margin: auto;
  overflow-y: auto;
}
#netsim #netsim-disconnected #netsim-scrolling-lobby {
  overflow-y: auto;
}
#netsim #netsim-leftcol {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
#netsim #netsim-leftcol > .column-width-limiter {
  width: 300px;
}
#netsim #netsim-rightcol {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 330px;
  right: 0;
  overflow-y: hidden;
}
#netsim #netsim-send {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#netsim #netsim-logs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: hidden;
}
#netsim h1 {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-semi-bold);
  font-style: normal;
}
#netsim p,
#netsim label {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  font-style: normal;
}
#netsim table {
  width: 100%;
}
#netsim table th,
#netsim table td {
  padding: 1px 5px;
  border-collapse: collapse;
}
#netsim table th {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  border: solid #5b6770 1px;
  font-size: 10pt;
}
#netsim table td {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  border: solid #c6cacd 1px;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  user-select: text;
}
#netsim table tbody th,
#netsim table tbody td {
  vertical-align: top;
}
#netsim .minimizer {
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
#netsim .single-line-with-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  padding-right: 1em;
}
#netsim .user-data {
  font-family: monospace;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  user-select: text;
}
#netsim .netsim-button {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  display: inline-block;
  color: #fff;
  background-color: #ffa400;
  border-radius: 3px;
  font-size: 8pt;
  line-height: 14pt;
  padding: 0 10px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
#netsim .netsim-button.large-button {
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
  padding: 7px 14px;
}
#netsim .netsim-button.netsim-button-secondary {
  background-color: #59b9dc;
}
#netsim .netsim-button[disabled] {
  background-color: #c6cacd;
  cursor: default;
}
#netsim #netsim-visualization svg {
  background-color: #fff;
  border: solid darkgray thin;
}
#netsim #netsim-visualization svg .viz-node text {
  fill: #000;
  text-anchor: middle;
}
#netsim #netsim-visualization svg .viz-node text.address-box {
  font-weight: bold;
}
#netsim #netsim-visualization svg .viz-node circle {
  stroke: #59b9dc;
  stroke-width: 2;
  fill: #59b9dc;
}
#netsim #netsim-visualization svg .viz-node rect {
  stroke: #59b9dc;
  stroke-width: 2px;
  fill: #fff;
}
#netsim #netsim-visualization svg .local-node circle {
  stroke: #59cad3;
  fill: #59cad3;
}
#netsim #netsim-visualization svg .local-node rect {
  stroke: #59cad3;
}
#netsim #netsim-visualization svg .router-node circle {
  stroke: #a69bc1;
  fill: #a69bc1;
}
#netsim #netsim-visualization svg .router-node rect {
  stroke: #a69bc1;
}
#netsim #netsim-visualization svg .auto-dns-node circle {
  stroke: #ffdb74;
  fill: #ffdb74;
}
#netsim #netsim-visualization svg .auto-dns-node rect {
  stroke: #ffdb74;
}
#netsim #netsim-visualization svg .viz-wire {
  stroke: #5b6770;
  stroke-width: 2;
  -moz-transition: stroke 1s, stroke-width 1s;
  -o-transition: stroke 1s, stroke-width 1s;
  -webkit-transition: stroke 1s, stroke-width 1s;
  transition: stroke 1s, stroke-width 1s;
}
#netsim #netsim-visualization svg .viz-wire.hidden-wire {
  display: none;
}
#netsim #netsim-visualization svg .viz-wire text {
  stroke: none;
  fill: transparent;
  font-family: monospace;
  font-size: 26pt;
  text-anchor: middle;
  -moz-transition: fill 1s;
  -o-transition: fill 1s;
  -webkit-transition: fill 1s;
  transition: fill 1s;
}
#netsim #netsim-visualization svg .viz-wire text.question-mark {
  -moz-transition: fill 1.2s;
  -o-transition: fill 1.2s;
  -webkit-transition: fill 1.2s;
  transition: fill 1.2s;
}
#netsim #netsim-visualization svg .viz-wire.state-unknown {
  stroke: #c6cacd;
}
#netsim #netsim-visualization svg .viz-wire.state-unknown .state-label {
  fill: transparent;
}
#netsim #netsim-visualization svg .viz-wire.state-unknown .question-mark {
  fill: #c6cacd;
}
#netsim #netsim-visualization svg .viz-wire.state-on, #netsim #netsim-visualization svg .viz-wire.state-off {
  stroke-width: 4;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#netsim #netsim-visualization svg .viz-wire.state-on .state-label, #netsim #netsim-visualization svg .viz-wire.state-off .state-label {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#netsim #netsim-visualization svg .viz-wire.state-on .question-mark, #netsim #netsim-visualization svg .viz-wire.state-off .question-mark {
  fill: transparent;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#netsim #netsim-visualization svg .viz-wire.state-off {
  stroke: #000;
}
#netsim #netsim-visualization svg .viz-wire.state-off .state-label {
  fill: #000;
}
#netsim #netsim-visualization svg .viz-wire.state-on {
  stroke: #ffa400;
}
#netsim #netsim-visualization svg .viz-wire.state-on .state-label {
  fill: #ffa400;
}
#netsim .netsim-shard-selection-panel {
  overflow: hidden;
}
#netsim .netsim-shard-selection-panel .field-box {
  float: left;
  margin-right: 1em;
}
#netsim .netsim-shard-selection-panel .clearfix {
  clear: both;
}
#netsim .netsim-lobby-panel .instructions {
  float: left;
  width: 30%;
}
#netsim .netsim-lobby-panel .controls {
  margin-left: calc(30% + 1em);
}
#netsim .netsim-lobby-panel table {
  margin-bottom: 1em;
}
#netsim .netsim-lobby-panel table.nomargin {
  margin-bottom: 0;
}
#netsim .netsim-lobby-panel table img {
  height: 14px;
  vertical-align: text-top;
}
#netsim .netsim-lobby-panel td {
  height: 40px;
  vertical-align: middle;
}
#netsim .netsim-lobby-panel .empty-row {
  text-align: center;
  border: none;
}
#netsim .netsim-lobby-panel .button-column {
  width: 1px;
  text-align: center;
}
#netsim .netsim-panel.netsim-lobby div.panel-body {
  padding: 1em;
}
#netsim .netsim-lobby-list {
  background-color: #fff;
  padding: 0.5em;
  border: inset darkslategray thin;
  list-style: none;
}
#netsim .netsim-lobby-list li {
  background-color: #fff;
  border-left: solid white 3px;
  border-right: solid white 3px;
  padding: 0.3em 0.8em;
}
#netsim .netsim-lobby-list .empty-row {
  text-align: center;
  color: #e7e8ea;
  font-style: italic;
}
#netsim .netsim-lobby-list .own-row {
  background-color: #fff;
  font-style: italic;
}
#netsim .netsim-lobby-list .user-row.selectable-row:hover {
  background-color: #d9f3f5;
  color: #000;
}
#netsim .netsim-lobby-list .router-row.selectable-row:hover {
  background-color: #ffe0a6;
  color: #000;
}
#netsim .netsim-lobby-buttons {
  text-align: center;
  padding-top: 4px;
}
#netsim div.netsim-panel {
  margin: 0 0 0.5em;
  padding: 0;
}
#netsim div.netsim-panel h1 {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  margin: 0;
  padding: 0.3em;
  font-size: 110%;
  line-height: 110%;
  background-color: #0094ca;
  color: #fff;
  border-radius: 0.3em 0.3em 0 0;
}
#netsim div.netsim-panel h1 .panel-controls {
  float: right;
  margin-top: -0.3em;
  padding-top: 2px;
}
#netsim div.netsim-panel h1 .panel-controls .netsim-button {
  margin-left: 3px;
}
#netsim div.netsim-panel h1 .pad-left {
  padding-left: 0.2em;
}
#netsim div.netsim-panel div.panel-body {
  background-color: #fff;
  border-left: solid darkgray 1px;
  border-right: solid darkgray 1px;
  border-bottom: solid darkgray 1px;
  border-top: solid #0094ca 1px;
  border-radius: 0 0 0.3em 0.3em;
}
#netsim div.netsim-panel .content-wrap {
  margin: 1em;
}
#netsim div.netsim-panel.minimized h1 {
  border-radius: 0.3em;
}
#netsim div.netsim-panel.minimized h1 .clear_button {
  display: none;
}
#netsim div.netsim-panel.minimized div.panel-body {
  display: none;
}
#netsim div.netsim-panel .panel-footer {
  margin: 10px;
  overflow: hidden;
}
#netsim div.netsim-panel .panel-footer .right-side-controls {
  float: right;
  text-align: right;
}
#netsim .netsim-log-panel .packet {
  margin: 10px;
  padding: 5px;
  border: solid darkgray thin;
  border-radius: 3px;
  background-color: #e7e8ea;
}
#netsim .netsim-log-panel .packet.unread {
  background-color: #fafafa;
  border-color: #000;
}
#netsim .netsim-log-panel .packet.unread th {
  font-weight: bold;
}
#netsim .netsim-log-panel .packet .expander {
  cursor: pointer;
}
#netsim .netsim-log-panel .packet .maximized-packet thead th.encodingLabel {
  text-align: left;
}
#netsim .netsim-log-panel .packet .minimized-packet .expander {
  padding: 0 5px;
}
#netsim .netsim-log-panel .scroll-area {
  margin: 0.5em 0;
  width: 100%;
  overflow-y: auto;
}
#netsim .netsim-log-panel table th {
  border: none;
  background-color: transparent;
  color: #000;
}
#netsim .netsim-log-panel table tbody td {
  font-family: monospace;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  user-select: text;
}
#netsim .netsim-log-panel table tbody tr.ascii td.message {
  white-space: pre-wrap;
}
#netsim .netsim-log-panel th.encodingLabel,
#netsim .netsim-log-panel td.encodingLabel,
#netsim .netsim-log-panel th.toAddress,
#netsim .netsim-log-panel td.toAddress,
#netsim .netsim-log-panel th.fromAddress,
#netsim .netsim-log-panel td.fromAddress,
#netsim .netsim-log-panel th.packetInfo,
#netsim .netsim-log-panel td.packetInfo {
  text-align: center;
}
#netsim .netsim-log-panel th.encodingLabel,
#netsim .netsim-log-panel td.encodingLabel {
  width: 1%;
}
#netsim .netsim-log-panel th.toAddress,
#netsim .netsim-log-panel td.toAddress,
#netsim .netsim-log-panel th.fromAddress,
#netsim .netsim-log-panel td.fromAddress {
  width: 50px;
}
#netsim .netsim-log-panel th.packetInfo,
#netsim .netsim-log-panel td.packetInfo {
  width: 121px;
}
#netsim .netsim-log-panel td.toAddress {
  background-color: #d9eff7;
}
#netsim .netsim-log-panel td.fromAddress {
  background-color: #fff7df;
}
#netsim .netsim-log-panel td.packetInfo {
  background-color: #e7e9ad;
}
#netsim .netsim-log-panel td.message {
  background-color: #fff;
}
#netsim .netsim-send-panel .send-panel-packets {
  max-height: 265px;
  overflow-y: auto;
}
#netsim .netsim-send-panel .netsim-packet {
  border: solid darkgray thin;
  background-color: #e7e8ea;
  margin: 10px;
  padding: 0.5em;
  border-radius: 0.5em;
}
#netsim .netsim-send-panel .netsim-packet .packet-controls {
  float: right;
  text-align: right;
}
#netsim .netsim-send-panel .netsim-packet th {
  border: none;
  background-color: transparent;
  color: #000;
}
#netsim .netsim-send-panel .netsim-packet input,
#netsim .netsim-send-panel .netsim-packet textarea {
  resize: none;
  padding: 0.2em;
  margin-bottom: 0.2em;
  font-family: monospace;
  background-color: transparent;
  box-shadow: none;
}
#netsim .netsim-send-panel .netsim-packet input {
  border: solid 1px #ccc;
}
#netsim .netsim-send-panel .netsim-packet textarea {
  border: none;
}
#netsim .netsim-send-panel .netsim-packet .watermark {
  color: #e7e8ea;
}
#netsim .netsim-send-panel .netsim-packet .bit-counter {
  text-align: right;
  color: #949ca2;
}
#netsim .netsim-send-panel .netsim-packet .bit-counter.oversized {
  color: #c00;
}
#netsim .netsim-send-panel .netsim-packet th.encodingLabel,
#netsim .netsim-send-panel .netsim-packet td.encodingLabel,
#netsim .netsim-send-panel .netsim-packet th.toAddress,
#netsim .netsim-send-panel .netsim-packet td.toAddress,
#netsim .netsim-send-panel .netsim-packet th.fromAddress,
#netsim .netsim-send-panel .netsim-packet td.fromAddress,
#netsim .netsim-send-panel .netsim-packet th.packetInfo,
#netsim .netsim-send-panel .netsim-packet td.packetInfo {
  text-align: center;
}
#netsim .netsim-send-panel .netsim-packet th.encodingLabel input,
#netsim .netsim-send-panel .netsim-packet td.encodingLabel input,
#netsim .netsim-send-panel .netsim-packet th.toAddress input,
#netsim .netsim-send-panel .netsim-packet td.toAddress input,
#netsim .netsim-send-panel .netsim-packet th.fromAddress input,
#netsim .netsim-send-panel .netsim-packet td.fromAddress input,
#netsim .netsim-send-panel .netsim-packet th.packetInfo input,
#netsim .netsim-send-panel .netsim-packet td.packetInfo input {
  width: 3em;
  text-align: center;
}
#netsim .netsim-send-panel .netsim-packet th.encodingLabel,
#netsim .netsim-send-panel .netsim-packet td.encodingLabel {
  width: 1%;
}
#netsim .netsim-send-panel .netsim-packet th.toAddress,
#netsim .netsim-send-panel .netsim-packet td.toAddress,
#netsim .netsim-send-panel .netsim-packet th.fromAddress,
#netsim .netsim-send-panel .netsim-packet td.fromAddress {
  width: 50px;
}
#netsim .netsim-send-panel .netsim-packet th.packetInfo,
#netsim .netsim-send-panel .netsim-packet td.packetInfo {
  width: 121px;
}
#netsim .netsim-send-panel .netsim-packet td.toAddress {
  background-color: #d9eff7;
}
#netsim .netsim-send-panel .netsim-packet td.fromAddress {
  background-color: #fff7df;
}
#netsim .netsim-send-panel .netsim-packet td.packetInfo {
  background-color: #e7e9ad;
}
#netsim .netsim-send-panel .netsim-packet td.message {
  background-color: #fff;
}
#netsim .netsim-send-panel .netsim-packet td.message div {
  margin-right: 0.4em;
}
#netsim .netsim-send-panel .netsim-packet td.message div textarea {
  resize: none;
  height: 1.5em;
  width: 100%;
}
#netsim .netsim-send-panel .packet-size {
  width: 50%;
  max-width: 400px;
}
#netsim .netsim_packet_size_control label {
  display: inline-block;
}
#netsim .netsim_packet_size_control .slider-inline-wrap {
  display: inline-block;
  margin-top: 3.5px;
  width: 300px;
}
#netsim .netsim_packet_size_control .slider-inline-wrap .slider-labels {
  margin-bottom: 1px;
}
#netsim .netsim_packet_size_control .slider-inline-wrap .slider-labels .max-value {
  float: right;
  text-align: right;
  width: 5em;
}
#netsim .netsim_packet_size_control .slider-inline-wrap .slider-labels .min-value {
  float: left;
  text-align: left;
  width: 5em;
}
#netsim .netsim_packet_size_control .slider-inline-wrap .slider-labels .current-value {
  text-align: center;
}
#netsim .netsim_packet_size_control .slider-inline-wrap .packet-size-slider {
  clear: both;
}
#netsim .netsim-slider {
  text-align: center;
}
#netsim .netsim-slider label {
  display: inline-block;
}
#netsim .netsim-slider .slider-inline-wrap {
  display: inline-block;
  margin-top: 3.5px;
  width: 95%;
  margin-right: 0.5em;
}
#netsim .netsim-slider .slider-inline-wrap .slider-labels {
  margin-bottom: 1px;
}
#netsim .netsim-slider .slider-inline-wrap .slider-labels .max-value {
  float: right;
  text-align: right;
  width: 3em;
}
#netsim .netsim-slider .slider-inline-wrap .slider-labels .min-value {
  float: left;
  text-align: left;
  width: 3em;
}
#netsim .netsim-slider .slider-inline-wrap .slider-labels.wide-labels .max-value,
#netsim .netsim-slider .slider-inline-wrap .slider-labels.wide-labels .min-value {
  width: 4em;
}
#netsim .netsim-slider .slider-inline-wrap .slider-labels .current-value {
  text-align: center;
}
#netsim .netsim-slider .slider-inline-wrap .slider {
  clear: both;
}
#netsim .netsim-tabs {
  margin-bottom: 10px;
}
#netsim .netsim-tabs h1 {
  font-size: 10pt;
  line-height: 10pt;
  margin: 10px 0 3px 0;
  border-bottom: solid darkgrey thin;
}
#netsim .netsim-tabs .ui-tabs-nav {
  background: #0094ca;
  border-left: none;
  border-right: none;
  border-top: none;
}
#netsim .netsim-tabs .ui-tabs-nav li {
  border: none;
  margin-right: 2px;
}
#netsim .netsim-tabs .ui-tabs-nav li.ui-state-default {
  background-color: #59b9dc;
}
#netsim .netsim-tabs .ui-tabs-nav li.ui-state-default a {
  color: #fff;
}
#netsim .netsim-tabs .ui-tabs-nav li.ui-state-active {
  background-color: white;
}
#netsim .netsim-tabs .ui-tabs-nav li.ui-state-active a {
  color: #4d575f;
}
#netsim .netsim-tabs .ui-tabs-nav li a {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-semi-bold);
  font-style: normal;
  font-size: 8pt;
  padding: 0 1em;
}
#netsim .netsim-tabs .ui-tabs-panel {
  padding: 0.8em 0.5em;
}
#netsim .netsim-tabs .ui-tabs-panel p {
  margin: 0 1em 10px 1em;
}
#netsim .netsim-metronome {
  text-align: center;
}
#netsim .netsim-metronome .pulse-dot {
  fill: #8c52ba;
}
#netsim .netsim-metronome .progress-meter {
  fill: #8c52ba;
}
#netsim .netsim-encoding-selector div.hidden-control {
  display: none;
}
#netsim .netsim-encoding-selector input[type=checkbox] {
  vertical-align: baseline;
  margin: 0;
}
#netsim .netsim-encoding-selector label {
  display: inline;
  margin-left: 0.25em;
}
#netsim .netsim-router-log {
  max-height: 200px;
  overflow-y: scroll;
}
#netsim .netsim-router-log table th,
#netsim .netsim-router-log table td {
  font-size: 8pt;
}
#netsim .dns-mode-control input[type=radio] {
  vertical-align: middle;
  margin: 0;
}
#netsim .dns-mode-control label {
  display: inline;
  margin-left: 1em;
}
#netsim .netsim-dns-table tr.local-node {
  font-weight: bold;
  background-color: #fff;
}
#netsim .netsim-dns-table tr.dns-node {
  color: #fff;
  background-color: #ffa400;
}
#netsim .dns-notes div {
  padding-right: 14px;
}
#netsim .dns-notes div textarea {
  resize: none;
  width: 100%;
  height: 100px;
}
#netsim input.debug-button {
  background: #f9f968;
  background: -moz-linear-gradient(top, #f9f968 0%, #ffa73d 82%, #ff7f04 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f968), color-stop(82%, #ffa73d), color-stop(100%, #ff7f04));
  background: -webkit-linear-gradient(top, #f9f968 0%, #ffa73d 82%, #ff7f04 100%);
  background: -o-linear-gradient(top, #f9f968 0%, #ffa73d 82%, #ff7f04 100%);
  background: -ms-linear-gradient(top, #f9f968 0%, #ffa73d 82%, #ff7f04 100%);
  background: linear-gradient(to bottom, #f9f968 0%, #ffa73d 82%, #ff7f04 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f968", endColorstr="#ff7f04", GradientType=0);
  border: outset #ff7f04 3px;
  color: black;
  font-weight: bold;
}
#netsim .lobby-hint {
  display: block;
  padding: 20px 40px 40px 40px;
}
#netsim .lobby-hint .fa-info-circle {
  float: left;
  margin: 0 20px;
  font-size: 40px;
}
#netsim .lobby-hint p {
  margin-left: 80px;
}
#netsim .lobby-hint ul {
  margin-left: 100px;
}
#netsim .netsim-shard-selection-panel .lobby-hint {
  clear: both;
}
#netsim .netsim-lobby-panel .lobby-hint {
  clear: right;
}