/* /Components/Grc/ActivityLogComponent.razor.rz.scp.css */
.activity-log[b-ghn3ryq7b8]  .mud-timeline-item-content {
    max-width: calc(100% - 24px);  /* calc(50% - 48px) is default */
}
.activity-log[b-ghn3ryq7b8]  .mud-timeline-item-divider {
    min-width: 48px;              /* 96px is default */
}

.activity-log[b-ghn3ryq7b8]  .mud-timeline-vertical.mud-timeline-position-start::before { 
    left: 23px; 
}

.activity-log[b-ghn3ryq7b8]  .mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl::before { 
    right: 23px;
}

.activity-log[b-ghn3ryq7b8]  .mud-timeline-vertical.mud-timeline-position-end::before { 
    right: 23px; 
}

.activity-log[b-ghn3ryq7b8]  .mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl::before { 
    left: 23px; 
}
/* /Components/Monitor/MonitorSelectorComponent.razor.rz.scp.css */
/* /Components/Query/QueryOrScriptDialog.razor.rz.scp.css */
.query-initial[b-0kn9j4qhya] {
    width: 100%;
    height: 70vh;
}
/* /Components/Shared/ArcComponent.razor.rz.scp.css */
svg path[b-xvy54furwg] {
    will-change: auto;
    stroke-width: 20px;
    stroke-miterlimit: round;
    transition: stroke-dashoffset 850ms ease-in-out;
}
/* /Components/Shared/AuthorizeClaimsComponent.razor.rz.scp.css */
/* /Components/Shared/CompareComponent.razor.rz.scp.css */
.result-compare[b-t6ywb3xdbi] {
    overflow: auto;
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 60vh;
    padding: 0 9.5px 9.5px 9.5px;
}
/* /Components/Shared/IconComponent.razor.rz.scp.css */
.tooltip-wrapper[b-ltc8c32s15] {
    position: relative;
    display: inline-block;
}

span[b-ltc8c32s15] {
    visibility: hidden;
    position: absolute;
    width: 200px;
    bottom: 110%;
    left: 50%;
    margin-left: -100px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    font-size: 12px;
}

    span[b-ltc8c32s15]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.list > *:first-child > span[b-ltc8c32s15] {
    bottom: -150%;
}

    .list > *:first-child > span[b-ltc8c32s15]::after {
        top: unset;
        bottom: 100%;
        border-color: transparent transparent #555 transparent;
    }

.tooltip-wrapper:hover span[b-ltc8c32s15] {
    visibility: visible;
}
/* /Components/Shared/SpinnerComponent.Razor.rz.scp.css */
.WorkflowComponent[b-bqm5th1hbg] {
    left: 65%;
}
/* /Components/Shared/Stepper/CmpStepper.razor.rz.scp.css */
.mud-header-step-dash[b-iblpfmra6g] {
    min-width: 50px;
    border-bottom: 1px solid;
    height: 50%;
}
/* /Components/Shared/Summernote/SummernoteComponent.razor.rz.scp.css */
/* /Components/Shared/ToolTipComponent.razor.rz.scp.css */
.tooltip-wrapper[b-7ehm9voqmz] {
    position: relative;
    display: inline-block;
    cursor: help;
}

span[b-7ehm9voqmz] {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -50%;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    font-size: 12px;
}

    span[b-7ehm9voqmz]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.list > *:first-child > span[b-7ehm9voqmz] {
    bottom: -150%;
}

    .list > *:first-child > span[b-7ehm9voqmz]::after {
        top: unset;
        bottom: 100%;
        border-color: transparent transparent #555 transparent;
    }

.tooltip-wrapper:hover span[b-7ehm9voqmz] {
    visibility: visible;
}
/* /Pages/Account/MonitorAccessCategoryComponent.razor.rz.scp.css */
.categorycontainer[b-h6xhqfn73k] {
    background-color: rgba(207, 205, 205, 1); 
    padding: 8px; 
}

.bt-1[b-h6xhqfn73k] {
    border-top: 1px solid #ddd;
}

.pl-0[b-h6xhqfn73k] {
    padding-left: 0;
}

.pl-60[b-h6xhqfn73k] {
    padding-left: 60px;
}

.subcategorycontainer[b-h6xhqfn73k] {
    background-color: rgba(207, 205, 205, 0.5);
}
/* /Pages/Account/MonitorAccessMonitorComponent.razor.rz.scp.css */
.monitorcontainer[b-z6gj8d3eou] {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 0px;
}

.bt-1[b-z6gj8d3eou] {
    border-top: 1px solid #ddd;
}

.ml-10[b-z6gj8d3eou] {
    margin-left: 10px;
}
/* /Pages/Account/MonitorAccessTableComponent.razor.rz.scp.css */
/* /Pages/AuditPlanPeriodSteps/AuditPlanPeriodStepsCardComponent.razor.rz.scp.css */
li[b-m35ga5dmiq] {
    overflow: hidden;
}

li div.name[b-m35ga5dmiq] {
    float: left;
    width: calc(100% - 20px);
}

li span.todo[b-m35ga5dmiq] {
    float: right;
}

li span.icon-completed[b-m35ga5dmiq],
li span.icon-rejected[b-m35ga5dmiq] {
    display: none;
    float: right;
}

li.Approved span.icon-completed[b-m35ga5dmiq] {
    display: block;
}

li.Rejected span.icon-rejected[b-m35ga5dmiq] {
    display: block;
}

li.Approved[b-m35ga5dmiq] {
    color: limegreen;
}

li.dark.Approved[b-m35ga5dmiq] {
    color: #0DDE9C;
}

li.Rejected[b-m35ga5dmiq] {
    color: #a94442;
}

li.dark.Rejected[b-m35ga5dmiq] {
    color: #f64e62ff;
}

li.completed .todo[b-m35ga5dmiq] {
    display: none;
}

li:nth-child(odd)[b-m35ga5dmiq] {
    background-color: #eae8e8;
}

li:nth-child(even)[b-m35ga5dmiq] {
    background-color: transparent;
}

li.dark:nth-child(odd)[b-m35ga5dmiq] {
    background-color: var(--mud-palette-background-grey);
}

li.dark:nth-child(even)[b-m35ga5dmiq] {
    background-color: transparent;
}

.hide[b-m35ga5dmiq] {
    display: none;
}

.item-list[b-m35ga5dmiq] {
    overflow: auto;
}

    .item-list > li[b-m35ga5dmiq] {
        cursor: pointer;
        padding: 10px 20px 10px 20px;
    }

        .item-list > li input[b-m35ga5dmiq] {
            display: none;
        }

li.active[b-m35ga5dmiq],
li.dark.active[b-m35ga5dmiq] {
    background-color: #73879c;
    color: #F4F3F3;
}

li.dark:hover[b-m35ga5dmiq] {
    background-color: var(--mud-palette-gray-darker);
}
/* /Pages/AuditPlanPeriodSteps/Items/FindingItemDetailComponent.razor.rz.scp.css */
.workflow-body[b-cv7wprwkri] {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    display: flex;
    height: calc(100%);
}
/* /Pages/AuditPlanPeriodSteps/Items/QueryItemDetailComponent.razor.rz.scp.css */
.workflow-body[b-mfvdvaiy9q] {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    display: flex;
    height: calc(100%);
}
/* /Pages/DefinitionValue/DefinitionValueCommentComponent.razor.rz.scp.css */
/* /Pages/Document/DocumentLinkedElementsComponent.razor.rz.scp.css */
.overviewBox[b-kuuxijy0ym] {
    margin-top: 20px;
}
/* /Pages/Document/DocumentOverviewPage.razor.rz.scp.css */
.content[b-niyk7uescu] {
    margin: 20px 0px;
}
/* /Pages/DynamicWorkflow/DynamicWorkflowConditionGroupRowComponent.razor.rz.scp.css */
.row[b-i5epp9sk8r] {
    display: grid;
    grid-template-columns: 0 1% 1% repeat(4, 23%);
    gap: 5%;
    margin-bottom: 8px;
}
/* /Pages/Error/ErrorComponent.razor.rz.scp.css */
@keyframes look-around-b-13eon0mlq0 {
    0% {
        transform: rotate(90deg) rotateX(0) rotateY(0);
    }

    20% {
        transform: rotate(90deg) rotateX(40deg) rotateY(20deg)
    }

    60% {
        transform: rotate(90deg) rotateX(-40deg) rotateY(20deg)
    }

    80% {
        transform: rotate(90deg) rotateX(0) rotateY(0);
    }

    100% {
        transform: rotate(90deg) rotateX(0) rotateY(0);
    }
}

.look-around-animation[b-13eon0mlq0] {
    animation-name: look-around-b-13eon0mlq0;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-direction: alternate;
}
/* /Pages/Messages/MessagesMenuComponent.razor.rz.scp.css */
/* /Pages/Monitor/Create/MonitorCreatePage.razor.rz.scp.css */
/* /Pages/Monitor/Create/MonitorGeneralCreateComponent.razor.rz.scp.css */
/* /Pages/Monitor/Create/MonitorGroupCreateComponent.razor.rz.scp.css */
/* /Pages/Monitor/Create/MonitorIntervalCreateComponent.razor.rz.scp.css */
/* /Pages/Monitor/Create/MonitorTechnicalCreateComponent.razor.rz.scp.css */
/* /Pages/Monitor/Create/MonitorUserCreateComponent.razor.rz.scp.css */
/* /Pages/Monitor/Edit/Query/QueryCreateComponent.razor.rz.scp.css */
/* /Pages/UnsolvedFindings/UnsolvedFindingsCategoryComponent.razor.rz.scp.css */
.categorycontainer[b-rx3n9g2w4w] {
    background-color: rgba(207, 205, 205, 1); 
    padding: 8px; 
}

.bt-1[b-rx3n9g2w4w] {
    border-top: 1px solid #ddd;
}

.pl-0[b-rx3n9g2w4w] {
    padding-left: 0;
}

.pl-60[b-rx3n9g2w4w] {
    padding-left: 60px;
}

.subcategorycontainer[b-rx3n9g2w4w] {
    background-color: rgba(207, 205, 205, 0.5);
}
/* /Pages/WorkflowDesign/Sidebar/WorkflowDesignSidebarComponent.razor.rz.scp.css */
.header[b-nrldjpvgue] {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 4px;
    padding: 12px;
}
/* /Pages/WorkflowDesign/Sidebar/WorkflowDesignSidebarItemComponent.razor.rz.scp.css */
.status-card[b-u8dfrcrl9p] {
    float: right;
    margin-bottom: -10px
}

li[b-u8dfrcrl9p] {
    overflow: hidden;
}

li div.name[b-u8dfrcrl9p] {
    float: left;
    width: calc(100% - 20px);
}

li span.todo[b-u8dfrcrl9p] {
    float: right;
}

li span.icon-completed[b-u8dfrcrl9p],
li span.icon-rejected[b-u8dfrcrl9p] {
    display: none;
    float: right;
}

li.Approved span.icon-completed[b-u8dfrcrl9p] {
    display: block;
}

li.Rejected span.icon-rejected[b-u8dfrcrl9p] {
    display: block;
}

li.completed .todo[b-u8dfrcrl9p] {
    display: none;
}

li:nth-child(odd)[b-u8dfrcrl9p] {
    background-color: #eae8e8;
}

li:nth-child(even)[b-u8dfrcrl9p] {
    background-color: transparent;
}

li.inverted:nth-child(odd)[b-u8dfrcrl9p] {
    background-color: var(--mud-palette-background-grey);
}

li.inverted:nth-child(even)[b-u8dfrcrl9p] {
    background-color: transparent;
}

.hide[b-u8dfrcrl9p] {
    display: none;
}

.item-list[b-u8dfrcrl9p] {
    overflow: auto;
}

.item-list > li[b-u8dfrcrl9p] {
    cursor: pointer;
    padding: 10px 20px 10px 20px;
}

.item-list > li input[b-u8dfrcrl9p] {
    display: none;
}

li.active[b-u8dfrcrl9p],
li.inverted.active[b-u8dfrcrl9p] {
    background-color: #73879c;
    color: #F4F3F3;
}

li.inverted:hover[b-u8dfrcrl9p] {
    background-color: var(--mud-palette-gray-darker);
    color: #F4F3F3;
}
/* /Pages/WorkflowDesign/Step/WorkflowStepDesignComponent.razor.rz.scp.css */
.workflowdesignstep-line[b-j203c24w7l] {
    height: 25px;
    border-right: 2px solid darkgray;
    width: 50%;
}
/* /Pages/WorkflowDesign/WorkflowDesignGeneralComponent.razor.rz.scp.css */
.general-info-name[b-nuy7zotv44] {
    margin-right: 10px;
}

.general-info-sod[b-nuy7zotv44] {
    margin-right: 10px;
}

.workflowdesign-edit-mode[b-nuy7zotv44] {
    margin-top: 40px;
    margin-left: 20px;
}
/* /Pages/WorkflowDesign/WorkflowDesignPage.razor.rz.scp.css */
.workflow-design-body[b-lkvk8bbezq] {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 28px;
    width: calc(100% + 36px);
    display: flex;
    min-height: calc(100vh - 84px);
}
/* /Pages/Workflow/Info/WorkflowInfoComponent.razor.rz.scp.css */
.workflow-body[b-q2vodt6ivg] {
    display: flex;
    
}

.left-bar[b-q2vodt6ivg] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Workflow/Info/WorkflowInfoGeneralComponent.razor.rz.scp.css */
td[b-3avach48w2] {
    padding-bottom: 8px;
}
/* /Pages/Workflow/Info/WorkflowStepComponent.razor.rz.scp.css */
.workflowstep-line[b-liztkv5jkk] {
    height: 25px;
    border-right: 2px solid darkgray;
    width: 50%;
}
/* /Pages/Workflow/Info/WorkflowStepsComponent.razor.rz.scp.css */
/* /Pages/Workflow/Redesign/Components/Custom/CmpChip.razor.rz.scp.css */
.chip[b-rul7sa2ync] {
    display: flex;
    align-self: center;
    padding: 2px 6px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.chip.clickable[b-rul7sa2ync] {
    cursor: pointer;
}

.chip-check[b-rul7sa2ync] {
    margin-right: 3px;
    font-size: 10px;
}

.close-icon[b-rul7sa2ync] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    margin-top: 2px;
    margin-left: 8px;
    padding: 6px;
}

.close-icon:hover[b-rul7sa2ync] {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
}

.chip.disabled[b-rul7sa2ync] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}
/* /Pages/Workflow/Redesign/Components/Header/StepRequirementsComponent.razor.rz.scp.css */
.warnings[b-rx2vquplbr]  .mud-alert-message {
    width: 100%;
}
/* /Pages/Workflow/Redesign/Components/Layout/WorkflowInfoPanel.razor.rz.scp.css */
.workflow-info-panel[b-93b9ozht66] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.workflow-info-panel .title[b-93b9ozht66] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    border-bottom: 1px solid var(--mud-palette-divider);
    padding-bottom: 1px;
    padding-left: 16px;
    margin-top: 7px;
    min-height: 28px;
}

.workflow-info-panel .content[b-93b9ozht66] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.workflow-info-panel .content[b-93b9ozht66]  .mud-tabs {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.workflow-info-panel .content[b-93b9ozht66]  .mud-tabs-toolbar {
    flex-shrink: 0;
}

.workflow-info-panel .content[b-93b9ozht66]  .mud-tabs-panels {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}
/* /Pages/Workflow/Redesign/Components/Layout/WorkflowItemArea.razor.rz.scp.css */
.search-field[b-a2xfdjglu7] {
    max-width: 200px;
}

.spotlight-panel[b-a2xfdjglu7] {
    position: relative;
    z-index: 0;
    transition: z-index 0s, border-radius 0.15s;
    border-radius: 4px;
}

.spotlight-panel.spotlight-active[b-a2xfdjglu7] {
    z-index: 1302;
    border-radius: 4px;
    outline: 4px solid rgba(var(--mud-palette-primary-rgb), 0.35);
    outline-offset: 0;
}

[b-a2xfdjglu7] .mud-split-panel .divider::before {
    left: 0;
}

[b-a2xfdjglu7] .workflow-split-divider {
    background-color: var(--mud-palette-lines-default);
    border-radius: 4px;
    transition: background-color 0.2s;
}

[b-a2xfdjglu7] .workflow-split-divider:hover,
[b-a2xfdjglu7] .workflow-split-divider:focus {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.5);
}

.columns-button[b-a2xfdjglu7], .clear-filters-button[b-a2xfdjglu7] {
    height: 40px;
    padding: 0 5px;
    margin-top: 5px;
    display: flex;
}

.columns-button[b-a2xfdjglu7] {
    border: 1px solid rgba(0, 0, 0, 0.30);
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out;
    align-items: stretch;
}

.columns-button:hover[b-a2xfdjglu7] {
    border-color: rgba(0, 0, 0, 0.70);
}

.columns-button[b-a2xfdjglu7]  .mud-menu,
.columns-button[b-a2xfdjglu7]  .mud-menu-activator,
.columns-button[b-a2xfdjglu7]  .mud-button-root {
    height: 100%;
    border: none;
    border-radius: 3px;
}

.columns-button[b-a2xfdjglu7]  .mud-button-root:hover {
    background-color: transparent;
}
/* /Pages/Workflow/Redesign/Components/Shared/Comments/CommentForm.razor.rz.scp.css */
.comment-input-items[b-91647q9rxt] {
    display: flex;
    flex-direction: column;
}

.comment-input[b-91647q9rxt] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.attachment-button[b-91647q9rxt] {
    flex: 0 0 40px;
    margin: 8px 8px 8px 0;
    border: 1px solid rgba(0, 0, 0, 0.30);
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out;
}

.attachment-button:hover[b-91647q9rxt] {
    border-color: rgba(0, 0, 0, 0.70);
}

.attachment-button[b-91647q9rxt]  .mud-menu,
.attachment-button[b-91647q9rxt]  .mud-menu-activator,
.attachment-button[b-91647q9rxt]  .mud-icon-button {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attachment-button[b-91647q9rxt]  .mud-icon-button:hover {
    background-color: transparent;
}

.attachments[b-91647q9rxt] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 8px;
}

.comment-input-items[b-91647q9rxt] {
    position: relative;
}

.drag-overlay[b-91647q9rxt] {
    display: none;
    position: absolute;
    inset: 0;
    border: 2px dashed rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.85);
    z-index: 10;
    pointer-events: none;
    align-items: center;
    justify-content: center;
}

.comment-input-items.drag-over .drag-overlay[b-91647q9rxt] {
    display: flex;
}
/* /Pages/Workflow/Redesign/Components/Shared/Comments/CommentItem.razor.rz.scp.css */
.attachments[b-f8nu8fpo28] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Pages/Workflow/Redesign/Components/Shared/Tabs/ActivityTabComponent.razor.rz.scp.css */
.container[b-n5ap5w2x4b] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.activity-logs[b-n5ap5w2x4b] {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
}

.comment[b-n5ap5w2x4b] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Workflow/Redesign/Components/Shared/Tabs/DetailsTabComponent.razor.rz.scp.css */
.container[b-xduzzvun7p] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.details[b-xduzzvun7p] {
    padding: 0 4px;
}

.item[b-xduzzvun7p] {
    display: flex;
    flex-direction: column;
    overflow-wrap: anywhere;
}

.item .value[b-xduzzvun7p] {
    margin-left: 4px;
}
/* /Pages/Workflow/Redesign/Components/Shared/Tabs/TagsTabComponent.razor.rz.scp.css */
.container[b-ula6imeg79] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.tags[b-ula6imeg79] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 4px;
}

.items[b-ula6imeg79] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
}
/* /Pages/Workflow/Redesign/Components/Shared/Tabs/WorkflowCommentsTabComponent.razor.rz.scp.css */
.container[b-20uqt07oid] {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
}

.comments[b-20uqt07oid] {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
}

.comment-input-items[b-20uqt07oid] {
    display: flex;
    flex-direction: column;
}

.comment-input[b-20uqt07oid] {
    display: flex;
    flex-direction: row;
    
    margin-top: 12px;
    border-top: 1px solid var(--mud-palette-divider);
    padding-top: 4px;
}

.attachment-button[b-20uqt07oid] {
    display: flex;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 8px;
    margin: 7px 8px 8px 0;
    padding: 7px;
}

.attachments[b-20uqt07oid] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Pages/Workflow/Redesign/Components/Stepper/WorkflowStepAssignedUsersComponent.razor.rz.scp.css */
.step-assignees[b-6d22gyj8t8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
}

.overflow-row[b-6d22gyj8t8] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: default;
}

/* Override avatar size to sit between MudBlazor Small (24px) and Medium (40px).
   !important needed to beat MudBlazor's scoped .mud-avatar-small rules. */
[b-6d22gyj8t8] .mud-avatar {
    width: 36px !important;
    height: 36px !important;
    font-size: 0.875rem !important;
}
/* /Pages/Workflow/Redesign/Components/Stepper/WorkflowStepCircleComponent.razor.rz.scp.css */
.step-node[b-dwvpmmvwit] {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-node.compact[b-dwvpmmvwit] {
    width: 14px;
    height: 14px;
}

/* No outline for in-progress compact */
.step-node.compact.in-progress[b-dwvpmmvwit] {
    box-shadow: none;
}

.overdue-badge.compact[b-dwvpmmvwit] {
    width: 10px;
    height: 10px;
    right: -3px;
    bottom: -3px;
}

.step-node.on-hold[b-dwvpmmvwit] {
    background-color: var(--mud-palette-surface);
    border: 2px solid #b3b9c4;
    color: var(--mud-palette-text-primary);
}

.step-node.in-progress[b-dwvpmmvwit] {
    background-color: var(--mud-palette-info);
    color: white;
}

.step-node.completed[b-dwvpmmvwit] {
    background-color: var(--mud-palette-success);
    color: white;
}

.step-node.rejected[b-dwvpmmvwit] {
    background-color: var(--mud-palette-error);
    color: white;
}

.step-node.in-progress.overdue[b-dwvpmmvwit] {
    box-shadow: 0 0 0 3px var(--mud-palette-surface), 0 0 0 5px var(--mud-palette-warning);
}

.step-node.compact.in-progress.overdue[b-dwvpmmvwit] {
    box-shadow: 0 0 0 2px var(--mud-palette-surface), 0 0 0 4px var(--mud-palette-warning);
}

.step-node.in-progress.approaching-overdue[b-dwvpmmvwit] {
    box-shadow: 0 0 0 3px var(--mud-palette-surface), 0 0 0 5px #b3b9c4;
}

.step-node.compact.in-progress.approaching-overdue[b-dwvpmmvwit] {
    box-shadow: 0 0 0 2px var(--mud-palette-surface), 0 0 0 4px #b3b9c4;
}

.step-number[b-dwvpmmvwit] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.overdue-badge[b-dwvpmmvwit] {
    position: absolute;
    z-index: 2;
    right: -5px;
    bottom: -5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--mud-palette-warning);
    border: 2px solid var(--mud-palette-surface);
    display: flex;
    align-items: center;
    justify-content: center;
}

.overdue-badge.approaching[b-dwvpmmvwit] {
    background-color: #b3b9c4;
}
/* /Pages/Workflow/Redesign/Components/Stepper/WorkflowStepperCompactComponent.razor.rz.scp.css */
.compact-stepper-new[b-r3v48idb08] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* ── Row 1: dots and connectors ── */
.compact-dots-row[b-r3v48idb08] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.compact-connector[b-r3v48idb08] {
    flex: 1;
    height: 2px;
    background-color: #dfe1e6;
}

.compact-connector.done[b-r3v48idb08] {
    background-color: var(--mud-palette-success);
}

.compact-connector.rejected[b-r3v48idb08] {
    background-color: var(--mud-palette-error);
}

[b-r3v48idb08] .compact-dots-row .mud-tooltip-root {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Row 2: labels mirroring row 1 ──
   Row 1: [dot shrink-0] [conn flex:1] [dot shrink-0] [conn flex:1] [dot shrink-0]
   Row 2: [lbl  18px   ] [spc  flex:1] [lbl  18px   ] [spc  flex:1] [lbl  18px   ]

   Each label cell is exactly 18px (max dot size).
   The text is rendered absolutely, centered on the 18px anchor.
   This way labels can overflow without pushing siblings. */
.compact-labels-row[b-r3v48idb08] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    margin-top: 3px;
}

.compact-label-spacer[b-r3v48idb08] {
    flex: 1;
}

/* The 18px anchor cell — same width as the largest dot */
.compact-step-label[b-r3v48idb08] {
    position: relative;
    width: 18px;
    flex-shrink: 0;
    height: 14px; /* prevents row from collapsing */
}

/* The actual text: positioned absolutely, centered on the anchor */
.compact-step-label-text[b-r3v48idb08] {
    position: absolute;
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

/* First: anchor at left edge, text flows right */
.compact-step-label.first .compact-step-label-text[b-r3v48idb08] {
    left: 0;
    transform: none;
}

/* Last: anchor at right edge, text flows left */
.compact-step-label.last .compact-step-label-text[b-r3v48idb08] {
    left: auto;
    right: 0;
    transform: none;
}
/* /Pages/Workflow/Redesign/Components/Stepper/WorkflowStepperComponent.razor.rz.scp.css */
.stepper-container[b-sh6uig3k8l] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 12px 20px;
}

.stepper-step[b-sh6uig3k8l] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    min-width: 130px;
    max-width: 220px;
}

.step-node-area[b-sh6uig3k8l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.step-connector[b-sh6uig3k8l] {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #dfe1e6;
    z-index: 0;
}

.step-connector.done[b-sh6uig3k8l] {
    background-color: var(--mud-palette-success);
}

.step-body[b-sh6uig3k8l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 10px;
    padding: 0 6px;
}

.step-name[b-sh6uig3k8l] {
    font-size: 13px;
    font-weight: 400;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
    white-space: nowrap;
}

.step-name.active[b-sh6uig3k8l] {
    font-weight: 700;
}

.step-name.upcoming[b-sh6uig3k8l] {
    color: var(--mud-palette-text-secondary);
}
/* /Pages/Workflow/Redesign/Components/WorkflowTypes/Monitor/ManualMonitorInstructions.razor.rz.scp.css */
.instructions-container[b-kp9vs2sj5l] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px;
    box-sizing: border-box;
}

.instructions-content[b-kp9vs2sj5l] {
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-word;
}

.instructions-content[b-kp9vs2sj5l]  * {
    max-width: 100%;
    box-sizing: border-box;
}

.instructions-content[b-kp9vs2sj5l]  > :last-child {
    margin-bottom: 0 !important;
}
/* /Pages/Workflow/Redesign/Components/WorkflowTypes/Monitor/MonitorFindingsTable.razor.rz.scp.css */
/* Z-index */
[b-9441hh89em] th.sticky-col {
    z-index: 4 !important;
}

[b-9441hh89em] th:not(.sticky-col) {
    z-index: 2 !important;
}

[b-9441hh89em] td.sticky-col {
    z-index: 3 !important;
}

[b-9441hh89em] td:not(.sticky-col) {
    z-index: 1 !important;
}

/* Table background colors */
[b-9441hh89em] th {
    background-color: var(--mud-palette-surface) !important;
}

[b-9441hh89em] tr:not(.selected, .multi-selected) td {
    background-color: var(--mud-palette-surface) !important;
    background-image: none !important;
}

[b-9441hh89em] tr:not(.selected, .multi-selected):hover td:not(.background-success-light, .background-failed-light, .background-success-dark, .background-failed-dark) {
    background-image: linear-gradient(var(--mud-palette-table-hover), var(--mud-palette-table-hover)) !important;
}

[b-9441hh89em] tr.selected td {
    background-color: color-mix(in srgb, rgb(var(--mud-palette-primary-rgb)) 12%, var(--mud-palette-surface)) !important;
}

[b-9441hh89em] tr.multi-selected td {
    background-color: color-mix(in srgb, rgb(var(--mud-palette-primary-rgb)) 8%, var(--mud-palette-surface)) !important;
}

[b-9441hh89em] tr td.background-success-light,
[b-9441hh89em] tr td.background-success-light:hover {
    background-color: #DFF0D8 !important;
}

[b-9441hh89em] tr td.background-failed-light,
[b-9441hh89em] tr td.background-failed-light:hover {
    background-color: #F2DEDE !important;
}

[b-9441hh89em] tr td.background-success-dark,
[b-9441hh89em] tr td.background-success-dark:hover {
    background-color: #013818 !important;
}

[b-9441hh89em] tr td.background-failed-dark,
[b-9441hh89em] tr td.background-failed-dark:hover {
    background-color: #66131d !important;
}

/* Sticky columns */
.sticky-col[b-9441hh89em] {
    position: sticky !important;
}

.sticky-checkbox[b-9441hh89em] {
    padding: 0 !important;
    left: 0 !important;
    width: 0 !important;
}

.sticky-checkbox[b-9441hh89em]  .mud-button-root {
    padding: 0 8px 0 4px !important;
}

.sticky-id:not(.no-edit)[b-9441hh89em] {
    left: 32px !important;
    padding-left: 0 !important;
}

.sticky-id.no-edit[b-9441hh89em] {
    left: 0 !important;
    padding-left: 8px !important;
}

.sticky-id[b-9441hh89em] {
    border-right: 1px solid var(--mud-palette-divider) !important;
    width: 0 !important;
}

.sticky-tags[b-9441hh89em] {
    padding: 0 4px 0 8px !important;
    border-left: 1px solid var(--mud-palette-divider) !important;
    right: var(--cmp-sticky-actions-width, 58px) !important;
    width: 0 !important;
}

.sticky-actions[b-9441hh89em] {
    right: 0 !important;
    padding: 0 4px !important;
    width: 0 !important;
    min-width: var(--cmp-sticky-actions-width, 58px) !important;
}

/* Finding rows */
.finding-row[b-9441hh89em] {
    white-space: nowrap;
    overflow: hidden;
}

.finding-row td:nth-child(1 of:not(.sticky-col))[b-9441hh89em],
.finding-row th:nth-child(1 of:not(.sticky-col))[b-9441hh89em] {
    padding-left: 8px !important;
}

.finding-row:hover :not(.selected)[b-9441hh89em] {
    cursor: pointer;
}
/* /Pages/Workflow/Redesign/Components/WorkflowTypes/Monitor/Tabs/AskAiTabComponent.razor.rz.scp.css */
/* /Pages/Workflow/Redesign/Components/WorkflowTypes/Monitor/Tabs/FindingCommentsTabComponent.razor.rz.scp.css */
.container[b-x8g29wdjd1] {
    display: flex;
    flex-direction: column-reverse;
    height: 98%;
}

.comments[b-x8g29wdjd1] {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
}

.comment-input-items[b-x8g29wdjd1] {
    display: flex;
    flex-direction: column;
}

.comment-input[b-x8g29wdjd1] {
    display: flex;
    flex-direction: row;

    margin-top: 12px;
    border-top: 1px solid var(--mud-palette-divider);
    padding-top: 4px;
}

.attachment-button[b-x8g29wdjd1] {
    display: flex;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 8px;
    margin: 7px 8px 8px 0;
    padding: 7px;
}

.attachments[b-x8g29wdjd1] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Pages/Workflow/Redesign/Pages/WorkflowsPage.razor.rz.scp.css */
/* /Pages/Workflow/Sidebar/MinimalWorkflowCardComponent.razor.rz.scp.css */
.workflow-card[b-ni2onxhmyv] {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #eae8e8;
    border: black;
    border-width: 1px;
    display: flex;
    justify-content: center;
    align-content: center;
    cursor: pointer;
}

    .workflow-card:nth-child(even):not(.active)[b-ni2onxhmyv] {
        background-color: #F4F3F3;
    }

.active[b-ni2onxhmyv] {
    background-color: #73879c !important;
    color: #F4F3F3 !important;
}

span[b-ni2onxhmyv] {
    margin: auto;
    margin-bottom: auto;
    font-size: 25px;
}

.workflow-card-hover[b-ni2onxhmyv] {
    position: absolute;
    display: none;
    right: -255px;
    background-color: #eae8e8;
    padding: 4px;
    width: 250px;
    flex-direction: column;
    text-align: center;
    color: #73879c;
    z-index: 100;
}

.workflow-card:hover > .workflow-card-hover[b-ni2onxhmyv] {
    display: flex;
    -webkit-box-shadow: 0px 0px 12px -5px #000000;
    box-shadow: 0px 0px 12px -5px #000000;
}

.workflow-card-hover[b-ni2onxhmyv]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    margin-left: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #eae8e8 transparent transparent;
    -webkit-box-shadow: 0px 0px 12px -5px #000000;
    box-shadow: 0px 0px 12px -5px #000000;
}

.name[b-ni2onxhmyv] {
    font-size: 16px;
    font-weight: bolder;
}

.workflow-card.dark:nth-child(odd)[b-ni2onxhmyv] {
    background-color: var(--mud-palette-background-grey);
}

.workflow-card.dark:nth-child(even)[b-ni2onxhmyv] {
    background-color: transparent;
}
/* /Pages/Workflow/Sidebar/WorkflowFiltersComponent.razor.rz.scp.css */
.filterContainer[b-0umwhp6llq], .searchTextFieldContainer[b-0umwhp6llq] {
    margin-bottom: 12px;
}
/* /Pages/Workflow/Sidebar/WorkflowListComponent.razor.rz.scp.css */
/* /Pages/Workflow/Sidebar/WorkflowMenuBarComponent.razor.rz.scp.css */
.menu-bar[b-oqd2pwrm62] {
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    height: calc(95vh - 65px);
}

.scroll-y[b-oqd2pwrm62] {
    overflow-y: auto;
    overflow-x: hidden;
}

.header[b-oqd2pwrm62] {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 4px;
    padding: 12px;
}

.header-small[b-oqd2pwrm62] {
    justify-content: center;
}

.margin-right[b-oqd2pwrm62] {
    margin-right: 10px;
}

span[b-oqd2pwrm62] {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

    span:hover[b-oqd2pwrm62] {
        transform: scale(1.2);
        cursor: pointer;
    }

/* /Pages/Workflow/WorkflowCardComponent.razor.rz.scp.css */
li[b-1dah34cc67] {
    overflow: hidden;
}



    li div.name[b-1dah34cc67] {
        float: left;
        width: calc(100% - 20px);
    }

    li span.todo[b-1dah34cc67] {
        float: right;
    }

    li span.icon-completed[b-1dah34cc67],
    li span.icon-rejected[b-1dah34cc67] {
        display: none;
        float: right;
    }

    li.Approved span.icon-completed[b-1dah34cc67] {
        display: block;
    }

    li.Rejected span.icon-rejected[b-1dah34cc67] {
        display: block;
    }

    li.Approved[b-1dah34cc67] {
        color: limegreen;
    }

    li.dark.Approved[b-1dah34cc67] {
        color: #0DDE9C;
    }

    li.Rejected[b-1dah34cc67] {
        color: #a94442;
    }

    li.dark.Rejected[b-1dah34cc67] {
        color: #f64e62ff;
    }

    li.completed .todo[b-1dah34cc67] {
        display: none;
    }

li:nth-child(odd)[b-1dah34cc67] {
    background-color: #eae8e8;
}

li:nth-child(even)[b-1dah34cc67]{
    background-color: transparent;
}

li.dark:nth-child(odd)[b-1dah34cc67] {
    background-color: var(--mud-palette-background-grey);
}

li.dark:nth-child(even)[b-1dah34cc67] {
    background-color: transparent;
}

.hide[b-1dah34cc67] {
    display: none;
}

.item-list[b-1dah34cc67] {
    overflow: auto;
}

.item-list > li[b-1dah34cc67] {
        cursor: pointer;
        padding: 10px 20px 10px 20px;
    }

        .item-list > li input[b-1dah34cc67] {
            display: none;
        }

li.active[b-1dah34cc67],
li.dark.active[b-1dah34cc67] {
    background-color: #73879c;
    color: #F4F3F3;
}

li.dark:hover[b-1dah34cc67] {
    background-color: var(--mud-palette-gray-darker);
}
/* /Pages/Workflow/WorkflowPage.razor.rz.scp.css */
.workflow-body[b-izcpols32q] {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    display: flex;
    height: calc(100%);
}
/* /Pages/Workflow/WorkflowRelatedItemsComponent.razor.rz.scp.css */
/* /Pages/Workflow/WorkflowStatusChangeComponent.razor.rz.scp.css */
/* /Pages/Workflow/WorkflowType/WorkflowApplicationRoleComponent.razor.rz.scp.css */
.group-rights-table[b-bdmwxr9835] {
    width: 50%;
}
/* /Pages/Workflow/WorkflowType/WorkflowApplicationUserComponent.razor.rz.scp.css */
.user-rights-table[b-3k6bbtq8r1] {
    width: 50%;
}
/* /Pages/Workflow/WorkflowType/WorkflowFindingsComponent.razor.rz.scp.css */
[b-xtsinnrsdw] .button-already-added {
    min-width: 150px;
}
/* /Pages/Workflow/WorkflowType/WorkflowInstructionsComponent.razor.rz.scp.css */
.allow-new-line[b-9e0h7v4jp6] {
    white-space:pre-line;
}
/* /Pages/Workflow/WorkflowType/WorkflowQueryComponent.razor.rz.scp.css */
.query-initial[b-803i994lvi] {
    position: absolute !important;
    top: 20px;
    width: 33%;
    height: calc(100% - 55px);
}

    .query-initial.current[b-803i994lvi] {
        left: 33%;
    }

.query-head[b-803i994lvi] {
    position: absolute;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .query-head.current[b-803i994lvi] {
        padding: 0px;
        padding-left: 7px;
        left: 33%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .query-head.difference[b-803i994lvi] {
        padding: 0px;
        padding-left: 7px;
        left: 65%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.workflow-compare-query[b-803i994lvi] {
    height: 450px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.result-compare[b-803i994lvi] {
    top: 20px;
    overflow: scroll;
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 33%;
    height: 500px;
    position: absolute;
    left: 66%;
    margin: 0;
    padding: 0 9.5px 9.5px 9.5px;
}