.info-text {
    font-style: italic;
    color: rgba(255, 0, 0, 0.8);
    font-size: 12px;
}

/* DataTables centers .dataTables_processing on the table's own height (top: 50%),
   so on a tall table it lands off-screen relative to the user's current scroll
   position. Pin it to the viewport instead so it's always visible. */
div.dataTables_processing {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    z-index: 1055;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
}

table.dataTable.table-loading {
    opacity: 0.4;
    transition: opacity 0.15s ease-in-out;
    pointer-events: none;
}