@import '_content/Blazor3D/Blazor3D.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/IrusPortal/Components/Mapping/SiteMapEditControl.razor.rz.scp.css */
[b-hfd3uotnqg] text {
    font-family: "Azo-Sans", sans-serif;
    font-size: 8px;
    alignment-baseline: central;
    text-overflow: ellipsis;
    text-anchor: middle;
    fill: red;
    user-select: none;
}

[b-hfd3uotnqg] text.lg {
    font-family: "Azo-Sans", sans-serif;
    font-size: 36px;
    alignment-baseline: central;
    text-overflow: ellipsis;
    text-anchor: middle;
    fill: black;
    user-select: none;
}

[b-hfd3uotnqg] rect.fig
{
    fill: #e8e8e8;
    stroke: #c8c8c8;
}
/* purple60: "rgb(106, 081, 163)",
    purple30: "rgb(177, 159, 204)",
    purple15: "rgb(215, 205, 228)",
    purple7: "rgb(236, 231, 242)",
           */
[b-hfd3uotnqg] path.fig
{
    fill: rgb(177, 159, 204);
    stroke: rgb(106, 081, 163);
}

[b-hfd3uotnqg] circle.ref-mark
{
    stroke: red;
    fill: none;
    stroke-width: 3;
}

[b-hfd3uotnqg] path.floor
{
    fill: #d8d8d8;
    stroke: none;
}

[b-hfd3uotnqg] path.block
{
    fill: #d8d8d8;
    stroke: black;
    stroke-width: 4;
}
/* _content/IrusPortal/Components/Mapping/SiteTreeView.razor.rz.scp.css */
.tree[b-ipi4nxv3hi]{
    --spacing : 1.5rem;
    --radius  : 10px;
}

.tree li[b-ipi4nxv3hi]{
    display      : block;
    position     : relative;
    padding-left : calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul[b-ipi4nxv3hi]{
    margin-left  : calc(var(--radius) - var(--spacing));
    padding-left : 0;
}

.tree ul li[b-ipi4nxv3hi]{
    border-left : 2px solid #ddd;
}

.tree ul li:last-child[b-ipi4nxv3hi]{
    border-color : transparent;
}

.tree ul li[b-ipi4nxv3hi]::before{
    content      : '';
    display      : block;
    position     : absolute;
    top          : calc(var(--spacing) / -2);
    left         : -2px;
    width        : calc(var(--spacing) + 2px);
    height       : calc(var(--spacing) + 1px);
    border       : solid #ddd;
    border-width : 0 0 2px 2px;
}

.tree summary[b-ipi4nxv3hi]{
    display : block;
    cursor  : pointer;
}

.tree summary[b-ipi4nxv3hi]::marker,
.tree summary[b-ipi4nxv3hi]::-webkit-details-marker{
    display : none;
}

.tree summary:focus[b-ipi4nxv3hi]{
    outline : none;
}

.tree summary:focus-visible[b-ipi4nxv3hi]{
    outline : 1px dotted #000;
}

.tree li[b-ipi4nxv3hi]::after,
.tree summary[b-ipi4nxv3hi]::before{
    content       : '';
    display       : block;
    position      : absolute;
    top           : calc(var(--spacing) / 2 - var(--radius));
    left          : calc(var(--spacing) - var(--radius) - 1px);
    width         : calc(2 * var(--radius));
    height        : calc(2 * var(--radius));
    border-radius : 50%;
    background    : #ddd;
}

.tree summary[b-ipi4nxv3hi]::before{
    z-index    : 1;
    /*
    background : rgb(177, 159, 204) url('expand-collapse.svg') 0 0;
    */
    /*
    background : var(--tw-color-purple30) url('expand-collapse.svg') 0 0;
    */
    /*
    background : red url('expand-collapse.svg') 0 0;
    */
    /*
    background-color: ;
    */
}

.tree details[open] > summary[b-ipi4nxv3hi]::before{
    background-position : calc(-2 * var(--radius)) 0;
}
/* _content/IrusPortal/Components/Mapping/ViewerPage/MapViewer.razor.rz.scp.css */
[b-khycipv6g2] rect.fig
{
    fill: #e8e8e8;
    stroke: #c8c8c8;
}

[b-khycipv6g2] path.fig
{
    fill: rgb(177, 159, 204);
    stroke: rgb(106, 081, 163);
}

[b-khycipv6g2] path.floor
{
    fill: var(--tw-color-purple30);
    stroke: var(--tw-color-purple60); 
/*    rgb(106, 081, 163);  * Purple60 */
    stroke-width: 5;
}

[b-khycipv6g2] path.flat
{
    fill: var(--tw-color-purple15);
    stroke: #c8c8c8;
    stroke-width: 2;
}

[b-khycipv6g2] text {
    font-family: "Azo-Sans", sans-serif;
    alignment-baseline: central;
    text-overflow: ellipsis;
    text-anchor: middle;
    user-select: none;
}

[b-khycipv6g2] text.flat {
    font-size: 32px;
}
[b-khycipv6g2] text.floor {
    font-size: 48px;
    text-anchor: start;
}
[b-khycipv6g2] text.block {
    font-size: 48px;
}

[b-khycipv6g2] text.block-count {
    font-size: 32px;
}