/* =========================
   THEME FEBBA
========================= */

:root{
  --febba-green-dark:#0B5E2A;
  --febba-green:#1F8A3A;
  --febba-red:#C62828;
  --febba-yellow:#F4C430;
}

body { background-color: #f8f9fa; }

.febba-navbar { background-color: var(--febba-green-dark) !important; }

.navbar .nav-link:hover,
.navbar .btn-outline-light:hover{
  color: var(--febba-yellow) !important;
  border-color: var(--febba-yellow) !important;
}

.btn-primary {
  background-color: var(--febba-green) !important;
  border-color: var(--febba-green) !important;
}

.btn-primary:hover {
  background-color: var(--febba-green-dark) !important;
  border-color: var(--febba-green-dark) !important;
}

.btn-danger {
  background-color: var(--febba-red) !important;
  border-color: var(--febba-red) !important;
}

.card-header {
  background-color: var(--febba-green) !important;
  color: white !important;
}

.table thead {
  background-color: var(--febba-green-dark) !important;
  color: white !important;
}

.badge-febba { background-color: var(--febba-yellow); color: #000; }

.pivot-table thead th,
.pivot-table tfoot th {
  white-space: nowrap;
}

.pivot-table tbody th {
  background: rgba(11,94,42,.06);
}

.card .display-6 {
  font-size: 2rem;
}