body {
  background-color: black;
}

h2, h3, h4 {
  color: white;
}

p, li, b {
  color: white;
}

iframe {
    width: 100%;
    height: 250px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

@keyframes barrel-roll {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.barrel-roll {
  animation: barrel-roll 1s linear;
}

.list-group-item {
  background-color: #181a1b;
  color: white;
}

.list-group-item:hover, .list-group-item:focus {
  color: black;
}

.game_server_link {
  color: white;
}

.game_server_link:hover, .game_server_link:focus {
  color: black;
}

#top-button {
  position: fixed;
  left: 40px;
  bottom: 70px;
}

#delete-btn {
  position: fixed;
  right: 40px;
  bottom: 70px;
}

#cancel-button {
  position: fixed;
  right: 40px;
  bottom: 70px;
}

/* The popup send cmd form - hidden by default */
.form-popup {
  max-width: 350px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
}

.CodeMirror {
  resize: vertical;
  height: auto;
}

.floating-submit {
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.floating-submit:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    transform: translateX(-50%) translateY(-3px);
}

/* Animated ... for install page */
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }

#addCronModal {
  .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
  }
  
  .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
  }
  
  .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
  }
}
