#directo_connect-warehouse_stock_table {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#directo_connect-warehouse_stock_table .table_info {
    margin: 0;
    font-style: italic;
    color: #647085;
    font-size: 16px;
    line-height: 24px;
}

#directo_connect-warehouse_stock_table table {
    --table-header-bg: #0f387c;
    --table-header-text: #FFFFFF;

    --table-row-even: #FFFFFF;
    --table-row-odd: #F8F9FC;

    --table-row-hover: #F0F4FF;
    box-sizing: border-box;
    border-collapse: collapse;
}

#directo_connect-warehouse_stock_table table thead .table_row .table_column {
    background-color: var(--table-header-bg) !important;
    color: var(--table-header-text) !important;
}

#directo_connect-warehouse_stock_table table .table_row:nth-child(even) .table_column {
    background-color: var(--table-row-even);
}

#directo_connect-warehouse_stock_table table .table_row:nth-child(odd) .table_column {
    background-color: var(--table-row-odd);
}

#directo_connect-warehouse_stock_table table tbody .table_row:hover .table_column {
    background-color: var(--table-row-hover);
}

#directo_connect-warehouse_stock_table table .table_column {
    text-align: left;
    padding: 8px 12px;
}

@media only screen and (max-width: 767px) {
    #directo_connect-warehouse_stock_table {
        overflow-x: scroll;
    }

    #directo_connect-warehouse_stock_table table {
        width: max-content;
        min-width: 100%;
    }
}