#main-logo
{
    border: 0;
    margin: 0;
    padding: 0;
    height: 8.5em;
    background-image: url('img/logo.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    text-indent: -9999px;
}

td span {
    display: block;
    font-size: x-small;
}

td.wordbreak {
    /*text-overflow: ellipsis;*/
    word-break: break-all;
}

.w8em {
    width: 10em;
    margin-bottom: 0.5em;
}

.w11em {
    width: 11em;
    margin-bottom: 0.5em;
}

.w12em {
    width: 12em;
    margin-bottom: 0.5em;
}

.cursor-default {
    cursor: default;
}

.small-mb {
    margin-bottom: 1em;
}

@media (prefers-color-scheme: dark)
{

    #wrap
    {
        background: #1e1e1e;
        color: #ccc;
    }

    #main-logo
    {
        background-image: url('img/logo-negativ.svg');
    }

    .alert
    {
        opacity: 0.75;
    }

    .table-striped > tbody > tr:nth-child(odd) > td,
    .table-striped > tbody > tr:nth-child(odd) > th
    {
        background-color: #1e1e1e;
    }

    .table-hover > tbody > tr:hover > td,
    .table-hover > tbody > tr:hover > th
    {
        background-color: gray;
    }
    
    .btn-default
    {
        background-color: #ccc;
    }
}