.table-activos-nombre{
	text-transform:capitalize;
}
.table-activos-cama-uc{
	text-transform:uppercase;
}
.table-activos-intervencion{
	text-transform:capitalize;
}
.table-activos-residente{
	text-transform:capitalize;
}
@media screen and (max-width: 450px) {
	.table-activos-residente{
		display:none;
	}
}

.paciente_nombre{
	text-transform:capitalize;
}
.paciente_cama{
	text-transform:uppercase;
}

.firstletteruptd:first-letter{
	text-transform:uppercase;
}

.firstletterup{
	display:inline-block;
}
.firstletterup:first-letter{
	text-transform:uppercase;
}
.firstletterup2:first-letter{
	text-transform:uppercase;
}
.nombreresidente{
	text-transform:capitalize;
}

.capitalize{
	text-transform:capitalize;
}

.card-counter{
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all;
  }

  .card-counter:hover{
    transition: .3s linear all;
  }

  .card-counter.primary{
    background-color: #426fae;
    color: #FFF;
  }

  .card-counter.danger{
    background-color: #ef5350;
    color: #FFF;
  }  

  .card-counter.success{
    background-color: #66bb6a;
    color: #FFF;
  }  

  .card-counter.info{
    background-color: #26c6da;
    color: #FFF;
  }  

  .card-counter i{
    font-size: 5em;
    opacity: 0.2;
  }

  .card-counter .count-text{
	display: inline-block;
	padding-right: 15px;
	float: right;
	margin-top:10px;
  }

  .card-counter .count-numbers{
    font-size: 32px;
    display: flex; 
	justify-content: flex-end;
  }

  .card-counter .count-name{
    font-style: italic;
    text-transform: capitalize;
    opacity: 0.5;
    display: flex; 
	justify-content: flex-end;
    font-size: 18px;
  }
  
  
  /* TIMELINE VERTICAL */
.timeline2 {
	list-style: none;
	padding: 0;
}

.timeline2-item {
	display: flex;
	margin-top: 15px;
}

.timeline2-time {
	flex: 1;
	font-weight: bold;
}

.timeline2-content {
	flex: 5;
	border-left: 2px solid #40aa93;
	padding-left: 20px;
}




.boton_estadisticas{
    margin: 30px 0px 30px 0px;
    padding: 10px 20px 10px;
    background-color: #dfdfdf;
    height: 100px;
    border-radius: 5px;
	border-color: #cecece;
	border-width: 2px;
	border-style: solid;
	box-shadow: 0px 0px 5px #dfdfdf;
    transition: .1s linear all;
	cursor: pointer; /* Cambia el cursor al pasar por encima */
	color: #666;
  }

.boton_estadisticas:hover {
  background-color: #fff; /* Cambia el color al pasar el ratón por encima */
}

.boton_estadisticas:active {
  background-color: #f1f1f1; /* Cambia el color cuando se hace clic */
}

  .boton_estadisticas i{
    font-size: 5em;
    opacity: 0.4;
  }

  .boton_estadisticas .count-text{
	display: inline-block;
	padding-right: 15px;
	float: right;
	margin-top:20px;
  }

  .boton_estadisticas .count-numbers{
    font-size: 20px;
    display: flex; 
	justify-content: flex-end;
  }

  .boton_estadisticas .count-name{
    font-style: italic;
    opacity: 0.5;
    display: flex; 
	justify-content: flex-end;
    font-size: 13px;
	margin-top:-5px;
  }
  
/* TABLA SEGUIMIENTO PROCEDIMIENTOS */
 .tabla_seguimiento{
	background-color: #f9f9f9;
 }
 
 .tabla_seguimiento tr{
	 height:4rem; 
	 vertical-align:middle;
 }
 
 .tabla_seguimiento td:first-letter{
	text-transform: uppercase;
 }
 
 .tabla_seguimiento th{
	font-size: 1.6em;
 }
  
.tabla_seguimiento tbody tr:hover {
	background-color: #f5f5f5;
}

.tabla_seguimiento tbody tr:active {
	background-color: #77a3c4;
	color: #fff;
}

/* TABLA PACIENTES */
 .tabla_pacientes tbody tr{
	 height:72px; 
	 vertical-align:middle;
 }
.tabla_pacientes tbody tr:hover {
	background-color: #f5f5f5;
}

.tabla_pacientes tbody tr:active {
	background-color: #77a3c4;
	color: #fff;
}





/* styles.css */
.chart-container {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}