body {
	font-family: Arial;
	margin: 25px;
}

h2 {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

table {
	border-collapse: collapse;
	width: 100%;
}
th, td {
	border: 1px solid #777;
	padding: 6px;
	text-align: center;
}
th {
	background: #bbb;
	position: sticky;   /* cabecera fija */
	top: 0;
	z-index: 2;
}

table tr:nth-child(even) {
	background-color: #f2f2f2;
}
table tr:nth-child(odd) {
	background-color: #ffffff;
}
table tr:hover {
	/*background-color: #d9edf7;*/
}
.dispositivo {
	font-weight: bold;
}
/*
.grafico {
	width: 1000px;
	max-width: 100%;
	margin-top: 30px;
}
*/
/* Contenedor con scroll vertical y horizontal */
.tabla-contenedor {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: auto;
	border: 1px solid #aaa;
	padding: 5px;
	background: #f9f9f9;
}

.grafico-contenedor {
    overflow-x: auto;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
.grafico {
    width: 1000px; /* ancho fijo mayor que el contenedor */
    max-width: none;
}