@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.bundle.scp.css';

/* /DiagramComponents/Nodes/DiagramPartNode.razor.rz.scp.css */

.status-container[b-cwixdp2suv] {
    word-wrap: anywhere;
    color: #fff;
    width: 16rem;
    height: fit-content;
    padding: 0.5rem;
    border-radius: 0.6rem;
    background: var(--pink-gradient);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header-container[b-cwixdp2suv] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 1rem;
    flex-direction: row;
}

.text-labels[b-cwixdp2suv] {
    display: flex;
    flex-direction: column;
    width: 380px;
}

    .text-labels div[b-cwixdp2suv] {
        justify-content: space-between;
        padding: 3px;
    }

.fa-puzzle-piece[b-cwixdp2suv] {
    font-size: 2rem;
}


[b-cwixdp2suv] .diagram-port {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
}

[b-cwixdp2suv] .enter-port {
    top: -10px;
    margin-left: -10px;
    background-color: rgba(230, 0, 96);
    border-radius: 0.4rem;
}

[b-cwixdp2suv] .exit-port {
    bottom: -10px;
    margin-left: -10px;
    background-color: rgba(125, 0, 52);
    border-radius: 0.4rem;
}

[b-cwixdp2suv] .enter-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}

[b-cwixdp2suv] .exit-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}
/* /DiagramComponents/Nodes/EntryNode.razor.rz.scp.css */

.entry-node[b-keo7xn3nd6] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 5rem;
    background: var(--lightgreen-gradient);
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


[b-keo7xn3nd6] .diagram-port {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
}

[b-keo7xn3nd6] .enter-port {
    top: -10px;
    margin-left: -10px;
    background-color: rgb(135, 255, 102);
    border-radius: 0.4rem;
}

[b-keo7xn3nd6] .exit-port {
    bottom: -10px;
    margin-left: -10px;
    background-color: #51c92f;
    border-radius: 0.4rem;
}

[b-keo7xn3nd6] .enter-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}

[b-keo7xn3nd6] .exit-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}
/* /DiagramComponents/Nodes/ExitNode.razor.rz.scp.css */

.octagon[b-3vssj93dt6] {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    aspect-ratio: 1;
    --o: calc(50%*tan(-22.5deg));
    clip-path: polygon( var(--o) 50%,50% var(--o), calc(100% - var(--o)) 50%, 50% calc(100% - var(--o)) );
    background: var( --red-gradient);
    /*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}


h3[b-3vssj93dt6] {
    margin-inline: auto;
}

[b-3vssj93dt6] .diagram-port {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
}

[b-3vssj93dt6] .enter-port {
    top: -10px;
    margin-left: -10px;
    background-color: #F72644;
    border-radius: 0.4rem;
}

[b-3vssj93dt6] .exit-port {
    bottom: -10px;
    margin-left: -10px;
    background-color: #E60060;
    border-radius: 0.4rem;
}

[b-3vssj93dt6] .enter-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}

[b-3vssj93dt6] .exit-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}
/* /DiagramComponents/Nodes/ManualAutomaticNode.razor.rz.scp.css */
.status-container[b-8n6xu8plt1] {
    word-wrap: anywhere;
    color: #000;
    width: 16rem;
    height: fit-content;
    padding: 0.5rem;
    border-radius: 0.6rem;
    font-size: 0.8em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.auto-container[b-8n6xu8plt1] {
    color: #000;
    background: var( --grey-gradient)
}

.header-container[b-8n6xu8plt1] {
    display: flex;
    justify-content: flex-start;
    align-items:start;
    flex-direction: row;
}

.text-labels[b-8n6xu8plt1] {
    display: flex;
    flex-direction: column;
    width:380px;
}

    .text-labels div[b-8n6xu8plt1] {
        justify-content: space-between;
        padding:3px;
    }

.fa-user-robot[b-8n6xu8plt1],
.fa-user[b-8n6xu8plt1] {
    font-size: 2.4rem;
    vertical-align:top;
}

.manual-container[b-8n6xu8plt1] {
    background: var(--green-gradient);
}


[b-8n6xu8plt1] .diagram-port {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
}

[b-8n6xu8plt1] .enter-port {
    top: -10px;
    margin-left: -10px;
    background-color: #E7E7E7;
    border-radius: 0.4rem;
}

[b-8n6xu8plt1] .exit-port {
    bottom: -10px;
    margin-left: -10px;
    background-color: #A0A0A0;
    border-radius: 0.4rem;
}

[b-8n6xu8plt1] .enter-port i {
    font-size: 0.91rem;
    margin-left: 4px;
    margin-top: 0.3rem;
}

[b-8n6xu8plt1] .exit-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}

[b-8n6xu8plt1] .enter-port-manual {
    background-color: #74c3bc;
}


[b-8n6xu8plt1] .exit-port-manual {
    background-color: #0d978b;
}
/* /DiagramComponents/Nodes/PendNode.razor.rz.scp.css */

.status-container[b-p2263pv19p] {
    word-break: normal;
    color: #000;
    width: 16rem;
    min-height: 6rem;
    padding: 0.5rem;
    border-radius: 0.6rem;
    font-size: 0.8em;
    background: var(--yellow-gradient);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pend-container[b-p2263pv19p] {
    background: var(--yellow-gradient);
}

.delay-container[b-p2263pv19p] {
    background: var(--orange-gradient);
}



.header-container[b-p2263pv19p] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 1rem;
    flex-direction: row;
}

.text-labels[b-p2263pv19p] {
    display: flex;
    flex-direction: column;
    width: 380px;
}

    .text-labels div[b-p2263pv19p] {
        justify-content: space-between;
        padding: 3px;
    }

.fa-clock-rotate-left[b-p2263pv19p],
.fa-hourglass-clock[b-p2263pv19p] {
    font-size: 1.8rem;
    margin-left: 0.9rem;
}


[b-p2263pv19p] .diagram-port {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
}


[b-p2263pv19p] .enter-port {
    top: -10px;
    margin-left: -10px;
    background-color: #e9af81;
    border-radius: 0.4rem;
}

[b-p2263pv19p] .exit-port {
    bottom: -10px;
    margin-left: -10px;
    background-color: #e89e65;
    border-radius: 0.4rem;
}

[b-p2263pv19p] .enter-port i {
    font-size: 0.91rem;
    margin-left: 4px;
    margin-top: 0.3rem;
}

[b-p2263pv19p] .exit-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}

[b-p2263pv19p] .enter-port-pend {
    background-color: #DDE237;
}

[b-p2263pv19p] .exit-port-pend {
    background-color: #E2CA3C;
}
/* /DiagramComponents/Nodes/PowerAutomateNode.razor.rz.scp.css */

.status-container[b-cl8marsg55] {
    word-wrap: anywhere;
    color: #fff;
    width:16rem;
    height: fit-content;
    padding: 0.5rem;
    border-radius: 0.6rem;
    background: var(--blue-gradient);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header-container[b-cl8marsg55] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.fa-arrows-spin[b-cl8marsg55] {
font-size: 2rem;
margin-left: 0.4rem;
}

[b-cl8marsg55] .diagram-port {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
}

[b-cl8marsg55] .enter-port {
    top: -10px;
    margin-left: -10px;
    background-color: #3284f1;
    border-radius: 0.4rem;
}

[b-cl8marsg55] .exit-port {
    bottom: -10px;
    margin-left: -10px;
    background-color: #3284f1;
    border-radius: 0.4rem;
}

[b-cl8marsg55] .enter-port i {
    font-size: 0.91rem;
    margin-left: 4px;
}

[b-cl8marsg55] .exit-port i {                                                     
    font-size: 0.91rem;
    margin-left: 4px;
}
/* /Layout/LoginDisplay.razor.rz.scp.css */

.dropdown-btn[b-j84jdkaeaj] {
    background-color: #fff;
    color: black;
    font-size: 2rem;
    border: none;
    border-radius: 100%;
}

.user-btn[b-j84jdkaeaj] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .user-btn span[b-j84jdkaeaj] {
        margin-inline: 0.4rem;
    }

.dropdown-list[b-j84jdkaeaj] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-j84jdkaeaj] {
    display: none;
    position: absolute;
    top: 115%;
    left: 0%;
    width: 100%;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    background-color: #f7f7f7;
    min-width: fit-content;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: -1;
}

    .dropdown-content div[b-j84jdkaeaj] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dropdown-content .nav-link[b-j84jdkaeaj] {
        color: black;
        border: 2px solid transparent;
        margin: 0.4rem 0.5rem;
        padding: 0;
        text-decoration: none;
    }

        .dropdown-content .nav-link:hover[b-j84jdkaeaj] {
            color: #4DB3AA;
            border-bottom: 2px solid #4DB3AA;
        }


.toggle-nav[b-j84jdkaeaj] {
    display: block;
    border-left: 3px solid #11998E;
    border-right: 3px solid #11998E;
    border-bottom: 3px solid #11998E;
    border-radius: 0 0 1rem 1rem;
    cursor: pointer;
}

.initials[b-j84jdkaeaj] {
    font-size: 0.8rem;
    letter-spacing: 1px;
    font-weight: bold;
    background-image: linear-gradient(10deg, #11998E,#38EF7D);
    border-radius: 50%;
    padding: 0.3rem;
}


.gradient-border[b-j84jdkaeaj] {
    background: #fff;
    border-radius: 2rem;
    display: block;
    position: relative;
    padding: 0.5rem 0.8rem;
    cursor: pointer;
    z-index: 2;
}

    .gradient-border[b-j84jdkaeaj]::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 2rem;
        border: 3px solid transparent;
        background: linear-gradient(45deg, #11998E,#38EF7D) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude;
    }

    .gradient-border .fa-solid[b-j84jdkaeaj] {
        font-size: 1.5rem;
        color: #11998E;
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.top-row[b-u8pmrewrpk] {
    position: fixed;
    top: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.8rem;
    display: flex;
    align-items: center;
    padding-right: 2rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    z-index: 1000;
}

header div.title-container[b-u8pmrewrpk] {
    display: flex;
    align-items: center;
}

i[b-u8pmrewrpk] {
    font-size: 2.2rem;
    margin-right: 1rem;
}

    i.fa-puzzle[b-u8pmrewrpk] {
        background: linear-gradient(180deg, rgba(230, 0, 96) 0%, rgba(125, 0, 52) 100%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    i.fa-diagram[b-u8pmrewrpk] {
        background: linear-gradient(#88CCC6, #049387);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

     
    .logo-container[b-u8pmrewrpk] {
    padding: 0 !important;
    margin-left: 0.6rem;
}

    .logo-container a[b-u8pmrewrpk] {
        font-family: var(--jura-font);
        display: flex;
        align-items: center;
        text-decoration: none !important;
        color: inherit;
    }

    .logo-container div:first-of-type[b-u8pmrewrpk] {
        margin-left: 0.5rem;
    }

    .logo-container h3[b-u8pmrewrpk] {
        font-size: 2.5rem;
        padding: 0;
        margin-bottom: -0.5rem;
    }

    .logo-container small[b-u8pmrewrpk] {
        font-size: 0.9rem;
        margin-left: 0.2rem;
    }

.page[b-u8pmrewrpk] {
    position: relative;
}

#blazor-error-ui[b-u8pmrewrpk] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-u8pmrewrpk] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-rsc00g56nd] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-rsc00g56nd] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-rsc00g56nd] {
    font-size: 1.1rem;
}

.bi[b-rsc00g56nd] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-rsc00g56nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-rsc00g56nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-rsc00g56nd] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-rsc00g56nd] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-rsc00g56nd] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-rsc00g56nd] {
        padding-bottom: 1rem;
    }

    .nav-item[b-rsc00g56nd]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-rsc00g56nd]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-rsc00g56nd]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-rsc00g56nd] {
        display: none;
    }

    .collapse[b-rsc00g56nd] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-rsc00g56nd] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Layout/Popups/AutomaticOutputDialog.razor.rz.scp.css */
.popup-container[b-56ax25tqja] {
    width: 90%;
    margin-inline: auto;
}


.form-container[b-56ax25tqja] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .form-container div:first-of-type[b-56ax25tqja],
    .form-container div:last-of-type[b-56ax25tqja] {
        width: 100%;
    }

.fa-arrow-left[b-56ax25tqja] {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--cl-brightRed);
    margin-top: 1.2rem;
    margin-inline: 1rem;
}


.btn-container[b-56ax25tqja] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
}

    .btn-container .add[b-56ax25tqja] {
        padding-inline: 1.6rem;
    }       
/* /Layout/Popups/AutomaticTransitionsPopup.razor.rz.scp.css */
/*.primary {
    background-color: #007BFF;
}

.secondary {
    background-color: #6C757D;
}
.success {
    background-color: #28A745;
}

.danger {
    background-color: #DC3545;
}

.warning {
    background-color: #FFC107;
}

.info {
    background-color: #17A2B8;
}
*/
/* /Layout/Popups/CloneDialog.razor.rz.scp.css */

.worktype[b-k92b42rhhk] {
    font-size: 1rem;
    width: fit-content !important;
    position: relative;
    top: 0.2rem;
    left: 97%;
    margin-top: 1rem;
}

.worktype-input[b-k92b42rhhk] {
    font-size: 1rem;
    padding: 0rem 0.7rem !important;
    border: none;
    border-radius: 0.4rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    background: #D9D9D9 !important;
}
/* /Layout/Popups/CreateDiagramOrDiagramPartDialog.razor.rz.scp.css */
.tile-container[b-soq7ghjdqe] {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    gap: 3rem;
}

    .tile-container p[b-soq7ghjdqe] {
        font-size: 1.2rem;
        margin-top: 0.5rem;
        color: #000;
    }

.new-diagram[b-soq7ghjdqe],
.new-diagramPart[b-soq7ghjdqe] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 12rem;
    width: 14rem;
    border-radius: 0.5rem;
    box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(25px);
    margin-bottom: 1.6rem;
}


    .new-diagramPart i[b-soq7ghjdqe] {
        font-size: 4rem;
        background: linear-gradient(180deg, rgba(230, 0, 96) 0%, rgba(125, 0, 52) 100%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    .new-diagram i[b-soq7ghjdqe] {
        font-size: 4rem;
        background: linear-gradient(#88CCC6, #049387);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

.new-diagram[b-soq7ghjdqe],
.new-diagramPart[b-soq7ghjdqe] {
    background: #f7f7f7;
}

    .new-diagram:hover[b-soq7ghjdqe],
    .new-diagramPart:hover[b-soq7ghjdqe] {
        background: #d9d6d6;
    }

/* /Layout/Popups/CreateNewWorktypeDialog.razor.rz.scp.css */

.popup-container[b-kcnqt343oq]{
    width: 20rem;
}

.worktype-container p[b-kcnqt343oq] {
    margin-top: 1rem;
    color: var(--cl-brightRed);
}

.form-container .sla[b-kcnqt343oq] {
    flex-direction: row;
}

.sla select[b-kcnqt343oq] {
    margin-right: 1.6rem;
}

.sla input[b-kcnqt343oq] {
    width: 100%;
}

.external-sla[b-kcnqt343oq] {
    margin-bottom: 1rem;
}

.btn-container[b-kcnqt343oq]
{
    margin-top: 0.8rem !important;
}
/* /Layout/Popups/DeleteCancelDialog.razor.rz.scp.css */
.popup-container[b-v2rjjf120r] {
    width: 100%;
    margin-inline: auto;
}

.btn-container[b-v2rjjf120r] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
}

    .btn-container .add[b-v2rjjf120r] {
        padding-inline: 1.6rem;
    }
/* /Layout/Popups/DiagramPartsPopup.razor.rz.scp.css */
body[b-59nw2sfhin] {
}
/* /Layout/Popups/DuplicateTitleWarningDialog.razor.rz.scp.css */
 .input[b-uvn7idfics] {
     display: flex;
     flex-direction: column;
     width: 16rem;
     margin-top: 0.9rem;
     margin-bottom: 1.2rem;
     margin-inline: auto;
 }

 .input label[b-uvn7idfics] {
     margin-left: 0.5rem !important;
 }

.btn-container[b-uvn7idfics] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 2rem;
}

    .btn-container .save[b-uvn7idfics] {
        padding-inline: 1.6rem;
    }

/* /Layout/Popups/HistoryPopup.razor.rz.scp.css */
body[b-fvna0gbwi3] {
}
/* /Layout/Popups/ManualTransitionsPopup.razor.rz.scp.css */
.popup-container[b-fm86winiff] {
    width: 90%;
    margin-inline: auto;
}

.btn-container[b-fm86winiff] {
   display:flex;
   flex-direction: row;
   justify-content: space-around;
   margin-top: 1.6rem;
   margin-bottom: 2rem;

}

.transition-style[b-fm86winiff] {
    width: fit-content;
}

.form-container .colour-box[b-fm86winiff]{
    height: 0.3rem;
    width:6rem;
}

.style-container[b-fm86winiff] {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}

.colour-box[b-fm86winiff] {
    margin-bottom: 0.7rem;
    margin-left: 1.2rem;
    border-radius: 0.2rem;
}

.btn-container .add[b-fm86winiff] {
    padding-inline: 1.6rem;
}

.primary[b-fm86winiff] {
    background-color: #007BFF;
}

.secondary[b-fm86winiff] {
    background-color: #6C757D;
}
.success[b-fm86winiff] {
    background-color: #28A745;
}

.danger[b-fm86winiff] {
    background-color: #DC3545;
}

.warning[b-fm86winiff] {
    background-color: #FFC107;
}

.info[b-fm86winiff] {
    background-color: #17A2B8;
}
/* /Layout/Popups/OKCancelDialog.razor.rz.scp.css */
.popup-container[b-a9n30sff5w] {
    width: 100%;
    margin-inline: auto;
}

.btn-container[b-a9n30sff5w] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
}

    .btn-container .add[b-a9n30sff5w] {
        padding-inline: 1.6rem;
    }

    .btn-container button[b-a9n30sff5w] {
        margin-inline: 1rem;
    }
/* /Layout/Popups/OpenDiagramOrDiagramPart.razor.rz.scp.css */
.tile-container[b-ewn4kwpxab] {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    gap: 3rem;
}

    .tile-container p[b-ewn4kwpxab] {
        font-size: 1.2rem;
        margin-top: 0.5rem;
        color: #000;
    }

.new-diagram[b-ewn4kwpxab],
.new-diagramPart[b-ewn4kwpxab] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 12rem;
    width: 14rem;
    border-radius: 0.5rem;
    box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(25px);
    margin-bottom: 1.6rem;
}


    .new-diagramPart i[b-ewn4kwpxab] {
        font-size: 4rem;
        background: linear-gradient(180deg, rgba(230, 0, 96) 0%, rgba(125, 0, 52) 100%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    .new-diagram i[b-ewn4kwpxab] {
        font-size: 4rem;
        background: linear-gradient(#88CCC6, #049387);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

.new-diagram[b-ewn4kwpxab],
.new-diagramPart[b-ewn4kwpxab]{
    background: #f7f7f7;
}

    .new-diagram:hover[b-ewn4kwpxab],
    .new-diagramPart:hover[b-ewn4kwpxab] {
        background: #d9d6d6;
    }


/* /Layout/Popups/PublishesPopup.razor.rz.scp.css */
body[b-t0enzs088h] {
}
/* /Layout/Popups/RichTextEditorPopup.razor.rz.scp.css */
.noteType-container[b-bshfjtge18] {
    display: flex;
    flex-direction: column;
    margin-left: 88%;
    margin-bottom: 0.2rem;
    width: fit-content;
}

    .noteType-container label[b-bshfjtge18] {
        font-size: 0.8rem;
        text-align: center;
    }
/* /Layout/Popups/SavePopup.razor.rz.scp.css */
.popup-container[b-dn3c8gkt2v] {
    width: 100%;
    margin-inline: auto;
}

.btn-container[b-dn3c8gkt2v] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
}

    .btn-container .add[b-dn3c8gkt2v] {
        padding-inline: 1.6rem;
    }
/* /Layout/Popups/StatusNodeInputDialog.razor.rz.scp.css */
.popup-container[b-yxxyfi3em4] {
    width: 100%;
    margin-inline: auto;

}

.input-container[b-yxxyfi3em4] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
} 

.input-container button[b-yxxyfi3em4] {
    margin-top: 1.4rem;
    margin-left: 0.5rem;
    padding-inline: 0.5rem !important;
}

.input-container div[b-yxxyfi3em4] {
    display: flex;
    flex-direction: column;
}

.input-container div[b-yxxyfi3em4] {
    margin: 0.3rem;
}

    .form-container div:first-of-type[b-yxxyfi3em4], 
    .form-container div:last-of-type[b-yxxyfi3em4]
    {
      width: 100%;
    }



.fa-arrow-right[b-yxxyfi3em4] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--cl-brightRed);
    margin-top: 1.5rem;
}


.btn-container[b-yxxyfi3em4] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
}

    .btn-container .add[b-yxxyfi3em4] {
        padding-inline: 1.6rem;
    }

.caret i[b-yxxyfi3em4] {
    font-size: 1.4rem;
    color: var(--cl-purple);
    padding: 0.3rem;
    margin-inline: 0.95rem;
}

.edit-transitions[b-yxxyfi3em4] {
    margin: 0.5rem 1rem 1rem 0;
    border: 2px solid magenta !important;
}

.edit-transition td[b-yxxyfi3em4] {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
}

.comparison-dropdown label[b-yxxyfi3em4] {
    font-size: 0.8rem;
    color: var(--cl-purple);
}

.comparison-dropdown td[b-yxxyfi3em4] {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0.5rem;
}

.comparison-dropdown div[b-yxxyfi3em4] {
    display: flex;
    flex-direction: column;
}

.comparisonIdentifier[b-yxxyfi3em4] {
    width: 20rem;
}

.mask-textbox[b-yxxyfi3em4] {
    width: 10rem;
}
/* /Layout/Popups/WarningDialog.razor.rz.scp.css */
div p[b-u02bnw88t5] {
    font-size: 1.1rem;
    max-width: 30rem;
}

    div p span[b-u02bnw88t5] {
        font-weight: bold !important
    }

div i[b-u02bnw88t5] {
    font-size: 4rem !important;
    margin-top: 1.6rem;
}

.btn-container .add[b-u02bnw88t5] {
    padding: 0.2rem 1.5rem !important;
}
/* /Layout/Popups/YesNoCancelDialog.razor.rz.scp.css */
.popup-container[b-vpi6tufior] {
    width: 100%;
    margin-inline: auto;
}

.btn-container[b-vpi6tufior] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
}

    .btn-container .add[b-vpi6tufior] {
        padding-inline: 1.6rem;
    }
/* /Layout/Sidebar/NodeTabViews/DiagramPartView.razor.rz.scp.css */
.diagramPart-refresh[b-auopuw8wkc] {
    position: relative;
}

   i .fa-arrows-rotate[b-auopuw8wkc] {
        font-size: 1.4rem;
        color: var(--cl-purple);
    }

.refresh-btn[b-auopuw8wkc] {
    font-size: 1rem;
    color: var(--cl-purple);
    position: absolute;
    right: 0.8rem;
    bottom: 0rem;
    cursor: pointer;
}

    .refresh-btn:hover[b-auopuw8wkc] {
        color: var(--cl-brightRed)
    }
/* /Layout/Sidebar/NodeTabViews/PendNodeView.razor.rz.scp.css */
.toggle-container[b-hjmqct4x22] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .toggle-container i[b-hjmqct4x22] {
        font-size: 1.8rem;
    }


.switch[b-hjmqct4x22] {
    position: relative;
    display: inline-block;
    width: 2.4rem;
    height: 1.35rem;
    margin-inline: 0.8rem;
    margin-top: 0.6rem;
}

    .switch input[b-hjmqct4x22] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-hjmqct4x22] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 4px solid #ED6B06;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-hjmqct4x22]:before {
        position: absolute;
        content: "";
        height: .9rem;
        width: .9rem;
        left: 0;
        top: -.5px;
        background-color: #11998E;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-hjmqct4x22] {
    border: 4px solid #E60060;
}

    input:checked + .slider[b-hjmqct4x22]:before {
        background: #391280;
    }

    input:checked + .slider[b-hjmqct4x22]:before {
        -webkit-transform: translateX(1.01rem);
        -ms-transform: translateX(1.01rem);
        transform: translateX(1.01rem);
    }


.slider.round[b-hjmqct4x22] {
    border-radius: 2rem;
}

    .slider.round[b-hjmqct4x22]:before {
        border-radius: 50%;
    }
/* /Layout/Sidebar/NodeTabViews/StateView.razor.rz.scp.css */
h5[b-0vsc7eyhes] {
    color: var(--cl-brightRed);
    text-align: center;
}

.state-container[b-0vsc7eyhes] {
    width: 18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align:center;
}

.parameters[b-0vsc7eyhes],
.variables[b-0vsc7eyhes]{
    width: 100%;
    text-align: left;
    padding-left: 1rem;
}  

.parameters[b-0vsc7eyhes] {
    margin-bottom: 1rem;
}

.sub-title[b-0vsc7eyhes] {
    font-size: 1rem;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    margin-bottom: 0.6rem;

}

i[b-0vsc7eyhes] {
    padding: 0.3rem 0.5rem 0.3rem 0.2rem;
}

i.fa-thumbtack[b-0vsc7eyhes] {
    font-size: 1rem;
    color: var(--cl-purple);
    margin-right: 0.5rem;
    align-self: center;
} 

i:hover[b-0vsc7eyhes] {
opacity: 0.9;
}

i.pinned[b-0vsc7eyhes] {
    opacity: 0.5;
}

.label-container[b-0vsc7eyhes] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}
/* /Layout/Sidebar/NodeTabViews/StatusNodeView.razor.rz.scp.css */
.toggle-container[b-qy8erz423n] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-container i[b-qy8erz423n] {
    font-size: 2.2rem;
}


.switch[b-qy8erz423n] {
    position: relative;
    display: inline-block;
    width: 2.4rem;
    height: 1.35rem;
    margin-inline: 0.8rem;
    margin-top: 0.6rem;
}

    .switch input[b-qy8erz423n] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-qy8erz423n] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 4px solid #E60060;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-qy8erz423n]:before {
        position: absolute;
        content: "";
        height: .9rem;
        width: .9rem;
        left: 0;
        top: -.5px;
        background-color: #391280;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-qy8erz423n] {
    border: 4px solid #ED6B06;
}

    input:checked + .slider[b-qy8erz423n]:before {
        background: #11998E;
    }

    input:checked + .slider[b-qy8erz423n]:before {
        -webkit-transform: translateX(1.01rem);
        -ms-transform: translateX(1.01rem);
        transform: translateX(1.01rem);
    }

/* Rounded sliders */
.slider.round[b-qy8erz423n] {
    border-radius: 2rem;
}

    .slider.round[b-qy8erz423n]:before {
        border-radius: 50%;
    }


    .layoutRatio-container[b-qy8erz423n]
    {
        display: flex !important;
        flex-direction: row !important;
        margin-bottom: 1rem;
    }

        .layoutRatio-container span[b-qy8erz423n]{
            font-size: 1.8rem;
            margin-top: 0.9rem;
            margin-inline: 0.6rem;
        }  
        
        .layoutRatio-container p[b-qy8erz423n]{
            font-size: 0.9rem !important;
        }


        .layoutRatio-container .layoutRatio-input[b-qy8erz423n],
        .layoutRatio-container .layoutRatio-output[b-qy8erz423n] {
            font-size: 1.2rem !important;
            padding: 0.1rem 0.2rem !important;
            width: 3rem !important;
        }
/* /Layout/Sidebar/NodeTabViews/ValidationIssues.razor.rz.scp.css */
/* /Layout/Sidebar/OverviewTab.razor.rz.scp.css */
.overview[b-1n473doq1m] {
    margin-inline: auto;
    padding: 1rem;
}

hr[b-1n473doq1m] {
    width: 15rem;
    width: 12rem;
    height: 0.14rem;
    color: var(--cl-purple);
    opacity: 1;
    margin-bottom: 2rem;
    margin-inline: auto;
}

h3[b-1n473doq1m] {
    text-align: center;
    color: var(--cl-brightRed);
    margin-bottom: -1rem;
}


.author-container[b-1n473doq1m] {
    width: 16rem;
    margin-inline: auto;
    display: flex;
    justify-content: space-between
}

    .author-container div p:first-of-type[b-1n473doq1m] {
        font-weight: 600;
        color: var(--cl-purple)
    }


    .author-container div p:last-of-type[b-1n473doq1m] {
        font-weight: 600;
    }

.version[b-1n473doq1m] {
    display: flex;
    height: fit-content;
}

    .version h6[b-1n473doq1m] {
        margin-right: 0.3rem;
    }

div.btn-container[b-1n473doq1m] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 1rem;
}

.btn[b-1n473doq1m] {
    height: fit-content;
    padding: 0.3rem 0.5rem;
}

.worktype[b-1n473doq1m] {
    font-size: 1rem;
    position: relative;
    top: 0.2rem;
    left: 97%;
}

.worktype-input[b-1n473doq1m] {
    font-size: 1rem;
    padding: 0rem 0.7rem !important;
    border: none;
    border-radius: 0.4rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    background: #D9D9D9 !important;
}
/* /Layout/Sidebar/PinnedTab.razor.rz.scp.css */

.pinned-state-item[b-s0o8tba9th]{
    padding: 0.4rem 0 0.4rem 0;
}

.pinned-state-item:hover[b-s0o8tba9th] {
    opacity: 0.7;
}

.pinned-text[b-s0o8tba9th] {
    display: flex;
    flex-direction: column;
}

h3[b-s0o8tba9th] {
    text-align: center;
    color: var(--cl-brightRed);
    margin-bottom: -1rem;
}

.pinned-container[b-s0o8tba9th] {
    width: 100%;
    text-align: left;
    padding-left: 1rem;
}


.pinnedItem-container[b-s0o8tba9th] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}
/* /Layout/Sidebar/Sidebar.razor.rz.scp.css */
/* /Layout/Toolbar.razor.rz.scp.css */
.toolbar-wrapper[b-wblwk6n8rd] {
    position: absolute;
    top: 5.4rem;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--cl-lightGrey);
    border-radius: 0 0.8rem 0.8rem 0;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(25px);
}

.toolbar-wrapper i[b-wblwk6n8rd] {
    font-size: 1.6rem;
    padding: 0;
    color: var(--cl-purple);
    cursor: pointer;
}     
 


.flex[b-wblwk6n8rd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.1rem 0.2rem 0.1rem 0.25rem;
}

.node-options[b-wblwk6n8rd] {
    width: 100%;
    border-top: 3px solid var(--cl-brightRed);
    border-bottom: 3px solid var(--cl-brightRed);
}

.node-options i:last-of-type[b-wblwk6n8rd]{
    margin-bottom: 0.5rem;
}

.tool-wrapper i .fa-solid .fa-square[b-wblwk6n8rd]{
    border: 1px solid red;
}

.enter-node[b-wblwk6n8rd] {
    margin-top: 0.5rem;
    --fa-secondary-color: #38EF7D;
    --fa-secondary-opacity: 1.0;
}

.exit-node[b-wblwk6n8rd] {
    --fa-secondary-color: #FF3A3F;
    --fa-secondary-opacity: 1.0;
}


i.fa-pager[b-wblwk6n8rd] {
    font-size: 1.8rem;
    background: #049387;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.pend-node[b-wblwk6n8rd] {
    --fa-secondary-color: #E2CA3C;
    --fa-secondary-opacity: 1.0
}

i.fa-powerautomate[b-wblwk6n8rd] {
    font-size: 1.5rem;
    background: linear-gradient(to right,#104ac7, #3284f1,#6ebafc);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}


i.fa-diagramparts[b-wblwk6n8rd],
i.fa-puzzle-piece[b-wblwk6n8rd],
i.fa-puzzle[b-wblwk6n8rd] {
    font-size: 1.9rem;
    background: linear-gradient(180deg, rgba(230, 0, 96) 0%, rgba(125, 0, 52) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}


i.fa-republish[b-wblwk6n8rd] {
  font-size: 2rem;
}

.disabled-duotone[b-wblwk6n8rd] {
    --fa-primary-color: #ababab;
    --fa-secondary-color: #ababab;
    opacity: 0.6;
}

.disabled[b-wblwk6n8rd] {
    background: #ababab !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
    opacity: 0.6;
}

[b-wblwk6n8rd] .node-options .mud-button,
[b-wblwk6n8rd] .node-options .mud-button:hover,
[b-wblwk6n8rd] .diagram-options .mud-button{
    padding: unset;
    min-width: unset;
    background: none;
}
/* /Layout/ValidationTab.razor.rz.scp.css */



.validation-tab[b-57clq2xdb5] {
    position: absolute;
    top: -2.3rem;
    left: 3rem;
    padding: 0.15rem 1.6rem 0.15rem 1.6rem;
    background: #e89e65;
    filter: drop-shadow(-2px -4px 4px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(25px);
    border-radius: 0.7rem 0.7rem 0 0;
    border: none;
    cursor: pointer;
}

.fa-bug[b-57clq2xdb5] {
    font-size: 2rem;
    color: var(--cl-brightRed);
}

.bug-counter[b-57clq2xdb5] {
    text-align: center;
    line-height: 1.3rem;
    letter-spacing: 1px;
    position: absolute;
    top: 0.8rem;
    left: 1.9rem;
    color: #dbdbdb;
    font-size: 0.8rem;
    background: var(--cl-brightRed);
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    display: inline-block;
}


.table-wrapper[b-57clq2xdb5] {
    background: #0d0c0c;
    border-radius: 0 0.5rem 0 0;
    width: 80rem;
    height: fit-content;
    /*e5e527*/
}

footer[b-57clq2xdb5] {
    background-color: #e89e65;
    font-weight: bold;
    padding: 0.2rem 0 0.2rem 2rem;
}

.validation-wrapper[b-57clq2xdb5] {
    position: absolute;
    bottom: 0;
    left: 0
}


.hidden[b-57clq2xdb5] {
    display: none;
}


@media (max-width: calc(80rem + 40rem)) {

    .table-wrapper[b-57clq2xdb5] {
        width: calc(100vw - 40.8rem);
    }
}
/* /Pages/Home.razor.rz.scp.css */

.diagram-container[b-yqdyqnxbxh] {
    position: relative;
    width: 100vw;
    height: 100vh;
}