/* ESTILOS PARA LAS TABLAS QUE MANTIENEN FIJA LA PRIMERA COLUMNA Y HACEN SCROLL HORIZONTAL CON EL RESTO */
.tabla-scroll { border-collapse:separate;}
.div-tabla-scroll {
	position:inherit;
	width: 800px;
	overflow-x:scroll;  
	margin-left:5em;
	overflow-y:visible;
	padding-bottom:1px;
}
.headcol {
	position:absolute;
	width:5em;
	left:19%;
	top:auto;
	border-right: 0px none black;
	border-top-width:3px; /*only relevant for first row*/
}
.td-tabla-scroll { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-right: 15px; padding-left: 15px;}