/* _content/CodersForge.Controls/AppBarMenuItem.razor.rz.scp.css */
.menu-item[b-mxh0g2vnkx] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 8px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.menu-content[b-mxh0g2vnkx] {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 12pt;
    display: flex;
    align-content: center;
    align-items: center;
    justify-items: center;
    color: #272727;
}

.menu-gliph[b-mxh0g2vnkx] {
    grid-area: 2 / 1 / 3 / 2;
}

.active[b-mxh0g2vnkx]{
    background-color: #0094ff;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}
/* _content/CodersForge.Controls/Button.razor.rz.scp.css */
button[b-u6em22ctse] {
    background-color: white;
    border: 1px solid #D2D2D2;
    border-bottom-width: 2px;
    border-radius: 5px;
    min-height: 32px;
    min-width: 85px;
    padding: 7px 16px;
    transition: background-color linear .1s;
    font-size: 10pt;
}

    button:hover[b-u6em22ctse] {
        background-color: #f4f4f4;
    }

    button:active[b-u6em22ctse] {
        opacity: .7;
    }

.accent[b-u6em22ctse] {
    background-color: #233c4e !important;
    color: white;
}

    .accent:hover[b-u6em22ctse] {
        background-color: #2e4b60 !important;
    }
/* _content/CodersForge.Controls/Canvas.razor.rz.scp.css */
.canvas[b-3ceyroj8m4] {
    position: relative;
    width: 100%;
    height: 100%;
}
/* _content/CodersForge.Controls/CanvasConnector.razor.rz.scp.css */
.entity[b-yj71psj1mi] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    min-width: 200px;
    min-height: 100px;
    background-color: white;
    border: 3px solid #0e5aac;
    border-radius: 2px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    cursor:move;
}

.entity-header[b-yj71psj1mi] {
    grid-area: 1 / 1 / 2 / 2;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #0e5aac;
    align-items: center;
    gap: 8px;
    padding: 0px 5px;
    color: white;
}

.entity-header-icon[b-yj71psj1mi] {
    grid-area: 1 / 1 / 2 / 2;
}

.entity-header-label[b-yj71psj1mi] {
    grid-area: 1 / 2 / 2 / 3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.entity-body[b-yj71psj1mi] {
    grid-area: 2 / 1 / 3 / 2;
    border-top: 1px solid #dbdbdb ;
    padding: 5px 0px 2px 0px;
}

.selected[b-yj71psj1mi] {
    box-shadow: 0px 0px 20px 0px rgb(0, 117, 206, 0.60);
}
/* _content/CodersForge.Controls/CanvasEntity.razor.rz.scp.css */
.entity[b-cgq8u7640l] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    min-width: 200px;
    min-height: 100px;
    background-color: white;
    border: 3px solid #0e5aac;
    border-radius: 2px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    cursor:move;
}

.entity-header[b-cgq8u7640l] {
    grid-area: 1 / 1 / 2 / 2;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #0e5aac;
    align-items: center;
    gap: 8px;
    padding: 0px 5px;
    color: white;
}

.entity-header-icon[b-cgq8u7640l] {
    grid-area: 1 / 1 / 2 / 2;
}

.entity-header-label[b-cgq8u7640l] {
    grid-area: 1 / 2 / 2 / 3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.entity-body[b-cgq8u7640l] {
    grid-area: 2 / 1 / 3 / 2;
    border-top: 1px solid #dbdbdb ;
    padding: 5px 0px 2px 0px;
}

.selected[b-cgq8u7640l] {
    box-shadow: 0px 0px 20px 0px rgb(0, 117, 206, 0.60);
}
/* _content/CodersForge.Controls/ComboBox.razor.rz.scp.css */
.combobox[b-d0e70vynhj] {
    position: relative;
    width: 100%;
    border: 1px solid #c7c7c7;
    display: grid;
    grid-template-columns: 1fr auto;
    border-radius: 4px;
}

    .combobox:hover[b-d0e70vynhj] {
        background-color: #d4d4d442;
    }

    .combobox[data-isopen=true][b-d0e70vynhj] {
        background-color: white;
    }

    .combobox[data-isopen=true] .options[b-d0e70vynhj]{
        display: flex;
    }

.label[b-d0e70vynhj]{
    margin: 5px;
}

.glyph[b-d0e70vynhj]{
    display: flex;
    align-items: center;
    width: 20px;
    padding: 5px;
}

.options[b-d0e70vynhj] {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background-color: #f9f9f9;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    animation-name: entrance-b-d0e70vynhj;
    animation-duration: .1s;
    animation-timing-function: linear;
    box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.1);
    overflow: hidden;
    max-height: 200px;
    display: none;
    z-index: 2;
}

ul[b-d0e70vynhj] {
    list-style-type: none;
    width: 100%;
    overflow-y: auto;
}

li[b-d0e70vynhj] {
    padding: 5px 10px;
    border-radius: 6px;
    margin: 3px 5px;    
}

    li:hover[b-d0e70vynhj] {
        background-color: #00000010;
    }

@keyframes entrance-b-d0e70vynhj {
    0% {
        opacity: 0;
        max-height: 0;
    }

    70% {
        max-height: 200px;
    }

    100% {
        opacity: 1;
        max-height: 200px;
    }
}
/* _content/CodersForge.Controls/ContentDialog.razor.rz.scp.css */
.mdl[b-hpyux037q0] {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: #0000002a;
    align-items: center;
    justify-content: center;
    animation-name: entrance-b-hpyux037q0;
    animation-duration: .2s;
    animation-timing-function: linear;
}

.mdl-container[b-hpyux037q0] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: white;
    border: 1px solid #b5b5b5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    width: 80vw;
    height: 80vh;
    overflow: hidden;
    border-radius: 8px;
}

.mdl-header[b-hpyux037q0] {
    display: grid;
    grid-template-columns: 1fr 50px;
    grid-template-rows: 1fr;
    grid-area: 1 / 1 / 2 / 2;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}

.mdl-header-label[b-hpyux037q0] {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mdl-header-close-btn[b-hpyux037q0] {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    justify-self: center;
    border-radius: 3px;
    padding: 8px;
    cursor: pointer;
}

    .mdl-header-close-btn:hover[b-hpyux037q0]{
        background-color: #00000017;
    }

    .mdl-header-close-btn svg path[b-hpyux037q0]{
        fill: #676767;
    }

.mdl-content[b-hpyux037q0] {
    grid-area: 2 / 1 / 3 / 2;
    height: 100%;
    overflow: hidden;
}

@keyframes entrance-b-hpyux037q0 {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
/* _content/CodersForge.Controls/DataGridView.razor.rz.scp.css */
table[b-ta6mba5zx0]{
    min-width: 100%;
}

tr[b-ta6mba5zx0]{

}

th[b-ta6mba5zx0] {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 5px 10px;
    font-weight: 500;
    text-align: center;
    height: 32px;
}

td[b-ta6mba5zx0] {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 5px 10px;
    min-height: 36px;
}

td > *[b-ta6mba5zx0]{
    width: 100%;
}
/* _content/CodersForge.Controls/DeviceFrame.razor.rz.scp.css */
.device-wrapper[b-sde5u536tx] {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
}

    .device-wrapper[data-isRotated=True][data-desktop=False] .device-frame[b-sde5u536tx]{
        transform: rotateZ(90deg);
    }

    .device-wrapper[data-desktop=True] .device-frame[b-sde5u536tx] {
        transition: none !important;
    }

    .device-wrapper[data-isRotated=True][data-desktop=False] iframe[b-sde5u536tx] {
        transform: rotateZ(-90deg);
        height: 375px;
        width: 667px;
        transform-origin: 50% 89%;
    }

.device-options[b-sde5u536tx] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #D2D2D2;
    box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.05);
}

.device-frame-host[b-sde5u536tx] {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    background-color: #00000008;
    position: relative;
}

.device-frame[b-sde5u536tx] {
    background-color: #1d1d1d;
    border-radius: 15px;
    margin: 20px auto;
    height: fit-content;
    margin: 20px auto;
    transition: transform cubic-bezier(1,-0.62,.42,1.1) .6s;
}

.frame-content[b-sde5u536tx] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr 70px;
    width: 100%;
    height: 100%;
    padding: 0px 10px;    
}

.frame-speaker[b-sde5u536tx] {
    width: 100px;
    height: 10px;
    background-color: #3d3d3d;
    border-radius: 15px;
    align-self: center;
    justify-self: center;
}

.frame-screen[b-sde5u536tx] {
    width: 375px;
    height: 667px;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
}

.frame-button[b-sde5u536tx] {
    width: 40px;
    height: 40px;
    background-color: #3d3d3d;
    border-radius: 100%;
    align-self: center;
    justify-self: center;
}

iframe[b-sde5u536tx]{
    width: 100%;
    height: 100%;
}

.desktop-mode[b-sde5u536tx]{
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
}

.device-selector[b-sde5u536tx]{
    display: flex;
    flex-direction: row;
    border: 1px solid #cccccc;
    border-radius: 8px;
    color: #5f5f5f;
}

.device-selector-item[b-sde5u536tx]{
    padding: 3px 5px;
    cursor: pointer;
}

    .device-selector-item:not(:last-child)[b-sde5u536tx] {
        border-right: 1px solid #cccccc;
    }

    .device-selector-item:hover[b-sde5u536tx]{
        background-color: #00000009;
    }

    .device-selector-item[data-selected][b-sde5u536tx] {
        background-color: #00000015;
    }

/* _content/CodersForge.Controls/DiagramConnector.razor.rz.scp.css */
.item[b-9jehg0jgm6]{
    position: absolute;
    z-index: 2;
}

*[b-9jehg0jgm6]  {
    user-select: none;
    -webkit-user-select: none;
}
/* _content/CodersForge.Controls/DiagramView.razor.rz.scp.css */
.diagram-root[b-dc2s4pryai] {
    position: relative;
}

.diagram[b-dc2s4pryai] {
    background: conic-gradient(from 90deg at 1px 1px,#0000 90deg,#e6e6ef 0) 0 0/100px 100px;
    width: 20000px;
    height: 20000px;
    visibility: hidden;
}

.panel[b-dc2s4pryai] {
    position: relative;
    margin: 0;
    height: 100%; 
}

svg[b-dc2s4pryai]{
    width: 100%;
    height: 100%;
    overflow: visible;
    position: absolute;
}

.connector-overlay[b-dc2s4pryai] {
    z-index: 1;
    position: absolute;
    top: 0;
    pointer-events: none;
}

.align-line[b-dc2s4pryai]{
    transition: opacity linear .1s;
}

/* _content/CodersForge.Controls/DiagramViewItem.razor.rz.scp.css */
.item[b-i1gicxeelh]{
    position: absolute;
    z-index: 2;
    transition: opacity linear .2s;
    opacity: 0;
}

*[b-i1gicxeelh]  {
    user-select: none;
    -webkit-user-select: none;
}
/* _content/CodersForge.Controls/DiagramViewToolbox.razor.rz.scp.css */
.toolbox-container[b-2i5h97ijy9] {
    position: absolute;
    left: 20px;
    top: calc(40vh - 120px);
    background-color: white;
    border-radius: 30px;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
}

.toolbox[b-2i5h97ijy9]{
    list-style: none;
    padding: 0;
    margin: 0;
}

.toolbox-item[b-2i5h97ijy9] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 25px;
    margin: 5px;
}

    .toolbox-item[data-selected][b-2i5h97ijy9] {
        background-color: #233c4e;
        color: white;
    }

    .toolbox-item[data-selected] path[b-2i5h97ijy9]{
        fill: white;
    }

    .toolbox-item[data-selected] .yellow1[b-2i5h97ijy9] {
        fill: #e2d53d;
    }

    .toolbox-item[data-selected] .yellow2[b-2i5h97ijy9] {
        fill: #a49b34;
    }

    .toolbox-item[data-selected]:hover[b-2i5h97ijy9] {
        background-color: #084d97;
        color: white;
    }

    .toolbox-item:hover[b-2i5h97ijy9]{
        background-color: #00000010;
    }

        .toolbox-item:hover .yellow1[b-2i5h97ijy9] {
            fill: #e2d53d;
        }

        .toolbox-item:hover .yellow2[b-2i5h97ijy9] {
            fill: #a49b34;
        }

.draggable[b-2i5h97ijy9]{
    cursor: move;
    padding: 5px;
    border-radius: 3px;
    display: flex;
}
/* _content/CodersForge.Controls/DropdownTextBox.razor.rz.scp.css */
.dropdown[b-emd36laxyx] {
    position: relative;
    width: 100%;
    border: 1px solid transparent;
    display: grid;
    grid-template-columns: 1fr auto;
}
    .dropdown:hover[b-emd36laxyx], .dropdown[data-isopen=true][b-emd36laxyx] {
        border: 1px solid #c7c7c7;
    }

    .dropdown[data-isopen=true][b-emd36laxyx] {
        background-color: white;
    }

    .dropdown:hover .glyph[b-emd36laxyx]{
        background-color: #00000012;
    }

    .dropdown[data-isopen=true] .options[b-emd36laxyx]{
        display: flex;
    }

.label[b-emd36laxyx]{
    margin: 5px;
}

.glyph[b-emd36laxyx]{
    display: flex;
    align-items: center;
    width: 20px;
    padding: 5px;
}

.options[b-emd36laxyx] {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background-color: #f9f9f9;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    animation-name: entrance-b-emd36laxyx;
    animation-duration: .1s;
    animation-timing-function: linear;
    box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.1);
    overflow-y: auto;
    max-height: 200px;
    display: none;
    z-index: 2;
}

ul[b-emd36laxyx] {
    list-style-type: none;
    width: 100%;
}

li[b-emd36laxyx] {
    padding: 5px 10px;
    border-radius: 6px;
    margin: 3px 5px;    
}

    li:hover[b-emd36laxyx] {
        background-color: #00000010;
    }

@keyframes entrance-b-emd36laxyx {
    0% {
        opacity: 0;
        max-height: 0;
    }

    70% {
        max-height: 200px;
    }

    100% {
        opacity: 1;
        max-height: 200px;
    }
}
/* _content/CodersForge.Controls/DynamicInputText.razor.rz.scp.css */
.bar[b-vo2ssm0w8c] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(65, 43, 0, 0.15);
    border-top: 1px solid #d3c9b7;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0px -2px 8px 1px rgba(0,0,0,0.05);
    height: 45px;
}


.field-1[b-vo2ssm0w8c] {
    grid-area: 1 / 1 / 2 / 2;
}

.field-2[b-vo2ssm0w8c] {
    grid-area: 1 / 2 / 2 / 3;
    display:flex;
    justify-content: space-around;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.field-3[b-vo2ssm0w8c] {
    grid-area: 1 / 3 / 2 / 4;
}
/* _content/CodersForge.Controls/Entity.razor.rz.scp.css */
.entity[b-nu6kmrr23n] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    min-width: 200px;
    min-height: 100px;
    background-color: white;
    border: 3px solid #233c4e;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    cursor: move;
    overflow: hidden;
}

.entity-header[b-nu6kmrr23n] {
    grid-area: 1 / 1 / 2 / 2;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #233c4e;
    align-items: center;
    gap: 8px;
    padding: 0px 5px;
    color: white;
}

.entity-header-icon[b-nu6kmrr23n] {
    grid-area: 1 / 1 / 2 / 2;
}

.entity-header-label[b-nu6kmrr23n] {
    grid-area: 1 / 2 / 2 / 3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.entity-body[b-nu6kmrr23n] {
    grid-area: 2 / 1 / 3 / 2;
    border-top: 1px solid #dbdbdb ;
    padding: 5px 0px 2px 0px;
}

.selected[b-nu6kmrr23n] {
    box-shadow: 0px 0px 20px 0px rgb(0, 117, 206, 0.60);
}
/* _content/CodersForge.Controls/EntityField.razor.rz.scp.css */
.field[b-tvb1vdp24m] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    grid-template-rows: 25px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f4f4f4;
}

.field:hover[b-tvb1vdp24m]{
    background-color: #efefef;
}

.field-type[b-tvb1vdp24m] {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    align-content: center;
    justify-items: center;
    padding: 4px;
}

.field-name[b-tvb1vdp24m] {
    grid-area: 1 / 2 / 2 / 3;
    display:flex;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
}

.field-more[b-tvb1vdp24m] {
    grid-area: 1 / 3 / 2 / 4;
}
/* _content/CodersForge.Controls/Expander.razor.rz.scp.css */
.expander[b-n6xb9viqnx] {
    border: 1px solid #e9e9e9;
    border-left: none;
    border-right: none;
    margin-top: -1px;
}
    .expander[data-isOpen] > .expander-content[b-n6xb9viqnx] {
        background-color: #0000000F;
    }
    .expander[data-isOpen] > .expander-content > .btn svg[b-n6xb9viqnx] {
        transform: rotateZ(-180deg);
    }

    .expander[data-isOpen] > .expander-child[b-n6xb9viqnx] {
        max-height: 200vh;
        opacity: 1;
        overflow: visible;
    }


.expander-content[b-n6xb9viqnx] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
}

    .tvi-content:hover[b-n6xb9viqnx]{
        background-color: #ededed;
    }

.expander-child[b-n6xb9viqnx]{
    max-height: 0;
    overflow: hidden;
}

.btn[b-n6xb9viqnx] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color linear .2s;
    margin: 0px 3px 0px 5px;
    padding: 6px;
    cursor: pointer;
    border-radius: 5px;
}
    .btn[data-canexpand=False][b-n6xb9viqnx]{
        display: none;
    }

    .btn:hover[b-n6xb9viqnx]{
        background-color: rgba(0, 0, 0, .1);
    }

    .btn svg[b-n6xb9viqnx] {
        transition: transform linear .3s;
    }


.label[b-n6xb9viqnx] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11pt;
    margin-left: 15px;
}
/* _content/CodersForge.Controls/Filtering/ExpressionControl.razor.rz.scp.css */
button[b-gy9o015ghk] {
    background-color: white;
    border: 1px solid #D2D2D2;
    border-bottom-width: 2px;
    border-radius: 5px;
    min-height: 32px;
    min-width: 85px;
    padding: 7px 16px;
    transition: background-color linear .1s;
    font-size: 10pt;
}

    button:hover[b-gy9o015ghk] {
        background-color: #f4f4f4;
    }

    button:active[b-gy9o015ghk] {
        opacity: .7;
    }

.accent[b-gy9o015ghk] {
    background-color: #233c4e !important;
    color: white;
}

    .accent:hover[b-gy9o015ghk] {
        background-color: #2e4b60 !important;
    }
/* _content/CodersForge.Controls/Filtering/ExpressionGroupItem.razor.rz.scp.css */
.expression-group[b-rj780qu8mn]{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 50px 1fr;
}

.expression-group-wrapper[b-rj780qu8mn] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 30px 30px 1fr 50px 15px;
    grid-area: 1 / 2 / 3 / 3;
}

    .expression-group-wrapper > select[b-rj780qu8mn] {
        grid-area: 1 / 1 / 2 / 3;
    }

    .expression-group-wrapper > ul[b-rj780qu8mn] {
        grid-area: 2 / 2 / 3 / 6;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .expression-group-wrapper .actions[b-rj780qu8mn] {
        display: flex;
        flex-direction: row;
        gap:10px;
        grid-area: 3 / 1 / 4 / 3;
    }

li[b-rj780qu8mn] {
    border-left: 1px solid #c7c7c7;
}

.group-line[b-rj780qu8mn] {
    border-bottom: 1px solid #c7c7c7;
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    align-self: center;
}

li .expression-group-wrapper[b-rj780qu8mn] {
    background-color: #cbcbcb3c;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #bdbdbd53;
    padding-left: 15px;
}

li .expression-group .group-line[b-rj780qu8mn]{
    width: 40px;
}

.delete-button[b-rj780qu8mn]{
    grid-area: 1/4/2/5;
}

[b-rj780qu8mn] button {
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    background-color: #e8e8e8;
    padding: 3px;
}

    [b-rj780qu8mn] button:hover {
        background-color: #dedede;
    }

    [b-rj780qu8mn] button:active {
        background-color: #cecece;
    }
/* _content/CodersForge.Controls/Filtering/ExpressionItem.razor.rz.scp.css */

.expression-item[b-1dt7u63n5n] {
    display: grid;
    grid-template-columns: 40px 1fr 100px 1fr 50px;
    align-items: center;
    height: 40px;
    gap: 8px;
    padding-right: 15px;
}

.line[b-1dt7u63n5n] {
    border-bottom: 1px solid #c7c7c7;
}
/* _content/CodersForge.Controls/FlyoutMenu.razor.rz.scp.css */
.flyout-menu[b-vryvsiv913] {
    background-color: #f9f9f9;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    font-size: 14px;
    user-select: none;
    -webkit-user-select: none;
    animation-name: entrance-b-vryvsiv913;
    animation-duration: .2s;
    animation-timing-function: linear;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
    overflow: visible;
}
    .flyout-menu:focus[b-vryvsiv913]{
        outline: none;
    }

    .flyout-menu[b-vryvsiv913]::backdrop{
        display: none;
    }

@keyframes entrance-b-vryvsiv913 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* _content/CodersForge.Controls/FlyoutMenuItem.razor.rz.scp.css */
.flyout-menu-item[b-mziblxvmx1]{
    position: relative;
}

    .flyout-menu-item:hover .flyout-menu-item-child[b-mziblxvmx1] {
        display: block;
    }

    .flyout-menu-item[data-state=disabled][b-mziblxvmx1]{
        opacity: .4;
        pointer-events: none;
    }

.flyout-menu-item-content[b-mziblxvmx1] {
    display: grid;
    grid-template-columns: auto 1fr 60px 15px;
    gap: 5px;
    padding: 5px 10px;
    cursor: pointer;
    align-items: center;
    border-radius: 6px;
    margin:3px 5px;
}
    
    .flyout-menu-item-content:hover[b-mziblxvmx1]{
        background-color: #00000010;
    }

    .flyout-menu-item-content svg[b-mziblxvmx1]{
        transform: rotateZ(-90deg);
    }
.flyout-menu-item-content-icon[b-mziblxvmx1]{
    height: 16px;
}

.flyout-menu-item-content-icon img[b-mziblxvmx1]{
    height: 16px;
}

.flyout-menu-item-accelerator[b-mziblxvmx1] {
    color: #717171;
    font-size: 12px;
    text-align: center;
}

.flyout-menu-item-child[b-mziblxvmx1] {
    position: absolute;
    left: calc(100% - 10px);
    top: 0;
    z-index: 10;
    background-color: #f9f9f9;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    width: max-content;
    display: none;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
    animation-name: entrance-b-mziblxvmx1;
    animation-duration: .3s;
    animation-timing-function: linear;
}

@keyframes entrance-b-mziblxvmx1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* _content/CodersForge.Controls/FontIconButton.razor.rz.scp.css */
.fonticon-btn[b-cy98y2dhwz]{
    position: relative;
    padding: 4px;
    font-size: 11pt;
    cursor: pointer;
}
.fonticon-btn span[b-cy98y2dhwz] {
    color: #676767;
}
    .fonticon-btn:hover span[b-cy98y2dhwz] {
        color: #282828;
    }
    .fonticon-btn:hover .fonticon-label[b-cy98y2dhwz] {
        color: #282828;
    }

.fonticon-label[b-cy98y2dhwz] {
    color: #676767;
}

.r90[b-cy98y2dhwz]{
    transform: rotateZ(90deg);
}

/* _content/CodersForge.Controls/ListView.razor.rz.scp.css */
.listview[b-a9ty2tobyc]{
    display: flex;
    flex-direction: column;
}
/* _content/CodersForge.Controls/ListViewItem.razor.rz.scp.css */
.listviewitem[b-lmzgsgj9d9] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    transition: background-color linear .1s;
}

    .listviewitem:hover[b-lmzgsgj9d9]{
        background-color: #0000000c;
    }

    .listviewitem[data-IsSelected][b-lmzgsgj9d9] {
        background-color: #589ef53a;
    }
    .listviewitem[data-IsSelected] .listviewitem-grip[b-lmzgsgj9d9] {
        cursor: move;
    }

.listviewitem-grip[b-lmzgsgj9d9] {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    cursor: pointer;
    padding:3px;
}

.listviewitem-content[b-lmzgsgj9d9] {
    grid-area: 1 / 2 / 2 / 3;
}
/* _content/CodersForge.Controls/Modal.razor.rz.scp.css */
.mdl[b-xopesm3t8k] {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color: #0000002a;
    align-items: center;
    justify-content: center;
    animation-name: entrance-b-xopesm3t8k;
    animation-duration: .2s;
    animation-timing-function: linear;
}

.mdl-container[b-xopesm3t8k] {
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: white;
    border: 1px solid #b5b5b5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);    
    overflow: hidden;
    border-radius: 8px;
    max-width: 1600px;
    max-height: 850px;
}

.mdl-header[b-xopesm3t8k] {
    display: grid;
    grid-template-columns: 1fr 50px;
    grid-template-rows: 1fr;
    grid-area: 1 / 1 / 2 / 2;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}

.mdl-header-label[b-xopesm3t8k] {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mdl-header-close-btn[b-xopesm3t8k] {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    justify-self: center;
    border-radius: 3px;
    padding: 8px;
    cursor: pointer;
}

    .mdl-header-close-btn:hover[b-xopesm3t8k]{
        background-color: #00000017;
    }

    .mdl-header-close-btn svg path[b-xopesm3t8k]{
        fill: #676767;
    }

.mdl-content[b-xopesm3t8k] {
    grid-area: 2 / 1 / 3 / 2;
    height: 100%;
    overflow: hidden;
}

@keyframes entrance-b-xopesm3t8k {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
/* _content/CodersForge.Controls/MonacoEditor.razor.rz.scp.css */
.editor[b-twwdpfbhcg] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
/* _content/CodersForge.Controls/NumberBox.razor.rz.scp.css */
.numberbox[b-qftr373g51]{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 5px;
    
}

.numberbox .label[b-qftr373g51]{
    display: flex;
    flex-direction: column;
}

[b-qftr373g51] input {
    border-bottom: 1px solid #535353;
    padding: 4px 8px 4px 8px;
}

    [b-qftr373g51] input:focus {
        border-bottom: 3px solid #2570a5;
        margin-bottom: 0;
    }

[b-qftr373g51] .invalid {
    border-bottom: 3px solid red !important;
    outline: none !important;
}

[b-qftr373g51] .valid {
    outline: none !important;
}

.error-baloon[b-qftr373g51] {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fae7e7;
    border-radius: 6px;
    padding: 3px 10px;
    border: 1px solid #f1a5a5;
    margin-top: 5px;
    box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.08);
    text-wrap: wrap;
    z-index: 2;
}

    .error-baloon[b-qftr373g51]::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        background-color: #fae7e7;
        top: -8px;
        left: 20px;
        transform: rotate(45deg);
        border-left: 1px solid #f1a5a5;
        border-top: 1px solid #f1a5a5;
    }
/* _content/CodersForge.Controls/PathConnector.razor.rz.scp.css */
.entity[b-kdxsuwrk3n] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
    min-width: 200px;
    min-height: 200px;
    background-color: white;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    cursor:move;
}

.entity-header[b-kdxsuwrk3n] {
    grid-area: 1 / 1 / 2 / 2;
    border-bottom: 1px solid #c4c4c4;
}

.entity-body[b-kdxsuwrk3n] {
    grid-area: 2 / 1 / 3 / 2;
    border-top: 1px solid #dbdbdb ;
    padding: 5px 0px 5px 0px;
}

.selected[b-kdxsuwrk3n] {
    box-shadow: 0px 0px 20px 0px rgb(0, 117, 206, 0.60);
}
/* _content/CodersForge.Controls/SemanticGroup.razor.rz.scp.css */
.sm-group[b-y0aqpp82rs]{
    width: 100%;
    padding: 15px;
}

header[b-y0aqpp82rs]{
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 2;
}

h1[b-y0aqpp82rs] {
    font-size: 13pt;
    font-weight: 600;
}
/* _content/CodersForge.Controls/SemanticItem.razor.rz.scp.css */
.sm-item[b-mgwsh3n37m] {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-template-rows: 1fr;
    gap: 3px;
    margin-top: 5px;
    border-radius: 6px;
    cursor: move;
}
    .sm-item:hover[b-mgwsh3n37m]{
        background-color: #0000000e;
    }

.sm-item-icon[b-mgwsh3n37m] {
    display: flex;
    grid-area: 1 / 1 / 2 / 2;
    align-items: center;
    justify-content: center;
    font-size: 22pt;
}

.sm-item-content[b-mgwsh3n37m] {
    grid-area: 1 / 2 / 2 / 3;
    margin: 5px;
    font-size: 10.5pt;
}

    .sm-item-content h2[b-mgwsh3n37m]{
        font-weight: 600;
    }
/* _content/CodersForge.Controls/Separator.razor.rz.scp.css */
.separator[b-fa38coq0wf] {
    width: 100%;
    height: 1px;
    border-top: 1px solid #dddddd;
}
/* _content/CodersForge.Controls/SplitPanel.razor.rz.scp.css */
.split-panel[b-kq8ykds1w6] {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

    .split-panel[data-orientation=Horizontal][b-kq8ykds1w6] {
        flex-direction: row;
    }

        .split-panel[data-orientation=Horizontal] .resizer[b-kq8ykds1w6] {
            cursor: ew-resize;
            width: 15px;
            height: 100%;
            border-width: 0px 1px 0px 1px;
        }

    .split-panel[data-orientation=Vertical][b-kq8ykds1w6] {
        flex-direction: column;
    }

        .split-panel[data-orientation=Vertical] .resizer[b-kq8ykds1w6] {
            cursor: ns-resize;
            height: 15px;
            width: 100%;
            border-width: 1px 0px 1px 0px;
        }

.resizer[b-kq8ykds1w6] {
    background-color: #F1F1F1;
    border-color: #D2D2D2;
    border-style: solid;
    user-select: none;
    -webkit-user-select: none;
    z-index: 2;
}

.pn[b-kq8ykds1w6] {
    display: flex;
    overflow: hidden;
}

.firstPanel[b-kq8ykds1w6] {
}

.lastPanel[b-kq8ykds1w6] {
    flex: 1 1 0%;
}
/* _content/CodersForge.Controls/StickyNote.razor.rz.scp.css */
@font-face {
    font-family: 'Shadows Into Light';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/shadowsintolight/v19/UqyNK9UOIntux_czAvDQx_ZcHqZXBNQzdcD5.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.stickyNote[b-w0hgkwuqma] {
    background: rgb(237,255,120);
    background: linear-gradient(180deg, rgba(249,254,197,1) 0%, rgba(255,255,171,1) 85%);
    box-shadow: 2px 24px 32px -10px rgba(0,0,0,0.1);
    font-family: 'Shadows Into Light';
    width: 200px;
    height: 200px;
    cursor: move;
    position: relative;
    overflow: hidden;
    padding-right: 2px;
    font-size: 8pt;
    
}

.content[b-w0hgkwuqma] {
    padding: 15px;
    overflow-y: auto;
    height: 100%;
}

textarea[b-w0hgkwuqma] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    outline: none;
    resize: none;
    padding: 15px;
    background: rgb(237,255,120);
    background: linear-gradient(180deg, rgba(249,254,197,1) 0%, rgba(255,255,171,1) 85%);
}

[b-w0hgkwuqma] h1 {
    font-size: 18pt !important;
    font-weight: 700;
}
[b-w0hgkwuqma] h2 {
    font-size: 16pt !important;
    font-weight: 600;
}
[b-w0hgkwuqma] h3 {
    font-size: 14pt !important;
    font-weight: 600;
}
[b-w0hgkwuqma] h4 {
    font-size: 12pt !important;
    font-weight: 600;
}
[b-w0hgkwuqma] h5 {
    font-size: 10pt !important;
    font-weight: 600;
}

[b-w0hgkwuqma] p {
    max-width: 100%;
}
[b-w0hgkwuqma] ul{
    list-style: disc;
}
[b-w0hgkwuqma] li{
    margin-left: 25px;
}
[b-w0hgkwuqma] b, [b-w0hgkwuqma] em{
    font-weight: 700;
}
/* _content/CodersForge.Controls/TabControl.razor.rz.scp.css */
.tabcontrol[b-bm7asefglv] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    overflow: hidden;
}

    .tabcontrol .tabs[b-bm7asefglv] {
        display: flex;
        flex-direction: row;
        grid-area: 1 / 1 / 2 / 2;
        border-bottom: 1px solid #D2D2D2;
        user-select: none;
        -webkit-user-select: none;
        padding-left: 10px;
    }

    .tabcontrol .cnt[b-bm7asefglv] {
        grid-area: 2 / 1 / 3 / 2;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.97);
    }




    .tabcontrol[data-isreversed=True][b-bm7asefglv] {
        grid-template-rows: 1fr 40px;        
    }

        .tabcontrol[data-isreversed=True] .tabs[b-bm7asefglv] {
            grid-area: 2 / 1 / 3 / 2;
            border-top: 1px solid #D2D2D2;
            border-bottom: none;
        }

    .tabcontrol[data-isreversed=True] .cnt[b-bm7asefglv] {
        grid-area: 1 / 1 / 2 / 2;
    }

    
/* _content/CodersForge.Controls/TabHeader.razor.rz.scp.css */
.tab-header[b-gdl2b6rmv3] {
    display: grid;
    position: relative;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 5px;
    padding: 3px 8px 3px 8px;
    align-items: center;
    border-radius: 8px 8px 0px 0px;
    cursor: pointer;
}


    .tab-header:hover[b-gdl2b6rmv3] {
        background-color: #92929230;
    }

    .tab-header .label[b-gdl2b6rmv3] {
        display: flex;
        flex-direction: row;
        align-items: center;
        grid-area: 1 / 1 / 2 / 2;
        margin-right: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tab-header[data-IsReversed=True][b-gdl2b6rmv3] {
        transform: rotateZ(180deg);
        margin-top: -1px;
        margin-bottom: 2px !important;
    }

    .tab-header[data-IsReversed=True] .header-content[b-gdl2b6rmv3] {
        transform: rotateZ(180deg);
    }

    .tab-header[data-IsSelected][b-gdl2b6rmv3] {
        background-color: white;
        color: #1f1f1f;
        border: 1px solid #D2D2D2;
        border-bottom: 1px solid white;
        margin-bottom: -1px;
        z-index: 2;
        box-shadow: 0px -2px 15px 1px rgba(0,0,0,0.05);
    }
        .tab-header[data-IsSelected][b-gdl2b6rmv3]::before {
            content: '';
            position: absolute;
            left: -10px;
            bottom: -1px;
            border-right: 1px solid #D2D2D2;
            border-bottom: 1px solid #D2D2D2;
            border-radius: 0 0 8px 0px;
            box-shadow: 5px 0px 0 white;
            width: 10px;
            height: 10px;
        }

        .tab-header[data-IsSelected][b-gdl2b6rmv3]::after {
            content: '';
            position: absolute;
            right: -10px;
            top: unset;
            bottom: -1px;
            border-right: none;
            border-left: 1px solid #D2D2D2;
            border-bottom: 1px solid #D2D2D2;
            border-radius: 0 0 0 8px;
            box-shadow: -5px 0px 0 white;
            width: 10px;
            height: 10px;
        }

        .tab-header[b-gdl2b6rmv3]::after {
            content: '';
            position: absolute;
            right: -1px;
            top: 10px;
            bottom: 10px;
            border-right: 1px solid #D2D2D2;
            width: 1px;
        }

    .tab-header .close-btn[b-gdl2b6rmv3] {
        display: flex;
        grid-area: 1 / 2 / 2 / 3;
        margin-left: 3px;
        border-radius: 6px;
        width: 20px;
        height: 20px;
        align-items: center;
        justify-content: center;
    }

        .tab-header .close-btn:hover[b-gdl2b6rmv3] {
            background-color: #f1f1f1;
            border: 1px solid rgb(219, 219, 219, 0.15);
        }

    .header-content[b-gdl2b6rmv3]{
        display: flex;
        flex-direction: row;
    }
/* _content/CodersForge.Controls/TabItem.razor.rz.scp.css */
.tabitem[b-5htwzeoc7v] {
    width: 100%;
    height: 100%;
    animation-name: entrance-b-5htwzeoc7v;
    animation-duration: .2s;
    animation-timing-function: linear;
}

@keyframes entrance-b-5htwzeoc7v {
    0% {
        transform: translateX(10px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
/* _content/CodersForge.Controls/Table.razor.rz.scp.css */
.table-wrapper[b-iziv7m888a] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.table[b-iziv7m888a]{
    margin-bottom: 50px;
}

ul[b-iziv7m888a]{
    list-style-type: none;
}

li[b-iziv7m888a] {
    border-bottom: 1px solid #D2D2D2;
}

.table-row[b-iziv7m888a]{
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    height: 100%;
}

.table-row-content[b-iziv7m888a]{
    display: grid;
}

[b-iziv7m888a] .table-row-content-form{
    display: contents;
}

.table-row-sort-handle[b-iziv7m888a] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #D2D2D2;
    width: 24px;
}

.table-header[b-iziv7m888a] {
    font-weight: 500;
    text-align: center;
    position: sticky;
    background-color: white;
    height: 30px;
}

[b-iziv7m888a] .table-cell {
    padding: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    [b-iziv7m888a] .table-cell:not(:last-child) {
        border-right: 1px solid #D2D2D2;
    }

    [b-iziv7m888a] .table-cell:focus-within {
        box-shadow: inset 0px 0px 0px 1px rgb(12 142 238 / 81%);
    }
/* _content/CodersForge.Controls/TableCell.razor.rz.scp.css */

/* _content/CodersForge.Controls/TextBox.razor.rz.scp.css */
.textbox[b-ix0q7qt3xy]{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 5px;
    
}

.textbox .label[b-ix0q7qt3xy]{
    display: flex;
    flex-direction: column;
}

[b-ix0q7qt3xy] textarea {
    margin-bottom: 1.6px;
}

[b-ix0q7qt3xy] input, [b-ix0q7qt3xy] textarea {
    border-bottom: 1px solid #535353;
    padding: 4px 8px 4px 8px;
}

    [b-ix0q7qt3xy] input:focus, [b-ix0q7qt3xy] textarea:focus {
        border-bottom: 3px solid #2570a5;
        margin-bottom: 0;
    }

[b-ix0q7qt3xy] .invalid {
    border-bottom: 3px solid red !important;
    outline: none !important;
}

[b-ix0q7qt3xy] .valid {
    outline: none !important;
}

.error-baloon[b-ix0q7qt3xy] {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fae7e7;
    border-radius: 6px;
    padding: 3px 10px;
    border: 1px solid #f1a5a5;
    margin-top: 5px;
    box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.08);
    text-wrap: wrap;
    z-index: 2;
}

    .error-baloon[b-ix0q7qt3xy]::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        background-color: #fae7e7;
        top: -8px;
        left: 20px;
        transform: rotate(45deg);
        border-left: 1px solid #f1a5a5;
        border-top: 1px solid #f1a5a5;
    }
/* _content/CodersForge.Controls/ToggleSwitch.razor.rz.scp.css */
label[b-pxygz2m5aq] {
    display: flex;
    user-select: none;
    -webkit-user-select: none;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
}

    label:hover .switch[b-pxygz2m5aq] {
        background-color: #f1f1f1;
    }

    label:hover .switch-circle[b-pxygz2m5aq] {
        width: 14px;
        height: 14px;
        top: 1.5px;
    }

    label:hover input:checked ~ .switch .switch-circle[b-pxygz2m5aq] {
        left: 22px;
    }

    label[b-pxygz2m5aq]  input {
        display: none;
    }

        label[b-pxygz2m5aq]  input:checked ~ .switch {
            background-color: #507c9c;
            border: 1px solid #507c9c;
        }

            label[b-pxygz2m5aq]  input:checked ~ .switch .switch-circle {
                left: 24px;
                background-color: white;
            }


.switch[b-pxygz2m5aq] {
    width: 40px;
    height: 18px;
    border: 1px solid #c3c3c3;
    border-radius: 10px;
    position: relative;
    transition: background-color linear .2s;
}

.switch-circle[b-pxygz2m5aq] {
    width: 12px;
    height: 12px;
    background-color: #434343;
    position: absolute;
    border-radius: 100%;
    top: 2.5px;
    left: 2px;
    transition: all .5s cubic-bezier(0.16, 1, 0.3, 1);
}
/* _content/CodersForge.Controls/ToolPanel.razor.rz.scp.css */
.tool-panel[b-3jiq914two] {
    display: flex;
    position: relative;
    flex-direction: column;
    background-color: #F1F1F1;
    border-left: 1px solid #D2D2D2;
    width: 40px;
    height: 100%;    
}

.tool-panel-content[b-3jiq914two] {    
    width: 350px;
    height: 100%;
    background-color: white;
    border-left: 1px solid #D2D2D2;    
    box-shadow: -12px 0px 10px 0px rgba(0,0,0,0.05);
    animation-name: entrance-b-3jiq914two;
    animation-duration: .1s;
    animation-timing-function: linear;
}

.closing[b-3jiq914two] {
    animation-name: entrance-b-3jiq914two;
    animation-duration: .1s;
    animation-timing-function: linear;
    animation-direction: reverse;
    opacity: 0;
}

.tool-panel-content-wrapper[b-3jiq914two] {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    z-index: 100;
}

@keyframes entrance-b-3jiq914two {
    0% {
        transform: translateX(10px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
/* _content/CodersForge.Controls/ToolPanelItem.razor.rz.scp.css */
.tool-panel-item[b-c90e9841to] {
    display: flex;
    border-bottom: 1px solid #D2D2D2;
    border-left: 4px solid transparent;
    width: 100%;
    background-color: white;
    padding: 12px 3px 12px 3px;
    align-items: center;
    justify-content: center;
    transition: border linear .2s;
}
    .tool-panel-item:hover[b-c90e9841to]{
        border-left: 4px solid #00000022;
    }

    .tool-panel-item[data-IsSelected][b-c90e9841to] {
        border-left: 4px solid #1157ae;
    }

    .tool-panel-item p[b-c90e9841to] {
        writing-mode: vertical-rl;
    }
/* _content/CodersForge.Controls/Tooltip.razor.rz.scp.css */
.tooltip-container[b-0mzceqxfoj]{
    position: relative;    
}

    .tooltip-container:hover .tooltip-text[b-0mzceqxfoj]{
        visibility: visible;
        opacity: 1;
    }

.tooltip-text[b-0mzceqxfoj] {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    color: white;
    background-color: #192733;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 10pt;
    transition-delay: .5s;
    pointer-events: none;
    white-space: nowrap;
}

.top[b-0mzceqxfoj] {
    left: -50%;
    bottom: 100%;
}

.right[b-0mzceqxfoj] {
    left: 140%;
    top: -10%;
}

.left[b-0mzceqxfoj] {
    left: -250%;
    top: 0%;
}
/* _content/CodersForge.Controls/TreeView.razor.rz.scp.css */
ul[b-xf6lcj5m9x] {
    padding-left: 0;
}

*[b-xf6lcj5m9x]  {
    user-select: none;
    -webkit-user-select: none;
}
/* _content/CodersForge.Controls/TreeViewItem.razor.rz.scp.css */
li[b-bs5na9dbd7] {
    list-style-type: none;
}

    li[data-isOpen] > .tvi-content > .tvi-exp svg[b-bs5na9dbd7] {
        transform: rotateZ(-180deg);
    }

    li[data-isOpen] > ul[b-bs5na9dbd7] {
        max-height: 500vh;
        opacity: 1;
        overflow: visible;
    }

    li > ul[b-bs5na9dbd7] {
        max-height: 0;
        transition: all linear .2s;
        opacity: 0;
        justify-content: stretch;
        padding-left: 22px;
        overflow: hidden;
    }


.tvi-content[b-bs5na9dbd7] {
    display: grid;
    grid-template-columns: 32px auto 1fr auto;
    grid-template-rows: 32px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;    
    align-items: center;
    border-radius: 3px;
}

    .tvi-content:hover[b-bs5na9dbd7] {
        background-color: #92929230;
    }
        .tvi-content:hover .tvi-opts[b-bs5na9dbd7] {
            visibility: visible;
            opacity: 1;
            transition: opacity linear .2s;
        }


    .tvi-content[data-reverse][b-bs5na9dbd7] {
        grid-template-columns: auto 1fr auto 32px 5px;
    }

        .tvi-content[data-reverse] .tvi-exp[b-bs5na9dbd7] {
            grid-area: 1 / 4 / 2 / 5;
        }

.tvi-exp[b-bs5na9dbd7] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color linear .2s;
    margin: 0px 3px 0px 5px;
    padding: 6px;
    cursor: pointer;
    border-radius: 5px;
}
    .tvi-exp[data-canexpand=False][b-bs5na9dbd7]{
        display: none;
    }

    .tvi-exp:hover[b-bs5na9dbd7]{
        background-color: rgba(0, 0, 0, .1);
    }

    .tvi-exp svg[b-bs5na9dbd7] {
        transition: transform linear .3s;
    }

.tvi-icon[b-bs5na9dbd7]{
    padding-right: 8px;
    padding-left: 3px;
}

    .tvi-icon img[b-bs5na9dbd7]{
        height: 16px;
    }

.tvi-label[b-bs5na9dbd7] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12pt;
}

.tvi-opts[b-bs5na9dbd7]{
    display: flex;
    flex-direction: row;
    opacity: 0;
    visibility: hidden;
    margin-right: 4px;
    gap: 3px;
}

input[b-bs5na9dbd7]{
    outline: none;
    min-width: 0;
    width: 100%;
    border: 1px solid #acacac;
}
/* _content/CodersForge.Controls/Web/WebElement.razor.rz.scp.css */
.web-element[b-um8n8as63f]{
    transition: outline linear .3s;
}

.web-element:hover[b-um8n8as63f]{
    outline: 1px solid #0094ff;
}