@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/TradePlanner.SharedComponents/TradePlanner.SharedComponents.bundle.scp.css';

/* /Components/PageParts/AccessRequest/AccessFormPanel.razor.rz.scp.css */
.access-form-container[b-h3cm5yq5s2] {
    width: 100vw;
    grid-area: main;
    overflow-x: hidden;
    overflow-y:auto;
}
.access-title-bar[b-h3cm5yq5s2] {
    background-color: #0099d9;
    padding-left: 8px;
    line-height: 2.2;
}
/* /Components/PageParts/AccessRequest/AccessRequestPanel.razor.rz.scp.css */
.remove-file[b-1yuwbaegfy] {
    width: 31px;
}

.approved-icon[b-1yuwbaegfy]{
    font-style: italic;
    font-family: serif;
    font-weight: bold;
    color: #fff;
    background-color: #0099d9;
    border-radius: 10px;
    padding: 0 5px;
}
/* /Components/PageParts/AccessRequest/MultipleFilters.razor.rz.scp.css */
.large-readonly-text[b-50ord261sf] {
    max-height: 150px;
    overflow-x: auto;
}

.approved-icon[b-50ord261sf] {
    font-style: italic;
    font-family: serif;
    font-weight: bold;
    color: #fff;
    background-color: #0099d9;
    border-radius: 10px;
    padding: 0 5px;
}
/* /Components/PageParts/AccessRequest/RequestFilesComments.razor.rz.scp.css */
.approved-icon[b-zwuenvma0a] {
    font-style: italic;
    font-family: serif;
    font-weight: bold;
    color: #fff;
    background-color: #0099d9;
    border-radius: 10px;
    padding: 0 5px;

}

/* /Components/PageParts/AccessRequest/UserAccessAdmin/AccessModuleTypePanel.razor.rz.scp.css */
.admin-module-type-panel[b-965jrqunq6] {
    width: 100vw;
    overflow-x: auto;
}
/* /Components/PageParts/AccessRequest/UserAccessAdmin/UserAccessAdminPanel.razor.rz.scp.css */

.admin-report-tool[b-aesclyjkpv] {
    height: 100%;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .admin-body[b-aesclyjkpv] {
        height: 85vh;
        overflow-y: auto;
        overflow-x: auto;
    }
}

@media (min-width: 1200px) {
    .admin-body[b-aesclyjkpv] {
        height: 85vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}


.excel-button[b-aesclyjkpv] {
    width: 100%;
    padding-inline: 4px;
    margin-top: 20px;
}
[b-aesclyjkpv] .admin-expanded-panel {
    width: 98vw !important;
}
[b-aesclyjkpv] .expanded-group {
    width: 98vw !important;
}
.row[b-aesclyjkpv] {
    margin-inline: 0px;
}
.export-excel-button[b-aesclyjkpv] {
    padding-inline: 1px;
}
.admin-access-filter-panel[b-aesclyjkpv] {
    background-color: #e6e7e8;
    padding: 3px 4px 6px 4px;
    max-height: 130px;
    font-size: 90%;
    overflow-x: auto;
    overflow-y: auto;
}
/* /Components/PageParts/Admin/AdminReports/AdminReportsPanel.razor.rz.scp.css */
.admin-report-tool[b-kw9gxfuq9a] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.admin-report-filter-panel[b-kw9gxfuq9a] {
    min-height: 65px;
    max-height: 65px;
    margin: 0px;
}

.admin-report-filter-panel.row[b-kw9gxfuq9a] {
    width: calc(100% + 8px); /* need to compensate for negative margins of .row */
}
.filter-panel-button-container[b-kw9gxfuq9a] {
    margin-top: 20px;
}
.spinner-container[b-kw9gxfuq9a] {
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
}
/* /Components/PageParts/Admin/UserSecurity/AddUser.razor.rz.scp.css */
.add-user[b-3otr2pnizp] {
    width: 340px;
}
@media (min-width: 768px) {
    .add-user[b-3otr2pnizp] {
        width: 600px;
    }
}
/* /Components/PageParts/Admin/UserSecurity/CopyAccess.razor.rz.scp.css */

.copy-access[b-jweevml2zq] {
    width: 350px;
    line-height: 110%;
}

@media (min-width: 768px) {
    .copy-access[b-jweevml2zq] {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .copy-access[b-jweevml2zq] {
        width: 950px;
    }
}

.fiscal-year-container[b-jweevml2zq] {
    padding-inline: 5px;
    overflow: auto;
    min-height: 300px;
    max-height: 300px;
    width: 100px;
    box-shadow: 1px 1px 8px #dee2e6;
}

@media (min-width: 768px) {
    .fiscal-year-container[b-jweevml2zq] {
        min-height: 450px;
        max-height: 450px;
        width: 200px;
    }
}

.search-user-container[b-jweevml2zq] {
    flex-grow: 1;
    overflow-y: auto;
    min-height: 300px;
    max-height: 300px;
    width: 350px;
}

@media (min-width: 768px) {
    .search-user-container[b-jweevml2zq] {
        min-height: 450px;
        max-height: 450px;
        width: 500px;
    }
}

@media (min-width: 992px) {
    .search-user-container[b-jweevml2zq] {
        width: 740px;
    }
}

.search-user-container .search-user-panel-container[b-jweevml2zq] {
    flex: 1 1 50%;
    width: 50%;
    padding-left: 5px;
}

@media (min-width: 768px) {
    .search-user-container .search-user-panel-container[b-jweevml2zq] {
        padding-left: 20px;
    }
}

.search-user-container .manage-user[b-jweevml2zq] {
    padding-block: 10px;
}

    .search-user-container .manage-user .user-name[b-jweevml2zq] {
        min-width: 120px;
    }

@media (min-width: 768px) {
    .search-user-container .manage-user .user-name[b-jweevml2zq] {
        min-width: 180px;
    }
}

.search-user-container .selected-users-container[b-jweevml2zq] {
    flex: 1 1 50%;
    width: 50%;
    padding: 4px 0 0 8px;
}

.copy-access-comment-label[b-jweevml2zq] {
    width: 100%;
    margin-block: 5px;
}

@media (min-width: 768px) {
    .copy-access-comment-label[b-jweevml2zq] {
        margin-block: 20px;
    }
}
/* /Components/PageParts/Admin/UserSecurity/ManageUser.razor.rz.scp.css */
.manage-user[b-jatxrv4izs] {
    padding-block: 2px;
}

.user-name[b-jatxrv4izs] {
    padding-top: 10px;
}
/* /Components/PageParts/Admin/UserSecurity/ModuleAccessPanel.razor.rz.scp.css */

.module-access-panel[b-xa79bni7y1] {
    overflow: auto;
    width: 100%;
    margin-block: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
}

@media (min-width: 768px) {
    .module-access-panel[b-xa79bni7y1] {
        margin-block: 20px;
    }
}

[b-xa79bni7y1] .module-access-list-box {
    width: 100%;
    flex-grow: 1;
}

.module-access-list-box-container[b-xa79bni7y1] {
    width: 0;
    flex-grow: 1;
    max-width: 250px;
    /* using flex here so each list box container will be full-height yet fit the content of the tallest one*/
    display: flex;
    flex-direction: column;
}
@media (min-width: 992px) {
    .module-access-list-box-container[b-xa79bni7y1] {
        max-width: 300px;
    }
}



.module-access-list-box-container .label[b-xa79bni7y1] {
    white-space: nowrap;
}

.module-access-list-line[b-xa79bni7y1] {
    display: flex;
}

.module-access-list-name[b-xa79bni7y1] {
    min-width: 240px;
}

.module-access-list-isreadonly[b-xa79bni7y1] {
    min-width: 20px;
    margin-left: 8px;
}

[b-xa79bni7y1] .module-access-list-box {
    width: 100%;
    flex-grow: 1;
}


[b-xa79bni7y1] .module-access-list-box-container .rz-helper-hidden-accessible {
    width: 0;
    // not sure why this thing is taking up width, but this avoids such.
}

[b-xa79bni7y1] .module-access-list-box-container .rz-multiselect-item {
    padding: 3px 5px;
    line-height: 100%;
    font-size: 70%;
    color: black;
}

[b-xa79bni7y1] .module-access-list-box-container .rz-multiselect-item > span
{
    width: 100%;
    /* this is needed to allow list items to be full width (to enable double-clicking empty space) */
}

@media (min-width: 768px) {
    [b-xa79bni7y1] .module-access-list-box-container .rz-multiselect-item {
        font-size: 80%;
    }
}

@media (min-width: 992px) {
    [b-xa79bni7y1] .module-access-list-box-container .rz-multiselect-item {
        font-size: 90%;
    }
}

/* override the radzen highlight color to enhance legibility of black text */
[b-xa79bni7y1] .module-access-list-box-container li.rz-multiselect-item:hover 
{
    background-color: var(--pale-blue);
}

[b-xa79bni7y1] .module-access-list-box-container li.rz-multiselect-item.rz-state-highlight,
[b-xa79bni7y1] .module-access-list-box-container li.rz-multiselect-item.rz-state-highlight:hover {
    background-color: var(--medium-blue);
}

.module-access-grant-revoke-buttons-container[b-xa79bni7y1] {
    padding-top: 20px;
}

.grant-revoke-button[b-xa79bni7y1] {
    display: block;
    margin-block: 10px;
    padding: 10px 5px;
}

@media (min-width: 576px) {
    .grant-revoke-button[b-xa79bni7y1] {
        padding: 20px 10px;
    }
}

.set-primary-module-instructions[b-xa79bni7y1] {
    font-size: 80%;
    font-style: italic;
    float: right;
    margin-top: 3px;
}
/* /Components/PageParts/Admin/UserSecurity/PlannerCategoryAccessNode.razor.rz.scp.css */
.planner-category-access-node[b-e6to2mh5as] {
    width: 100%;
}

[b-e6to2mh5as] .expand-button.planner-expand-button {
    width: unset;
    padding: 2.1px 3.15px 3.15px 3.15px;
    border: none;
}
 
.planner-expanded-bottom-spacer[b-e6to2mh5as] {
    width: 100%;
    height: 5px;
}

.planner-category-access-line-container .expand-button[b-e6to2mh5as] {
    margin-inline: 0;
}

.planner-category-access-line-container[b-e6to2mh5as],
[b-e6to2mh5as] .planner-category-access-line {
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;
}
    

[b-e6to2mh5as] .category-node {
    margin-left: 40px;
}
/* /Components/PageParts/Admin/UserSecurity/PlannerCategoryAccessPanel.razor.rz.scp.css */
.copy-access-glyph[b-swjsryo75w] {
    height: 15px;
}

.planners-not-found-message[b-swjsryo75w] {
    margin-top: 8px;
    margin-left: 8px;
}
/* /Components/PageParts/Admin/UserSecurity/PlannerCategoryAccessTree.razor.rz.scp.css */

.planner-category-access-tree[b-9ram1e2hcu] {
    /* the widest planner name seems to fit in 600px, so this is a good max width. Consider refactoring to table-tr-td 
        layout if this becomes too little. */
    width: MIN(100%, 900px);
    margin-bottom: 10px;
}

[b-9ram1e2hcu] .description {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70px;
}

[b-9ram1e2hcu] .region {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70px;
}
/* /Components/PageParts/Admin/UserSecurity/PlannersByRegion.razor.rz.scp.css */
.planners-by-region[b-wvtbjt0suw] {
    min-width: 360px;
    max-width: 950px;
    font-size: 80%;
}
@media (min-width: 768px) {
    .planners-by-region[b-wvtbjt0suw] {
        font-size: 100%;
    }
}

.planners-by-region-main-content[b-wvtbjt0suw] {
    display: flex;
}

.planners-by-region-planners-tree-panel[b-wvtbjt0suw] {
    flex: 1 1 35%;
    margin-right: 5px;
}
@media (min-width: 768px) {
    .planners-by-region-planners-tree-panel[b-wvtbjt0suw] {
        margin-right: 10px;
    }
}

.planners-by-region-categories-panel[b-wvtbjt0suw] {
    flex: 1 1 65%;
    max-height: 350px;
    overflow-y: auto;

}
@media (min-width: 768px) {
    .planners-by-region-categories-panel[b-wvtbjt0suw] {
        min-height: 450px;
        max-height: 550px;
        margin-left: 10px;
        overflow-y: unset;
    }
}


.planner-list-tree-container[b-wvtbjt0suw] {
    overflow-y: auto;
    min-height: 330px;
    max-height: 330px;
    box-shadow: 1px 1px 8px #dee2e6;
    padding: 5px 10px;
}
@media (min-width: 768px) {
    .planner-list-tree-container[b-wvtbjt0suw] {
        min-height: 430px;
        max-height: 530px;
    }
}

.planner-list-tree-container > .tree-view[b-wvtbjt0suw] {
    margin-left: 0;
}
.planner-list-tree-container .planner-node-container[b-wvtbjt0suw],
.planner-list-tree-container .region-node-container[b-wvtbjt0suw] {
    display: inline-flex;
    justify-content: flex-start;
    font-size: 100%;
    margin-block: 2px;
}

    .planner-list-tree-container .planner-node-container .description[b-wvtbjt0suw],
    .planner-list-tree-container .region-node-container .description[b-wvtbjt0suw] {
        flex-grow: 1;
        padding-left: 5px;
    }

.planners-by-region-main-content tr.category-list-item td[b-wvtbjt0suw],
.planners-by-region-main-content tr.category-list-item th[b-wvtbjt0suw] {
    padding: 2px;
}

.planners-by-region-main-content tr.category-list-item th[b-wvtbjt0suw] {
    white-space: nowrap;
}

    @media (min-width: 768px) {
        .planners-by-region-main-content tr.category-list-item td:first-child[b-wvtbjt0suw],
        .planners-by-region-main-content tr.category-list-item th:first-child[b-wvtbjt0suw] {
            padding-left: 10px;
        }
    }

.planners-by-region-main-content tr.category-list-item:last-child td[b-wvtbjt0suw] {
    padding-bottom: 10px;
}

.planners-by-region-main-content .category-list-item[b-wvtbjt0suw] {
    line-height: 100%;
}

    .planners-by-region-main-content .category-list-item .category-list-category[b-wvtbjt0suw] {
        width: 200px;
    }

    .planners-by-region-main-content .category-list-item .category-list-read-only[b-wvtbjt0suw],
    .planners-by-region-main-content .category-list-item .category-list-update[b-wvtbjt0suw],
    .planners-by-region-main-content .category-list-item .category-list-payment[b-wvtbjt0suw],
    .planners-by-region-main-content .category-list-item .category-list-backup[b-wvtbjt0suw] {
        text-align: center;
    }
    @media (min-width: 768px) {
        .planners-by-region-main-content .category-list-item .category-list-read-only[b-wvtbjt0suw],
        .planners-by-region-main-content .category-list-item .category-list-update[b-wvtbjt0suw],
        .planners-by-region-main-content .category-list-item .category-list-payment[b-wvtbjt0suw],
        .planners-by-region-main-content .category-list-item .category-list-backup[b-wvtbjt0suw] {
            width: 80px;
        }
    }

.planners-by-region-main-content .category-list-container[b-wvtbjt0suw] {
    overflow: auto;
    min-height: 450px;
    width: 500px;
    box-shadow: 1px 1px 8px #dee2e6;
    padding-left: 10px;
}
/* /Components/PageParts/Admin/UserSecurity/PlannerSecurityPanel.razor.rz.scp.css */


.planner-security-panel[b-uiea6miv6x] {
    padding: 20px;
}

.excel-export-button[b-uiea6miv6x] {
    height: 35px;
}

.planner-container[b-uiea6miv6x] {
    display: inline-block;
}

.fiscal-year-container[b-uiea6miv6x] {
    max-width: 100px;
    display: inline-block;
}

.excel-export-container[b-uiea6miv6x] {
    display: inline-block;
}


.planner-user-access-tree[b-uiea6miv6x] {
    width: MIN(100%, 700px);
}

[b-uiea6miv6x] .planner-user-access-line {
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;
    padding: 4px;
}

[b-uiea6miv6x] .rz-state-active.rz-state-disabled {
    background-color: #35a0d7
}

[b-uiea6miv6x] .category-description {
    padding-left: 20px;
}

[b-uiea6miv6x] .description {
    flex-grow: 1;
    display: flex;
}

[b-uiea6miv6x] .category-node {
    margin-left: 14px;
}

[b-uiea6miv6x] .expand-button.user-expand-button {
    width: unset;
    padding: 2.1px 3.15px 3.15px 3.15px;
    border: none;
}

@media (min-width: 576px) {
    .sort-icon[b-uiea6miv6x] {
        white-space: nowrap;
    }

    .read-only-column[b-uiea6miv6x] {
        width: 70px;
    }
}
/* /Components/PageParts/Admin/UserSecurity/PlannerUserAccessNode.razor.rz.scp.css */
.planner-user-access-node[b-qglf6r8i9h] {
    width: 100%
}
/* /Components/PageParts/Admin/UserSecurity/RemoveAccess.razor.rz.scp.css */

.remove-access[b-o02urn7bu4] {
    min-width: 320px;
}

.remove-access-comment[b-o02urn7bu4] {
    margin-block: 20px;
}

.remove-access-comment-label[b-o02urn7bu4] {
    width: 100%;
}
/* /Components/PageParts/Admin/UserSecurity/UserSecurityLogsPanel.razor.rz.scp.css */
table.user-security-logs-table[b-y9pbm5pun2] {
    font-size: 90%;
    line-height: 100%;
}

    [b-y9pbm5pun2] table.user-security-logs-table tr td {
        padding: 6px 10px 2px 0;
        border-bottom: solid 1px white;
    }

    /* putting white border on "tr" somehow works right, whereas border on "tr td" causes the hover below to render wrong in Chrome */

[b-y9pbm5pun2] table.user-security-logs-table tr th,
[b-y9pbm5pun2] table.user-security-logs-table tr:hover td {
    border-bottom: solid 1px $gray-500;
}
/* /Components/PageParts/Admin/UserSecurity/UserSecurityPanel.razor.rz.scp.css */
.user-security-panel[b-2rthplw0n7] {
    flex-direction: column;
    width: 100%;
    overflow: auto;
    padding: 2px;
}

@media (min-width: 768px) {
    .user-security-panel[b-2rthplw0n7] {
        padding: 5px;
    }
}

.user-security-input-section[b-2rthplw0n7] {
    max-width: 1000px;
}

.user-security-user-control-bar[b-2rthplw0n7] {
    margin-top: 2px;
    padding-bottom: 16px;
}

.user-security-comment-label[b-2rthplw0n7] {
    width: 100%;
}

.route-group-label[b-2rthplw0n7] {
    font-size: 12px;
}

    .route-group-label input[b-2rthplw0n7] {
        max-width: 100px;
    }

[b-2rthplw0n7] .user-security-user-control-bar .rz-dropdown-label {
    min-width: 300px;
}

[b-2rthplw0n7] .form-control {
    padding-inline: 5px;
}

[b-2rthplw0n7] .expand-button {
    width: 100%;
}

[b-2rthplw0n7] .fiscal-year-container {
    overflow-x: hidden;
}

[b-2rthplw0n7] .fiscal-year-label {
    font-size: 12px;
}

    [b-2rthplw0n7] .fiscal-year-label input {
        max-width: 100px;
    }


[b-2rthplw0n7] .rz-helper-hidden-accessible {
    width: 0;
    /* not sure why this thing is taking up width, but this avoids such. */
}

[b-2rthplw0n7] .rz-multiselect-item {
    padding: 3px 5px;
    line-height: 100%;
    font-size: 70%;
    color: black;
}

    [b-2rthplw0n7] .rz-multiselect-item > span {
        width: 100%;
        /* this is needed to allow list items to be full width (to enable double-clicking empty space) */
    }

@media (min-width: 576px) {
    [b-2rthplw0n7] .rz-multiselect-item {
        font-size: 80%;
    }
}

@media (min-width: 992px) {
    [b-2rthplw0n7] .rz-multiselect-item {
        font-size: 90%;
    }
}

/* override the radzen highlight color to enhance legibility of black text */
[b-2rthplw0n7] li.rz-multiselect-item:hover {
    background-color: var(--pale-blue);
}

[b-2rthplw0n7] li.rz-multiselect-item.rz-state-highlight,
[b-2rthplw0n7] li.rz-multiselect-item:hover {
    background-color: var(--medium-blue);
}
/* /Components/PageParts/Admin/UserSecurity/UserSecurityReportPanel.razor.rz.scp.css */

.user-security-report-panel[b-o77w0bt24h] {
    padding: 20px;
}
/* /Components/PageParts/Ave/AveButtonBar.razor.rz.scp.css */
.ave-button-bar[b-ro2mpju6y5] {

}

label[b-ro2mpju6y5] {
    font-weight: bold;
    display: block;
}

button[b-ro2mpju6y5] {
    white-space: nowrap;
}

[b-ro2mpju6y5] .btn{
    max-height: 31px;
}


.btn-group > .btn:not(:first-child)[b-ro2mpju6y5] {
    border-left: 1px solid var(--gray-500);
}

[b-ro2mpju6y5] .btn-group > .btn:first-child{
    margin-left: 3px;
}
[b-ro2mpju6y5] .expand-all-button {
    min-width: unset;
}

[b-ro2mpju6y5] .paragon-popover-container .paragon-popover.update-all-popover {
    white-space: nowrap;
    padding: 6px 12px;
    max-width: unset;
    left: 0;
}

    /* reposition the popover "source element" arrow */
    [b-ro2mpju6y5] .paragon-popover-container .paragon-popover.paragon-popover-below.update-all-popover::before {
        left: 104px;
    }

[b-ro2mpju6y5] .update-estimates-trend-section {
    white-space: nowrap;
    margin-inline: 20px;
}

    [b-ro2mpju6y5] .update-estimates-trend-section input {
        min-width: 20px;
        max-width: 40px;
    }

    [b-ro2mpju6y5] .update-estimates-trend-section .input-group-text,
    [b-ro2mpju6y5] .update-estimates-trend-section .input-group-sm > .form-control {
        padding-inline: 4px;
        text-align: right;
    }
/* /Components/PageParts/Ave/AveDetailRow.razor.rz.scp.css */
.ave-detail-row:first-child[b-gtv2vt9cph] {
    margin-top: 10px; /* increased visual separation between spend group button and first PPG */
}

.ave-detail-row:has(.revealer-hide):first-child[b-gtv2vt9cph] {
    margin-top: 0; /* overcome browser rendering bug that the revealer should hide anyway */
}

/* hide all detail label divs except the first one per detail */
.ave-detail-row:not(:first-child) div.label[b-gtv2vt9cph] {
    margin-top: 15px; /* increased visual separation between spend group button and first PPG */
    display: none;
}

/* ...but also show label divs in the first detail after a detail with shown AVE info amounts */
.ave-detail-row:has(.revealer-show .ave-facts-table) + .ave-detail-row div.label[b-gtv2vt9cph] {
    display: block;
}

.ave-detail-ppg-button-container[b-gtv2vt9cph] {
    min-height: 35px; /* eliminates varying height of first row  */
}

/* increased visual separation between fact table and the next PPG */
[b-gtv2vt9cph] .ave-facts-table {
    margin-bottom: 20px;
}

.update-button-text[b-gtv2vt9cph] {
    font-size: 12px;
}

button[b-gtv2vt9cph] {
    white-space: nowrap;
}

.btn.ave-update-estimates-button[b-gtv2vt9cph] {
    margin-bottom: 3px;
}

.oi-pencil[b-gtv2vt9cph] {
    transform: scale(85%); /* smaller pencil to contrast with "big" pencil in button bar */
}

.ave-inactive-ppg-indicator[b-gtv2vt9cph] {
    display: inline-block;
    font-size: 75%;
    background-color: var(--gray-500);
    text-transform: uppercase;
    color: white;
    margin-right: 4px;
    padding: 2px 8px;
}

    [b-gtv2vt9cph] .paragon-popover-container:has(.ave-update-estimates-button) > span {
        display: block;
    }

[b-gtv2vt9cph] .paragon-popover-container .ave-update-estimates-button {
    white-space: nowrap;
    align-self: flex-end;
}

[b-gtv2vt9cph] .expand-all-ppgs-in-spend-group-button {
    display: inline-block;
    /* we want to discourage use of this button but enable it for when it is really needed */
    transform: scale(.85); /* must keep it small  */
    margin-block: -4px -2px; /* cheats it up a bit so that it doesn't grow the height of the headings row */
    border-color: transparent;
    padding: 0 10px; /* must keep the height small */
}

    [b-gtv2vt9cph] .expand-all-ppgs-in-spend-group-button:hover {
        border-color: var(--gray);
        color: black;
    }

[b-gtv2vt9cph] .update-estimates-trend-section {
    white-space: nowrap;
    margin-inline: 20px;
}

    [b-gtv2vt9cph] .update-estimates-trend-section input {
        min-width: 20px;
        max-width: 40px;
    }

    [b-gtv2vt9cph] .update-estimates-trend-section .input-group-text,
    [b-gtv2vt9cph] .update-estimates-trend-section .input-group-sm > .form-control {
        padding-inline: 4px;
        text-align: right;
    }
/* /Components/PageParts/Ave/AveFactCell.razor.rz.scp.css */
/*
 do not add styles here, as there is no root element for this component (due to td/th in children)
 Instead add styles to parent (with ::deep) or to the child components
 */
/* /Components/PageParts/Ave/AveFactColumnHeadingCell.razor.rz.scp.css */
td.ave-fact-column-heading-cell[b-2vejulvnas] {
    white-space: nowrap;
    opacity: 0.7;
}

.ave-fact-cell-text[b-2vejulvnas] {
    /* lines up the right-aligned digits */
    padding-right: 2px;

    /* make the non-editable fields just a bit lighter */
}


[b-2vejulvnas] button.btn-outline-secondary {
    padding: 0 4px;
    border-color: transparent;
    margin: 1px 2px;
}


@media (min-width: 1200px) {
    [b-2vejulvnas] button.btn-outline-secondary {
        padding-inline: 8px;
    }
}
        [b-2vejulvnas] button.btn-outline-secondary:hover {
            border-color: var(--gray);
        }

[b-2vejulvnas] span.expand-collapse-chevrons {
    display: flex; /* fix: see https://stackoverflow.com/a/45602233/7453 */
}
    [b-2vejulvnas] span.expand-collapse-chevrons svg {
        vertical-align: baseline;
    }
/* /Components/PageParts/Ave/AveFactNumericCell.razor.rz.scp.css */
td.ave-fact-cell[b-zno0yal219] {
    text-align: right;
    padding: 2px 4px 0 0;
}

[b-zno0yal219] input.form-control {
    text-align: right;
    padding: 0 1px;
    margin-bottom: 2px;
    margin-left: 2px;
    width: 56px;
    /* make editable inputs visually distinct from the dark-gray */
    color: black;
    font-weight: bold;
}

.ave-fact-cell-text[b-zno0yal219] {
    /* lines up the right-aligned digits */
    padding-right: 2px;
}

.modified-in-recent-upload[b-zno0yal219]  .ave-rep-est-input {
    border: 2px solid var(--green); /* note --yellow appears more like light-orange */
    /*padding: 20px;*/
}
/* /Components/PageParts/Ave/AveFactPreferencesDraggableItem.razor.rz.scp.css */
.ave-fact-preferences-draggable-item[b-d26q57q8tt] {
    border: 1px solid #939598;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ave-fact-preferences-draggable-item-label[b-d26q57q8tt] {
    margin: 3px;
    width: 300%;
}

.draggable-item-icon[b-d26q57q8tt] {
    color: #e6e7e8;
    padding: 2px;
}

.ave-fact-preferences-draggable-item:hover .draggable-item-icon[b-d26q57q8tt] {
    color: #939598;
}
/* /Components/PageParts/Ave/AveFactRow.razor.rz.scp.css */



[b-y7powu37zc] input.form-control {
    text-align: right;
    padding: 0 2px;
    margin-block: 3px; /* leave room for focus outline */
    font-size: 11.5px;
    width: 100%;
    /* make editable inputs visually distinct from the dark-gray */
    color: black;
    font-weight: bold;
}

[b-y7powu37zc] th .ave-rep-est-preview{
    /* fudge it down a bit (alternative to rejiggering the row scheme) */
    float:right;
    margin-top: 13px;
}
[b-y7powu37zc] .ave-rep-est-preview {
    font-style: italic;
}
[b-y7powu37zc] div.ave-rep-est-preview .ave-rep-est-preview-text {
    background-color: #ffffaa;
    padding: 4px 0 4px 2px;
}

[b-y7powu37zc] .ave-rep-est-input.form-control,
[b-y7powu37zc] .ave-rep-est-input.form-control:focus {
    background-color: #ffffea;
}

/* nudge the non-preview cells top alignment when other cells have preview */ 
[b-y7powu37zc] td.ave-fact-cell.ave-cell-noneditable-in-preview-row,
[b-y7powu37zc] th.label:has(.ave-rep-est-preview){
    vertical-align: top;
    padding-top: 12px;
}
[b-y7powu37zc] th.label:has(.ave-rep-est-preview){
    padding-top: 15px;
}

[b-y7powu37zc] td.ave-fact-cell.ave-quarter-totals-cell {
    background-color: var(--gray-100);
}
[b-y7powu37zc] td.ave-fact-cell.ave-year-totals-cell {
    background-color: var(--gray-200);
}
/* /Components/PageParts/Ave/AveFactsTable.razor.rz.scp.css */
.ave-facts-table[b-y85dgxtrng] {
    overflow-x: auto;
    position: relative;
}

.floating-table-controls[b-y85dgxtrng] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* must appear above the table */
}

    .floating-table-controls button[b-y85dgxtrng] {
        font-size: 85%;
        padding-block: 1px 3px; /* tighten up this button only just so it fits better in the AVE fact table*/
        border-color: transparent;
    }

        .floating-table-controls button:hover[b-y85dgxtrng] {
            border-style: var(--gray-900);
        }

        .floating-table-controls button .expand-collapse-chevrons[b-y85dgxtrng] {
            position: relative;
            top: -2px;
        }

table[b-y85dgxtrng] {
    max-width: 100%;
    width: 100%;
    table-layout: fixed;
}

/* note the widths below are important to make all the columns match widths; max-widths are important for transition */

[b-y85dgxtrng] tr th,
[b-y85dgxtrng] tr td {
    border-bottom: 1px solid transparent;
    vertical-align: middle;
    cursor: default;
    text-align: right;
    padding: 0 2px 0 1px; /* note: This is pretty tight but it fits the whole fact table in a 1200px-wide view.  Be careful. */
    font-size: 11.5px;
    transition-property: padding-inline, width, max-width;
    transition: 0.5s ease-in-out;
    transition: border-bottom 0s ease-in-out;
    overflow: hidden; /* needed to ensure collapsed columns don't show */
}
    
    [b-y85dgxtrng] tr th {
        padding-block: 0;
        padding-right: 8px;
        white-space: nowrap;
        font-size: 11px;
        text-align: right;
        width: 125px;
    }
    
    [b-y85dgxtrng] tr th .ave-fact-row-label-text {
        text-overflow: ellipsis;
        overflow: hidden;
    }


[b-y85dgxtrng] tr td {
    padding-block: 2px;
    width: 59px;
    max-width: 59px;
}
[b-y85dgxtrng] tr td.hide {
    padding-inline: 0;
    width: 0;
    max-width: 0;
}


[b-y85dgxtrng] tr td.ave-quarter-totals-cell {
    width: 65px;
    max-width: 65px;
}

[b-y85dgxtrng] tr:not(.emphasized-row):hover th,
[b-y85dgxtrng] tr:not(.emphasized-row):hover td {
    border-bottom-color: var(--gray-500);
}

[b-y85dgxtrng] tr.emphasized-row {
    /* outline on the row renders more nicely than borders on cells; see also https://stackoverflow.com/a/55302985/7453 */
    outline: 2px solid var(--pale-blue);
    outline-offset: -2px;
}
/* /Components/PageParts/Ave/AveFilterPanel.razor.rz.scp.css */
.ave-filter-panel[b-6dyof4wvn5] {
    min-height: 65px;
    max-height: 65px;
    width: 100%;
}

    .ave-filter-panel label[b-6dyof4wvn5],
    .ave-filter-panel label > span:first-child[b-6dyof4wvn5] {
        display: block;
    }

.filter-checkbox-container[b-6dyof4wvn5] {
    font-weight: normal;
    margin-right: 20px;
    margin-bottom: 5px;
    white-space: nowrap;
}

    .filter-checkbox-container input[type="checkbox"][b-6dyof4wvn5] {
        margin-right: 2px;
    }
/* /Components/PageParts/Ave/AveGenerateTemplateButton.razor.rz.scp.css */
.label.generate-template-instructions[b-821rrq1gly] {
    font-style: italic;
    line-height: 1.2;
    white-space: nowrap;
    margin-right: 15px; /* leave room for floating close button */

}

.btn.btn-sm.btn-secondary[b-821rrq1gly] {
    /* btn-group is disrupted by Paragon popover, so tweak it here to look unified with button to the right */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right:1px;
}

.paragon-popover[b-821rrq1gly]{
    max-width: unset; /* fit to content always (should never be too wide) */
}

.paragon-popover-container .paragon-popover .dropdown-item[b-821rrq1gly] {
    padding: 10px 10px 10px 5px;
    color: black;
}
/* /Components/PageParts/Ave/AveHeaderRow.razor.rz.scp.css */
.ave-header-row[b-ccf1iql6rp]{
    width: calc(100% - 6px);
    margin-bottom: 4px;
}
label > span:first-child[b-ccf1iql6rp] {
    white-space:nowrap;
}

/* hide all label divs inside all headers but first */
.ave-header-row:not(:first-child) div.label[b-ccf1iql6rp] {
    display: none;
}

/* ...but show label divs in the first header after a header with shown details */
.ave-header-row:has(.revealer-show .ave-detail-row) + .ave-header-row div.label[b-ccf1iql6rp] {
    display: block;
}

.details-container[b-ccf1iql6rp] {
    margin-left: 20px; /* to indent it visually distinct from spend group*/
}

[b-ccf1iql6rp] .details-container .ave-facts-table {
    margin-left: -20px; /* exempt the facts table from the above indentation (to achieve vert alignment with totals) */
    width: calc(100% + 20px);
}

[b-ccf1iql6rp] .details-container .expand-button svg {
    transform: scale(80%); /* to make this visually distinct from spend group expander */
}

    .update-button-text[b-ccf1iql6rp] {
        font-size: 12px;
    }

[b-ccf1iql6rp] .ave-error-ppg-indicator {
    display: inline-block;
    font-size: 75%;
    background-color: #f66;
    text-transform: uppercase;
    color: white;
    margin-right: 4px;
    padding: 2px 8px;
}

button[b-ccf1iql6rp] {
    white-space: nowrap;
}

[b-ccf1iql6rp] .update-estimates-trend-section {
    white-space: nowrap;
    margin-inline: 20px;
}

    [b-ccf1iql6rp] .update-estimates-trend-section input {
        min-width: 20px;
        max-width: 46px;
    }

    [b-ccf1iql6rp] .update-estimates-trend-section .input-group-text,
    [b-ccf1iql6rp] .update-estimates-trend-section .input-group-sm > .form-control {
        padding-inline: 4px;
        text-align: right;
    }
/* /Components/PageParts/Ave/AveIndirectRepEstimateForDirectFactCell.razor.rz.scp.css */

[b-yz1928p5q0] td.ave-fact-cell.ave-quarter-totals-cell,
[b-yz1928p5q0] td.ave-fact-cell.ave-year-totals-cell {
    padding-right: 4px;
    background-color: var(--background-gray);
}

[b-yz1928p5q0] td.ave-fact-cell.ave-year-totals-cell {
    background-color: var(--gray-200);
}
/* /Components/PageParts/Ave/AvePanel.razor.rz.scp.css */
.ave-panel[b-33qcbb8kuy] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ave-button-bar-container[b-33qcbb8kuy] {
    min-height: 50px;
    background-color: var(--background-gray);
    padding: 3px 10px;
}

.ave-body-container[b-33qcbb8kuy] {
    flex-grow: 1;
    overflow-y: auto;
    margin-left: 8px;
    min-height: 35px; /* so that sticky parts above and below don't overwhelm the body container content */
}

.ave-body > .loader[b-33qcbb8kuy] {
    margin-right: 0;
    padding-right: 0;
}

.ave-bottom-panel[b-33qcbb8kuy] {
    background-color: white;
    padding: 4px 6px;
    border-top: 1px solid var(--gray-400);
    max-height: 50%; /* so that the totals never overwhelm the entire content area */
}

@media (min-width: 1200px) {
    .ave-bottom-panel[b-33qcbb8kuy] {
        padding-inline: 18px 19px; /* to vertically align this table with detail's table, including indent/scrollbar*/
    }
}

.ave-bottom-panel button[b-33qcbb8kuy] {
    margin-left: 0;
}

[b-33qcbb8kuy] .expand-button.btn {
    margin-left: 0;
}

[b-33qcbb8kuy] .label {
    line-height: 100%;
    margin-block: 8px 4px;
}

@media (min-width: 768px) {
    [b-33qcbb8kuy] .label {
        font-size: 67%;
    }
}

@media (min-width: 992px) {
    [b-33qcbb8kuy] .label {
        font-size: 85%;
    }
}

[b-33qcbb8kuy] .ave-bottom-panel .save-button {
    margin-right: 10px;
}

[b-33qcbb8kuy] .ave-bottom-panel .expand-button {
    padding-block: 8px; /* just to match height of save button*/
}

[b-33qcbb8kuy] .ave-header-row .ave-detail-row .paragon-popover.paragon-popover-above label {
    font-size: 97%; /* labels around radio buttons overrides a smaller size */
}
    
 /* the first detail of PPG-level items doesn't have quite enough room for the popover, so cheat it up and smaller.*/
[b-33qcbb8kuy] .ave-header-row:first-child .ave-detail-row:first-child .paragon-popover.paragon-popover-above {
    line-height: 115%;
    padding-block: 2px;
}


/* the first header of Spend group-level items needs to be even shorter and lower than the above*/
[b-33qcbb8kuy] .ave-header-row:nth-child(1):not(:has(.ave-detail-row)) .paragon-popover.paragon-popover-above{
    top: 70px;
    line-height: 100%;
    padding-block: 2px;
}

/* the second header needs similar tweaks, but not as severe */
[b-33qcbb8kuy] .ave-header-row:nth-child(2):not(:has(.ave-detail-row)) .paragon-popover.paragon-popover-above{
    top: 0px;
    line-height: 115%;
    padding-block: 2px;
}

    /* And for both of these, remove the arrow entirely */
    [b-33qcbb8kuy] .ave-header-row:nth-child(1):not(:has(.ave-detail-row)) .paragon-popover.paragon-popover-above::before,
    [b-33qcbb8kuy] .ave-header-row:nth-child(2):not(:has(.ave-detail-row)) .paragon-popover.paragon-popover-above::before{
        border: none;
    }

[b-33qcbb8kuy] .update-rep-est-popover {
    max-width: unset;
    right: 0px;
}

[b-33qcbb8kuy] .update-estimates-trend-section {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

    [b-33qcbb8kuy] .update-estimates-trend-section label {
        display: block;
    }

    [b-33qcbb8kuy] .update-estimates-trend-section input {
        min-width: 20px;
    }

    [b-33qcbb8kuy] .update-estimates-trend-section .input-group {
        white-space: nowrap;
    }

    [b-33qcbb8kuy] .update-estimates-trend-section .input-group-text,
    [b-33qcbb8kuy] .update-estimates-trend-section .input-group-sm > .form-control {
        padding-inline: 4px;
        text-align: right;
        font-weight: bold;
    }
/* /Components/PageParts/Ave/AveProductList.razor.rz.scp.css */
.ave-product-list[b-zpmnvl6z04] {
    height: 50vh;
    width: min(70vw,600px);
    display: flex;
    flex-direction: column;
}

.ave-product-list-container[b-zpmnvl6z04] {
    height:50vh;
    border: solid 1px;
    padding: 5px;
    overflow-y: scroll;
}

.match[b-zpmnvl6z04] {
    background-color: yellow;
}
/* /Components/PageParts/Ave/AveUpdateEstimatesPanel.razor.rz.scp.css */
.ave-update-estimates-options[b-wzkr27jh8k] {
    display: flex;
    flex-direction: column;
}

.ave-update-estimates-option[b-wzkr27jh8k] {
    height: 100%;
    min-width:150px;
}

.ave-update-radio-buttons-trend[b-wzkr27jh8k] {
    display: block;
}

.ave-update-quarter-checks[b-wzkr27jh8k] {
    display: block;
    min-width: 100px;
}
/* /Components/PageParts/Ave/AveUploadButton.razor.rz.scp.css */

.ave-upload-button label.btn[b-1r5j1es7ko] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

/* we are using a label inside a button, so override the undesirable reduced opacity of labels */
[b-1r5j1es7ko] label:not(.rz-dropdown-label) > span:first-child {
    opacity: 1;
}
/* /Components/PageParts/CommunicatorTool/CommunicatorFilterPanel.razor.rz.scp.css */
.communicator-filter-panel[b-ztoudl6aes] {
    min-height: 65px;
    max-height: 65px;
}

.clear-all-button[b-ztoudl6aes] {
    width: 100%;
    padding-inline: 4px;
    margin-top: 20px;
}

.question-label[b-ztoudl6aes] {
    opacity: .7;
}

.filter-dropdown[b-ztoudl6aes]
{
    display:grid;
}

.communicator-filter-panel.row[b-ztoudl6aes] {
    width: calc(100% + 8px); /* need to compensate for negative margins of .row */
}

[b-ztoudl6aes] label {
    white-space: nowrap;   
}

/*Note: all the customization to Radzon controls must be done in main app.scss file.*/
/* /Components/PageParts/CommunicatorTool/CommunicatorInvoiceQuestion.razor.rz.scp.css */
.thread-scroll-panel[b-d4zurtaux0] {
    margin-bottom: 10px;
}

.invoice-question[b-d4zurtaux0] {
    position: sticky;
    top: 0px;
    z-index: 5;
    background: #fff;
    overflow: hidden;  /* note: this could cause validation popovers to be obscured, so we only do it for xs, sm, md */
    text-overflow: ellipsis;
    max-height: 141px;
}

@media (min-width: 992px) {
    .invoice-question[b-d4zurtaux0] {
        overflow: visible;
        text-overflow: unset;
        max-height: none;
    }
}


.communicator-question-detail[b-d4zurtaux0] {
    margin-left: 30px;
    margin-bottom: 4px;
    padding: 2px 5px;
    background-color: var(--background-gray);
}

/* /Components/PageParts/CommunicatorTool/CommunicatorInvoiceTypePanel.razor.rz.scp.css */

.communicator-expanded-panel[b-52yjmomhpw] {
    padding-left: 0;
}

@media (min-width: 768px) {
    .communicator-expanded-panel[b-52yjmomhpw] {
        padding-left: 10px;
    }
}

.communicator-invoice-type-panel[b-52yjmomhpw] {
    padding-bottom: 10px;
}
/* /Components/PageParts/CommunicatorTool/CommunicatorTool.razor.rz.scp.css */
.communicator-tool[b-ik3h0coac9] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-ik3h0coac9] .hold-label {
    margin-top: 5px;
    margin-right: 5px;
    float: right;
}

.communicator-body[b-ik3h0coac9] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 8px 8px 0;
}

@media (min-width: 768px) {
    .communicator-body[b-ik3h0coac9] {
        margin-top: 10px;
        padding-left: 8px;
    }
}

[b-ik3h0coac9] .header-question-item .question,
[b-ik3h0coac9] .detail-question-item .question {
    position: relative;
}

    [b-ik3h0coac9] .header-question-item .question .follow-up-button,
    [b-ik3h0coac9] .detail-question-item .question .follow-up-button {
        float: right;
    }
/* see also app.scss for transition-related CSS */

/* /Components/PageParts/CommunicatorTool/DetailQuestionItem.razor.rz.scp.css */


.detail-question-item[b-giet35f4sl] {
    margin-top: 2px;
    border-bottom: solid 1px transparent;
}

    .detail-question-item:hover[b-giet35f4sl] {
        border-bottom: solid 1px var(--gray-500);
    }

*[class^=col][b-giet35f4sl] {
    margin-bottom: 4px;
}

.detail-btn[b-giet35f4sl] {
    max-height: 30px;
}
/* /Components/PageParts/CommunicatorTool/HeaderHeadingsRow.razor.rz.scp.css */
.payment-method-label[b-tezvj7m7dk] {
    overflow-y: visible;
    white-space: nowrap;
}
/* /Components/PageParts/CommunicatorTool/HeaderQuestionItem.razor.rz.scp.css */
.header-customer-description[b-zgr7hvoznv] {
    overflow-wrap: anywhere;
}

.header-question-item[b-zgr7hvoznv] {
    padding-block: 2px;
    min-height: 40px;
    border-bottom: solid 1px transparent;
}

    .header-question-item:hover[b-zgr7hvoznv] {
        border-bottom: solid 1px var(--gray-500);
    }

       [b-zgr7hvoznv] .header-question-item:hover .follow-up-button {
            display: block;
        }

.attachment-label[b-zgr7hvoznv] {
    float: right;
    font-size: 85%;
    margin: 2px 0 0 0;
    min-width: 100px;
}

.invoice-code[b-zgr7hvoznv] {
    overflow-wrap: anywhere;
    position: relative;
}

.header-file-delete-container[b-zgr7hvoznv] {
    position: relative;
}

    .header-file-delete-container button[b-zgr7hvoznv] {
        display: none;
        margin-left: 8px;
    }

    .header-file-delete-container:hover button[b-zgr7hvoznv] {
        display: inline-block;
    }

    .header-file-delete-container a[b-zgr7hvoznv] {
        display: inline-block;
        /* the minimum to avoid jumping around on hover */
        margin-block: 9px;
    }
/* /Components/PageParts/CommunicatorTool/QuestionAnswerRow.razor.rz.scp.css */
td.response[b-z0h0cdr72z] {
    padding-left: 20px;
    overflow-wrap: anywhere;
}

td.question[b-z0h0cdr72z] {
    overflow-wrap: anywhere;
}
/* /Components/PageParts/CommunicatorTool/QuestionAnswerTable.razor.rz.scp.css */
table.question-answer-table[b-e5qtdalip1] {
    width: 100%;
    table-layout: fixed;
}

[b-e5qtdalip1] tr td {
    border-bottom: solid 1px transparent;
}

[b-e5qtdalip1] tr:hover td {
    border-bottom-color: var(--gray-500);
}

[b-e5qtdalip1] th,
[b-e5qtdalip1] td {
    vertical-align: top;
}

[b-e5qtdalip1] td.ordinal {
    width: 20px;
}

[b-e5qtdalip1] .detail-btn {
    max-height: 30px;
}
/* /Components/PageParts/UserPreference/AveFactPreferencesPanel.razor.rz.scp.css */
.ave-fact-preferences-panel[b-wue7dvl5ek] {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: hidden;
}

.ave-fact-preferences-content[b-wue7dvl5ek] {
    display: flex;
    flex-direction:row;
    flex: 1;
    overflow-y: hidden;
}

.ave-fact-preferences-column-content[b-wue7dvl5ek] {
    height: 100%;
    overflow-y: auto;
    flex-direction: column;
    border: 1px solid #939598;
}

.ave-fact-preferences-reorder-content[b-wue7dvl5ek] {
    height: 100%;
    overflow-y: auto;
    flex-direction: column;
    border: 1px solid #939598;
}

[b-wue7dvl5ek] .ave-fact-preferences-draggable-item {
    border: 1px solid #939598;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
/* /Pages/Admin/ProductConversionPanel.razor.rz.scp.css */
.btn-group[b-hhputrwrwb] {
    min-width: 250px;
}
/* /Pages/Admin/UserSecurity.razor.rz.scp.css */
.user-security[b-a2sw3ei5hw] {
    padding: 2px;
    overflow: auto;
    height: 93vh;
}

@media (min-width: 768px) {
    .user-security[b-a2sw3ei5hw] {
        padding: 10px;
    }
}

[b-a2sw3ei5hw] .user-security-check-box-labels-container {
    display: flex;
    justify-content: flex-end;
}

    [b-a2sw3ei5hw] .user-security-check-box-container,
    [b-a2sw3ei5hw] .user-security-check-box-labels-container .label {
        width: 26px;
        text-align: center;
        /* ensures that width remains fixed inside flex container */
        flex-shrink: 0;
    }

@media (min-width: 576px) {
    [b-a2sw3ei5hw] .user-security-check-box-container,
    [b-a2sw3ei5hw] .user-security-check-box-labels-container .label {
        width: 60px;
    }
}

[b-a2sw3ei5hw] .planner-access-line .user-security-check-box-container {
    /* make the planner checkboxes larger to visually distinguish from the category checkboxes*/
    transform: scale(1.25);
    padding-block: 2px;
}

[b-a2sw3ei5hw] .planner-user-access-line, 
[b-a2sw3ei5hw] .planner-category-access-line {
    padding-bottom: 1px;
    border-bottom: solid 1px transparent;
    cursor: default;
}

[b-a2sw3ei5hw] .planner-user-access-line:hover,
[b-a2sw3ei5hw] .planner-category-access-line:hover {
    border-bottom-color: var(--gray-500);
}
/* /Shared/AdminLayout.razor.rz.scp.css */
[b-z88nmnwe5a] .main-menu {
    margin-left: 8px;
}
/* /Shared/AveLayout.razor.rz.scp.css */
.main[b-arca6z9kb7] {
    height: 100vh;
}
.ave-content[b-arca6z9kb7] {
    grid-area: page-content;
    overflow-y: hidden;
}
[b-arca6z9kb7] .ave {
    height: 100%;
}
/* /Shared/BuildInfoIndicator.razor.rz.scp.css */
.build-info-indicator[b-5ky5x5llqz] {
    margin-left: auto;
    padding:6px;
}
/* /Shared/CommunicatorToolLayout.razor.rz.scp.css */
[b-0sqnqp74id] .communicator-content {
    grid-area: page-content;
    overflow-y: hidden;
    line-height: 120%;
    overflow-x: hidden;
    height: 100%;
    font-size: 80%;
}

@media (min-width: 576px) {
    [b-0sqnqp74id] .communicator-content {
        font-size: 100%;
    }
}

[b-0sqnqp74id] .communicator-for-new,
[b-0sqnqp74id] .communicator {
    height: 100%;
}
    
/* /Shared/MainMenu.razor.rz.scp.css */
.main-menu[b-u4c6jbrvfx] {
    position: relative;

}

.navbar-dropdown[b-u4c6jbrvfx] {
    position: absolute;
    left: auto;
    right: 0;
}

.navbar-dropdown .label[b-u4c6jbrvfx] {
    padding-left: 1.5rem;
}

.flyout-menu ul[b-u4c6jbrvfx], li[b-u4c6jbrvfx] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.flyout-menu:hover[b-u4c6jbrvfx] {
    position: relative;
    z-index: 100;
}

.flyout-menu ul[b-u4c6jbrvfx] {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 99;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: .25rem;
}

.flyout-menu:hover > ul[b-u4c6jbrvfx] {
    visibility: visible;
}

.flyout-menu span.oi[b-u4c6jbrvfx] {
    float: right;
    font-size: small;
    color: #4c4d4f;
}
/* /Shared/MenuOfOfferLayout.razor.rz.scp.css */
[b-0d1a3y3fzs] .menuofoffer-content {
    grid-area: page-content;
    overflow-y: hidden;
    line-height: 120%;
    overflow-x: hidden;
    height: 100%;
    font-size: 80%;
}
/* /Shared/PaymentLayout.razor.rz.scp.css */
[b-7ju7wwyhsv] .main-menu {
    margin-left: 8px;
}
/* /Shared/PaymentPlannerLayout.razor.rz.scp.css */
[b-f8ye8gq73e] .main-menu {
    margin-left: 8px;
}
/* /Shared/UserAccessFormLayout.razor.rz.scp.css */
[b-mtljiay33v] .useraccess-content {
    grid-area: page-content;
    overflow-y: hidden;
    line-height: 120%;
    overflow-x: hidden;
    height: 100%;
    font-size: 80%;
}

@media (min-width: 576px) {
    [b-mtljiay33v] .useraccess-content {
        font-size: 100%;
    }
}

[b-mtljiay33v] .access-form-container{
    height: 100%;
}