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;
  }
}

/* Hide up down arrows on int input box */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

hr {
  background-color: white;;
}

.white-placeholder::placeholder {
    color: white;
    opacity: 1; /* Ensures full opacity in Firefox */
}

/* Password Strength CSS */
.password-container {
    position: relative;
}
.progress {
    height: 10px;
    margin-top: 5px;
    border-radius: 5px;
}
.password-feedback {
    font-size: 0.85rem;
    margin-top: 5px;
    min-height: 20px;
}
.requirement-list {
    font-size: 0.9rem;
    padding-left: 20px;
    margin-top: 10px;
}
.requirement-list li {
    margin-bottom: 5px;
}
.valid-requirement {
    color: #198754;
}
.invalid-requirement {
    color: #6c757d;
}
.bi-check-circle-fill {
    color: #198754;
    margin-right: 5px;
}
.bi-x-circle-fill {
    color: #6c757d;
    margin-right: 5px;
}