* {
   font-family: 'Roboto', sans-serif;
}
table.monitor {
    font-size: 14px;
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
}
table.monitor th { text-align: left; }
table.monitor td { padding: 2px; text-align: left; }
table.monitor tr.monitor_alert { background-color: red; }
table.monitor tr.monitor_late { background-color: #ff7; }
table.monitor tr.monitor_silenced { background-color: #fdd; }
table.monitor tr.monitor_disabled { background-color: white; color: #ddd }
table.monitor tr.monitor_running { background-color: #bfb; }
table.monitor tr.monitor_idle { background-color: #ddd; }
table.monitor tr.monitor_nodata { background-color: #ddf; }
table.monitor tr.monitor_waiting { background-color: #ccd; }
table.monitor tr.depth-1 { border-top: 1px solid #666; }
table.monitor tr.depth-2,
table.monitor tr.depth-3,
table.monitor tr.depth-4,
table.monitor tr.depth-5,
table.monitor tr.depth-6,
table.monitor tr.depth-7,
table.monitor tr.depth-8 { color: #333; }
table.monitor tr.depth-2 td:first-child { padding-left: 2em; }
table.monitor tr.depth-3 td:first-child { padding-left: 3em; }
table.monitor tr.depth-4 td:first-child { padding-left: 4em; }
table.monitor tr.depth-5 td:first-child { padding-left: 5em; }
table.monitor tr.depth-6 td:first-child { padding-left: 6em; }
table.monitor tr.depth-7 td:first-child { padding-left: 7em; }
table.monitor tr.depth-8 td:first-child { padding-left: 8em; }
table.monitor progress::-moz-progress-bar { background: #8bc; }
table.monitor progress::-webkit-progress-value { background: #8bc; }
table.monitor progress { color: #8bc; }