#options-column {
	height: 100%;
	margin-top: 10px;
    padding-left: 20px;
    min-width: 15%;
}
.titulo-option {
    font-family: 'Arial', sans-serif; /* o la familia de fuentes que prefieras */
    font-size: 35px; /* o el tamaño que necesites */
    text-transform: uppercase; /* si necesitas todas las letras en mayúsculas */
    color: #000080; /* este es un azul oscuro, ajusta el código de color según sea necesario */
    margin-bottom: 4px; /* ajusta el espacio debajo del título según sea necesario */
}

.subtitulo-option {
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000; /* el mismo color que el título */
    margin-top: 0; /* elimina el margen superior si es necesario */
}

.analisisToggle {
    height: 100%;
    width: 100%;
    display: inline-block;
    box-shadow: -1px -1px 6px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 5%;
    padding-bottom: 3%;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    /* border: 1px solid #007BFF; */

}
.analisisToggle label {
    margin-right: 2%;
    margin-bottom: 2%;

}

.toggle-heading {
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
}

.toggle-heading h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.toggle-icon {
    display: flex;
    align-items: center;
}

.toggle-icon .icon {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.toggle-body {
    padding: 15px;
    border-top: 1px solid #007BFF;
}

.toggle-body .option {
    margin-bottom: 10px;
}

.icon.rotate {
    transform: rotate(180deg);
}

.division-punteada {
    border-bottom: 2px dotted #007BFF; /* Color y estilo de la línea */
    padding-bottom: 10px; /* Espacio para que no quede muy pegado al contenido */
    margin-bottom: 15px; /* Espacio adicional si es necesario */
}

.time_picker {
    position: relative;
    border: 1px solid #afadad;
    border-radius: 4px;
    cursor: pointer;
    /* Centramos la informacion usando padding up y down */
    padding: 7px 0;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2)
  }
  
.info-icon {
	position: absolute;
	cursor: pointer;
	right: 0%;
    top: 1%;
    width: 0.8vw;
}

.info-span-image {
    width: 100%;
}

.info-icon:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}



.info-span{
    position: fixed;
    display: none;
    z-index: 1000;
    width: 20%;
}

/* texto de tooltips */
.tooltip-text {
	/* visibility: hidden; */
	background-color: #1b2a3df0;
	color: #fff;
	text-align: left;
	border-radius: 4px;
	/* padding: 5px; */
	position: absolute;
	
    padding: 8px 16px 8px 0px;
    z-index: 1;

    box-shadow: 1px 9px 15px 3px rgba(23, 63, 138, 0.6);
    white-space: normal; /* Permite que el texto se envuelva */
    /* opacity: 0; */
    
    font-family: 'Roboto', sans-serif;

    /* Flecha */
    /* bottom: -10px;
    margin-left: -10px;
    border-width: 10px; */
    /* border-style: solid;
    border-color: white transparent transparent transparent; */
    transition: visibility 0s, opacity 0.5s ease-in-out;
}
.tooltip-list li {
    margin-bottom: 8px; /* Ajusta el valor según el espacio que desees */
}

.tooltip-list li:last-child {
    margin-bottom: 0; /* Elimina el margen inferior del último elemento */
}


/* ------------------------------ Modificaciones a selectores usando chosen */

/* Estilos de la barra de desplazamiento para el menú desplegable */
.chosen-container .chosen-drop .chosen-results {
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
    scrollbar-width: thin; /* Define el ancho de la barra de desplazamiento */
    
}
.chosen-container{
    min-width: 115px;
}