/* _content/SynergyCustomerPortal/Components/AdminComponents/PriceEditingPopup.razor.rz.scp.css */
.price-editing-filters[b-2ocv9i1v8l]{
    display: flex;
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1rem;
}

.open-window-button[b-2ocv9i1v8l] {
    display: flex;
    align-items: center;
}
/* _content/SynergyCustomerPortal/Components/AdminComponents/UserInsight.razor.rz.scp.css */
.user-insight[b-74dffuzbyo] {
    display: flex;
    flex-direction: column;
    background-color: var(--surface-default-secondary);
    padding: 1rem;
    border-radius: 4px;
   
}

.user-insights-header[b-74dffuzbyo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-default);
    padding-bottom: 0.5rem;
    color: var(--text-default-primary);
}
.user-insights-items[b-74dffuzbyo]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    
}
.user-insights-item[b-74dffuzbyo]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-default-secondary);
}
/* _content/SynergyCustomerPortal/Components/Analytics/AnalyticsDetails.razor.rz.scp.css */
.analytics-popup-list-item[b-m7g43ggavp] {
    color: var(--text-default-primary);

}

.analytics-popup-list-item-content[b-m7g43ggavp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem;
}

.view-count[b-m7g43ggavp] {
    color: var(--text-default-secondary);
    font-size: 0.875rem;
}


.analytics-search-container-wrapper[b-m7g43ggavp] {
    max-width: 200px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    
}
/* _content/SynergyCustomerPortal/Components/BudgetReportComponents/NodePeriodHierarchy.razor.rz.scp.css */
.dropdown-container[b-yb90tu74di] {
    border-radius: 4px;
    border: 1px solid var(--border-default);
    background-color: var(--surface-default-secondary);
    padding: 0.25rem 0.5rem;
    color: var(--text-default-primary);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 150px;
    width: max-content;
}

.dropdown-scroll-container[b-yb90tu74di] {
    max-height: 400px;
    overflow-y: auto; /* Enables scrolling only on the outer container */
    min-width: 300px;
    background-color: var(--surface-default-secondary);
}

.hierarchy-dropdown-item[b-yb90tu74di] {
    color: var(--text-default-primary);
}
/* _content/SynergyCustomerPortal/Components/BudgetReportComponents/NodeProductHierarchy.razor.rz.scp.css */
.toggle-button-container[b-03oeqr5g68] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin: 1rem 0.5rem;
}

.product-hierarchy-checkboxes[b-03oeqr5g68] {
    display: flex;
    flex-direction: column;
    margin-left: 1.75rem;
    margin-right: 1.75rem;
    margin-bottom: 0.5rem;
}

.product-checkbox-labels[b-03oeqr5g68] {
    display: flex;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
/* _content/SynergyCustomerPortal/Components/ClientPortfolioReportHierarchy.razor.rz.scp.css */
/* _content/SynergyCustomerPortal/Components/ExportToExcelComponents/ExportToExcelBudgetReport.razor.rz.scp.css */
.export-excel-budget-report-filters[b-cqmxnzminy] {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 0.5rem;
}

.export-excel-budget-report-grid[b-cqmxnzminy] {
    margin-top: 0.5rem;
    max-height: 60vh;
}

.export-columns[b-cqmxnzminy] {
    list-style: none;
    padding: 0.5rem;
    margin-bottom: 0;
}

.total-count[b-cqmxnzminy] {
    margin-bottom: 8px;
}

/* _content/SynergyCustomerPortal/Components/ExportToExcelComponents/ExportToExcelMeterpointList.razor.rz.scp.css */
.export-excel-filters[b-mqcwjchhhr] {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 0.5rem;
}

.export-columns[b-mqcwjchhhr] {
    list-style: none;
    padding: 0.5rem;
    margin-bottom: 0;
}
/* _content/SynergyCustomerPortal/Components/ExportToExcelComponents/ExportToExcelShell.razor.rz.scp.css */
.export-shell-overlay[b-4798saatly] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.export-shell[b-4798saatly] {
    position: relative;
    background-color: var(--surface-default-secondary);
    color: var(--text-default-primary);
    border-radius: 4px;
    width: 90%;
    max-height: 95%;
    overflow: auto;
}

.export-shell-content[b-4798saatly] {
    padding-left: 2rem;
    padding-right: 2rem;
}

.export-shell-header[b-4798saatly] {
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.export-shell-subtitle[b-4798saatly] {
    margin-top: 0.5rem;
    color: var(--text-subdued-primary);
}

.export-shell-footer[b-4798saatly] {
    width: 100%;
    position: sticky;
    bottom: 0;
    background-color: var(--surface-success);
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1.5rem 2rem;
    margin-top: 2rem;
    color: var(--text-subdued-primary);
}

.export-shell-close-button[b-4798saatly] {
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
}

.export-shell-cancel-button[b-4798saatly] {
    background-color: var(--surface-default-primary);
    border: 1px solid var(--border-default);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 1.5rem;
}

.export-shell-cancel-button:hover[b-4798saatly] {
    background-color: var(--button-base-surface-hover);
    color: var(--button-base-text-hover);
    border-color: var(--surface-default-primary);
}

.export-shell-export-button[b-4798saatly] {
    margin-left: 8px;
    background-color: var(--surface-contrast-primary);
    border: 1px solid var(--surface-contrast-primary);
    color: var(--text-contrast-bg-primary);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;

    .bi {
        color: var(--text-contrast-bg-primary);
        margin-right: 4px;
    }
}

.export-shell-export-button:hover[b-4798saatly] {
    background-color: var(--surface-contrast-primary-hover);
    border: 1px solid var(--surface-contrast-primary-hover);
}
/* _content/SynergyCustomerPortal/Components/ExportToExcelComponents/ExportToExcelTransactions.razor.rz.scp.css */
.export-excel-transactions-filters[b-vanik66ubm] {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 0.5rem;
}

.export-columns[b-vanik66ubm] {
    list-style: none;
    padding: 0.5rem;
    margin-bottom: 0;
}

.portfolio-report-buy-sell[b-vanik66ubm] {
    padding: 3px 8px;
    border-radius: 20px;
    width: max-content;
    justify-self: center;
}

.portfolio-report-buy[b-vanik66ubm] {
    color: var(--text-default-secondary);
    background-color: var(--surface-default-tertiary-hover);
}

.portfolio-report-sell[b-vanik66ubm] {
    color: var(--text-success);
    background-color: var(--surface-success);
}
/* _content/SynergyCustomerPortal/Components/HierarchyDropdownShell.razor.rz.scp.css */
.dropdown-container[b-22jczfj0na] {
    border-radius: 4px;
    border: 1px solid var(--border-default);
    background-color: var(--surface-default-secondary);
    padding: 0.25rem 0.5rem;
    color: var(--text-default-primary);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 100px;
    width: max-content;
    height: 100%;
    align-items: center;
}

.dropdown-container:hover[b-22jczfj0na] {
    background-color: var(--button-base-surface-hover);
    color: var(--button-base-text-hover);
    border-color: var(--surface-default-secondary);
}

.dropdown-container--button-look[b-22jczfj0na] {
    width: max-content;
    min-width: auto;
}

.dropdown-scroll-container[b-22jczfj0na] {
    max-height: 400px;
    overflow-y: auto; /* Enables scrolling only on the outer container */
    min-width: 250px;
    background-color: var(--surface-default-secondary);
    border: 1px solid var(--border-default);
}

.dropdown-scroll-container--button-look[b-22jczfj0na] {
    min-width: auto;
    width: max-content;
}
/* _content/SynergyCustomerPortal/Components/MeterpointSearch/AccountCard.razor.rz.scp.css */

.account-point-card[b-dmt0xw04o4] {
    position: relative;
    background-color: var(--surface-default-secondary);
    padding: 1.5rem;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 0.5rem;
}

.account-card-header[b-dmt0xw04o4] {
    border-bottom: 1px solid var(--border-graph);
    padding-bottom: 1rem;
}

.account-card-header:hover[b-dmt0xw04o4] {
    .account-card-arrow-icon {
        transform: translateX(4px);
    }
    .account-card-title[b-dmt0xw04o4] {
        text-decoration: underline;
    }
}
    

.account-card-arrow-icon[b-dmt0xw04o4] {
    color: var(--icon-default);
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    transition: transform 0.3s ease;
}

.account-property[b-dmt0xw04o4] {
    display: flex;
    gap: 0.5rem;
}

.account-property-name[b-dmt0xw04o4] {
    color: var(--text-subdued-primary);
}

.account-property-value[b-dmt0xw04o4] {
font-weight: 700;
}

.account-property-clickable[b-dmt0xw04o4] {
    background: none;
    border: none;
    font: inherit;
    padding: 0;
    color: var(--text-default-primary);
    text-decoration: underline;
    cursor: pointer;
}

.account-properties-container[b-dmt0xw04o4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    grid-column: 1;
    margin-top: 1rem;
    width: 100%;
}
.account-content-container[b-dmt0xw04o4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.account-button-container[b-dmt0xw04o4]{
    margin-top: 1rem;
}
/* _content/SynergyCustomerPortal/Components/MeterpointSearch/CongregationCard.razor.rz.scp.css */

.congregation-card[b-mutuxh0044] {
    position: relative;
    background-color: var(--surface-default-secondary);
    padding: 1rem;
    border-radius: 4px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    align-items: center;
}

.congregation-card:hover[b-mutuxh0044] {
    .congregation-card-arrow-icon {
        transform: translateX(4px);
    }
    .congregation-card-title[b-mutuxh0044] {
        text-decoration: underline;
    }
}

.congregation-card-arrow-icon[b-mutuxh0044] {
    color: var(--icon-default);
    transition: transform 0.3s ease;
    margin-left: 1.5rem;
    display: flex;
    align-items: center;
}

.count-container[b-mutuxh0044]{
    display: flex;
    gap: 0.5rem;
}




/* _content/SynergyCustomerPortal/Components/MeterpointSearch/MeterpointCard.razor.rz.scp.css */
.meterpoint-point-card[b-7vs1p4147j] {
    position: relative;
    background-color: var(--surface-default-secondary);
    padding: 1.5rem;
    border-radius: 4px;
    width: 100%;
}

.meterpoint-card-header[b-7vs1p4147j] {
    border-bottom: 1px solid var(--border-graph);
}

.meterpoint-card-header:hover[b-7vs1p4147j] {
    .meterpoint-card-arrow-icon {
        transform: translateX(4px);
    }
    .meterpoint-card-title[b-7vs1p4147j] {
        text-decoration: underline;
    }
}

.meterpoint-card-arrow-icon[b-7vs1p4147j] {
    color: var(--icon-default);
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    transition: transform 0.3s ease;
}

.meterpoint-card-breadcrumbs[b-7vs1p4147j] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    align-items: center;

    path {
        fill: var(--icon-default);
    }

    .bi[b-7vs1p4147j] {
        font-size: 12px;
    }
}

.meterpoint-card-hierarchy-breadcrumbs-button[b-7vs1p4147j] {
    background-color: transparent;
    border: none;
    color: var(--text-subdued-primary);

    &:hover {
        text-decoration: underline;
    }
}

.meterpoint-property[b-7vs1p4147j] {
    display: flex;
    gap: 0.5rem;
}

.meterpoint-property-name[b-7vs1p4147j] {
    color: var(--text-subdued-primary);
}
.meterpoint-property-value[b-7vs1p4147j] {
    font-weight: 700;
}

.meterpoint-property-value .bi[b-7vs1p4147j] {
    margin-left: 0.5rem;
}

.meterpoint-property-clickable[b-7vs1p4147j] {
    background: none;
    border: none;
    font-weight: 700;
    padding: 0;
    color: var(--text-default-primary);
    text-decoration: underline;
    cursor: pointer;
}

.account-info-container[b-7vs1p4147j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.account-info[b-7vs1p4147j] {
    width: 100%;
    padding: 0.675rem;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}


.account-info-properties[b-7vs1p4147j] {
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.account-info-active[b-7vs1p4147j] {
    background-color: var(--surface-success);

    .account-info-status {
        color: var(--text-success);
    }

    .account-info-status .bi[b-7vs1p4147j] {
        color: var(--chart-positive);
    }
}

.account-info-inactive[b-7vs1p4147j] {
    background-color: var(--surface-inactive);

    .account-info-status {
        color: var(--text-critical);
    }

    .account-info-status .bi[b-7vs1p4147j] {
        color: var(--system-red-600);
    }
}

.account-info-status[b-7vs1p4147j] {
    display: flex;
    gap: 0.5rem;
    font-size: 14px;
}

.meterpoint-properties-container[b-7vs1p4147j] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    grid-column: 1;
    margin-top: 1rem;
}
/* _content/SynergyCustomerPortal/Components/MeterpointSearch/Search.razor.rz.scp.css */
.search-input[b-ch5ojr3qfh] {
    padding: 8px 16px;
    font-size: 14px;
    color: var(--text-subdued-primary) !important;
    background-color: var(--surface-default-secondary) !important;
    border: 1px solid var(--border-default);
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 4px;
}

input:-webkit-autofill[b-ch5ojr3qfh],
input:-webkit-autofill:hover[b-ch5ojr3qfh],
input:-webkit-autofill:focus[b-ch5ojr3qfh],
input:-webkit-autofill:active[b-ch5ojr3qfh] {
    -webkit-box-shadow: 0 0 0 30px var(--surface-default-secondary) inset !important;
}

input:-webkit-autofill[b-ch5ojr3qfh] {
    -webkit-text-fill-color: var(--text-subdued-primary) !important;
}

.search-input:focus[b-ch5ojr3qfh] {
    outline: none;
    border-color: var(--border-default);
    background-color: var(--surface-default-secondary);
    box-shadow: 0 0 0 2px rgba(142, 103, 5, 0.25);
    cursor: text;
}

.search-input[b-ch5ojr3qfh]::placeholder {
    color: var(--text-subdued-primary);
}

.clear-btn[b-ch5ojr3qfh] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.clear-btn .bi[b-ch5ojr3qfh] {
    color: var(--icon-default);
}

.search-input-container[b-ch5ojr3qfh] {
    position: relative;
    border-radius: 20px;
}
/* _content/SynergyCustomerPortal/Components/MeterpointSearch/SearchResultTop.razor.rz.scp.css */
.overlay[b-jrsydt39oh] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.previous-searches-container[b-jrsydt39oh] {
    position: absolute;
    top: 100%;
    display: none;
    padding: 1rem 1.5rem;
    border-radius: 4px;
    background-color: var(--surface-default-tertiary);
    z-index: 1000;
    box-shadow: 0 4px 4px 0 #00000040;
    min-width: 100%;
    right: 0;
    width: max-content;
    margin-top: 1px;
    flex-direction: column;
}

.previous-search[b-jrsydt39oh] {
    display: flex;
    gap: 1rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.previous-search:not(:last-child)[b-jrsydt39oh] {
    border-bottom: 1px solid var(--border-subdued);
}

.search-content[b-jrsydt39oh] {
    display: flex;
    position: relative;
    z-index: 1000;
}

.search-result-container[b-jrsydt39oh] {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    top: 100%;
    gap: 0.5rem;
    right: 0;
    z-index: 1000;
    border-radius: 4px;
    background-color: var(--surface-subdued);
    box-shadow: 0 4px 4px 0 #00000040;
    margin-bottom: 1rem;
    width: max-content;
}

.search-result-container .search-result-cards-container[b-jrsydt39oh] {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}


.search-results-summary button[b-jrsydt39oh] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background-color: var(--surface-contrast-primary);
    color: var(--text-contrast-bg-primary);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    align-content: center;
    font-size: 14px;
    
    &:hover {
        background-color: var(--surface-contrast-primary-hover);
        
    }
}

@media (max-width: 768px) {
    .search-content[b-jrsydt39oh] {
        display: none;
    }
}
/* _content/SynergyCustomerPortal/Components/MeterpointSearch/StartInvoicingComponent.razor.rz.scp.css */
.start-invoicing-component[b-vlf4nxikvz] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.invoicing-success[b-vlf4nxikvz] {
    color: var(--text-success);
}

.invoicing-error[b-vlf4nxikvz] {
    color: var(--text-critical);
}

.invoicing-neutral[b-vlf4nxikvz] {
    color: var(--text-default-primary);
}
/* _content/SynergyCustomerPortal/Components/NotFoundComponent.razor.rz.scp.css */
.not-found-page[b-uo7209w5c1] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10vh;

}

.not-found-page-gif[b-uo7209w5c1] {
    max-width: 400px;
    margin: 1rem;

    img{
        max-width: 400px;
        object-fit: cover;
    }
    
}

.not-found-page-img[b-uo7209w5c1] {
    max-width: 400px;
    margin: 1rem;

    img{
        max-width: 400px;
        aspect-ratio: 3/2;
        object-fit: cover;
    }

}
/* _content/SynergyCustomerPortal/Components/PortfolioReportComponents/Analysis.razor.rz.scp.css */
.portfolio-report-variables[b-h9qwucuf47] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.selected-book-single[b-h9qwucuf47] {
    border: 1px solid var(--border-default);
    border-radius: 4px;
    text-align: center;
    color: var(--text-default-primary);
    padding: 0.25rem 0.5rem;
    background-color: var(--surface-default-secondary);
    align-content: center;
}

.portfolio-report-chart[b-h9qwucuf47] {
    margin-top: 1rem;
}

.portfolio-report-filters[b-h9qwucuf47] {
    display: flex;
    gap: 0.5rem;
}

.portfolio-report-latest-values-container[b-h9qwucuf47] {
    position: relative;
    margin-top: 2rem;
    color: var(--text-default-primary);
}

.portfolio-report-latest-values[b-h9qwucuf47] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    min-height: 200px;
    margin-top: 1rem;

    @media (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);[b-h9qwucuf47]
    }

    @media (min-width: 1440px) {
        grid-template-columns: repeat(4, 1fr);[b-h9qwucuf47]
    }
}

.portfolio-report-shared-tooltip-point[b-h9qwucuf47] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.portfolio-report-shared-tooltip-color[b-h9qwucuf47] {
    width: 15px;
    height: 3px;
}


/* _content/SynergyCustomerPortal/Components/PortfolioReportComponents/CostAndPrice.razor.rz.scp.css */
.portfolio-report-variables[b-c07ltfw3ir] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-content: stretch;
}

.selected-book-single[b-c07ltfw3ir] {
    border: 1px solid var(--border-default);
    border-radius: 4px;
    text-align: center;
    color: var(--text-default-primary);
    padding: 0.25rem 0.5rem;
    background-color: var(--surface-default-secondary);
    align-content: center;
}

.portfolio-report-filters[b-c07ltfw3ir] {
    display: flex;
    gap: 0.5rem;
}

.portfolio-report-chart[b-c07ltfw3ir] {
    color: var(--text-default-secondary);
    border-radius: 4px;
    padding: 1rem;
    background-color: var(--surface-default-secondary);
}

.portfolio-report-shared-tooltip-point[b-c07ltfw3ir] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.portfolio-report-shared-tooltip-color[b-c07ltfw3ir] {
    width: 15px;
    height: 3px;
}

.portfolio-report-subtext[b-c07ltfw3ir] {
    color: var(--text-subdued-primary);
    margin-bottom: 1rem;
}

.portfolio-report-cost-price[b-c07ltfw3ir] {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.portfolio-report-dropdown-item[b-c07ltfw3ir] {
    margin-left: 0.5rem;
}

.portfolio-report-export-button[b-c07ltfw3ir] {
    padding: 4px 8px;
}

.portfolio-report-export-button__text[b-c07ltfw3ir] {
    margin-left: 0.25rem;
}
/* _content/SynergyCustomerPortal/Components/PortfolioReportComponents/Transactions.razor.rz.scp.css */
.portfolio-report-variables[b-2ai0wwgl6h] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.selected-book-single[b-2ai0wwgl6h] {
    border: 1px solid var(--border-default);
    border-radius: 4px;
    text-align: center;
    color: var(--text-default-primary);
    padding: 0.25rem 0.5rem;
    background-color: var(--surface-default-secondary);
    align-content: center;
}

.portfolio-report-filters[b-2ai0wwgl6h] {
    display: flex;
    gap: 0.5rem;
}

.portfolio-report-chart[b-2ai0wwgl6h] {
    border-radius: 8px;
}

.portfolio-report-transactions[b-2ai0wwgl6h] {
    margin-top: 1rem;
}

.portfolio-report-dropdown-item[b-2ai0wwgl6h] {
    margin-left: 0.5rem;
    margin-bottom: 20px;
}

.portfolio-report-export-button[b-2ai0wwgl6h] {
    padding: 4px 8px;
}

.portfolio-report-export-button__text[b-2ai0wwgl6h] {
    margin-left: 0.25rem;
}

.portfolio-report-buy-sell[b-2ai0wwgl6h] {
    padding: 3px 8px;
    border-radius: 20px;
    width: max-content;
    justify-self: center;
}

.portfolio-report-buy[b-2ai0wwgl6h] {
    color: var(--text-default-secondary);
    background-color: var(--surface-default-tertiary-hover);
}

.portfolio-report-sell[b-2ai0wwgl6h] {
    color: var(--text-success);
    background-color: var(--surface-success);
}

.portfolio-report-long-text[b-2ai0wwgl6h] {
    overflow: hidden; /* make sure it hides the content that overflows */
    white-space: nowrap; /* don't break the line */
    text-overflow: ellipsis;
}
/* _content/SynergyCustomerPortal/Components/PortfolioReportComponents/Volume.razor.rz.scp.css */
.portfolio-report-variables[b-31n3oj1m4x] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;

    .bi {
        margin-right: 12px;
    }
}

.selected-book-single[b-31n3oj1m4x] {
    border: 1px solid var(--border-default);
    border-radius: 4px;
    text-align: center;
    color: var(--text-default-primary);
    padding: 0.25rem 0.5rem;
    background-color: var(--surface-default-secondary);
    align-content: center;
    width: max-content;
}

.portfolio-report-table-container[b-31n3oj1m4x] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-direction: row;
}

.portfolio-report-table-title[b-31n3oj1m4x] {
    margin-bottom: 0.5rem;
    color: var(--text-default-primary);
}

.portfolio-report-table-container--column[b-31n3oj1m4x] {
    flex-direction: column;
}

.portfolio-report-chart[b-31n3oj1m4x] {
    width: 100%;
    margin-top: 1rem;
}

.portfolio-report-filters[b-31n3oj1m4x] {
    display: flex;
    gap: 0.5rem;
}

.portfolio-report-export-button[b-31n3oj1m4x] {
    padding: 5px 9px;
}

.portfolio-report-export-button__text[b-31n3oj1m4x] {
    margin-left: 0.25rem;
}
.no-data[b-31n3oj1m4x] {
    display:flex;
    color: var(--text-default-primary);
    justify-content: center;
    margin-top: 5rem;
}
/* _content/SynergyCustomerPortal/Components/UserImpersonation.razor.rz.scp.css */
.user-impersonator-container[b-3l1sqovaxb] {
    display: flex;
    position: sticky;
    top: 0;
    justify-content: space-between;
    align-items: center;
    background-color: var(--system-red-600);
    color: var(--neutral-white);
    padding: 1rem 2rem;
    z-index: 1000;
}

.user-impersonator-logo[b-3l1sqovaxb] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.user-impersonator-preview[b-3l1sqovaxb] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.user-search-container[b-3l1sqovaxb] {
    position: relative;
}

.user-search-input[b-3l1sqovaxb] {
    padding: 8px 16px;
    font-size: 14px;
    color: var(--neutral-white) !important;
    background-color: transparent;
    border: 1px solid var(--neutral-white);
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 4px;
}

input:-webkit-autofill[b-3l1sqovaxb],
input:-webkit-autofill:hover[b-3l1sqovaxb],
input:-webkit-autofill:focus[b-3l1sqovaxb],
input:-webkit-autofill:active[b-3l1sqovaxb] {
    -webkit-box-shadow: 0 0 0 30px var(--surface-default-secondary) inset !important;
}

input:-webkit-autofill[b-3l1sqovaxb] {
    -webkit-text-fill-color: var(--text-subdued-primary) !important;
}

.user-search-input:focus[b-3l1sqovaxb] {
    outline: none;
    border-color: var(--neutral-white);
    box-shadow: 0 0 0 2px rgba(142, 103, 5, 0.25);
    cursor: text;
}

.user-search-input[b-3l1sqovaxb]::placeholder {
    color: var(--neutral-white);
}

.user-search-icon[b-3l1sqovaxb] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.user-impersonator-buttons[b-3l1sqovaxb] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.user-impersonator-users[b-3l1sqovaxb] {
    margin-top: 1px;
    position: absolute;
    height: 300px;
    overflow-y: scroll;
    z-index: 1000;
    background-color: var(--surface-default-secondary-subdued);
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 100%;
}

.user-container[b-3l1sqovaxb] {
    text-align: left;
    padding: 0 1rem;
    color: var(--text-default-primary);
    
    &:hover {
        background-color: var(--dropown-hover);
    }
}

.user-id[b-3l1sqovaxb] {
    color: var(--text-subdued-primary);
}
/* _content/SynergyCustomerPortal/Components/UserReportHierarchy.razor.rz.scp.css */
.hierarchy-sidebar[b-8p9b9whg0y]{
    background-color: var(--table-sticky-row);
    border-color: var(--border-default);
    border-width: 1px;
    border-style: solid;
    margin-right: 1rem;
    border-radius: 4px;
    max-height: 70vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: auto;
    min-width: 200px;
    height: fit-content;
    
}

.hierarchy-sidebar-header[b-8p9b9whg0y]{
    justify-content: flex-end;
    align-items: center;
}

.close-sidebar-btn[b-8p9b9whg0y]{
    color: var(--text-default-primary);
    
}

.hierarchy-sidebar-content[b-8p9b9whg0y]{
    display: flex;
    padding: 0.5rem;
    margin: 0.5rem;
    overflow: auto;
    
}
/* _content/SynergyCustomerPortal/Components/UserReportHierarchyDropdown.razor.rz.scp.css */
.dropdown-container[b-v9eo7quq4n] {
    border-radius: 4px;
    border: 1px solid var(--border-default);
    background-color: var(--surface-default-secondary);
    padding: 0.25rem 0.5rem;
    color: var(--text-default-primary);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 250px;
    width: max-content;
}

.dropdown-scroll-container[b-v9eo7quq4n] {
    max-height: 400px;
    overflow-y: auto; /* Enables scrolling only on the outer container */
    min-width: 300px;
    background-color: var(--surface-default-secondary);
}

.hierarchy-dropdown-item[b-v9eo7quq4n] {
    color: var(--text-default-primary);
}

.open-sidebar-btn[b-v9eo7quq4n]{
    color: var(--text-default-primary);
}
/* _content/SynergyCustomerPortal/Components/Widgets/ArcGaugeWidget.razor.rz.scp.css */
.arc-gauge[b-o8b10oxrxd] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.75rem;
}

.arc-gauge-text[b-o8b10oxrxd] {
    color: var(--text-subdued-secondary);
}

.arc-gauge-bottom-label[b-o8b10oxrxd] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    width: max-content;
    padding: 4px 12px;
    border-radius: 20px;
    background-color: var(--surface-critical);
    color: var(--text-critical);
}

.widget-loader[b-o8b10oxrxd] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    margin-inline: auto;
    width: fit-content;
}
/* _content/SynergyCustomerPortal/Components/Widgets/CircularGaugeWidget.razor.rz.scp.css */
.circular-gauge[b-8vy0wxwup1] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.75rem;
}

.circular-gauge-dot[b-8vy0wxwup1] {
    margin-right: 4px;
    height: 5px;
    width: 5px;
    background-color: var(--chart-default-1);
    border-radius: 50%;
    display: inline-block;
}

.widget-loader[b-8vy0wxwup1] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    margin-inline: auto;
    width: fit-content;
}
/* _content/SynergyCustomerPortal/Components/Widgets/ColumnChartWidget.razor.rz.scp.css */
.widget-loader[b-q3ny6n41a4] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40%;
    margin-inline: auto;
    width: fit-content;
}
/* _content/SynergyCustomerPortal/Components/Widgets/DonutChartWidget.razor.rz.scp.css */
.widget-loader[b-60f2vp00b7] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    margin-inline: auto;
    width: fit-content;
}
/* _content/SynergyCustomerPortal/Components/Widgets/KpiWidget.razor.rz.scp.css */
.kpi-widget[b-hpx2t4pwoa] {
    color: var(--text-default-primary);
}

.widget-loader[b-hpx2t4pwoa] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    margin-inline: auto;
    width: fit-content;
}

.title-description-container[b-hpx2t4pwoa] {
    gap: 1px;
}

.kpi-unit[b-hpx2t4pwoa] {
    margin-left: 0.3rem;
    font-weight: 700;
}

.widget-trend[b-hpx2t4pwoa] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    width: max-content;
    padding: 3px 8px;
    border-radius: 20px;

    path {
        fill: currentColor;
    }
}

.widget-trend--green[b-hpx2t4pwoa] {
    background-color: var(--surface-success);
    color: var(--text-success);
}

.widget-trend--red[b-hpx2t4pwoa] {
    background-color: var(--surface-critical);
    color: var(--text-critical);
}

.widget-trend--negative[b-hpx2t4pwoa]  svg {
    transform: scaleY(-1);
}

.data[b-hpx2t4pwoa] {
    color: var(--text-default-primary);
}

.kpi-widget-split-trend[b-hpx2t4pwoa] {
    display: flex;
    gap: 0.5rem;
}
/* _content/SynergyCustomerPortal/Components/Widgets/LineChartWidget.razor.rz.scp.css */
.widget-loader[b-cmitp258si] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    margin-inline: auto;
    width: fit-content;
}
/* _content/SynergyCustomerPortal/Components/Widgets/WidgetShell.razor.rz.scp.css */
.widget-container[b-wlu41g1ec8] {
    background-color: var(--surface-default-secondary);
    padding: 1rem;
    position: relative;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 0.75rem;
    flex-direction: column;
    justify-content: space-between;

    .widget-title {
        color: var(--text-default-secondary);
    }

    .widget-subtitle[b-wlu41g1ec8] {
        color: var(--text-subdued-primary);
    }

    .widget-arrow-icon[b-wlu41g1ec8] {
        color: var(--icon-default);
        position: absolute;
        top: 1rem;
        right: 1rem;
        transition: transform 0.3s ease;
    }
}

.widget-container-link[b-wlu41g1ec8] {
    cursor: pointer;

    &:hover {
        & .widget-arrow-icon {
            transform: translateX(4px);
        }
    }
}

.widget-container:hover .widget-arrow-icon[b-wlu41g1ec8] {
    transform: translateX(4px);
}

                                                                     
/* _content/SynergyCustomerPortal/Pages/AccountPage.razor.rz.scp.css */
.account-title-container[b-f9zipa974e] {
    margin-bottom: 2rem;
}

.account-title-text[b-f9zipa974e] {
    color: var(--text-subdued-primary);
}

.account-edit-button .bi[b-f9zipa974e] {
    margin-right: 0.25rem;
}

.account-subtitle[b-f9zipa974e] {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.account-info-container[b-f9zipa974e] {
    border: 1px dashed var(--border-default);
    background-color: var(--surface-default-secondary-subdued-transparent);
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 2rem;

    @media (min-width: 768px) {
        width: max-content;
        min-width: 50%;[b-f9zipa974e]
    }
}

.account-info-grid[b-f9zipa974e] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.account-info-grid-spacer[b-f9zipa974e] {
    grid-column: span 2;
    height: 1rem;
}

.account-info-label[b-f9zipa974e] {
    color: var(--text-subdued-primary);
}

.account-info-value[b-f9zipa974e] {
    font-weight: 700;
    
    button {
        margin-left: 0.5rem;
    }
}

.account-meterpoints-variables[b-f9zipa974e] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    align-items: center;
}

.account-meterpoints-summary[b-f9zipa974e] {
    color: var(--text-subdued-primary);
}

.button-group-container[b-f9zipa974e] {
    display: flex;
    gap: 0.5rem;
    justify-content: stretch;
}

.account-meterpoints[b-f9zipa974e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.long-text-cell[b-f9zipa974e] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.clickable-cell a[b-f9zipa974e], .clickable-cell button[b-f9zipa974e] {
    text-decoration: underline !important;
    text-align: left;
}

.meterpoint-status[b-f9zipa974e] {
    display: flex;
    gap: 0.5rem;
    width: max-content;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
}

.status-active[b-f9zipa974e] {
    color: var(--text-success);
    background-color: var(--surface-success);
}

.status-inactive[b-f9zipa974e] {
    color: var(--text-critical);
    background-color: var(--surface-critical);
}

.meterpoint-widget-container[b-f9zipa974e]{
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.loader-container[b-f9zipa974e] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.grid-arrow-icon[b-f9zipa974e] {
    color: var(--icon-default);
    transition: 0.2s ease;
    display: block;
}

.grid-arrow-icon:hover[b-f9zipa974e] {
    transform: translateX(3px);
}
/* _content/SynergyCustomerPortal/Pages/AccountsPage.razor.rz.scp.css */
.top-row-container[b-ibarr1e8yb] {
    margin-top: 2rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    width: 100%;
}

.accounts-list-widget-container[b-ibarr1e8yb] {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.loader-container[b-ibarr1e8yb] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
/* _content/SynergyCustomerPortal/Pages/AnalyticsPage.razor.rz.scp.css */
.analytics-widget-container[b-rvglk1t8g0] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    min-height: 200px;
    margin-top: 1rem;

    @media (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);[b-rvglk1t8g0]
    }

    @media (min-width: 1440px) {
        grid-template-columns: repeat(4, 1fr);[b-rvglk1t8g0]
    }
}

.analytics-top-lists[b-rvglk1t8g0]{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    margin-top: 2rem;
    grid-row-gap: 2rem;
}

.analytics-top-list[b-rvglk1t8g0]{
    background-color: var(--surface-default-secondary);
    padding: 1.5rem;
    border-radius: 4px;
    ol{
        list-style: none;
        padding: 0;
        margin: 0;
    }
}

.analytics-top-list-heading[b-rvglk1t8g0]{
    margin-bottom: 1.5rem;
}
.analytics-top-list-item[b-rvglk1t8g0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.analytics-top-list-item-subheading[b-rvglk1t8g0]{
    color: var(--text-default-secondary);
    font-weight: 700;
}

.analytics-top-list-item-text[b-rvglk1t8g0]{
    color: var(--text-subdued-primary);
}
.analytics-top-list-item-left[b-rvglk1t8g0]{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.analytics-top-list-index[b-rvglk1t8g0]{
    padding: 0.15rem 0.6rem;
    background-color: var(--surface-default-tertiary);
    border-radius: 4px;
    margin: 0.5rem;
    height: 75%;
}

.filter-container[b-rvglk1t8g0]{
    width: 100%;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
   
}

.widget-trend[b-rvglk1t8g0] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    width: max-content;
    padding: 3px 8px;
    border-radius: 20px;

    path {
        fill: currentColor;
    }
}

.widget-trend--positive[b-rvglk1t8g0] {
    background-color: var(--surface-success);
    color: var(--text-success);
}

.widget-trend--negative[b-rvglk1t8g0] {
    background-color: var(--surface-critical);
    color: var(--text-critical);
}

.widget-trend--negative[b-rvglk1t8g0]  svg {
    transform: scaleY(-1);
}


.analytics-user-insight[b-rvglk1t8g0]{
    grid-column: span 2;
    padding: 1.5rem 0;
}

.analytics-user-insight-header[b-rvglk1t8g0]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;

}

.analytics-search-bar-icon[b-rvglk1t8g0]{
    margin-right: 0.5rem;
    color: var(--icon-default);
    
}

.user-list[b-rvglk1t8g0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    
    
}
.analytics-top-companies[b-rvglk1t8g0]{
    height: max-content;
}

/* _content/SynergyCustomerPortal/Pages/BudgetReportPage.razor.rz.scp.css */
.title[b-jty0zm3zsa] {
    margin-bottom: 1rem;
}

.budget-report-breadcrumbs[b-jty0zm3zsa] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    align-items: center;

    path {
        fill: var(--icon-default);
    }

    .bi[b-jty0zm3zsa] {
        font-size: 12px;
    }
}

.budget-report-hierarchy-breadcrumbs-button[b-jty0zm3zsa] {
    background-color: transparent;
    border: none;
    color: var(--text-subdued-primary);

    &:hover {
        text-decoration: underline;
    }
}

.budget-report-content[b-jty0zm3zsa] {
    margin-top: 1rem;
    position: relative; 
    min-height: 60vh;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.grid-container[b-jty0zm3zsa] {
    display: grid;
    grid-template-columns: auto 1fr;
    height: 100%;
    min-height: 0;
    width: 100%;
    min-width: 0;
}

.budget-report-variables[b-jty0zm3zsa] {
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    width: 100%;
    min-width: 0;

    .bi {
        margin-right: 12px;
    }
}

.budget-report-filters[b-jty0zm3zsa] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: end;
    min-width: 0;
}

.budget-report-export-button[b-jty0zm3zsa] {
    padding: 5px 9px;
}

.budget-report-export-button__text[b-jty0zm3zsa] {
    margin-left: 0.25rem;
}

.budget-report-tree-list[b-jty0zm3zsa] {

}

.budget-report-tables[b-jty0zm3zsa] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.budget-report-charts[b-jty0zm3zsa] {
}

.budget-report-bold[b-jty0zm3zsa] {
    font-weight: 700;
}

.budget-report-volume-icon[b-jty0zm3zsa] {
    color: var(--icon-default);
}
.loader-container[b-jty0zm3zsa] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.filter-info-container[b-jty0zm3zsa]{
    display: flex;
    align-items: center;
    color: var(--text-subdued-primary);
    
}
.slash-icon[b-jty0zm3zsa]{
    margin:0 5px 4px 5px;
}
/* _content/SynergyCustomerPortal/Pages/CongregationPage.razor.rz.scp.css */

.congregation-title-container[b-7ci7y9o6sx] {
    margin-bottom: 2rem;
}

.congregation-title-text[b-7ci7y9o6sx] {
    color: var(--text-subdued-primary);
}

.congregation-edit-button .bi[b-7ci7y9o6sx] {
    margin-right: 0.25rem;
}

.congregation-subtitle[b-7ci7y9o6sx] {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.congregation-info-container[b-7ci7y9o6sx] {
    border: 1px dashed var(--border-default);
    background-color: var(--surface-default-secondary-subdued-transparent);
    border-radius: 4px;
    padding: 1.5rem;
    width: 50%;
    margin-bottom: 2rem;
}

.congregation-info-grid[b-7ci7y9o6sx] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.congregation-info-grid-spacer[b-7ci7y9o6sx] {
    grid-column: span 2;
    height: 1rem;
}

.congregation-info-label[b-7ci7y9o6sx] {
    color: var(--text-subdued-primary);
}

.congregation-info-value[b-7ci7y9o6sx] {
    font-weight: 700;

    button {
        margin-left: 0.5rem;
    }
}

.congregation-meterpoints-variables[b-7ci7y9o6sx] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    align-items: center;
}

.congregation-meterpoints-summary[b-7ci7y9o6sx] {
    color: var(--text-subdued-primary);
}

.button-group-container[b-7ci7y9o6sx] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.congregation-meterpoints[b-7ci7y9o6sx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.long-text-cell[b-7ci7y9o6sx] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.clickable-cell a[b-7ci7y9o6sx], .clickable-cell button[b-7ci7y9o6sx] {
    text-decoration: underline !important;
    text-align: left;
}

.meterpoint-status[b-7ci7y9o6sx] {
    display: flex;
    gap: 0.5rem;
    width: max-content;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
}

.status-active[b-7ci7y9o6sx] {
    color: var(--text-success);
    background-color: var(--surface-success);
}

.status-inactive[b-7ci7y9o6sx] {
    color: var(--text-critical);
    background-color: var(--surface-critical);
}

.bi-download[b-7ci7y9o6sx]{
    margin-right: 8px;
}

.congregation-page-widget-container[b-7ci7y9o6sx] {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.loader-container[b-7ci7y9o6sx] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
/* _content/SynergyCustomerPortal/Pages/CongregationsPage.razor.rz.scp.css */
.top-row-container[b-n4s9kqx92i] {
    margin-top: 2rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    width: 100%;
}
.card-container[b-n4s9kqx92i]{
    gap: 0.5rem;
    flex-direction: column;
    display: flex;
}

.congregation-list-widget-container[b-n4s9kqx92i] {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.loader-container[b-n4s9kqx92i] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.user-search-btn-container[b-n4s9kqx92i] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}
/* _content/SynergyCustomerPortal/Pages/GoOReportPage.razor.rz.scp.css */
.grid-container[b-sqbfkqe85f] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto; 
    margin-top: 2rem;
    gap: 1rem;
}

.widget-grid[b-sqbfkqe85f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;       
    gap: 1rem;
}

.bottom-grid[b-sqbfkqe85f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.loader-container[b-sqbfkqe85f] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
    height: 10rem;
}

.with-goo-cell[b-sqbfkqe85f] { background: var(--chart-positive-subdued); }

.toggle-row[b-sqbfkqe85f] {
    display: flex;
    justify-content: center;
    margin: 1rem 0 0.25rem 0;
}

.historic-container[b-sqbfkqe85f] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;                 
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 300ms ease, opacity 250ms ease;
}
.historic-container.open[b-sqbfkqe85f] {
    max-height: 5000px;      
    opacity: 1;
}
.page-subtitle[b-sqbfkqe85f] {
    color: var(--text-default-primary);
margin-left: 1rem}

.bottom-margin[b-sqbfkqe85f]{
    margin-top: 8rem;
}
/* _content/SynergyCustomerPortal/Pages/Index.razor.rz.scp.css */
.title[b-pet5a4m71b] {
    margin-bottom: 2rem;
}

.book-info[b-pet5a4m71b] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 0.25rem;
    color: var(--text-subdued-primary);
}

.grid-container-7[b-pet5a4m71b], .grid-container[b-pet5a4m71b] {
    display: grid;
    grid-template-rows: 250px 250px;
    row-gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .grid-container-7[b-pet5a4m71b], .grid-container[b-pet5a4m71b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .grid-container[b-pet5a4m71b] {
        column-gap: 1rem;
    }
}

@media (min-width: 1024px) {
    .grid-container-7[b-pet5a4m71b] {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        column-gap: 1rem;
    }

    /* Number of grid columns are based on number of widgets  */
    .grid-container:has(> *:nth-child(3))[b-pet5a4m71b] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .grid-container:has(> *:nth-child(4))[b-pet5a4m71b] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .grid-container:has(> *:nth-child(5))[b-pet5a4m71b] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* Widgets spanning multiple columns or rows */
.widget-span-2[b-pet5a4m71b] {
    grid-column: span 2; /* Spans 2 columns */
}

.widget-span-3[b-pet5a4m71b] {
    grid-column: span 3; /* Spans 3 columns */
}

.widget-span-4[b-pet5a4m71b] {
    grid-column: span 4; /* Spans 3 columns */
}

.widget-tall[b-pet5a4m71b] {
    grid-row: span 2; /* Spans 2 rows */
}

.widget-span-3-4[b-pet5a4m71b] {
    grid-column: 3/4;
}

.widget-span-4-5[b-pet5a4m71b] {
    grid-column: 4/5;
}

.widget-bottom-row[b-pet5a4m71b] {
    grid-row-start: 3;
}

.loader-container[b-pet5a4m71b] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
/* _content/SynergyCustomerPortal/Pages/Login/LoginPage.razor.rz.scp.css */
.login-page[b-ng2osjwbsv] {
    display: flex;
    gap: 3rem;
    flex-direction: column;
    align-self: center;
    width: max-content;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem;
    border-radius: 4px;
    background-color: var(--surface-default-secondary);
    box-shadow: 0 4px 4px 0 #00000040;
    align-items: center;

    path {
        fill: var(--primary-yellow-500);
    }
}

.login-form-label[b-ng2osjwbsv] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.login-error-message[b-ng2osjwbsv] {
    color: var(--text-critical);
}

.forgot-password-link[b-ng2osjwbsv] {
    color: var(--text-default-primary);
    position: relative;
}

.forgot-password-link[b-ng2osjwbsv]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 4px;
    background-color: var(--text-default-primary);
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.forgot-password-link:hover[b-ng2osjwbsv] {
    color: var(--text-hover);
}

.forgot-password-link:hover[b-ng2osjwbsv]::before {
    transform-origin: left;
    transform: scaleX(1);
    background-color: var(--text-hover);
}

.forgot-password-form[b-ng2osjwbsv] {
    width: 100%;
    min-width: 250px;
    max-width: 400px;;
    padding: 1.25rem;
    background-color: var(--surface-default-secondary-subdued-transparent);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.forgot-message-success[b-ng2osjwbsv] {
    color: var(--text-success);
 }

.forgot-message-error[b-ng2osjwbsv]{
    color: var(--text-critical);
}

.gdpr-message[b-ng2osjwbsv]{
    width: 250px;
    text-align: center;
    color: var(--text-default-primary);
}

.gdpr-text-block[b-ng2osjwbsv]{
    padding: 0.5rem;
}
/* _content/SynergyCustomerPortal/Pages/Login/ResetPassword.razor.rz.scp.css */
.reset-password-page[b-0uk4x6hte2] {
    display: flex;
    gap: 3rem;
    flex-direction: column;
    align-self: center;
    width: max-content;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem;
    border-radius: 4px;
    background-color: var(--surface-default-secondary);
    box-shadow: 0 4px 4px 0 #00000040;
    align-items: center;

    path {
        fill: var(--primary-yellow-500);
    }
}

.reset-password-form-label[b-0uk4x6hte2] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.reset-password-alert[b-0uk4x6hte2] {
    text-align: center;
}

.reset-password-error-message[b-0uk4x6hte2] {
    color: var(--text-critical);
}

.redirect-to-login-link[b-0uk4x6hte2] {
    color: var(--text-default-primary);
    position: relative;
}

.redirect-to-login-link[b-0uk4x6hte2]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 4px;
    background-color: var(--text-default-primary);
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.redirect-to-login-link:hover[b-0uk4x6hte2] {
    color: var(--text-hover);
}

.redirect-to-login-link:hover[b-0uk4x6hte2]::before {
    transform-origin: left;
    transform: scaleX(1);
    background-color: var(--text-hover);
}





/* _content/SynergyCustomerPortal/Pages/MeterpointListPage.razor.rz.scp.css */
.search-toggle-container[b-8x13a17nkh] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.search-toggle-button-container[b-8x13a17nkh] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 1rem;
}

.button-group-container[b-8x13a17nkh] {
    display: flex;
    gap: 0.5rem;
}

.button-group-container .bi[b-8x13a17nkh]{
    margin-right: 8px;
}

.status-active[b-8x13a17nkh] {
    color: var(--text-success);
    background-color: var(--surface-success);
}

.status-inactive[b-8x13a17nkh] {
    color: var(--text-critical);
    background-color: var(--surface-critical);
}

.meterpoint-status[b-8x13a17nkh] {
    display: flex;
    gap: 0.5rem;
    width: max-content;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
}

.search-summary-container[b-8x13a17nkh] {
    margin-top: 2.625rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    width: 100%;
}

.search-results-summary[b-8x13a17nkh] {
    color: var(--text-subdued-primary);
    text-align: left;
}

.card-container[b-8x13a17nkh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.long-text-cell[b-8x13a17nkh] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.clickable-cell a[b-8x13a17nkh], .clickable-cell button[b-8x13a17nkh] {
    text-decoration: underline !important;
    text-align: left;
}

.no-search-result-text[b-8x13a17nkh] {
    margin-top: 2rem;
}

.meterpoint-list-widget-container[b-8x13a17nkh] {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.filter-container[b-8x13a17nkh]{
    margin-top: 2rem;
}

.active-filter[b-8x13a17nkh] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.remove-filter[b-8x13a17nkh] {
    margin-left: 10px;
    color: var(--text-subdued-primary);
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.remove-filter:hover[b-8x13a17nkh] {
    color: var(--text-default-primary);
    background-color: var(--primary-blue-600);
}

.loader-container[b-8x13a17nkh] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.grid-arrow-icon[b-8x13a17nkh] {
    color: var(--icon-default);
    transition: 0.2s ease;
    display: block;
}

.grid-arrow-icon:hover[b-8x13a17nkh] {
    transform: translateX(3px);
}
/* _content/SynergyCustomerPortal/Pages/MeterpointPage.razor.rz.scp.css */
.content-container[b-54pogi9zed] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);}

.meterpoint-title-container[b-54pogi9zed] {
    margin-bottom: 2rem;
}

.meterpoint-long-title[b-54pogi9zed] {
    overflow: hidden; /* make sure it hides the content that overflows */
    white-space: nowrap; /* don't break the line */
    text-overflow: ellipsis;
}

.meterpoint-title-text[b-54pogi9zed] {
    color: var(--text-subdued-primary);
}

.meterpoint-edit-button .bi[b-54pogi9zed] {
    margin-right: 0.25rem;
}

.meterpoint-key-info[b-54pogi9zed] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;

    @media (min-width: 768px) {
        flex-direction: row;[b-54pogi9zed]
    }
}

.meterpoint-key-info-element[b-54pogi9zed] {
    padding-right: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 1rem;

    @media (min-width: 768px) {
        padding-bottom: 0;[b-54pogi9zed]
    }
}

.meterpoint-key-info-element + .meterpoint-key-info-element[b-54pogi9zed] {
    border-top: 1px solid var(--border-default);
    padding-top: 1rem;
    
    @media (min-width: 768px) {
        padding-left: 2.5rem;
        border-top: 0;
        border-left: 1px solid var(--border-default);[b-54pogi9zed]
    }
}
.bi[b-54pogi9zed] {
    color: var(--icon-default);
    margin-left: 0.5rem;
}

.status[b-54pogi9zed] {
    display: flex;
    gap: 0.5rem;
    border-radius: 4px;
    font-size: 14px;
    padding: 0.35rem 0.5rem;
    
    .bi {
        margin-left: 0;
    }
}

.meterpoint-key-info-title[b-54pogi9zed] {
    color: var(--text-subdued-primary);
    margin-bottom: 0.5rem;
}


.status-active[b-54pogi9zed] {
    background-color: var(--surface-success);
    color: var(--text-success);


    .bi {
        color: var(--chart-positive);
    }
}

.status-inactive[b-54pogi9zed] {
    background-color: var(--surface-critical);
    color: var(--text-critical);


    .bi {
        color: var(--system-red-600);
    }
}

.meterpoint-key-info-value[b-54pogi9zed] {
    font-size: 1.5rem;
    font-weight: 600;
}

.link[b-54pogi9zed]{
    
    color: var(--text-default-primary);
}

.meterpoint-about[b-54pogi9zed], .meterpoint-history[b-54pogi9zed] {
    margin-top: 2rem;
    background-color: var(--surface-default-secondary);
    width: 100%;
    padding: 2rem;
    border-radius: 4px;
    
}
.meterpoint-history-top[b-54pogi9zed]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meterpoint-history-account-link[b-54pogi9zed]{
    display: flex;
    color: var(--text-default-primary);
}

.meterpoint-about-section[b-54pogi9zed] {
    border-top: 1px solid var(--border-default);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.meterpoint-breadcrumb[b-54pogi9zed] {
    margin-bottom: 2rem;
}

.meterpoint-about-element[b-54pogi9zed], .account-info-property[b-54pogi9zed] {
    display: flex;
    gap: 0.5rem;
}

.meterpoint-about-element-title[b-54pogi9zed] {
    color: var(--text-subdued-primary);
}

.meterpoint-about-element-value[b-54pogi9zed] {
    font-weight: 700;
}

.meterpoint-accounts[b-54pogi9zed] {
    margin-top: 2rem;
}

.account-info[b-54pogi9zed] {
    width: 100%;
    padding: 0.675rem;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
}

.account-info-properties[b-54pogi9zed] {
    display: flex;
    gap: 2.5rem;
}

.account-info-active[b-54pogi9zed] {
    background-color: var(--surface-success);
}

.account-info-inactive[b-54pogi9zed] {
    background-color: var(--surface-inactive);
}

.meterpoint-notes-box[b-54pogi9zed]{
    width: 95%;
    height: fit-content;
    padding: 1.5rem;
    border-radius: 4px;
    border: 2px dashed var(--border-default);
    margin: 2rem;
    background-color: var(--surface-default-secondary-subdued-transparent);


}
.meterpoint-notes-top[b-54pogi9zed] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meterpoint-notes-container[b-54pogi9zed]{
    padding: 2rem;
    border: 4px solid var(--border-default);
}

.meterpoint-notes[b-54pogi9zed]{
    margin-top: 1rem;
    border-radius: 4px;
}

.meterpoint-note[b-54pogi9zed] {
    background-color: var(--surface-default-secondary);
    margin-top: 0.5rem;
    padding: 0.5rem 1rem 0.5rem;
    border-radius: 4px;
}
.meterpoint-note-high[b-54pogi9zed] {
    border-left: 4px solid var(--system-red-500);
}

.meterpoint-note-mid[b-54pogi9zed] {
    border-left: 4px solid var(--primary-yellow-500);
}

.meterpoint-note-low[b-54pogi9zed] {

    border-left: 4px solid var(--primary-blue-500);
}

.note-top-text[b-54pogi9zed]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.note-top-text-high[b-54pogi9zed]{
    color: var(--text-critical);
}
.note-top-text-mid[b-54pogi9zed]{
    color: var(--primary-yellow-500);
}
.note-top-text-low[b-54pogi9zed]{
    color: var(--text-subdued-primary);
}

.archive-notes[b-54pogi9zed]{
    margin-top: 0.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.note-content-row[b-54pogi9zed] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
}

.note-content-row .medium-text[b-54pogi9zed] {
    flex: 1;
    margin-right: 10px;
}

.note-side-button[b-54pogi9zed] {
    display: flex;
    align-self: flex-end; 
    align-items: center;
}

.note-action-btn[b-54pogi9zed] {
    cursor: pointer;
    padding: 5px 8px;
    color: var(--text-subdued-secondary);
    transition: color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    
}

.note-action-btn:hover[b-54pogi9zed] {
    color: var(--text-subdued-secondary);
    background-color: var(--surface-default-primary);
}

.note-action-btn .bi[b-54pogi9zed]{
    font-size: 0.75rem;
    margin: 0;
}
.form-buttons[b-54pogi9zed]{
    display: flex;
    margin-top: 0.5rem;
}

.form-right-buttons[b-54pogi9zed]{
    display: flex;
    margin-left: auto;
}
/* _content/SynergyCustomerPortal/Pages/PortfolioReportPage.razor.rz.scp.css */
.title[b-1ercuh6fje] {
    margin-bottom: 1.25rem;
}

.portfolio-report-widgets[b-1ercuh6fje] {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.loader-container[b-1ercuh6fje] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
/* _content/SynergyCustomerPortal/Pages/SpotReport.razor.rz.scp.css */
.title[b-hzxknkys0w] {
    margin-bottom: 1rem;
}

.spot-report-breadcrumbs[b-hzxknkys0w] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
    align-items: center;

    path {
        fill: var(--icon-default);
    }

    .bi[b-hzxknkys0w] {
        font-size: 12px;
    }
}

.budget-report-hierarchy-breadcrumbs-button[b-hzxknkys0w] {
    background-color: transparent;
    border: none;
    color: var(--text-subdued-primary);

    &:hover {
        text-decoration: underline;
    }
}

.spot-report-variables[b-hzxknkys0w] {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;

    .bi {
        margin-right: 12px;
    }
}

.spot-report-filters[b-hzxknkys0w] {
    display: flex;
    gap: 0.5rem;
}

.spot-report-content[b-hzxknkys0w] {
    margin-top: 1rem;
    position: relative;
    min-height: 60vh
}


.loader-container[b-hzxknkys0w] {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.chart-hierarchy-container[b-hzxknkys0w] {
    display: grid;
    grid-template-columns: auto 1fr;
    height: 100%;
    min-height: 0;
    width: 100%;
    min-width: 0;
}

[b-hzxknkys0w] .hierarchy-sidebar {
    margin-top: 0 !important;
}
/* _content/SynergyCustomerPortal/Pages/TestPage.razor.rz.scp.css */
.test-page-section[b-7wqrhtcvri] {
    padding-top: 3rem;
    display: flex;
    gap: 2rem;
    flex-direction: column;
}

.test-page-text[b-7wqrhtcvri] {
    color: var(--text-default-secondary);
}

.test-page-widgets[b-7wqrhtcvri] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    max-width: 1440px;
}
/* _content/SynergyCustomerPortal/Pages/UserAdmin/AdminCenter.razor.rz.scp.css */


.user-search-btn-container[b-s9rfvyve62] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.user-search-container[b-s9rfvyve62] {
    position: relative;
    border-radius: 20px;
    min-width: 250px;
    max-width: 100%;
}

.user-search-input[b-s9rfvyve62] {
    padding: 8px 16px;
    font-size: 14px;
    color: var(--text-subdued-primary) !important;
    background-color: var(--surface-default-secondary) !important;
    border: 1px solid var(--border-default);
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
}

input:-webkit-autofill[b-s9rfvyve62],
input:-webkit-autofill:hover[b-s9rfvyve62],
input:-webkit-autofill:focus[b-s9rfvyve62],
input:-webkit-autofill:active[b-s9rfvyve62] {
    -webkit-box-shadow: 0 0 0 30px var(--surface-default-secondary) inset !important;
}

input:-webkit-autofill[b-s9rfvyve62] {
    -webkit-text-fill-color: var(--text-subdued-primary) !important;
}

.user-search-input:focus[b-s9rfvyve62] {
    outline: none;
    border-color: var(--border-default);
    background-color: var(--surface-default-secondary);
    box-shadow: 0 0 0 2px rgba(142, 103, 5, 0.25);
    cursor: text;
}

.user-search-input[b-s9rfvyve62]::placeholder {
    color: var(--text-subdued-primary);
}

.search-icon[b-s9rfvyve62] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.user-admin-filter-container[b-s9rfvyve62] {
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    max-width: 1044px;
    
    .number-of-users {
        color: var(--text-subdued-primary);
    }
}

.user-admin-users[b-s9rfvyve62] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 1044px;
}

.user-container[b-s9rfvyve62] {
    background-color: var(--surface-default-secondary);
    padding: 1rem;
    border-radius: 4px;

    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 0.5rem;

    @media (min-width: 768px) {
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr auto;[b-s9rfvyve62]
    }
}

.user-disabled[b-s9rfvyve62] {
    color: var(--text-critical);
    background-color: var(--surface-critical);
    padding: 0.25rem 0.5rem;
    border-radius: 20px;
    width: max-content;
}

.user-info-text[b-s9rfvyve62] {
    color: var(--text-subdued-primary);
}

.user-admin-buttons[b-s9rfvyve62] {
    display: flex;
    gap: 0.5rem;
}

.user-role[b-s9rfvyve62] {
    padding: 3px 8px;
    border-radius: 20px;
    width: max-content;
}

.user-role-admin[b-s9rfvyve62] {
    background-color: var(--surface-admin);
    color: var(--text-admin);
}
.user-role-sys-admin[b-s9rfvyve62] {
    background-color: var(--surface-sys-admin);
    color: var(--text-sys-admin);
}
.user-role-user[b-s9rfvyve62] {
    background-color: var(--surface-user);
    color: var(--text-user);
}

.error-message[b-s9rfvyve62]{
    color: var(--text-critical);
    margin-top: 1rem;
}

.checkbox-email[b-s9rfvyve62] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-controls[b-s9rfvyve62] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.user-admin-filter-container[b-s9rfvyve62] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
/* _content/SynergyCustomerPortal/Pages/UserAdmin/ProfileSettings.razor.rz.scp.css */

.content-container[b-1ay5k9a3ky] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 1rem;
    position: relative;

    @media (min-width: 768px) {
        grid-template-columns: 2fr 1fr;[b-1ay5k9a3ky]
        
    }
}

.main-content[b-1ay5k9a3ky] {
    display: flex;
    flex-direction: column;
}
 
.content-section[b-1ay5k9a3ky] {
    background-color: var(--surface-default-secondary);
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.disabled-content[b-1ay5k9a3ky] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(81, 118, 128, 0.5);
    backdrop-filter: blur(2px);

    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 10;
    border-radius: 4px;
}

.password-change-buttons[b-1ay5k9a3ky] {
    display: flex;
    gap: 0.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.user-info[b-1ay5k9a3ky] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-pair[b-1ay5k9a3ky] {
    display: flex;
    flex-direction: column;
}

.info-label[b-1ay5k9a3ky] {
    color: var(--text-subdued-secondary);
    margin-bottom: 0.25rem;
    font-size: 0.85rem;
}

.value[b-1ay5k9a3ky] {
    font-weight: 500;
    font-size: 1rem;
    color: var(--text-subdued-primary);
}

.btn-reset[b-1ay5k9a3ky] {
    background-color: var(--surface-default-primary,);
    border: none;
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    cursor: pointer;
    color: var(--text-subdued-primary);
}

.btn-reset:hover[b-1ay5k9a3ky] {
}

.btn-container[b-1ay5k9a3ky] {
    margin-top: 2rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.form-input[b-1ay5k9a3ky] {
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    background-color: var(--surface-default-primary);
    color: var(--text-subdued-primary);
}

.radio-group[b-1ay5k9a3ky] {
    display: flex;
    align-items: center;
}

.radio-group label[b-1ay5k9a3ky] {
    margin-right: 1rem;
}

.receipt[b-1ay5k9a3ky] {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.fade-out[b-1ay5k9a3ky] {
    opacity: 0;
}

.receipt-success[b-1ay5k9a3ky] {
    color: var(--text-success);
}

.receipt-error[b-1ay5k9a3ky] {
    color: var(--text-critical);
}

.access-toggle[b-1ay5k9a3ky] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: .5rem;
    height: 2rem;
}

.text-block[b-1ay5k9a3ky]{
    margin: 0.5rem 0;
}
.text-heading[b-1ay5k9a3ky]{
    margin: 0.5rem 0;
    padding-top: 0.5rem;
}
/* _content/SynergyCustomerPortal/Shared/LoginDisplay.razor.rz.scp.css */
.logout-link[b-jf37ngfzo1], .login-link[b-jf37ngfzo1] {
    color: var(--text-default-primary);
    
    .bi {
        padding-right: 1rem;
    }
}
/* _content/SynergyCustomerPortal/Shared/MainLayout.razor.rz.scp.css */
.page[b-lucw3018nc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-lucw3018nc] {
    flex: 1;
    width: calc(100% - 250px);
}

.page-body[b-lucw3018nc] {
    margin: 0 2rem 2rem;
    min-height: 100vh;
}

@media (max-width: 768px) {
    main[b-lucw3018nc] {
        width: auto;
    }
    
    .page-body[b-lucw3018nc] {
        margin-top: 2rem;
    }
}

.loader-container[b-lucw3018nc] {
    position: relative;
    height: 100vh;
    width: 100%;
    margin: 0 auto;
}

.sidebar[b-lucw3018nc] {
    border-right: 1px solid var(--border-default);
    background-color: transparent;
}

.top-row[b-lucw3018nc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
    color: var(--text-default-primary);
    background-color: transparent;
    position: relative;
}

.top-row-left[b-lucw3018nc] {
    display: flex;
    align-items: center;
}

.top-row-right[b-lucw3018nc] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-lucw3018nc] {
    background: transparent;
    border: none;
    color: var(--text-default-primary);
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    cursor: pointer;
    gap: 0.25rem;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
}

.back-button:hover[b-lucw3018nc] {
    color: var(--primary-blue-500);
}

.back-button i[b-lucw3018nc] {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .top-row:not(.auth)[b-lucw3018nc] {
        display: none;
    }

    .top-row.auth[b-lucw3018nc] {
        margin-right: 2rem;
    }

    .top-row a[b-lucw3018nc], .top-row .btn-link[b-lucw3018nc] {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .page[b-lucw3018nc] {
        flex-direction: row;
    }

    .sidebar[b-lucw3018nc] {
        width: 4.5rem;
        position: sticky;
        top: 0;
        bottom: 0;
        height: 100vh;
        z-index: 10;
        transition: width 0.5s;
    }

    .sidebar-active[b-lucw3018nc] {
        width: 15rem;
    }

    .top-row[b-lucw3018nc] {
        top: 0;
        z-index: 10;
    }

    .top-row[b-lucw3018nc], article[b-lucw3018nc] {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

.click-tooltip[b-lucw3018nc] {
    padding-right: 1.25rem;
}

.settings-menu-icon[b-lucw3018nc] {
    cursor: pointer;
}

.settings-menu-list-btn[b-lucw3018nc] {
    display: flex;
    gap: 1rem;
    color: var(--text-default-primary);
}

.settings-menu[b-lucw3018nc] {
    padding: 1.25rem 0;
    
    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    li[b-lucw3018nc] {
        padding: 0.5rem 1.25rem;
        width: 100%;
    }
    
    li:hover[b-lucw3018nc] {
        background-color: var(--surface-default-tertiary-hover);
    }
}

.search-toggle-button-container[b-lucw3018nc] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-top: 1rem;
    width: max-content;
}



/* _content/SynergyCustomerPortal/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ejrjyguxo8] {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-logo[b-ejrjyguxo8] {
    color: var(--icon-logo);
    margin-left: auto;
    margin-right: auto;

    path {
        fill: currentColor;
    }
}

.top-row[b-ejrjyguxo8] {
    margin-top: 2.5rem;
    margin-bottom: 6.25rem;
    position: relative;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .top-row[b-ejrjyguxo8] {
        margin-bottom: 1rem;
        position: absolute;
        margin-top: 1.5rem;
    }
    
    .navbar-logo[b-ejrjyguxo8] {
        margin-left: 2rem;
    }
}

.nav-menu[b-ejrjyguxo8] {
    display: block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

@media (max-width: 768px) { 
    .nav-menu[b-ejrjyguxo8] {
        display: none;
    }
}

.nav-item[b-ejrjyguxo8], .nav-item-link[b-ejrjyguxo8]  a {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.5rem;
    align-items: center;
    color: var(--text-subdued-primary);
}

.nav-item-closed[b-ejrjyguxo8], .nav-item-closed-link[b-ejrjyguxo8]  a {
    padding: 1rem;
}

.nav-item:hover[b-ejrjyguxo8], .nav-item-link:hover[b-ejrjyguxo8], .sub-menu-item:hover[b-ejrjyguxo8] {
    background-color: var(--surface-default-primary);
    border-radius: 4px;
}

.nav-item[b-ejrjyguxo8] {
    justify-content: space-between;
}

.nav-item-sub-menu[b-ejrjyguxo8] {
    cursor: pointer;
}

.nav-item-label[b-ejrjyguxo8] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.nav-item--active[b-ejrjyguxo8] {
    font-weight: 700;
    color: var(--text-default-primary);
}

.tooltip-links[b-ejrjyguxo8] {
    display: flex;
    flex-direction: column;
}

.tooltip-link[b-ejrjyguxo8] {
    color: var(--text-default-primary);
    padding: 0.5rem 1rem;
}

.tooltip-link:hover[b-ejrjyguxo8] {
    background-color: var(--surface-default-tertiary-hover);
}

.chevron[b-ejrjyguxo8] {
    transition: 0.3s ease-in-out;
}

.chevron-active[b-ejrjyguxo8] {
    transform: rotate(180deg);
}

.sub-menu[b-ejrjyguxo8] {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
}

.sub-menu-item[b-ejrjyguxo8] {
    padding-left: 4.125rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.sub-menu-item[b-ejrjyguxo8]  a {
    color: var(--text-subdued-primary);
    padding: 0;
}


.bottom-row[b-ejrjyguxo8] {
    display: none;
    width: 100%;

    button {
        background-color: transparent;
        border: 0;
        padding: 1rem;
        position: absolute;
        bottom: 3rem;
    }

    @media (min-width: 641px) {
        display: block;[b-ejrjyguxo8]
    }

    .arrow-icon[b-ejrjyguxo8] {
        transition: transform 0.5s;
    }

    .arrow-icon-open[b-ejrjyguxo8] {
        transform: rotateY(180deg);
    }
}

.bi[b-ejrjyguxo8] {
    width: 2rem;
    vertical-align: text-top;
    font-size: 1.5rem;
    text-align: center;
    color: currentColor;
}

.icon[b-ejrjyguxo8] {
    width: 2rem;
}

.arrow-icon[b-ejrjyguxo8] {
    right: 0.25rem;
}

.nav-item-label[b-ejrjyguxo8] {
    transition: opacity 5s, display 5s;
    cursor: pointer;
}

.icon-label[b-ejrjyguxo8] {
    display: flex;
    gap: 1rem;
    align-items: center;
}


@media (min-width: 641px) {
    .navbar-toggler[b-ejrjyguxo8] {
        display: none;
    }

    .collapse[b-ejrjyguxo8] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}