body {
  padding-top: 50px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  background-color: #f5f5f5;
  color: #222;
}

footer {
  min-height: 40px;
}

.navbar {
  background-color: #252526 !important;
  color: #c9c9c9 !important;
  padding: 0;
}

.navbar .nav-link {
  padding: 0.8rem 1.2rem !important;
  border-bottom: 4px solid #252526;
}

.navbar .nav-link.active {
  background-color: #333;
  border-bottom: 4px solid #b7e1cd;
}

h3 {
  background-color: #252526;
  color: #c9c9c9;
  padding: 0.5rem;
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 1.2rem;
}

span.bg-primary {
  background-color: #b7e1cd !important;
  color: #222;
}

table {
  font-size: 14px;
}

.table-success {
  --bs-table-bg: #b7e1cd;
  --bs-table-striped-bg: #a5cbb9;
}

.table-danger {
  --bs-table-bg: #e17055;
  --bs-table-striped-bg: #cb654d;
}

.table-warning {
  --bs-table-bg: #ffeaa7;
  --bs-table-striped-bg: #e6d396;
}

.nav-pills .nav-link {
  color: #222;
  font-weight: 600;
}
.nav-pills .nav-link.active {
  background-color: #b7e1cd;
  color: #222;
}

@media only screen and (max-width: 600px) {
  h3 {
    margin-top: 10px;
  }
}