/* _content/Stratotek.Auditmarshal.WebUI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ult3ansls9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ult3ansls9] {
    flex: 1;
}



.top-row[b-ult3ansls9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ult3ansls9]  a, .top-row[b-ult3ansls9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-ult3ansls9]  a:hover, .top-row[b-ult3ansls9]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-ult3ansls9]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-ult3ansls9] {
        justify-content: space-between;
    }

        .top-row[b-ult3ansls9]  a, .top-row[b-ult3ansls9]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-ult3ansls9] {
        flex-direction: row;
    }

    .sidebar[b-ult3ansls9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }


}

#blazor-error-ui[b-ult3ansls9] {
    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-ult3ansls9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.content[b-ult3ansls9] {
    min-height: calc(100vh - 6.688rem);
}
/* _content/Stratotek.Auditmarshal.WebUI/Components/Layout/Reconnect.razor.rz.scp.css */
#components-reconnect-modal[b-v0tfnpr9fa],
#components-reconnect-modal.components-reconnect-hide[b-v0tfnpr9fa] {
    display: none;
}

    #components-reconnect-modal.components-reconnect-show[b-v0tfnpr9fa],
    #components-reconnect-modal.components-reconnect-failed[b-v0tfnpr9fa],
    #components-reconnect-modal .components-reconnect-rejected[b-v0tfnpr9fa] {
        display: flex;
    }

        #components-reconnect-modal.components-reconnect-failed [data-reconnect][b-v0tfnpr9fa],
        #components-reconnect-modal .components-reconnect-rejected [data-reconnect][b-v0tfnpr9fa] {
            display: none;
        }

        #components-reconnect-modal.components-reconnect-show [data-reload][b-v0tfnpr9fa] {
            display: none;
        }
/* _content/Stratotek.Auditmarshal.WebUI/Components/Pages/Authentication/Login.razor.rz.scp.css */
/* _content/Stratotek.Auditmarshal.WebUI/Components/Pages/Inspection/Template/Components/OptionGroup.razor.rz.scp.css */
[data-option-container][b-uqkcspl65e] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

[data-option-item][b-uqkcspl65e] {
    margin-right: 4px;
    white-space: nowrap;
    max-width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 0 0 auto;
    padding: 2px 4px;
    border-radius: 3rem;
    background: oklch(from var(--accent) l c h / 10%);
    color: oklch(from var(--accent) l c h);
}

.more-count[b-uqkcspl65e] {
    font-size: 12px;
    white-space: nowrap;
    flex: 0 0 auto;
}
/* _content/Stratotek.Auditmarshal.WebUI/Components/SharedComponents/SortableList.razor.rz.scp.css */
[b-23xgxt9ane] .sortable-ghost {
    visibility: hidden;
}

[b-23xgxt9ane] .sortable-fallback {
    opacity: 1 !important
}
/* _content/Stratotek.Auditmarshal.WebUI/Components/UI/ColorPicker/ColorPicker.razor.rz.scp.css */
[data-color-picker][b-pohwk8mk3j] {
    background: oklch(from var(--accent) l c h);
}
/* _content/Stratotek.Auditmarshal.WebUI/Components/UI/Forms/RadioGroupItem.razor.rz.scp.css */
input[b-j1fiwny8tw] {
    --size: 1rem;
    height: var(--size);
    width: var(--size);
    aspect-ratio: 1;
}

    input[data-state="checked"][b-j1fiwny8tw]::after {
        content: '';
        position: absolute;
        width: calc(var(--size) - 0.375rem);
        height: calc(var(--size) - 0.375rem);
        border-radius: 50%;
    }
/* _content/Stratotek.Auditmarshal.WebUI/Components/UI/Loader/Loader.razor.rz.scp.css */

[data-loader][b-ei4fwx66uz] {
    width: 100%;
}

@media (min-width: 1024px) {
    [data-loader][b-ei4fwx66uz] {
        width: calc(100% - var(--sidebar-width));
        left: var(--sidebar-width);
        top: 0;
    }
}

.loader-dot[b-ei4fwx66uz] {
    width: 75px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3-b-ei4fwx66uz 1s infinite linear;
}

@keyframes l3-b-ei4fwx66uz {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}
/* _content/Stratotek.Auditmarshal.WebUI/Components/UI/Toast.razor.rz.scp.css */
[data-toast][b-2fqzp3nku9] {
    --success-bg: oklch(0.98 0.0221 160.24);
    --success-border: oklch(from var(--success-text) calc(l + 0.9) c h);
    --success-text: oklch(0.55 0.1656 146.61);

    --error-bg: oklch(0.97 0.0162 17.44);
    --error-border: oklch(from var(--error-text) calc(l + 0.9) c h);
    --error-text: oklch(0.58 0.2383 29.23);

    --info-bg: oklch(0.98 0.013 244.250);
    --info-border: oklch(from var(--info-text) calc(l + 0.9) c h);
    --info-text: oklch(0.56 0.1814 254.98);

    --warning-bg: oklch(0.99 0.0161 95.22);
    --warning-border: oklch(from var(--warning-text) calc(l + 0.9) c h);
    --warning-text: oklch(0.67 0.1601 56.69);
}

[data-toast-wrapper][b-2fqzp3nku9] {
    position: fixed;
    top: 10px;
    width: 22rem;
}

[data-toast][b-2fqzp3nku9] {
    --gap: 10;
    --y: calc(var(--offset) * 1px);
    position: absolute;
    right: 0;
    border-radius: 0.35rem;
    padding: 1rem;
    border: solid .5px;
    font-size: 0.813rem;
    width: 100%;
    display: flex;
    gap: .5rem;
    opacity: 0;
    filter: blur(2px);
    transform: translateY(-100%);
    transition: transform 0.4s, opacity 0.4s;
}

[data-mount="true"][b-2fqzp3nku9] {
    opacity: 1;
    filter: blur(0);
    transform: translateY(var(--y));
}

[data-visible="false"][b-2fqzp3nku9] {
    opacity: 0;
}

    [data-toast] [data-toast-close][b-2fqzp3nku9] {
        position: absolute;
        top: -.5rem;
        left: -.5rem;
        height: 20px;
        width: 20px;
        border: solid .5px red;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5rem;
        padding: .35rem;
    }


[data-type="info"][b-2fqzp3nku9] {
    background-color: var(--info-bg);
    border-color: var(--info-border);
    color: var(--info-text);
}

    [data-type="info"] [data-toast-close][b-2fqzp3nku9] {
        background-color: var(--info-bg);
        border-color: var(--info-border);
    }

[data-type="success"][b-2fqzp3nku9] {
    background-color: var(--success-bg);
    border-color: var(--success-border);
    color: var(--success-text);
}

    [data-type="success"] [data-toast-close][b-2fqzp3nku9] {
        background-color: var(--success-bg);
        border-color: var(--success-border);
    }

[data-type="warning"][b-2fqzp3nku9] {
    background-color: var(--warning-bg);
    border-color: var(--warning-border);
    color: var(--warning-text);
}

    [data-type="warning"] [data-toast-close][b-2fqzp3nku9] {
        background-color: var(--warning-bg);
        border-color: var(--warning-border);
    }

[data-type="error"][b-2fqzp3nku9] {
    background-color: var(--error-bg);
    border-color: var(--error-border);
    color: var(--error-text);
}

    [data-type="error"] [data-toast-close][b-2fqzp3nku9] {
        background-color: var(--error-bg);
        border-color: var(--error-border);
    }
/* _content/Stratotek.Auditmarshal.WebUI/Components/UI/Tooltip/Tooltip.razor.rz.scp.css */
.tooltip-container[b-wkioc2ag7m] {
    position: relative;
    display: inline-block;
}

.tooltip-content[b-wkioc2ag7m] {
    position: fixed;
    z-index: 1000;
    transition: transform 0.2s ease-out;
    animation: tooltipFade-b-wkioc2ag7m 200ms ease-out;
}

    .tooltip-content[data-position="top"][b-wkioc2ag7m] {
        transform-origin: bottom center;
    }

    .tooltip-content[data-position="bottom"][b-wkioc2ag7m] {
        transform-origin: top center;
    }

    .tooltip-content[data-position="left"][b-wkioc2ag7m] {
        transform-origin: right center;
    }

    .tooltip-content[data-position="right"][b-wkioc2ag7m] {
        transform-origin: left center;
    }

@keyframes tooltipFade-b-wkioc2ag7m {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}