.navbar {
    background-color: #555555;
    background: linear-gradient(0deg, rgba(0,0,0,.1), rgba(187,187,187,.1)), linear-gradient(0deg, #555555, #555555);
    border: none;
}
.brand {
    margin: 0;
    height: 48px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
    overflow: hidden;
    position: relative;
}
.brand:active,
.brand:focus,
.brand:hover {
    color: #fff;
}
.trigger {
    display: inline-block;
}
.mascots {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 48px;
    transition: margin-top 0.1s ease-in-out;
}
.mascots img {
    height: 48px;
    transition: transform 0.1s ease-in-out;
}
.trigger:hover .mascots {
    margin-top: 6px;
}
.trigger:hover .mascots img {
    transform: rotate(10deg);
}
.trigger:hover .mascots img:last-child {
    transform: rotate(-10deg);
}
.trigger:hover .mascots,
.trigger:hover .mascots img {
    transition-delay: 1s;
}
@media (min-width: 768px) {
    .list-terse > dt {
        width: 120px;
    }
    .list-terse > dd {
        margin-left: 130px;
    }
}
.badge-codes-modal {
    width: 800px;
}
.snippet {
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.wrap-normal {
    white-space: normal;
}
.uk-badge {
    border: none;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.uk-badge-unknown {
    background: #898989;
}
.chart-container {
    max-height: 130px;
}
.pie-tooltip,
.chart-tooltip {
    background: white;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 2px 8px;
    pointer-events: none;
    max-width: none;
}
.legend-dot {
    height: 8px;
    width: 8px;
    border-radius: 4px;
    margin-right: 4px;
}
.check-log {
    background: #3c3c3c;
    color: white;
    border-color: #2a2a2a;
    font-size: 13px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
.check-log div {
    padding: 0 0 0 42px;
    margin: 0;
}
.check-log div:target {
    background: #4c4c4c;
}
.check-log a.lineno {
    display: inline-block;
    text-align: right;
    min-width: 42px; /* 4 digits */
    margin-left: -42px;
    text-decoration: none;
    color: #929292;
}
.check-log a.lineno::before {
    content: attr(data-line-number);
    padding-right: 10px;
}
.check-log a.filelink {
    color: inherit;
    text-decoration: underline;
}
.check-log a.collapser {
    margin-left: 8px;
    color: inherit;
    text-decoration: underline;
}
.check-log a.collapser::before {
    content: '[-]'
}
.check-log a.collapser.collapsed::before {
    content: '[+]'
}
.check-log .error {
    color: #f277a1;
}
.check-log .warning {
    color: #f1bf8e;
}
.check-log .task {
    color: #bb84b4;
}
.check-log .meta {
    color: #929292;
}
.check-log .failure {
    color: #f1bf8e;
}
.check-log .added {
    color: #b0d89c;
}
.check-log .removed {
    color: #f277a1;
}