input[type="text"] {
        border: 1px solid #cfcece;
        padding: 7px;
        border-radius: 3px;
}

body {
        background-color: white;
        color: black;
        font-family: Helvetica, sans-serif;
        padding: 20px;
        line-height: 1.5em;
        font-size: 17px;
}

span.working:after,
span.Working:after,
span.good:after,
span.bad:after,
span.middle:after,
span.Good:after,
span.Bad:after,
span.Middle:after {
        content: '';
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
        margin: 0 4px 0 0;
}

span.working:after,
span.Working:after,
span.good:after,
span.Good:after {
        background: rgb(10 177 28);
}

span.bad:after,
span.Bad:after {
        background: rgb(237 0 0);
}

span.middle:after,
span.Middle:after {
        background: rgb(255 206 0);
}
ul {
        list-style: none;
        padding: 0 0 0 1em;
}

span.working,
span.Working,
span.good,
span.bad,
span.middle,
span.Good,
span.Bad,
span.Middle {
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
}
span.working + span,
span.Working + span,
span.good + span,
span.bad + span,
span.middle + span,
span.Good + span,
span.Bad + span,
span.Middle + span {
        display: none;
}
a.dmesg-link:after {
        content: '';
        display: block;
}
span.notconf, span.comment {
        margin-left: 24px;
}
a.dmesg-link ~ * {
        font-size: 14px;
        color: #6f6f6f;
}
span.date:before {
        content: '';
        color: #c8c3c3;
        margin: 0 4px 0 10px;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxwYXRoIGZpbGw9IiM0NDQiIGQ9Ik0zIDBoMXYzaC0xdi0zeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMTEgMGgxdjNoLTF2LTN6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiM0NDQiIGQ9Ik02LjYgMTRoLTUuNnYtOGgxM3YwLjZjMC40IDAuMiAwLjcgMC40IDEgMC43di02LjNoLTJ2M2gtM3YtM2gtNXYzaC0zdi0zaC0ydjE0aDcuM2MtMC4zLTAuMy0wLjUtMC42LTAuNy0xeiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMTQgMTJoLTN2LTNoMXYyaDJ6Ij48L3BhdGg+CjxwYXRoIGZpbGw9IiM0NDQiIGQ9Ik0xMS41IDhjMS45IDAgMy41IDEuNiAzLjUgMy41cy0xLjYgMy41LTMuNSAzLjUtMy41LTEuNi0zLjUtMy41IDEuNi0zLjUgMy41LTMuNXpNMTEuNSA3Yy0yLjUgMC00LjUgMi00LjUgNC41czIgNC41IDQuNSA0LjUgNC41LTIgNC41LTQuNS0yLTQuNS00LjUtNC41djB6Ij48L3BhdGg+Cjwvc3ZnPg==");
        display: inline-block;
        width: 14px;
        height: 14px;
        background-size: contain;
        vertical-align: text-bottom;
}