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

/* _content/Flowlogic.UI/Pages/FlowDetail.razor.rz.scp.css */
[b-ex7m1dbecf].meep-flow-detail-wrapper {
    height: calc(100vh - 7.5rem);
    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);
}
/* _content/Flowlogic.UI/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);
        }
}
/* _content/Flowlogic.UI/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;
}
/* _content/Flowlogic.UI/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;
}