/* General Table Style */
.table-responsive {
    width: auto; /* Allow the table to be smaller or larger based on the content */
    max-width: 1400px; /* Set the maximum width to control the table size */
    margin: 0 auto; /* Center the table */
    table-layout: fixed; /* Fixed table layout to prevent column resizing */
    border-spacing: 15px 50px;  /* Set horizontal and vertical spacing between columns and rows */
}

/* Define widths for each column */
.custom-transaction-date-column {
    width: 150px; /* Fixed width for date column */
}

.custom-country-column {
    width: 80px; /* Fixed width for country column */
}

.custom-fuel-station-brand-column {
    width: 120px;
}

.custom-fuel-station-name-column {
    width: 150px;
}

.custom-mileage-column {
    width: 100px;
    text-align: right; /* Align mileage values to the right */
}

.custom-receipt-number-column {
    width: 120px;
    text-align: center;
}

.custom-product-name-column {
    width: 150px;
}

.custom-vat-percent-czk-column {
    width: 100px;
    text-align: right;
}

.custom-unit-column {
    width: 70px;
    text-align: center;
}

.custom-quantity-column {
    width: 100px;
    text-align: right;
}

.custom-invoiced-unit-price-vat-column {
    width: 140px;
    text-align: right;
}

.custom-invoiced-total-price-vat-column {
    width: 140px;
    text-align: right;
}

.custom-station-unit-price-vat-column {
    width: 140px;
    text-align: right;
}

.custom-station-total-price-vat-column {
    width: 140px;
    text-align: right;
}

.custom-typ-ceny-column {
    width: 100px;
    text-align: center;
}
.custom-table_spacing {
    border-spacing: 10px; /* Adjust spacing as needed */
}

.table.table-statistics {
    width: auto !important; /* Override Bootstrap's default width */
    margin: 0 auto; /* Center the table horizontally */
    table-layout: auto; /* Adjust column widths based on content */
    border-collapse: collapse; /* Ensure proper alignment of borders */
}

.table-container {
    overflow-x: auto; /* Enable horizontal scrolling if the table exceeds the container */
    width: 100%; /* Ensure the container spans full width */
}

.vertical-spacing {
    margin-top: 2rem; /* Adjust spacing as needed */
}

/* Add spacing between table columns */
.wide-column-spacing td {
    padding-left: 10px;
    padding-right: 10px; /* Adjust spacing as needed */
}

/* Optional: Add spacing for table headers */
.wide-column-spacing th {
    padding-left: 10px;
    padding-right: 10px;
}

