.dataTables_wrapper {
    font-size: 0.85rem;
}


#report-card {
    margin-bottom: 2rem;
}


#navbar-toc {
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}


#snohub2-loader,
#not-snoRNA {
    min-height: 2rem;
}


.dataTables_wrapper table.dataTable td,
.dataTables_wrapper table.dataTable th {
    vertical-align: middle;
}


.autoComplete_wrapper {
    width: 100%;
}


.autoComplete_wrapper > input {
    width: 100%;
}


.autoComplete_wrapper > ul {
    z-index: 10000 !important;
}


.thumbnail {
    border-radius: 3%;
}


/*
 * Overall highest-correlated terms
 */
#table-overall-highest {
    width: 100% !important;
}


#table-overall-highest th,
#table-overall-highest td {
    vertical-align: middle;
}


#table-overall-highest td:nth-child(3) {
    overflow-wrap: anywhere;
}


/*
 * Overlapping genes
 */
#overall-overlap-gene-results {
    width: 100%;
}


.overlap-term-results {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.35rem;
    background-color: #ffffff;
}


.overlap-term-results[open] {
    background-color: #f8f9fa;
}


.overlap-term-summary {
    cursor: pointer;
    font-weight: 600;
    overflow-wrap: anywhere;
}


.overlap-term-summary:hover {
    color: #0d6efd;
}


.overlap-term-summary::marker {
    color: #6c757d;
}


.overlap-gene-table {
    width: 100%;
    margin-bottom: 0;
    font-size: 0.82rem;
}


.overlap-gene-table th,
.overlap-gene-table td {
    vertical-align: middle;
}


.overlap-gene-table th {
    white-space: nowrap;
}


.overlap-gene-table th:first-child,
.overlap-gene-table td:first-child {
    width: 4rem;
    text-align: center;
}


.overlap-gene-table th:nth-child(3),
.overlap-gene-table td:nth-child(3),
.overlap-gene-table th:nth-child(4),
.overlap-gene-table td:nth-child(4) {
    width: 10rem;
    text-align: right;
}


/*
 * Functions grouped by library
 */
#functions-by-library-results {
    width: 100%;
}


.library-results {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dee2e6;
}


.library-results:last-child {
    border-bottom: 0;
}


.library-name {
    margin-bottom: 1.25rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}


.library-direction-heading {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
}

.library-result-columns {
    align-items: flex-start;
}


.library-chart-card {
    width: 100%;
    padding: 1rem 0.75rem 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 0.35rem;
    background-color: #ffffff;
}


.library-chart-wrapper {
    position: relative;
    width: 100%;
    min-height: 330px;
}


.library-chart-canvas {
    width: 100% !important;
    height: 100% !important;
}

/*
 * Give anchored sections space from the top of the screen.
 */
#overview,
#overall-highest-terms,
#overall-overlap-genes,
#functions-by-library,
#references {
    scroll-margin-top: 1rem;
}


@media (max-width: 991.98px) {
    #navbar-toc {
        position: static !important;
        margin-bottom: 1rem;
    }

    .library-result-columns > div + div {
        margin-top: 1.5rem;
    }
}


@media (max-width: 767.98px) {
    .dataTables_wrapper {
        font-size: 0.78rem;
    }

    .overlap-gene-table {
        font-size: 0.76rem;
    }

    .library-chart-card {
        padding: 0.75rem 0.35rem 0.4rem;
    }

    .overlap-gene-table th:nth-child(3),
    .overlap-gene-table td:nth-child(3),
    .overlap-gene-table th:nth-child(4),
    .overlap-gene-table td:nth-child(4) {
        width: auto;
    }

    .overlap-term-results {
        padding: 0.75rem;
    }
}