body {
    font-family: sans-serif;
}

#table {
    width: 100%;
}
#table #thead {
    background-color: #F2F2F2;
    color: #FF0000;
}
#table #thead .row span {
    border-bottom: 0;
}
#table .row {
    width: 100%;
    display: flex;
    position: relative;
}
#table .row span {
    border: solid 1px;
    padding: 10px;

}
#table #thead span {
    text-align: center;
    font-weight: bold;
    flex: 1 0 auto;
}
#table #tbody .row span {
    overflow: auto;
    white-space: nowrap;
}



.yes { background-color: #00FF00; }
.no { background-color: #FF0000; }

.redd { background-color: #FF0000; }
.orangee { background-color: #FF8800; }
.bluee { background-color: #0000FF; }
.blackk { background-color: #000000; }
.greenn { background-color: #00FF00; }