assets/custom.css

/* Custom CSS  */
:root {
  --bs-blue: #2251ff;
  --bs-pink: #e33b3b;
}

/* KPI cards. */

.card-kpi .card-header .material-symbols-outlined {
  font-size: 32px;
}

.card-kpi .card-header .card-kpi-title {
  font-size: 1.3rem;
}

#kpi-cards_title_content {
  font-size: 14px;
}

#kpi-cards.container-fluid {
  gap: 0;
}

/* TODO: do this part with callback to remain highlighted. */

/*.card-kpi:hover {*/
/*  border: 8px solid var(--bs-border);*/
/*}*/

/*.card-kpi:has(.color-pos):hover {*/
/*  border-left: 4px solid var(--bs-blue);*/
/*}*/

/*.card-kpi:has(.color-neg):hover {*/
/*  border-left: 4px solid var(--bs-pink);*/
/*}*/


/* Font tweaks. */

.form-label {
  font-weight: 600;
}