/*!
 * This file is part of the nginx-fancyindex-flat-theme (licensed under the GPL
 * license) and uses Twitter Bootstrap (v4) (licensed under the MIT license).
 *
 * Copyright (C)
 *  2018 Alexander Haase <ahaase@alexhaase.de>
 *
 * See the LICENSE file for details.
 */
body {
    background-color: #f8f9fa;
    padding-bottom: 20px
}

@media (prefers-color-scheme: dark) {
    body {
        background-color:#2a2b2e;
        color: #acacac
    }

    .header a {
        color: #ffd700
    }

    .header a:focus, .header a:hover {
        color: #fff
    }

    a,a:focus,a:hover {
        color: #acacac
    }

    tr td {
        color: #acacac;
        border-bottom: 1px solid #2a2b2e;
    }

    thead {
        border-top: medium solid #2a2b2e;
    }

    tbody {
        border-top: medium solid #2a2b2e;
    }

    .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
        background-color: darkslateblue;
    }
}

@media (prefers-color-scheme: light) {
    .header a {
        color: #ffd700
    }

    .header a:focus, .header a:hover {
        color: #fff
    }

    a {
        color: #0f4d92
    }

    a:focus,a:hover {
        color: #000
    }

    tr td {
        border-bottom: 1px solid #f8f9fa;
    }

    thead {
        border-top: medium solid #f8f9fa;
    }

    tbody {
        border-top: medium solid #f8f9fa;
    }

    .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
        background-color: lightblue;
    }
}

.breadcrumb {
    background-color: transparent;
    padding-left: 35px
}

.breadcrumb .breadcrumb-item a {
    color: #0f4d92
}

html {
    position: relative;
    min-height: 100%
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0
}

.footer a,.footer {
    color: #0f4d92
}

.footer a:focus,.footer a:hover {
    color: #ffd700
}

.header {
    background-color: #0f4d92;
    color: #fff;
    min-height: 24px
}

.header .navbar-brand {
    padding: 0 8px;
    font-size: 16px;
    line-height: 24px;
    height: 24px
}
.navbar-toggler-icon {
  background-image: url("/theme/svg/h.svg");
}

#list colgroup {
    display: none
}

#list .filename {
    word-break: break-all;
    white-space: normal
}