/* Login form */
main.login {
  max-width: 450px;
}

main.container {
  max-width: 800px;
}

.navbar .collapse.show li, .navbar .collapsing li {
  margin-top: 10px;
}

@media screen and (max-width: 600px) {
  .button-text {
    display: none;
  }
  input.form-control, select.form-control {
    padding: 0.1em;
  }
  .table-sm td {
    padding: 0.2em;
  }
}

@media screen and (min-width: 600px) {
  .button-icon {
    display: none;
  }
}

.btn-narrow {
  padding-left: .2em;
  padding-right: .2em;
}

.jumbotron {
  padding: 1.5em 2em 0.5em 2em;
}


.settings-img-wrap {
  position: relative;
}

.settings-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

input.overlay {
  border: none;
}

/* OBS settings */
#obs-wrap {
  padding-bottom: 35.2%;
}

#obs-img {
  background: url("/img/obs.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#obs-overlay {
  padding-top:9.8%;
  padding-left:16.5%;
  font-size: 13px;
}

/* Belabox settings */
#belabox-body {
  max-width: 500px;
}

#belabox-wrap {
  padding-bottom: 102.2%;
}

#belabox-img {
  background: url("/img/belabox.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.belabox-overlay {
  padding-left: 8%;
  position: absolute;
}

#belabox-overlay-addr {
  padding-top: 29%;
}

#belabox-overlay-port {
  padding-top: 48.7%;
}

#belabox-overlay-id {
  padding-top: 68.4%;
}

/* Larix settings */
#larix-body {
  max-width: 500px;
}

#larix-wrap {
  padding-bottom: 190.8%;
}

#larix-img {
  background: url("/img/larix.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.larix-overlay {
  padding-left: 2%;
  position: absolute;
}

#larix-overlay-addr {
  padding-top: 29%;
}

#larix-overlay-id {
  padding-top: 119%;
}

/* IRL Pro settings */
#irlpro-body {
  max-width: 500px;
}

#irlpro-wrap {
  padding-bottom: 116%;
}

#irlpro-img {
  background: url("/img/irlpro.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.irlpro-overlay {
  padding-left: 2%;
  position: absolute;
}

#irlpro-overlay-addr {
  padding-top: 48%;
}

#irlpro-overlay-id {
  padding-top: 106%;
}

/* Moblin settings */
#moblin-body {
  max-width: 500px;
}

#moblin-wrap {
  padding-bottom: 58%;
}

#moblin-img {
  background: url("/img/moblin.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.moblin-overlay {
  padding-left: 20%;
  padding-right: 5%;
}

#moblin-overlay-addr {
  padding-top: 36%;
}

/* Stream buddy stats */
.streambuddy-body {
  max-width: 500px;
}

.streambuddy-wrap {
  padding-bottom: 100%;
}

.streambuddy-img {
  background: url("/img/streambuddy.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.streambuddy-overlay {
  padding-left: 8%;
  position: absolute;
  width: 88%;
}

.streambuddy-stats-url {
  padding-top: 60%;
}

.streambuddy-stats-publisher {
  padding-top: 85%;
}


div.remotes {
  border: none;
}

iframe#remote {
  height: 1800px;
}