@charset "utf-8";

/* CSS Document */
.indicador-box {
  background-color: #024b03;
  border-left: 15px solid orange;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 0.5rem;
}

.indicador-box h5 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #333;
}

.indicador-box h4 {
  font-size: 26px;
  margin: 0;
  color: #fff;
}

.indicador-box-azul {
  background-color: #fff;
  border-left: 15px solid #007bff;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 0.5rem;
}

.indicador-box-azul h5 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #333;
}

.indicador-box-azul h4 {
  font-size: 26px;
  margin: 0;
  color: #007bff;
}

.indicador-box-vermelho {
  background-color: #fff;
  border-left: 15px solid #e00404;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 0.5rem;
}

.indicador-box-vermelho h5 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #333;
}

.indicador-box-vermelho h4 {
  font-size: 26px;
  margin: 0;
  color: #e00404;
}

.indicador-box-amarelo {
  background-color: #fff;
  border-left: 15px solid #e17f07;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 0.5rem;
}

.indicador-box-amarelo h5 {
  font-size: 18px;
  margin-bottom: 5px;
  color: #333;
}

.indicador-box-amarelo h4 {
  font-size: 26px;
  margin: 0;
  color: #e17f07;
}


.indicador-box-verde {
  background-color: #fff;
  border-left: 15px solid #0bb224;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 0.5rem;
}

/* Cores para diferentes cards */
.blue {
  --border-color: #007bff;
}

.blue h4 {
  color: #007bff;
}

.red {
  --border-color: #ff4757;
  color: #ff4757;
}

.red h4 {
  color: #ff4757;
}

.green {
  --border-color: #2ed573;
}

.green h4 {
  color: #2ed573;
}

.orange {
  --border-color: #ffa502;
}

.orange h4 {
  color: #ffa502;
}

.roxo {
  --border-color: #10044f;
}

.roxo h4 {
  color: #10044f;
}

.rosa {
  --border-color: #ff0080;
}

.rosa h4 {
  color: #ff0080;
}

.fluorescente {
  --border-color: #0dd839;
}

.fluorescente h4 {
  color: #0dd839;
}

.marrom {
  --border-color: #4b2a04;
}

.marrom h4 {
  color: #4b2a04;
}

.vermelho-escuro {
  --border-color: #e00404;
}

.vermelho-escuro h4 {
  color: #e00404;
}

.custom-card-prevenda {
  background-color: #f10f80;
  /* Cor personalizada */
  color: #fff;
  /* Cor do texto */
}