@import '_content/Ferranti.Blazor.Components/Ferranti.Blazor.Components.xeqotxi5zm.bundle.scp.css';

/* /Pages/FlowDetail.razor.rz.scp.css */
[b-ex7m1dbecf].meep-flow-detail-wrapper {
    height: calc(100vh - 7.5rem); /*Let the detail take up the remaining viewport height minus top navigation bar height. */
    display: flex;
    flex-direction: column;
}

[b-ex7m1dbecf] .meep-flow-detail-header {
    flex: 0 1 auto;
}

/*
Make sure tab panel height takes up remaining viewport height, but doesn't exceed it, for the flow diagram.
Overflow of the flow diagram should show scrollbars in the flow diagram viewer.
*/
[b-ex7m1dbecf] .meep-flow-detail-flow:has(.mud-tab-active.meep-flow-detail-flow-tab) {
    flex: 1 1 auto;
    min-height: 0;
}

[b-ex7m1dbecf] .meep-flow-detail-flow:has(.mud-tab-active.meep-flow-detail-flow-tab) > div {
    height: 100%;
}

[b-ex7m1dbecf] .meep-flow-detail-flow:has(.mud-tab-active.meep-flow-detail-flow-tab) div.mud-tabs {
    height: 100%;
}

[b-ex7m1dbecf] .meep-flow-detail-flow:has(.mud-tab-active.meep-flow-detail-flow-tab) .mud-tabs-panels {
    display: flex;
    flex-direction: column;
    height: calc(100% - 2rem);
}
/* /Pages/FlowOverview.razor.rz.scp.css */
@media (min-width: 1280px) {
    [b-qwvvwngp6d] .category-tree-view-paper {
        position: sticky;
        top: 1.5rem; /* Distance from the top of the viewport */
    }
        [b-qwvvwngp6d] .category-tree-view-paper > ul.mud-treeview {
            overflow-y: auto;
            max-height: calc(100vh - 8.5rem);
        }
}
/* /Pages/FlowTypeDetail.razor.rz.scp.css */
[b-z4mbliunoa].meep-flowtype-detail-wrapper {
    height: calc(100vh - 7.5rem);
    display: flex;
    flex-direction: column;
}

[b-z4mbliunoa] .meep-flowtype-detail-header {
    flex: 0 1 auto;
}

[b-z4mbliunoa] .meep-flowtype-detail-flow {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Shared/Flow/Flow.razor.rz.scp.css */
[b-8u69z55xab].meep-flow-diagram-viewer {
    padding: 0.5rem;
    position: relative;
    height: 100%;
}

[b-8u69z55xab] .meep-flow-transform-bar {
    position: absolute;
    right: 1rem;
    top: 1rem;
    margin: 0.5rem;
    z-index: 1000;
    box-shadow: var(--mud-elevation-3);
}

[b-8u69z55xab] .meep-flow-transform-bar button {    
    background-color: var(--mud-palette-surface) !important;
}

[b-8u69z55xab] .meep-flow-diagram-container {
    width: 100%;
    height: 100%;
    overflow: auto;
}

[b-8u69z55xab] .meep-flow-curve-label-text,
[b-8u69z55xab] .meep-flow-step-label-text {
    width: fit-content;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.6rem;
    line-height: 1.0rem;
    margin: auto;
    padding: 0rem 0.2rem;
    text-align: center;
    border-radius: 0.2rem;
}