.form_select_historial {
    font-size: 10px;
    position: absolute;
    float: right;
    margin-top: -2px;
    margin-inline-start: 5em;
    color: #000 !important;
    -webkit-appearance: none; /* Elimina el estilo por defecto del navegador */
    -moz-appearance: none;
    appearance: none;
    background-color: white; /* Fondo blanco para el select */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="black"><path d="M4 6l4 4 4-4z"/></svg>'); /* Flecha hacia abajo */
    background-repeat: no-repeat;
    background-position: right 5px center; /* Posición de la flecha */
    background-size: 15px; /* Tamaño de la flecha */
    padding-right: 25px; /* Espacio para la flecha */
    border: 1px solid #ccc; /* Borde gris */
    border-radius: 5px; /* Bordes redondeados */
}






.bar-chart {
  display: flex;
  justify-content: center; /* Distribuye las barras uniformemente */
  align-items: flex-end;
  height: 120px;
  width: 100%; /* Reduce el ancho para eliminar espacio lateral */
  margin: 0 auto;
  margin-inline-start: -10px;
}
  
  .bar-item {
    position: relative;
    width: 30px;
    height: 100%; /* Todas las barras tienen la misma altura */
    background: transparent; /* Fondo base */
    border: 1px solid #957AFB;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .bar-item .inner-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0; /* Inicia sin color */
    background: #957AFB;
    transition: height 1s ease; /* Animación de crecimiento */
  }


  .hidden {
    display: none;
}
.visible {
    display: block;
}


.espacio_texto {
  width: 90px !important;
  margin-left: 10px;
  margin-right: 20px;
}