* {
    -webkit-text-size-adjust: none;
}

body {

    color: #f0f0f0;
    FONT-FAMILY: courier, fixed;
    FONT-SIZE: 0.8em;
    background-color: #0f0f0f;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom: 0px;
}

div.full-page-container {
    width: 100%;
    height: 100%;
    text-align: center;
}

table {
    /* table-layout:   fixed; */
}

.brood,
.completion,
.next-percent,
.progress-image {
    white-space:    nowrap;
}

.brood,
.completion,
.next-percent {
    text-align: right;
    width: 16%;
}

td.progress-image {
    width:              50%;
    background-color:   #1f1f1f;
}

td.brood, td.completion {
    border-right: #f0f0f0 dotted thin;
}