@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.bundle.scp.css';

/* /Components/Diagrams/FlowGroupNode/FlowGroupNode.razor.rz.scp.css */
[b-gyf3z7jjjr] .diagram-port {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 43%;
}

    [b-gyf3z7jjjr] .diagram-port.top {
        top: 0%;
        left: calc(50% - 5px);
        /*background: green;*/
    }

    [b-gyf3z7jjjr] .diagram-port.right {
        right: 0%;
        /*background: blue;*/
    }

    [b-gyf3z7jjjr] .diagram-port.bottom {
        top: calc(100% - 10px);
        left: calc(50% - 5px);
        /*background: purple;*/
    }

    [b-gyf3z7jjjr] .diagram-port.left {
        left: 0%;
        /*background: red;*/
    }
/* /Components/Diagrams/FlowNode/FlowNode.razor.rz.scp.css */
[b-jap8nlr8dd] .diagram-port {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 43%;
}

    [b-jap8nlr8dd] .diagram-port.top {
        top: 0%;
        left: calc(50% - 5px);
        /*background: green;*/
    }

    [b-jap8nlr8dd] .diagram-port.right {
        right: 0%;
        /*background: blue;*/
    }

    [b-jap8nlr8dd] .diagram-port.bottom {
        top: calc(100% - 10px);
        left: calc(50% - 5px);
        /*background: purple;*/
    }

    [b-jap8nlr8dd] .diagram-port.left {
        left: 0%;
        /*background: red;*/
    }
/* /Components/Diagrams/SchemaDiagram/SchemaDiagram.razor.rz.scp.css */
.wrapper[b-dfiae4dnul] {
    display: flex;
}

.diagram-container[b-dfiae4dnul] {
    flex: 1;
    height: calc(100vh - 256px); /* header height */
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgb(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgb(0, 0, 0, 0.05) 1px, transparent 1px);
    overflow-y: hidden;
}
/* /Components/Diagrams/SchemaPropertyNode/SchemaPropertyNode.razor.rz.scp.css */
[b-mb3145wr6b] .diagram-port {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 43%;
}

    [b-mb3145wr6b] .diagram-port.top {
        top: 0%;
        left: calc(50% - 5px);
        /*background: green;*/
    }

    [b-mb3145wr6b] .diagram-port.right {
        right: 0%;
        /*background: blue;*/
    }

    [b-mb3145wr6b] .diagram-port.bottom {
        top: calc(100% - 10px);
        left: calc(50% - 5px);
        /*background: purple;*/
    }

    [b-mb3145wr6b] .diagram-port.left {
        left: 0%;
        /*background: red;*/
    }
/* /Components/Diagrams/SchemaTableNode/SchemaTableNode.razor.rz.scp.css */
.fully-transparent[b-s6caz534bc] {
    background-color: transparent;
    border: 0;
}

.dropdown > a[b-s6caz534bc] {
    color: black;
}

.node > .card.selected[b-s6caz534bc] {
    border: 1px #4582ec solid;
}

.list-group[b-s6caz534bc] {
    border-bottom: unset;
}

[b-s6caz534bc] .port {
    width: 20px;
    height: 46px;
    position: absolute;
}

    [b-s6caz534bc] .port:hover {
        background: #eee;
        cursor: pointer;
    }

.node > .card.selected[b-s6caz534bc]  .port {
    border-right-color: #4582ec;
    border-left-color: #4582ec;
}

[b-s6caz534bc] .port.right {
    top: 45px;
    right: -1px;
    border-right: 1px solid rgba(0,0,0,0.125);
}

[b-s6caz534bc] .port.left {
    top: 0;
    left: -1px;
    border-left: 1px solid rgba(0,0,0,0.125);
}
/* /Components/Diagrams/SystemDiagram/SystemDiagram.razor.rz.scp.css */
.diagram-container[b-ln2056pfp4] {
    width: 100%;
    height: calc(100% - 52px);
    cursor: default;
    margin: 10px 0px 10px 0px;
}
/* /Components/Diagrams/TriggerNode/TriggerNode.razor.rz.scp.css */
[b-l0my866t7l] .diagram-port {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 43%;
}

    [b-l0my866t7l] .diagram-port.top {
        top: 0%;
        left: calc(50% - 5px);
        /*background: green;*/
    }

    [b-l0my866t7l] .diagram-port.right {
        right: 0%;
        /*background: blue;*/
    }

    [b-l0my866t7l] .diagram-port.bottom {
        top: calc(100% - 10px);
        left: calc(50% - 5px);
        /*background: purple;*/
    }

    [b-l0my866t7l] .diagram-port.left {
        left: 0%;
        /*background: red;*/
    }
/* /Components/Tooltip/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-g7fnb284xt] {
    position: relative;
    display: inline-block;
}

    .tooltip-wrapper .tooltip-content[b-g7fnb284xt] {
        position: absolute;
        height: 210px;
        width: 300px;
        margin-bottom: 15px;
        margin-left: -150px; /* Use half of the width to center the tooltip */
        bottom: 100%;
        left: 50%;
        /*color: #fff;*/
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: opacity 300ms;
        transition-timing-function: ease-in;
        transition-delay: 750ms;
    }

    .tooltip-wrapper:hover .tooltip-content[b-g7fnb284xt] {
        visibility: visible;
        opacity: 1;
    }

    .tooltip-wrapper .tooltip-content[b-g7fnb284xt]::after {
        content: " ";
        position: absolute;
        top: 100%; /* At the bottom of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #F0F0F0 transparent transparent transparent;
    }