/* _content/MorrowBlazor/Modules/Equipment/Crane Tracking/Equipment Management/Components/FleetUtilization.razor.rz.scp.css */
[b-i1lpdlp7rm] .full-width-table {
    table-layout: fixed; /* Force fixed column widths */
    width: 100%;
    font-size: 0.875rem; /* Reduce base font size to 14px */
}

[b-i1lpdlp7rm] .full-width-container {
    max-width: 100% !important; /* Override MudBlazor's default max width */
    width: 100%;
}

[b-i1lpdlp7rm] .mud-table {
    font-size: 0.875rem;
}

[b-i1lpdlp7rm] .mud-table-cell {
    padding: 8px 6px; /* Reduce cell padding */
    font-size: 0.875rem;
}

[b-i1lpdlp7rm] .mud-table-head {
    font-size: 0.875rem;
}

    [b-i1lpdlp7rm] .mud-table-head th {
        padding: 6px 4px;
    }

[b-i1lpdlp7rm] .filters-container {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap if needed */
    gap: 16px; /* Spacing between each filter */
    align-items: center; /* Vertically align items to center */
}

[b-i1lpdlp7rm] .filter-select {
    min-width: 200px; /* Make sure selects have a consistent width */
}

[b-i1lpdlp7rm] .small-cell {
    min-width: 0 !important; /* Ensure no enforced minimum width */
    max-width: 3px; /* Explicitly set a small maximum width */
    width: 3px !important; /* Force the width */
    overflow: hidden; /* Hide any overflow */
    white-space: nowrap; /* Prevent content wrapping */
}

[b-i1lpdlp7rm] .blue-header-row {
    background-color: skyblue;
    color: white !important; /* Sky blue background and white text */
    font-weight: bold; /* Make text bold */
}

[b-i1lpdlp7rm] .filters-container {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap if needed */
    gap: 16px; /* Spacing between each filter */
    align-items: center; /* Vertically align items to center */
    margin-bottom: 24px; /* Add space below the filter section */
    padding: 16px; /* Add padding inside the filter container */
    border: 2px solid #ccc; /* Create an outline around the filters */
    border-radius: 8px; /* Rounded corners for the outline */
    background-color: #f9f9f9; /* Optional: light background for distinction */
}

[b-i1lpdlp7rm] .counter-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

[b-i1lpdlp7rm] .legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-i1lpdlp7rm] .table-scroll-container {
    cursor: grab;
    user-select: none;
}

    [b-i1lpdlp7rm] .table-scroll-container:active {
        cursor: grabbing;
    }