.table-responsive {
    overflow-x: auto;
}

#quoteTable {
    /*width: max-content;*/
    width: 100%;
}

/* Mobile only */
@media (max-width: 768px) {
    #quoteTable {
        width: max-content;
    }
}

#quoteTable th,
#quoteTable td {
    white-space: nowrap;
}

        #quoteTable td .btn {
            min-width: 48px;
        }

    #quoteTable td .btn[data-delete]:hover {
        background-color: var(--bs-danger);
        color: var(--bs-light);
    }

#quoteTable .quote-table-light th {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));
}

.sort-icon {
    opacity: .4;
    font-size: 1.15rem;
}

.sort-icon.bi-arrow-down-up {
    font-size: .875rem;
}

th.active-sort .sort-icon {
    opacity: 1;
}

th[data-sort] {
    cursor: pointer;
    user-select: none;
}

#pagination {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

    #pagination .btn {
        min-width: 42px;
        min-height: 30px;
    }

        #pagination .btn .bi {
            font-size: .65rem;
            vertical-align: 1px;
        }

.no-select {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}