/* La siguiente parte del codigo esta escrito en CSS y sirve para estilizar la tabala donde se desplegaran los resultados obtenidos de la base de datos */

.table { /*Clase para la tabala principal del programa*/
	display: table; /*Indica que es una tabla*/
	width: 100%;	/*Para que abarque toda la pantalla*/
    padding: 0;
}

.tableRow { /*Clase para las filas de la tabla*/
	display: table-row; /*Indica que es una fila de la tabla*/
	width: 100%; 		/*Para que abarque toda la pantalla*/
    padding: 0;
}

.tableCellLeft { /*Estilo de las celdas de la izquierda que contienen el nombre de la prueba*/
	display: table-cell; /*Indica que es una celda de la tabla*/
	width: 11%;    
    height: 70px;
    text-align: center;
    vertical-align: middle;
}

.tableCellCenter { /*Estilo de las celdas de la derecha que contienen los semaforos indicadores*/
	display: table-cell; /*Indica que es una celda de la tabla*/
	width: 25%;
    height: 70px;
    padding-left: 28px;
    vertical-align: middle;
}

.tableCellRight { /*Estilo de las celdas de la derecha que contienen los semaforos indicadores*/
	display: table-cell; /*Indica que es una celda de la tabla*/
	width: 64%;
    height: 70px;
    padding-left: 28px; 
    vertical-align: middle;
}

.titulo { /* Titulo */
    margin: 0 0 7px 24px;
    font-family: NimbusSansDOT-Regu;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    color: #181f62;
    position: absolute;
    top: 15;
}

.encabezados { /* Encabezados de la tabla */
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #8c8fb1;
}

.ic { /* Logo de la esquina superior izquierda */
    object-fit: contain;
}

.prueba { /* Estilos de las pruebas */
    font-family: NimbusSansDOT;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #181f62;
}

.observaciones { /*Estilos de las observaciones*/
	font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #181f62;
}