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

.ic { /* Estilo del logo */
    object-fit: contain;
}

.titulo { /* Estilo del Titulo */
	font-family: NimbusSansDOT;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #181f62;
	position:absolute; 
	top: 36; 
	left: 89;
}

.line { /* Estilo de la linea debajo del titulo*/
	width: 692px;
	border: none;
  	border-top: 1px solid #e4e4e7;
  	position:absolute; 
	top: 90; 
	left: 49;
}

.NombreEquipo { /* Texto que indica el nombre del equipo */
	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: 118; 
	left: 50;
}

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

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

.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: 48%;    
    height: 46px;
    padding-left: 91px; 
    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: 52%;
    height: 46px;
    padding-left: 0px; 
    vertical-align: middle;
}

.especificacion { /* Texto de las casillas izquierdas de la tabla */
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #787a89;
}

.data { /* Texto de la informacion obtenida de la base de datos */
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #181f62;
}