html *
{
   font-family: Arial !important;
}

body {
	background-image: url("");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	background-color: #e1e8e7;
}

table {
  width:80%;
}
#sequenciaActualTable{
	width: 15%;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 20px;
}
#mainDiv{
	width:95vw;
}
#infoEtiquetaDiv{
	width:30vw;
	height:35vh;
	float:left;
}
#infoCantoDiv{
	width:65vw;
	height:35vh;
	float:right;
	position:relative;
}
#infoCantoDiv p{
	position: absolute;
    bottom: 0;
}
#nextStepDiv{
	width:95vw;
	height:10vh;
	float:center;
	position:relative;
}
#nextStep{
	font-size:10em;
	background-color:yellow;
}
#topLeftTable, #topRightTable, #sequenciaActualTable{
	border: none;
}
#topLeftTable, #topRightTable #sequenciaActualTable th, td{
	border:none;
}
#esPerfila{
	border: 3px solid black;
}
#sequenceTable{
	width: 100%
}
#sequenceTable td{
	border:1px solid black;
}
#sequenceTable th{
	text-align:left;
}
#sequenceTable td{
	text-align:center;
}
.divHeader{
	background-color:black;
	color: white;
}
.boldText{
	font-weight:bold;
	font-size:36px;
}
.sequenceRow{
	background-color:#77dbf2
}