body
{
   font-size: 0.8em;
   text-align: center;
}

div.container
{
   margin-left: auto;
   margin-right: auto;
}

div.title,
td.title
{
   text-align: center;
   color: #000;
   margin-bottom: 10px;
   font-weight: bold;
}

td.ecuname  { width: 10%; }
td.code     { width: 10%; }
td.label    { width: 30%; }
td.status   { width: 15%; }
td.context  { width: 30%; }

span.ecuname
{
   margin-left : 5px;
   margin-right: 5px;
   font-weight: bold;
}

span.label,
span.characterization,
span.status,
span.location,
span.context
{
   float: left;
}

span.ecuname,
span.label,
span.characterization,
span.context
{
   font-size: 0.8em !important;
   font-size: 0.7em;
}

span.label,
span.characterization
{
   margin: 5px;
   text-align: justify;
}

span.status,
span.location
{
   width: 100%;
   font-weight: bold;
}

span.location,
span.characterization
{
   margin-top: 10px;
}

span.context
{
   width: 98%;
   margin: 2px;
}

span.green
{
   color: green;
}

span.red
{
   color: red;
}

span.ctx-label
{
   float: left;
   text-align: left;
}

span.ctx-value
{
   float: right;
   text-align: right;
}

table {
   float: left;
   border: 1px solid #000;
   color: black;
   text-align: center;
}

td.title {
   border: 1px solid #000;
   background-color: #ddd;
}

td
{
   border: 1px solid #000;
}

div.no-defaults 
{
   float: left;
   width: 100%;
   border: 0;
   padding: 0;

   color: #496BA3;
   font-size: 2em;
   text-align: center;

   margin-top: 25%;
}