.log-viewer {
    font-size: 0.8em;
}

.log-viewer table {
    width: 100%;
    border-collapse: collapse;
}

.log-viewer table tr {
    border-bottom: 1px solid #a4bdcd;
}

.log-viewer table thead tr {
    background: #f5f5f5;
}

.log-viewer table th,
.log-viewer table td {
    border-left: 1px solid #a4bdcd;
}
.log-viewer table th:first-child,
.log-viewer table td:first-child {
    border-left: none;
}

.log-viewer table tr.debug {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUUlEQVQoU4WQ0Q0AMARE2cT+U9mkzUkI0uJH8HI4VtVDRCQijJzDZ+gxig0ysKugzko+H9c5hI0FfCn5WQFOUNy4QfF1f+jlgtmTwZ9VBZz8vDbDNiYcoa89AAAAAElFTkSuQmCC)
    repeat;
    width: 10px;
    height: 10px;
}

.log-viewer table tr.info {
    background: #cce3ff;
}

.log-viewer table tr.warn {
    background: #ffdfa1;
}

.log-viewer table tr.error {
    background: #ffc5bf;
}

.log-viewer table tr.fatal {
    background: #ebb1ab;
}

.log-viewer table .filters {
    text-align: center;
}

.log-viewer table .filters input {
    text-align: left;
    width: calc(100% - 4px);
}

.log-viewer table .filters td.log-number {
    max-width: 40px;
}

.log-viewer table .filters td.level {
    max-width: 80px;
}

.log-viewer table .filters td.date {
    max-width: 120px;
}

.log-viewer table .filters td.source {
    max-width: 90px;
}

.log-viewer table .filters td.category {
    width: 140px;
}

.log-viewer table .filters td.message {
    /*width: 140px;*/
}

.log-viewer table .filters td.error {
    max-width: 140px;
}