
.statusTableClass {
    border-collapse: collapse;
    font-size: 100%;
}

.statusTableClass button {
    color : black;
}

.normalBackgroundRow a {
    color: blue;
}
.normalBackgroundRow {
    background-color: #ccffcc;
}
.normalBackgroundRow:hover {
    background-color: #bbddbb;
}
.yellowBackgroundRow a {
    color: blue;
}
.yellowBackgroundRow {
    background-color: #ffffcc;
}
.yellowBackgroundRow:hover {
    background-color: #ddddbb;
}
.redBackgroundRow a {
    color: blue;
}
.redBackgroundRow {
    background-color: #ffcccc;
}
.redBackgroundRow:hover {
    background-color: #ddbbbb;
}

.statusTableClass th {
    background-color: #777777;
    border-bottom: 0px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-top: 0px;
    color: white;
    font-size: 80%;
    height: 40px;
    padding: 4px;
    position: sticky;
    text-align: center;
    top: 0px;
}
.statusTableClass th:nth-child(1) {
    background-color: #444444;
    border: none;
}

.statusTableClass td {
    border: 1px solid #aaaaaa;
    color: black;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
}
.statusTableClass td:nth-child(1) {
    background-color: #444444;
    border: none;
    color: white;
    font-size: 70%;
    padding-right: 8px;
    text-align: right;
}

