.block-table-header {
  margin-bottom: 10px;
}

.ip-input {
  display: inline-block;
  width: auto;
}

td .glyphicon {
  font-size: 20px;
}

.table-block .body {
  overflow-x: auto;
}
.table-block .body .label-margin {
  margin-bottom: 10px;
  display: inline-block;
}
.code {
  font-family: "Courier New", Courier, monospace;
  background-color: #eaeaea;
  padding: 10px;
  overflow: auto;
}

.url {
  word-break: break-all;
  font-style: italic;
  color: #08c;
}

.landing-container {
  min-height: calc(100vh - 126px);
  background: #59e68c;
  background: -moz-linear-gradient(top, #59e68c 0%, #22b586 49%, #2f936d 100%);
  background: -webkit-linear-gradient(
    top,
    #59e68c 0%,
    #22b586 49%,
    #2f936d 100%
  );
  background: linear-gradient(to bottom, #59e68c 0%, #22b586 49%, #2f936d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59e68c', endColorstr='#2f936d', GradientType=0);
  color: #ffffff;
  padding: 20px 15px;
}
/* Loading modal / glyphicon spin */
.glyphicon-spin {
  -webkit-animation: glyphicon-spin 1s infinite linear;
  animation: glyphicon-spin 1s infinite linear;
  display: inline-block;
  font-size: 3rem; /* match spinner size */
}
@-webkit-keyframes glyphicon-spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes glyphicon-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading-modal .modal-dialog {
  width: 100px;
  margin: 30vh auto;
}
.loading-modal .modal-content {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.loading-modal .modal-body {
  text-align: center;
}

.landing-container .intro-block a {
  color: #ffffff;
  font-style: italic;
}
.divide {
  margin: 0 10px;
  font-size: 18px;
  font-weight: bold;
}

/* Dark mode media block moved to bottom */
@media (prefers-color-scheme: dark) {
  .code {
    background-color: #333;
    color: #eee;
  }
  .landing-container {
    background: #2c7346;
    background: -moz-linear-gradient(
      top,
      #2c7346 0%,
      #115a43 49%,
      #184936 100%
    );
    background: -webkit-linear-gradient(
      top,
      #2c7346 0%,
      #115a43 49%,
      #184936 100%
    );
    background: linear-gradient(
      to bottom,
      #2c7346 0%,
      #115a43 49%,
      #184936 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7346', endColorstr='#184936', GradientType=0);
    color: #ffffff;
  }
}

.switch-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 20px;
}

.switch-container a,
.switch-container a:hover {
  text-decoration: none;
  color: #444;
  padding: 5px 10px;
  font-weight: bold;
}
.switch-container a:hover {
  color: #000;
}

@media (prefers-color-scheme: dark) {
  .switch-container a,
  .switch-container a:hover {
    color: #ffffff;
  }
  .switch-container a:hover {
    background-color: #444;
  }
}