body {
  padding-bottom: 60px;
  background-color: #121212;
  color: #e0e0e0;
}

.table td,
.table th {
  vertical-align: middle;
}
a {
  color: #cfe4fa;
}

.card {
  background-color: #1e1e1e;
  border-color: #333;
}

input,
select,
textarea {
  background-color: #2c2c2c;
  color: #e0e0e0;
  border: 1px solid #555;
}

body:not() .nav-tabs .nav-link {
  color: #000;
  border-color: #dee2e6;
}
body .nav-tabs .nav-link {
  color: #ffffff;
  border-color: #cccccc;
}
body .nav-link {
  color: #ffffff;
  border-color: #cccccc;
}
body.nav-tabs .nav-link.active {
  background-color: #ffffff;
  color: #000000;
  border-color: #cccccc;
}

@media (max-width: 576px) {
  .navbar-brand {
    font-size: 1rem;
  }
  .navbar .btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}