body {
  background-color: #1E1E1E; /* Цвет фона для ночной темы */
  color: #ACCCC1;
}



.navbar {
  background-color: #3C3C3C !important;
}

.navbar-brand,
.dropdown-toggle,
.dropdown-menu a,
.col-md-4 .btn,
.card,
.btn-secondary,
.edit-btn,
.delete-btn {
  color: #ACCCC1;
}

table.monitoringi tr th, 
.dropdown-menu,
.col-md-4 .btn,
.card-header,
.btn-secondary,
.edit-btn,
.delete-btn {
  background-color: #3C3C3C;
}

.container,
.card-body {
  background-color: #252526;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

input#username.form-control,
input#password.form-control {
  background-color: #3C3C3C;
  color: #ACCCC1;
}

div.card.stat {
  border-width: medium;
}

.checks {
  border: 2px solid #2b8537;
  background-color: #f8f9fa;
  color: black;
}
.checks:hover {
  background-color: #40aa4e;
  color: white;
}
.checks-active {
  background-color: #2b8537;
  color: white;
}

input[type="checkbox"]:checked + label {
  background-color: #2b8537;
  color: white;
}

input[type="checkbox"]:checked + label.form-check-label {
    color: #ACCCC1;
    background-color: #252526;
}

/* Чекбокс "Завершить мониторинг" */ 

.complete_monitoring {
  border: 2px solid #a33636;
  background-color: #3C3C3C;
  color: #ACCCC1;
}
.complete_monitoring:hover {
  background-color: #ca2532;
  color: white;
}
.complete_monitoring:active {
  background-color: #ee192b;
  color: white;
}

input[type="checkbox"]:checked + label.complete_monitoring {
  background-color: #ee192b;
  color: white;
}


/* Форма регистрации */

.form-register {
  background: #444446;
  border: 1px solid #ccc;
}
.form-register input#fullname.form-control,
.form-register input#password.form-control,
.form-register input#email.form-control {
    border: 1px solid #ccc;
    background: white;
    color: black
}
.form-register button {
    background: #3C3C3C;
    color: white;
    border: 1px solid #ccc;
}
.form-register button:hover {
    background: #5f5f5f;
    border: 1px solid #ccc;
}

.error {
  background-color: rgb(212, 61, 61) !important;
}

/* Таблица статистики косяков */

.modal-dialog.stat .modal-content {
 background-color: #3C3C3C;
}

.modal-dialog.stat .modal-content .table td,
.modal-dialog.stat .modal-content .table th {
  background-color: #3C3C3C;
  color: white
 }