/* /Pages/Home/DashboardComponent.razor.rz.scp.css */
.custom-legend[b-2hpb297px9] {
    display: flex;
    gap: 20px; /* Adjust the spacing as needed */
    flex-wrap: wrap; /* Ensure items wrap when the screen size is reduced */
    justify-content: center; /* Center the legend items */
    width: 100%; /* Ensure the legend container is full width */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    margin: 0 auto; /* Center the container within its parent */
}

.legend-item[b-2hpb297px9] {
    display: flex;
    align-items: center;
    position: relative;
}

    .legend-item span[b-2hpb297px9] {
        margin-right: 10px;
    }

    .legend-item strong[b-2hpb297px9] {
        cursor: help; /* Change cursor to indicate tooltip */
    }

.tooltip[b-2hpb297px9] {
    visibility: hidden;
    width: 200px; /* Adjust width as needed */
    background-color: rgba(0, 119, 169, 0.95);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position the tooltip above the text */
    left: 50%;
    margin-left: -100px; /* Use negative margin to center the tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    word-wrap: break-word; /* Ensure the text wraps inside the tooltip */
}

.legend-item:hover .tooltip[b-2hpb297px9] {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .tooltip[b-2hpb297px9] {
        width: 100px; /* Reduce width for smaller screens */
        margin-left: -50px; /* Adjust margin for centering */
    }
}
/* /Shared/Pager.razor.rz.scp.css */
/* Pagination Style */
.pagination .btn[b-avjaije9to] {
    background-color: darkgray;
}

.pagination span.btn[b-avjaije9to] {
    background-color: #000;
    color: #fff;
}

.pagination li[b-avjaije9to] {
    padding: 5px;
}