.PhysicalReportingTable-loading-icon {
    height: 400px;
    margin-top: 100px;
}

.PhysicalReportingTable-no-data {
    background-color: #fff;
    border: 1px solid #d9d2d0;
    border-top: none;
    height: 175px;
    padding-top: 50px;
    text-align: center;
}

.PhysicalReportingTable-no-data-title {
    margin-bottom: 10px;
}

/* stylelint-disable selector-class-pattern, no-descending-specificity, max-nesting-depth */
.PhysicalReportingTable {
    .fixedDataTableCellLayout_columnReorderContainer {
        background-color: inherit;
        margin-right: -15px;
        width: 15px;
    }

    .fixedDataTableCellLayout_columnReorderContainer::after {
        color: var(--gray-500);
        left: 5px;
        top: 42%;
    }

    .public_fixedDataTable_header .public_fixedDataTableCell_main {
        border: solid 1px var(--gray-400);
        border-left: 0;
        border-right: 1px solid var(--gray-200);
        border-top: 0;
    }

    .public_fixedDataTableRow_columnsShadow {
        background: none;
    }

    .public_fixedDataTable_main {
        border-top: none;
    }

    .public_fixedDataTableCell_cellContent {
        padding: 4px;

        [data-tip^="Total goods in the returns"] {
            .SortedDataCell-column-name {
                font-size: 10px !important;  /* stylelint-disable declaration-no-important */
            }
        }
    }

    .fixedDataTableRowLayout_body .public_fixedDataTableCell_main {
        border-bottom: 1px solid #f2f2f2;
    }

    .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
        background-color: white;
    }

    /* Zebra striping for alternating row colors */
    .zebra-stripe .public_fixedDataTableCell_main {
        background: #f7f7f8;
    }
}

.SortedDataCell-column-name {
    color: var(--gray-500);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;

    &:hover {
        color: var(--gray-500);
        text-decoration: none;
    }

    .Icons-filled-chevron-down,
    .Icons-filled-chevron-up {
        height: 20px;
        position: absolute;
        top: 2px;
        width: 20px;
    }

    &-text {
        display: inline-block;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .SortedDataCell-column-name-sorted &-text {
        max-width: 80%;
    }
}

.SortedDataCell-column-name-sorted {
    color: #6d6565;
    &:hover {
        color: #6d6565;
    }
}

.SortedDataCell-fix-column {
    cursor: pointer;
}
/* stylelint-enable selector-class-pattern, no-descending-specificity, max-nesting-depth */
