div.centered 
{
    text-align: center;
}

div.centered table 
{
    word-break: break-word;
    margin: 0 auto; 
    text-align: left;
}


table.datacontrol {
    box-shadow: 0px 0px 10px black;
    -webkit-box-shadow: 0px 0px 10px black;

    width: 90%;
    border-collapse: collapse;
    margin-bottom: 1em;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.75);
    box-shadow: inset 0 0 3px 0 rgba(0,0,0,.75)
}

td.datacontrol {
    padding: .3em;
    margin: .5em
}

td.datacontrol, tr.datacontrol {
    text-align: center;
    padding: .3em
}

tr.datacontrolctime td.datacontrol {
   color: #fff;
   background: #666;
   text-align: right;
   font-style: italic;
   font-size: 0.75em;
}

tr.datacontrolctime td.bad {
    background: rgba(200,20,20,.8);
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 15px #000;
    background: repeating-linear-gradient(45deg,#666 ,#666 7px,#b22222 7px,#b22222 14px)
}

tr.datacontrol {
    background: #7A9DCF;
}

th.datacontrol:nth-child(1) td {
    border-bottom: 1px solid #000
}

tr.datacontrol:nth-child(2n+2) {
    background: #A6BEDF;
}

tr.datacontrol:nth-child(2n+3) {
    background: #D3DEEF;
}

tr.datacontrol:nth-child(1) {
    color: #fff;
    background: #215CAF;
}

td.filetd, 
th.filetd,
td.devicetd {
    text-align: left;
}

.datacontrol tr:nth-child(1n+2) td:nth-child(1n+2) {
    border-left: 1px solid #000
}

.datacontrol tr:nth-child(1n+3) td:nth-child(1) {
    width: 28%
}

.datacontrol tr:nth-child(1n+3) td:nth-child(2n+3) {
    width: 12%
}

.datacontrol tr:nth-child(1n+3) td:nth-child(2n+2) {
    width: 25%
}


td.bad {
    background: rgba(200,20,20,.8);
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 15px #000;
    background: repeating-linear-gradient(45deg,#666 ,#666 7px,#b22222 7px,#b22222 14px)
}

td.warn {
    background: rgba(240,220,20,.8);
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 7px #000;
    background: repeating-linear-gradient(45deg,#777 ,#777 7px,gold 7px,gold 14px)
}

td.good {
    background: rgba(20,200,20,.8)
}

td.NA {
    background: rgba(120, 120, 120,.8);
    background: repeating-linear-gradient(45deg,#888 ,#888 7px,#aaa 7px,#aaa 14px)
}

@media (max-width: 768px) {
  #controltable {
    font-size:1.2vw;
    text-wrap: pretty;
  }
}