.salesorder-table-container {
    position: relative;
    overflow-x: auto;
    width: 90%;
    padding-bottom: 1rem;

    & > table {
        border-collapse: collapse;
        width: 100%;
        min-width: 40rem;
        border: 1px solid var(--clr-black);

        & > thead > tr {
            text-align: center;
            background-color: var(--clr-blue);

            & > th {
                padding: 0.5rem 1rem;
                border: 1px solid var(--clr-black);
            }
        }

        & > tbody > tr {
            border-bottom: 1px solid var(--clr-black);
            text-align: center;

            & > td {
                padding: 0.5rem;
            }

            &:nth-last-child(1),
            &:nth-last-child(2),
            &:nth-last-child(3),
            &:nth-last-child(4) {
                border-bottom: unset;
                text-align: right;

                & > td {
                    padding: 0 0.5rem;
                }
            }

            & > :nth-child(3) {
                min-width: 15rem;
            }

            & > :nth-child(5),
            & > :nth-child(6) {
                text-align: right;
            }
        }

        @media (width >= 80rem), print {
            border: unset;
        }
    }

    @media print {
        overflow-x: unset;
    }
}