/* /Editors/UserEditorAdmin.razor.rz.scp.css */

[b-jx851egtim] .review-card h5,
[b-jx851egtim] .company-header h5 {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 500;
}

[b-jx851egtim] .review-card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-border-color);
    padding-left: 8px;
}
/* /Features/PermissionFeature/PermissionsEditor.razor.rz.scp.css */

[b-icw6gqm69y] .permiss-data-container,
.role-data[b-icw6gqm69y] {
    min-height: 0;
}
[b-icw6gqm69y] .permiss-switch-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
}
[b-icw6gqm69y] .permiss-switch {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
}

[b-icw6gqm69y] .button-group-style {
    border-radius: 4px;
    padding: 3px;
    background-color: rgb(var(--bs-body-color-rgb), 0.05);
    margin-bottom: 0.25rem;
}

    [b-icw6gqm69y] .button-group-style > .dxbl-button {
        border: none;
        background-color: rgb(var(--bs-body-color-rgb), 0.05);
    }

        [b-icw6gqm69y] .button-group-style > .dxbl-button.dxbl-active {
            background-color: var(--bs-body-bg);
        }

        [b-icw6gqm69y] .button-group-style > .dxbl-button:hover,
        .button-group-style > .dxbl-button.dxbl-active:hover[b-icw6gqm69y] {
            background-color: unset !important;
        }


[b-icw6gqm69y] .permiss-data-container {
    display: flex;
/*    flex-direction: column;
*/    gap: 24px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

[b-icw6gqm69y] .role-data {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

    [b-icw6gqm69y] .role-data > .dxbl-list-box,
    [b-icw6gqm69y] .role-data > .dxbl-grid {
        --dxbl-list-box-item-hover-bg: var(--bs-body-bg);
        --dxbl-list-box-item-selected-bg: var(--bs-body-bg);
        --dxbl-list-box-item-selected-hover-bg: var(--bs-body-bg);
        border: none !important;
        overflow-y: auto;
    }

    [b-icw6gqm69y] .role-data h6 {
        margin-bottom: 0.25rem;
    }

[b-icw6gqm69y] .role-data-titles {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--bs-border-color);
}

[b-icw6gqm69y] .role-item {
    border: 1px solid var(--dxbl-grid-border-color);
    background-color: rgb(var(--bs-body-color-rgb), 0.05);
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--bs-body-color);
}

[b-icw6gqm69y] .role-data .dxbl-list-box-item-selected .role-item {
    border: 2px solid var(--bs-primary);
    background-color: rgb(var(--bs-body-color-rgb), 0.2);
    font-weight: 600;
}

[b-icw6gqm69y] .role-item-name {
    font-weight: var(--dxbl-grid-header-font-weight);
    font-size: 1.1em;
}

[b-icw6gqm69y] .role-item-desc {
    font-size: .8em;
    line-height: 1.2;
    text-wrap: wrap;
}

[b-icw6gqm69y] .role-tree {
    height: 100%;
}

    [b-icw6gqm69y] .role-tree thead {
        display: none;
    }

    [b-icw6gqm69y] .role-tree td {
        border: none !important;
    }

    [b-icw6gqm69y] .role-tree .dxbl-grid-tree-node-indent {
        display: none;
    }

    [b-icw6gqm69y] .role-tree td.dxbl-grid-tree-node-expand-controls-cell {
        padding-left: 0px !important;
        padding-right: 8px !important;
    }

[b-icw6gqm69y] tr.dxbl-grid-selected-row td {
    background-color: var(--bs-body-bg) !important;
}

[b-icw6gqm69y] .role-data table tr.dxbl-grid-selected-row td .role-item {
    border: 2px solid var(--bs-primary);
    background-color: rgb(var(--bs-body-color-rgb), 0.2);
    font-weight: 600;
}

[b-icw6gqm69y] .scope-role-tree {
    height: 100%;
    --role-display-bg: var(--bs-body-bg);
    --role-display-color: var(--bs-body-color);
    --role-display-border: var(--bs-border-color);
    --role-display-placeholder: var(--bs-secondary-color);
    --role-display-readonly-bg: var(--bs-tertiary-bg);
    --role-display-readonly-color: var(--bs-secondary-color);
    --role-display-readonly-border: var(--bs-border-color);
    --role-display-arrow: var(--bs-secondary-color);
}

[b-icw6gqm69y] .read-only-row {
    color: rgb(var(--bs-body-color-rgb), 0.50);
}

[data-bs-theme="dark"][b-icw6gqm69y]  .read-only-row .badge-inherited {
    color: var(--role-display-bg);
}

[b-icw6gqm69y] .role-tree,
[b-icw6gqm69y] .scope-role-tree {
    border: none;
}

    [b-icw6gqm69y] .scope-role-tree .dxbl-btn.dxbl-btn-link.dxbl-grid-tree-node-expand-button.dxbl-btn-tool,
    .dxbl-grid-tree-node-expand-button-placeholder[b-icw6gqm69y] {
        display: none;
    }

    [b-icw6gqm69y] .scope-role-tree thead {
        display: none;
    }

    [b-icw6gqm69y] .scope-role-tree td {
        border: none !important;
    }

[b-icw6gqm69y] .role-display {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 32px;
    padding: 6px 30px 6px 12px;
    border: 1px solid var(--role-display-border);
    border-radius: 4px;
    background-color: var(--role-display-bg);
    color: var(--role-display-color);
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

[b-icw6gqm69y] .role-display-arrow {
    position: absolute;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--role-display-arrow);
    pointer-events: none;
}

[b-icw6gqm69y] .role-display-selected {
    color: var(--role-display-color);
    background-color: var(--role-display-bg);
    font-weight: 600;
    cursor: pointer;
}

[b-icw6gqm69y] .role-display-empty {
    color: var(--role-display-placeholder);
    background-color: var(--role-display-bg);
    cursor: pointer;
}

[b-icw6gqm69y] .role-display-inherited {
    color: var(--role-display-readonly-color);
    background-color: var(--role-display-readonly-bg);
    border-color: var(--role-display-readonly-border);
    cursor: default;
    opacity: 1;
}

[b-icw6gqm69y] .scope-role-tree .role-editor-combo,
[b-icw6gqm69y] .scope-role-tree .role-editor-combo .dxbl-text-edit,
[b-icw6gqm69y] .scope-role-tree .role-editor-combo .dxbl-dropdown-edit {
    border-radius: 4px !important;
}

    [b-icw6gqm69y] .scope-role-tree .role-editor-combo.dxbl-editor-focused,
    [b-icw6gqm69y] .scope-role-tree .role-editor-combo .dxbl-text-edit.dx-state-focused,
    [b-icw6gqm69y] .scope-role-tree .role-editor-combo .dxbl-dropdown-edit.dx-state-focused {
        border: 1px solid var(--role-display-border);
        box-shadow: none !important;
        outline: none !important;
    }
/* /Features/PermissionFeature/PermissionsViewer.razor.rz.scp.css */
[b-1cjn02vlme] .role-label {
    font-size: 0.75rem;
    color: var(--text-secondary); /* rgb(107, 114, 128); */
    text-transform: uppercase;
    font-weight: lighter;
}

[b-1cjn02vlme] .role-text {
    margin-bottom: 0px;
    font-weight: 600;
}

[b-1cjn02vlme] .permission-item {
    width: 110px;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 12px;
    flex: 1;
}

[b-1cjn02vlme] .permission-item-label {
    font-size: .9em;
    color: rgb(var(--bs-body-color-rgb), 0.7);
    text-transform: uppercase;
    margin-bottom: 2px;
}

[b-1cjn02vlme] .permission-item-value {
    font-weight: 600;
    color: var(--bs-heading-color);
}

[b-1cjn02vlme] .lighter-badge {
    font-size: .8em !important;
    font-weight: 400 !important;
}

[b-1cjn02vlme] .permission-summary {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

[b-1cjn02vlme] .permission-details {
    font-size: .9em;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid var(--bs-border-color);
    border-radius: 6px;
}

[b-1cjn02vlme] .permission-group {
    margin-bottom: 10px;
}

[b-1cjn02vlme] .group-type-label {
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    [b-1cjn02vlme] .group-type-label > .group-type {
        color: rgb(var(--bs-body-color-rgb), 0.7);
    }

[b-1cjn02vlme] .group-type-permission {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    margin-bottom: 6px;
    margin-left: 4px;
}
/* /Features/PermissionFeature/RolePermissionAssignment.razor.rz.scp.css */
.simple-permissions[b-5b9laokdcr] {
    display: flex;
    gap: 24px;
    font-size: .9rem;
}

.sp-panel[b-5b9laokdcr] {
    flex: 1;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 8px;
    overflow: hidden; /* important so header corners clip */
    background: var(--bs-body-bg);
}

/* Header */
.sp-panel-header[b-5b9laokdcr] {
    padding: 10px 14px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    color: var(--bs-secondary-color, #6c757d);
}

.sp-panel > :not(.sp-panel-header)[b-5b9laokdcr] {
    padding: 16px;
}
/* Table */
.sp-table[b-5b9laokdcr] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* important for alignment */
}
    .sp-table th:first-child[b-5b9laokdcr],
    .sp-table td:first-child[b-5b9laokdcr] {
        width: 45%;
        padding-left: 16px;
        font-weight: 600;
    }

    .sp-table th:last-child[b-5b9laokdcr],
    .sp-table td:last-child[b-5b9laokdcr] {
        width: 55%;
    }
    /* Padding + alignment */
    .sp-table th[b-5b9laokdcr],
    .sp-table td[b-5b9laokdcr] {
        padding: 10px 14px;
        vertical-align: middle;
    }
    .sp-table th[b-5b9laokdcr] {
        text-align: left;
        font-weight: 600;
        border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    }

    .sp-table td[b-5b9laokdcr] {
        padding: 10px 0;
        vertical-align: middle;
    }

.sp-input[b-5b9laokdcr] {
    width: 100%;
    padding-right: 16px;
}
.sp-combo-cell[b-5b9laokdcr] {
    width: 260px;
}

/* Right panel content */
.sp-permission-list[b-5b9laokdcr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sp-permission-group[b-5b9laokdcr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sp-permission-path[b-5b9laokdcr] {
    font-size: 0.85rem;
    opacity: 0.7;
}

.sp-separator[b-5b9laokdcr] {
    margin: 0 6px;
}

.sp-permission-item[b-5b9laokdcr] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Features/TeamFeature/TeamEditor.razor.rz.scp.css */

.team-form-review[b-cpo2a5rpea] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 10px;
    width: 100%;
    overflow: auto;
}

    .team-form-review .review-header[b-cpo2a5rpea] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border: 1px solid var(--bs-border-color);
        border-radius: 8px;
        padding: 16px 24px;
    }
.team-review-users-card-header[b-cpo2a5rpea] {
    display: flex;
    justify-content: space-between;
}

.team-review-users-card-content[b-cpo2a5rpea] {
    padding: 12px;
}

.member-accordion[b-cpo2a5rpea] {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.team-form-review h6[b-cpo2a5rpea] {
    font-size: .75rem;
    font-weight: 600;
    color: rgb(var(--bs-body-color-rgb), 0.7);
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 4px;
}

.team-notice[b-cpo2a5rpea] {
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    align-items: center;
}
/* /Features/UserFeature/BasicUserGrid.razor.rz.scp.css */
.user-card-container[b-ee9fxo6w9v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

    .user-card-container .user-card[b-ee9fxo6w9v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
        background-color: var(--bs-body);
        border-radius: 6px;
        border: 1px solid var(--bs-border-color);
    }

[b-ee9fxo6w9v] .name-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

    [b-ee9fxo6w9v] .name-container .user-initials {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: var(--bs-primary);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        line-height: 0.8;
        font-weight: 600;
    }

    [b-ee9fxo6w9v] .name-container .user-name {
        font-size: 14px;
        font-weight: 500;
    }
/* /Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-lmm17kmflh] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3.5rem;
    min-height: 3.5rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-lmm17kmflh] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
}

.header-navbar .navbar-toggler .navbar-toggler-icon[b-lmm17kmflh] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 2rem;
    width: 2rem;
}

.title[b-lmm17kmflh] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-lmm17kmflh] {
        font-size: inherit;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-nkzumiy8e2] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-nkzumiy8e2] .page-layout,
[b-nkzumiy8e2] .page-layout > .dx-gridlayout-root,
[b-nkzumiy8e2] .layout-item {
    background-color: inherit;
}

[b-nkzumiy8e2] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-nkzumiy8e2] .page-layout > .dx-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-nkzumiy8e2] .fit-width {
    max-width: 100%;
}

[b-nkzumiy8e2] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-24a25000ve] {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    /* inhert was transparent overlay on small screen */
    /*background-color: inherit; */
    background-color: var(--bs-body-bg);
    
}

.sidebar.collapse[b-24a25000ve] {
    display: none;
}

.sidebar.expand[b-24a25000ve] {
    display: block;
}

@media (max-width: 1199.98px) {
    .sidebar[b-24a25000ve] {
        display: none;
    }

    .sidebar.expand[b-24a25000ve] {
        position: fixed;
        top: 3.5rem;
        left: 0;
        height: auto;
        min-width: 100%;
        z-index: 1050;
    }
}

[b-24a25000ve] .app-sidebar > .nav-pills > .nav-item:first-of-type {
    padding-top: 1rem;
}

[b-24a25000ve] .app-sidebar > .nav-pills > .nav-item:last-of-type {
    padding-bottom: 1rem;
}

[b-24a25000ve] .app-sidebar .nav-pills > .nav-item a {
    border-radius: 0px;
    display: flex;
    align-items: center;
}

[b-24a25000ve] .app-sidebar > .nav-pills > .nav-item > a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: .25rem 1rem .25rem .125rem;
}
[b-24a25000ve] .app-sidebar,
[b-24a25000ve] .app-sidebar > .nav-pills,
[b-24a25000ve] .app-sidebar > .nav-pills > .nav-item,
[b-24a25000ve] .app-sidebar > .nav-pills > .nav-item > a:not(.active) {
    background-color: inherit;
}

@media (max-width: 1199.98px) {
    [b-24a25000ve] .app-sidebar > .nav-pills > .nav-item:last-of-type {
        padding-bottom: 0;
    }
}
/* /Shared/RolloutBanner.razor.rz.scp.css */
.icon-party-popper[b-yrea3zoeer] {
    width: 24px;
    height: 24px;
    display: inline-block;
    flex: 0 0 auto;
    color: var(--bs-heading-color);
    background-color: currentColor;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('/images/party-popper.svg');
    -webkit-mask-image: url('/images/party-popper.svg');
}

.rollout-banner[b-yrea3zoeer] {
    top: 0;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--bs-heading-color) 20%, transparent);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--bs-heading-color) 5%, transparent);
    padding: 8px 16px 8px 8px;
    width: 100%;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rollout-banner-content[b-yrea3zoeer] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 16px;
}

.rollout-banner-text[b-yrea3zoeer] {
    font-size: .9rem;
    font-weight: bold;
}

.rollout-banner-message[b-yrea3zoeer] {
    font-size: 0.75rem;
}

.switch-app-button[b-yrea3zoeer] {
    background-color: white;
    border: none;
    color: var(--bs-heading-color);
    border-radius: 4px;
    border: 1px solid var(--bs-heading-color);
    font-size: 0.9rem;
    padding: 4px 16px;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
}