/* order history */
table {
    border-spacing: 0;
}

td,
th {
    padding: 0.5em;
}

th {
    font-weight: bold;
    text-align: left;
}

thead th {
    background-color: var(--bs-gray-200);
}

td > div {
    float: right;
}
@media screen and (max-width: 600px) {
    thead th {
        display: none;
    }

    td, th {
        display: flex;
        justify-content: flex-start;
        width: 100% !important;
    }

    tbody tr {
        border-bottom: 1px solid var(--bs-primary);
    }

    td[data-th]:before {
        content: attr(data-th);
        border-radius: 10px 0px 0px 10px;
        font-weight: bold;
        min-width: 10rem;
        display: inline-block;
    }

    tfoot td.text-right {
        display: none;
    }
}