/* _content/Sysinfocus.AspNetCore.Components/Accordion.razor.rz.scp.css */
.sbc-accordion[b-r2j58ysol1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
/* _content/Sysinfocus.AspNetCore.Components/AccordionItem.razor.rz.scp.css */
.sbc-accordion-item[b-yn8kze91g8] {
    --minHeight: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    border-bottom: 1px solid var(--primary-border);
}

.sbc-accordion-item-header[b-yn8kze91g8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    user-select: none;
}

.sbc-accordion-item-header-icon[b-yn8kze91g8]  svg {
    width: 16px;
    height: 16px;
    color: inherit;
    transition: transform 150ms ease-out;
}

.sbc-accordion-item-header-icon.show[b-yn8kze91g8]  svg {
    transform: rotate(180deg)
}

.sbc-accordion-item-header:hover[b-yn8kze91g8] {
    cursor: pointer;
    opacity: 0.75;
/*    text-decoration: underline;
    text-underline-offset: 4px;*/
}

.sbc-accordion-item-content[b-yn8kze91g8] {
    line-height: 1.25rem;
    font-size: 0.85rem;
}

    .sbc-accordion-item-content.show[b-yn8kze91g8] {
        animation: show-b-yn8kze91g8 300ms linear forwards;        
    }


    .sbc-accordion-item-content.hide[b-yn8kze91g8] {
        animation: hide-b-yn8kze91g8 1ms linear forwards;        
    }

@keyframes show-b-yn8kze91g8 {
    from {
        opacity: 0;
        height: 0px;
    }
    to {
        opacity: 1;
        height: var(--minHeight);
        pointer-events: unset;
        margin-bottom: 1rem;
    }
}

@keyframes hide-b-yn8kze91g8 {
    from {
        opacity: 1;
        height: auto;
    }
    to {
        opacity: 0;
        height: 0;
        pointer-events: none;
        margin-bottom: 0;
    }
}
/* _content/Sysinfocus.AspNetCore.Components/ActivityLog.razor.rz.scp.css */
.sbc-activity-log[b-wsnmzwy8v6] { display: flex; flex-direction: column; gap: 1rem; align-items: center; position: relative; }
.sbc-log[b-wsnmzwy8v6] { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 1rem; position: relative; opacity: 0; width: 100%; }
.sbc-log[b-wsnmzwy8v6]::before { content:''; position: absolute; top: 50%; transform: translateX(-50%); left: 50%; width: 75px; z-index: -10; border: 1px dotted var(--primary-border); }
.sbc-log[b-wsnmzwy8v6]::after { content:''; position: absolute; transform: translateX(-50%); top: 0%; left: 50%; height: 200%; flex: 1; z-index: -10; border: 1px solid var(--primary-border);  } 
.sbc-log img[b-wsnmzwy8v6] { width: 48px; height: 48px; border-radius: 50%; border: 3px solid var(--primary-border); padding: 3px; background-color: var(--primary-bg); z-index: 1; }   
.sbc-log-left[b-wsnmzwy8v6] { display: flex; flex-direction: column; gap: 0.25rem; justify-content: center; align-items: flex-end }
.sbc-log-right[b-wsnmzwy8v6] { display: flex; flex-direction: column; gap: 0.25rem; justify-content: center; align-items: flex-start }
.sbc-log .data[b-wsnmzwy8v6] { padding: 0 0.5rem }
.sbc-log .data.ra[b-wsnmzwy8v6] { text-align: right; }     
.sbc-log .data.la[b-wsnmzwy8v6] { text-align: left; }
/* _content/Sysinfocus.AspNetCore.Components/Alert.razor.rz.scp.css */
.sbc-alert[b-ugm5p4ut6w] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    border: 1px solid var(--primary-border);
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
}

    .sbc-alert span[b-ugm5p4ut6w] {
        cursor: default;
    }

.sbc-alert-header[b-ugm5p4ut6w] {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-text);
    line-height: 1.5rem;
}

.destructive[b-ugm5p4ut6w], .destructive[b-ugm5p4ut6w]  * {
    border-color: var(--error);
    color: var(--error) !important;
}

.success[b-ugm5p4ut6w], .success[b-ugm5p4ut6w]  * {
    border-color: var(--success-bg);
    color: var(--success-bg) !important;
}

.warning[b-ugm5p4ut6w], .warning[b-ugm5p4ut6w]  * {
    border-color: var(--warning-bg);
    color: var(--warning-bg) !important;
}

.info[b-ugm5p4ut6w], .info[b-ugm5p4ut6w]  * {
    border-color: var(--info-bg);
    color: var(--info-bg) !important;
}

.sbc-alert-content[b-ugm5p4ut6w] {
    font-size: 14px;
    color: var(--light-text);
}
/* _content/Sysinfocus.AspNetCore.Components/AlertDialog.razor.rz.scp.css */
.sbc-alertdialog[b-mwh1mqozj1] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: fill;
}

.sbc-alertdialog-overlay[b-mwh1mqozj1] {
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--overlay-bg);
    width: 100vw;
    height: 100vh;
    opacity: 0.9;
    z-index: 0;    
}

.sbc-alertdialog-alert[b-mwh1mqozj1] {
    z-index: 1;    
    padding: 1.5rem;    
    background-color: var(--alert-dialog-bg);
    border: 1px solid var(--alert-dialog-border);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sbc-alertdialog-header[b-mwh1mqozj1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
}
.sbc-alertdialog-content[b-mwh1mqozj1] {
    line-height: 1.25rem;
    font-size: 0.9rem;
    opacity: 0.65;
}

.sbc-alertdialog-footer[b-mwh1mqozj1] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: end;
}

.show[b-mwh1mqozj1] {
    animation: show-b-mwh1mqozj1 300ms ease-in-out both;
}
@keyframes show-b-mwh1mqozj1 {
    from { opacity: 0; transform: scale(0.85); }
    to { opacity: 1; transform: scale(1); }
}
/* _content/Sysinfocus.AspNetCore.Components/AspectRatio.razor.rz.scp.css */
.sbc-aspect-ratio[b-wp8h2lk0ts] {
    overflow: hidden;
    object-fit: cover;
    position: relative;    
}
.sbc-aspect-ratio > *[b-wp8h2lk0ts] {
    width: 100%;    
    aspect-ratio: inherit;
}
/* _content/Sysinfocus.AspNetCore.Components/Avatar.razor.rz.scp.css */
.sbc-avatar[b-0d20zdvh5e] {
    border-radius: 50%;
    background-color: var(--primary-fg);
    color: var(--primary-bg);
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    place-content: center;
    align-items: center;    
    font-weight: 500;
    user-select: none;
    cursor: default;
}

.disabled[b-0d20zdvh5e] {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.sbc-avatar img[b-0d20zdvh5e] {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    transform: scale(1);
    transition: transform 150ms ease-out;
}

.sbc-avatar img:hover[b-0d20zdvh5e] {
    transform: scale(1.1);
}

.small[b-0d20zdvh5e] {
    width: 32px;
    font-size: 14px;
}
.regular[b-0d20zdvh5e] {
    width: 48px;
    font-size: 18px;
}
.large[b-0d20zdvh5e] {
    width: 64px;
    font-size: 24px;
}
.tiny[b-0d20zdvh5e] {
    width: 24px;
    font-size: 12px;
}
/* _content/Sysinfocus.AspNetCore.Components/Badge.razor.rz.scp.css */
.sbc-badge[b-l2s21howrn] {
    height: 22px;
    padding-inline: 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: default;
    transition: opacity 150ms ease-in-out;
    display: flex;
    align-items: center;
    user-select: none;
}

    .sbc-badge:hover[b-l2s21howrn] {
        opacity: 0.85;
    }

    .sbc-badge.pointer:hover[b-l2s21howrn] {
        cursor: pointer;
    }

.default[b-l2s21howrn] {
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-fg);
}

.secondary[b-l2s21howrn] {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
}

.outline[b-l2s21howrn] {
    background-color: transparent;
    border: 1px solid var(--primary-border);
    color: var(--primary-fg) !important;
}

.destructive[b-l2s21howrn] {
    background-color: var(--btn-destructive-bg);
    color: var(--btn-destructive-fg);
}

.success[b-l2s21howrn] {
    background-color: var(--success-bg);
    color: var(--success-fg);
}

.warning[b-l2s21howrn] {
    background-color: var(--warning-bg);
    color: var(--warning-fg);
}

.info[b-l2s21howrn] {
    background-color: var(--info-bg);
    color: var(--info-fg);
}
/* _content/Sysinfocus.AspNetCore.Components/Breadcrumb.razor.rz.scp.css */
.sbc-breadcrumb[b-gqs9kpqssi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: default;
}

.sbc-breadcrumb-item[b-gqs9kpqssi] {
    text-decoration: none;
    color: var(--primary-fg);
    opacity: 0.65;
    font-weight: 400;
}
.sbc-breadcrumb-item:hover[b-gqs9kpqssi] {
    opacity: 1;
}
.sbc-breadcrumb .material-symbols-outlined[b-gqs9kpqssi] {
    opacity: 0.5;
}

[b-gqs9kpqssi] .sbc-breadcrumb-separator {
    line-height: 0rem;
    opacity: 0.5;
}
.current-item[b-gqs9kpqssi] {
    font-weight: 400;
}
/* _content/Sysinfocus.AspNetCore.Components/Button.razor.rz.scp.css */
.sbc-button[b-dxlcnpbuql] {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    min-height: 36px;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 6px;
    outline: transparent;
    transition: all 100ms ease;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    gap: 8px;
    align-items: center;
    user-select: none;
}

.primary[b-dxlcnpbuql] {
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-fg);
}

.secondary[b-dxlcnpbuql] {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
}

.destructive[b-dxlcnpbuql] {
    background-color: var(--btn-destructive-bg);
    color: var(--btn-destructive-fg);
}
.success[b-dxlcnpbuql] {
    background-color: var(--success-bg);
    color: var(--success-fg);
}
.warning[b-dxlcnpbuql] {
    background-color: var(--warning-bg);
    color: var(--warning-fg);
}
.info[b-dxlcnpbuql] {
    background-color: var(--info-bg);
    color: var(--info-fg);
}

.outline[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg);
    color: var(--btn-outline-fg);
    border: 1px solid var(--btn-outline-border);
}

.outline:hover[b-dxlcnpbuql],
.outline:focus[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg-hover);
}

.ghost[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg);
    color: var(--btn-outline-fg);
}

.ghost:hover[b-dxlcnpbuql],
.ghost:focus[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg-hover);
}

.link[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg);
    color: var(--btn-outline-fg);
}

.link:hover[b-dxlcnpbuql],
.link:focus[b-dxlcnpbuql] {
    opacity: 1;
    text-decoration: underline;
    text-decoration-color: var(--btn-outline-fg);
    text-underline-offset: 4px;
}

.icon[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg);
    color: var(--btn-outline-fg);
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--btn-outline-border);
}

.icon span[b-dxlcnpbuql] {
    font-size: 20px;    
}

.icon:not(:disabled):hover[b-dxlcnpbuql],
.icon:not(:disabled):focus[b-dxlcnpbuql] {
    background-color: var(--btn-outline-bg-hover);
}

.loading[b-dxlcnpbuql] {
    background-color: var(--btn-loading-bg);
    color: var(--btn-loading-fg);
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--btn-outline-border);
    opacity: 0.5;
}

.loading span[b-dxlcnpbuql] {
    font-size: 18px;
}

.rotate[b-dxlcnpbuql] {
    animation: rotate-b-dxlcnpbuql 1s linear infinite;
}

@keyframes rotate-b-dxlcnpbuql {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.sbc-button:not(:disabled):hover[b-dxlcnpbuql],
.sbc-button:not(:disabled):focus[b-dxlcnpbuql],
.sbc-button:not(:disabled).loading:hover[b-dxlcnpbuql] {
    cursor: pointer;
    opacity: 0.85;
}

.nostyle[b-dxlcnpbuql] {
    color: var(--btn-outline-fg);
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.rounded[b-dxlcnpbuql] {
    border-radius: 50%;
}

.nostyle:hover[b-dxlcnpbuql],
.nostyle:focus[b-dxlcnpbuql] {
    background-color: transparent;
    cursor: default;
}

.sbc-button:not(:disabled):active[b-dxlcnpbuql] {
    opacity: 1;
}

.regular span[b-dxlcnpbuql] {
    font-size: 18px;
}

.small[b-dxlcnpbuql] {
    padding: 8px 16px;
    min-height: unset;
    height: 28px;
    font-size: 12px;
}

.small span[b-dxlcnpbuql] {
    font-size: 14px;
}

.large[b-dxlcnpbuql] {
    min-height: unset;
    height: 44px;
    font-size: 16px;
}

.large span[b-dxlcnpbuql] {
    font-size: 22px;
}

.success[b-dxlcnpbuql] {
    background-color: var(--success-bg);
    color: var(--success-fg);
}
.warning[b-dxlcnpbuql] {
    background-color: var(--warning-bg);
    color: var(--warning-fg);
}
.error[b-dxlcnpbuql] {
    background-color: var(--error-bg);
    color: var(--error-fg);
}
.info[b-dxlcnpbuql] {
    background-color: var(--info-bg);
    color: var(--info-fg);
}

.sbc-button:disabled[b-dxlcnpbuql] {
    pointer-events: none;
}
/* _content/Sysinfocus.AspNetCore.Components/Calendar.razor.rz.scp.css */
.sbc-date-picker-wrapper[b-7d73tkmg3g] {
    outline: transparent;
    overflow: hidden;
    user-select: none;
}

.sbc-date-picker[b-7d73tkmg3g] {
    background-color: var(--primary-bg);
    min-width: fit-content;
    min-height: fit-content;
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary-border);
    padding: 12px;
    font-family: inherit;
    border-radius: 0.5rem;
    z-index: 100;
}

.sbc-date-picker-header button[b-7d73tkmg3g],
.sbc-date-picker-days button[b-7d73tkmg3g] {
    background-color: var(--primary-bg);
    color: var(--primary-fg);
    border: 1px solid transparent;
    padding: 4px;
    min-height: 36px;
    font-size: 0.9rem;
    font-weight: 500;
    min-width: 36px;
    border-radius: 6px;
    outline: transparent;
}

.sbc-date-picker-header-buttons[b-7d73tkmg3g] {
    display: flex;
    flex-direction: row;
    gap: 0;
}

.sbc-date-picker-content[b-7d73tkmg3g] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: calc(100% - 2.25rem);
}

.sbc-date-picker-content button:not(:disabled):hover[b-7d73tkmg3g] {
    cursor: pointer;
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
}

.sbc-date-picker-content button.today[b-7d73tkmg3g] {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
    border: 1px solid transparent;
}

.sbc-date-picker-content button.selected[b-7d73tkmg3g] {
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-fg) !important;
    border: 1px solid transparent !important;
}

.sbc-date-picker-content button:focus[b-7d73tkmg3g] {
    border: 1px solid var(--primary-border);
}

.sbc-date-picker-header[b-7d73tkmg3g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sbc-date-picker-days[b-7d73tkmg3g] {
    display: grid;
    height: 100%;
    grid-template-columns: repeat(7, 1fr);    
    gap: 1px;
    row-gap: 0.5rem;
    text-align: center;
}

.sbc-date-picker-weekdays[b-7d73tkmg3g] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    font-size: 13px;
    opacity: 0.75;
    text-align: center;
    margin: 1rem 0;
}

.prev-month[b-7d73tkmg3g], .next-month[b-7d73tkmg3g] {
    opacity: 0.5;
}

.month-year[b-7d73tkmg3g] {
    font-size: 15px;
    font-weight: 600;
    cursor: default;
}

.back[b-7d73tkmg3g], .next[b-7d73tkmg3g] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px !important;
    background-color: transparent;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
}
    
    .pnyear[b-7d73tkmg3g] {
        font-size: 18px !important;
    }

    .back:hover[b-7d73tkmg3g],
    .next:hover[b-7d73tkmg3g] {
        cursor: pointer;
        background-color: var(--btn-secondary-bg);
    }

.show[b-7d73tkmg3g] {
    visibility: visible;
    opacity: 1;
    /* animation: show 150ms ease-out forwards; */
}

@keyframes show-b-7d73tkmg3g {
    from {
        opacity: 0;
        transform: scale(0.8)
    }

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

.clear-btn[b-7d73tkmg3g] {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
    border-radius: 50%;
    outline: transparent;
    transition: 150ms ease-in-out all;
}

    .clear-btn:hover[b-7d73tkmg3g],
    .clear-btn:focus[b-7d73tkmg3g] {
        background-color: var(--btn-primary-bg);
        color: var(--btn-primary-fg);
        cursor: pointer;
    }

.sbc-date-picker-days button:disabled[b-7d73tkmg3g] {
    opacity: 0.5;
}
/* _content/Sysinfocus.AspNetCore.Components/Card.razor.rz.scp.css */
.sbc-card[b-booeh01of8] {
    display: flex;
    height: 100%;
    flex: 1;
    overflow: hidden;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--primary-border);
    background-color: var(--primary-bg);
    color: var(--primary-fg);
    border-radius: 0.5rem;
}

.sbc-card-header[b-booeh01of8] {
    padding: 1rem 1.5rem;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
}

.sbc-card-header[b-booeh01of8]  h3:first-child {
    font-size: 16px;
    line-height: 2rem;
}

.sbc-card-header[b-booeh01of8]  p {
    font-size: 14px;
    opacity: 0.75;
}

.sbc-card-content[b-booeh01of8] {
    position: relative;
    padding: 0.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 1rem;
    flex: 1;
}

.sbc-card-footer[b-booeh01of8] {    
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.light .sbc-card[b-booeh01of8] {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}
/* _content/Sysinfocus.AspNetCore.Components/Carousel.razor.rz.scp.css */
.sbc-carousel[b-sllfrs81ih] {
    --vertical: row;
    display: flex;
    flex-direction: var(--vertical);
    gap: 1.5rem;
    justify-content: center;
    align-items: center;   
    position: relative;
}

.sbc-carousel-content[b-sllfrs81ih] {
    --width: 500px;
    --height: 500px;
    --object-fit: cover;
    width: var(--width);
    height: var(--height);
    border: 1px solid var(--primary-border);
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: var(--vertical);
    scroll-behavior: smooth;
}
    .sbc-carousel-content[b-sllfrs81ih]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .sbc-carousel-content:hover[b-sllfrs81ih]::-webkit-scrollbar {
        background: transparent;
    }

.sbc-carousel-content[b-sllfrs81ih]  > * {
    display: block;
    min-width: var(--width);
    width: 100%;
    height: 100%;
    object-fit: var(--object-fit);
}
/* _content/Sysinfocus.AspNetCore.Components/Chart.razor.rz.scp.css */
.sbc-chart[b-g2zjdrqq2d] {
    position: relative;
}
/* _content/Sysinfocus.AspNetCore.Components/Checkbox.razor.rz.scp.css */
.sbc-checkbox[b-ix9et0c73c] {
    display: flex;
    align-items: center;
    background-color: transparent;
    gap: 12px;
}

    .sbc-checkbox label[b-ix9et0c73c] {
        font-size: 14px;
        font-weight: 500;
        outline: transparent;
        border: 1px dotted transparent;
    }

        .sbc-checkbox label:focus-within[b-ix9et0c73c],
        .sbc-checkbox label:focus[b-ix9et0c73c] {
            border: 1px dotted var(--primary-fg);
        }

        .sbc-checkbox label:hover[b-ix9et0c73c] {
            cursor: default
        }

    .sbc-checkbox input[b-ix9et0c73c] {
        display:none;
        width: 0;
        height: 0;
    }

.checkbox-wrapper[b-ix9et0c73c] {
    border: 1px solid var(--primary-fg);
    width: 16px;
    height: 16px;
    border-radius: 4px;
    position: relative;
}

.sbc-checkbox:not(:disabled) .checkbox-wrapper:not(.disabled):hover[b-ix9et0c73c],
.sbc-checkbox:not(:disabled) .checkbox-wrapper:not(.disabled):focus[b-ix9et0c73c] {
    cursor: pointer;
    opacity: 0.8;
}

.tick-mark[b-ix9et0c73c]  svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
}

.checked[b-ix9et0c73c] {
    background-color: var(--btn-primary-bg);
    border-color: var(--btn-primary-bg);
    transition: 300ms transform ease-in-out;
}

    .checked .tick-mark[b-ix9et0c73c]  svg {
        stroke: var(--btn-primary-fg);
    }

.disabled[b-ix9et0c73c] {
    opacity: 0.5;
    cursor: not-allowed;
}
.disabled .checkbox-wrapper[b-ix9et0c73c] {
    opacity: 0.5;
    cursor: not-allowed;
}
.disabled + label:hover[b-ix9et0c73c] {
    cursor: not-allowed
}

.light .sbc-checkbox input:not(:disabled) .checkbox-wrapper:hover[b-ix9et0c73c] {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}
/* _content/Sysinfocus.AspNetCore.Components/CodeScanner.razor.rz.scp.css */
.sbc-codescanner[b-m5twf75skj] { position: relative; }
.sbc-codescanner-devices[b-m5twf75skj] { display: flex; flex-direction: row; gap: 1rem; justify-content: center; }
/* _content/Sysinfocus.AspNetCore.Components/Collapsible.razor.rz.scp.css */
.sbc-collapsible[b-24u3018pb1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    width: 100%;
}

.sbc-collapsible-header[b-24u3018pb1] {
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}

.sbc-collapsible-header-handler[b-24u3018pb1] {
    font-weight: 600;
    display: flex;    
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 2rem);
    gap: 8px;
    margin: 1rem;
}

.sbc-collapsible-content[b-24u3018pb1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* _content/Sysinfocus.AspNetCore.Components/ColorPicker.razor.rz.scp.css */
.sbc-color-picker[b-a5d5cvwan1] {
    --hue: 180;
    --saturation: 100%;
    --lightness: 50%;
    --left: 0px;
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    user-select: none;
    position: relative;
}

.sbc-color-picker-color[b-a5d5cvwan1] {
    width: fit-content;
    height: 40px;
    border: none;
    overflow: hidden;
    border-radius: 40px;
}

    .sbc-color-picker-color span[b-a5d5cvwan1] {
        width: 1px;
        height: 100%;
        display: inline-block;
        background-color: hsl(var(--hue),var(--saturation),var(--lightness));
        cursor: pointer;
    }

        .sbc-color-picker-color span:hover[b-a5d5cvwan1] {
            background-color: white;
            outline: none;
        }

.sbc-color-picker-preview[b-a5d5cvwan1] {
    height: 11px;
    width: 11px;
    border-radius: 100%;
    position: absolute;
    top: -10px;
}
/* _content/Sysinfocus.AspNetCore.Components/Combobox.razor.rz.scp.css */
.sbc-combobox[b-52fbtuz3y3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .sbc-combobox label[b-52fbtuz3y3] {
        font-size: 13px;
        font-weight: 500;
    }

hr[b-52fbtuz3y3] {
    height: 1px;
    border-bottom: 1px solid var(--primary-border);
    opacity: 0.15;
}

.sbc-combobox span.info[b-52fbtuz3y3] {
    font-size: 12px;
    opacity: 0.5;
}

.sbc-combobox button[b-52fbtuz3y3] {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: var(--primary-bg);
    color: var(--primary-fg);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    min-height: 36px;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    padding: 8px 16px;
    padding-right: 8px;
    outline: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 150ms ease-in-out;
}

    .sbc-combobox button span[b-52fbtuz3y3] {
        max-width: calc(100% - 1.5rem);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .sbc-combobox button:disabled[b-52fbtuz3y3] {
        opacity: 0.5;
        cursor: default;
    }

    .sbc-combobox button:not(:disabled):hover[b-52fbtuz3y3],
    .sbc-combobox button:not(:disabled):focus[b-52fbtuz3y3] {
        background-color: var(--btn-secondary-bg);
        color: var(--btn-secondary-fg);
        cursor: pointer;
    }

    .sbc-combobox button[b-52fbtuz3y3]  svg {
        stroke: var(--primary-fg);
        opacity: 0.5;
        width: 16px;
        height: 16px;
    }

.sbc-ac-list[b-52fbtuz3y3] {
    user-select: none;
    position: fixed;
    z-index: 50;
    background-color: var(--primary-bg);
    min-height: 200px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    padding: 4px;
    visibility: collapse;
}

.search-box[b-52fbtuz3y3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid var(--primary-border);
    padding: 0 8px;
    margin-bottom: 4px;
}

    .search-box[b-52fbtuz3y3]  svg {
        min-width: 16px;
        max-width: 16px;
        stroke: var(--primary-fg);
        opacity: 0.5;
    }

    .search-box input[b-52fbtuz3y3] {
        font-family: inherit;
        background-color: transparent;
        font-size: 14px;
        width: 100%;
        min-height: 40px;
        margin-bottom: 2px;
        border: none;
        padding: 8px;
        outline: transparent;
    }

.list-items[b-52fbtuz3y3] {
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .list-items[b-52fbtuz3y3]::-webkit-scrollbar {
        width: 0px;
        background-color: transparent;
    }

.sbc-ac-list .item[b-52fbtuz3y3] {
    flex: 1;
    cursor: default;
    padding: 8px;
    padding-left: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

    .sbc-ac-list .item span[b-52fbtuz3y3] {
        width: 16px;
    }

    .sbc-ac-list .item[b-52fbtuz3y3]  svg {
        position: absolute;
        left: 8px;
        width: 16px !important;
        height: 16px !important;
        stroke: var(--primary-fg);
    }

    .sbc-ac-list .item.selected[b-52fbtuz3y3],
    .sbc-ac-list .item:hover[b-52fbtuz3y3] {
        background-color: var(--btn-secondary-bg);
        border-radius: 4px;
    }

.sbc-ac-list.show[b-52fbtuz3y3] {
    visibility: visible;
    animation: show-b-52fbtuz3y3 100ms linear both;
}

/*.light .sbc-combobox button {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}

.light .sbc-ac-list {
    box-shadow: 1px 1px 2px 0 var(--btn-secondary-bg);
}*/

@keyframes show-b-52fbtuz3y3 {
    from {
        opacity: 0;
        transform: scaleX(0.5) scaleY(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/Sysinfocus.AspNetCore.Components/Command.razor.rz.scp.css */
.sbc-command[b-ta3hx27b8r] {
    position: relative;
    width: 100%;
    background-color: var(--primary-bg);
    border: 1px solid var(--primary-border);
    border-radius: 8px;
    overflow: hidden;
    margin: auto;
    z-index: 3000;
}

/*.light .sbc-command {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}*/

.sbc-command-group[b-ta3hx27b8r] {
    padding: 4px;
    border-top: 1px solid var(--primary-border);
    height: 100%;
    overflow: auto;
}

    .sbc-command-group p:first-child[b-ta3hx27b8r] {
        font-size: 12px;
        opacity: 0.5;
        padding: 8px;
    }

.sbc-command-search[b-ta3hx27b8r] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    padding: 8px;
}

    .sbc-command-search span[b-ta3hx27b8r] {
        font-size: 18px;
        opacity: 0.5;
        margin-left: 4px;
    }

    .sbc-command-search input[b-ta3hx27b8r] {
        border: none;
        background-color: transparent;
        color: var(--primary-fg);
        outline: transparent;
        padding: 4px;
        flex: 1;
    }

.sbc-command-notfound[b-ta3hx27b8r] {
    padding: 1.5rem;
    border: 1px solid var(--primary-border);
    text-align: center;
    font-size: 14px;
}
/* _content/Sysinfocus.AspNetCore.Components/CommandItem.razor.rz.scp.css */
.sbc-command-item[b-2ooujjy23m] {
    display: flex;
    width: 100%;
    border-radius: 4px;
    background-color: transparent;
    color: var(--primary-fg);
    border: none;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    max-height: 32px;
    outline: transparent;
}

.sbc-command-item-name[b-2ooujjy23m] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
}

    .sbc-command-item-name span:first-child[b-2ooujjy23m] {
        font-size: 18px;
        opacity: 0.75;
    }

.sbc-command-item:hover[b-2ooujjy23m],
.sbc-command-item:focus-within[b-2ooujjy23m],
.sbc-command-item.selected[b-2ooujjy23m] {
    background-color: var(--btn-secondary-bg);
    cursor: pointer;
}

.sbc-command-item small[b-2ooujjy23m] {
    opacity: 0.75
}
/* _content/Sysinfocus.AspNetCore.Components/ContextMenu.razor.rz.scp.css */
.sbc-context-menu[b-jlvob8plou]
 {
    border: 1px dashed var(--primary-border);
    display: flex;
    place-content: center;
    align-items: center;
    font-size: 14px;    
    cursor: default;
    user-select: none;
}
/* _content/Sysinfocus.AspNetCore.Components/DataTable.razor.rz.scp.css */
.sbc-data-table-container[b-7xhksee9mk] {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
}
.sbc-data-table[b-7xhksee9mk] {
    --spacing: 8px 16px;
    --height: fit-content;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: var(--height);
    overflow: auto;
    scrollbar-gutter: both-edges auto;
}

.sbc-data-table table[b-7xhksee9mk] {
    width: 100%;
    font-weight: 400;
    border-collapse: separate;    
    font-size: 14px;
    position: relative;
    cursor: default;
}

.sbc-data-table thead[b-7xhksee9mk] {
    position: sticky;
    top: 0;
    z-index: 3;
    user-select: none;
    background-color: var(--data-table-row);
}

    .sbc-data-table tr[b-7xhksee9mk] {
        transition: 150ms ease-out;
        outline: transparent;
    }
        .sbc-data-table tr:hover[b-7xhksee9mk],
        .sbc-data-table tr.selected[b-7xhksee9mk] {
            background-color: var(--data-table-row-hover);
        }

    .sbc-data-table[b-7xhksee9mk]  th {
        font-weight: 500 !important;
        font-size: 14px;
        padding: var(--spacing);
        padding-block: 12px;
        height: 40px;
        color: var(--light-text);
        border-bottom: 1px solid var(--data-table-border);
        white-space: nowrap;
        align-items: center;
    }

        .sbc-data-table[b-7xhksee9mk]  th.sorted {
            background-color: var(--btn-secondary-bg);
            color: var(--error);
        }

        .sbc-data-table[b-7xhksee9mk]  td {
            padding: var(--spacing);
            min-height: 50px;
            border-bottom: 1px solid var(--data-table-border)
        }

    .sbc-data-table[b-7xhksee9mk]  .left {
        text-align: left;
    }
    .sbc-data-table[b-7xhksee9mk]  .center {
        text-align: center;
    }
    .sbc-data-table[b-7xhksee9mk]  .right {
        text-align: right;
    }
    .sbc-data-table[b-7xhksee9mk]  .justify {
        text-align: justify;
    }

.verticalBorder[b-7xhksee9mk]  td,
.verticalBorder[b-7xhksee9mk]  th {
    border-inline: 1px solid var(--data-table-border) !important;
}

[b-7xhksee9mk] .freeze {
    position: sticky;
    background-color: var(--data-table-row-hover);
    opacity: 1;
    z-index: 2;
    left: var(--freezeWidth, 0);
}

[b-7xhksee9mk] .data-table-column-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
}

.sbc-data-table-empty[b-7xhksee9mk] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}
/* _content/Sysinfocus.AspNetCore.Components/DatePicker.razor.rz.scp.css */
.sbc-datepicker[b-seqom3cw9y] {
    display: flex;   
    position: relative;
}

.clear-btn[b-seqom3cw9y] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: var(--primary-fg);
    margin-top: 10px;
    right: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    outline: transparent;
    transition: 150ms ease-in-out all;
}

    .clear-btn:hover[b-seqom3cw9y],
    .clear-btn:focus[b-seqom3cw9y] {
        background-color: var(--primary-border);
        cursor: pointer;
    }
/* _content/Sysinfocus.AspNetCore.Components/Dialog.razor.rz.scp.css */
.sbc-dialog[b-d4ez2zyrqb] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: fill;
}

.sbc-dialog-overlay[b-d4ez2zyrqb] {
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--overlay-bg);
    width: 100vw;
    height: 100vh;
    opacity: 0.9;
    z-index: 0;
}

.sbc-dialog-alert[b-d4ez2zyrqb] {
    z-index: 1;
    padding: 1.5rem;
    background-color: var(--alert-dialog-bg);
    border: 1px solid var(--alert-dialog-border);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sbc-dialog-header[b-d4ez2zyrqb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 1rem;
}

.sbc-dialog-content[b-d4ez2zyrqb] {
    line-height: 1.25rem;    
}

.sbc-dialog-footer[b-d4ez2zyrqb] {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: end;
}

[b-d4ez2zyrqb] .show-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 8px;
}

.show[b-d4ez2zyrqb] {
    animation: show-b-d4ez2zyrqb 300ms ease-in-out both;
}

@keyframes show-b-d4ez2zyrqb {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/Sysinfocus.AspNetCore.Components/DocumentViewer.razor.rz.scp.css */
.sbc-doc-viewer[b-yiy5vs5u8w]
{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--primary-border);
}

    .sbc-doc-viewer iframe[b-yiy5vs5u8w] {
        width: 100%;
        height: 100%;
        border: 0;
        object-fit: contain;
    }    
/* _content/Sysinfocus.AspNetCore.Components/Drawer.razor.rz.scp.css */
.sbc-drawer[b-tnp5clhn05] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    z-index: 1000;
}

.sbc-drawer-overlay[b-tnp5clhn05] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--overlay-bg);
    opacity: 0.85;
}

.sbc-drawer-content[b-tnp5clhn05] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    min-height: 50vh;
    background-color: var(--primary-bg);
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    padding: 1rem;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    transform: translateY(100%)
}

.sbc-drawer-close[b-tnp5clhn05] {
    border-radius: 8px;
    width: 100px;
    height: 8px;
    cursor: pointer;
    background-color: var(--btn-secondary-bg);
}

.show[b-tnp5clhn05] { 
    animation: show-b-tnp5clhn05 300ms ease-in-out forwards
}

@keyframes show-b-tnp5clhn05
{
    from { opacity: 0; transform: translateY(100%)}
    to { opacity: 1; transform: translateY(0)}
}

.hide[b-tnp5clhn05] { 
    animation: hide-b-tnp5clhn05 300ms ease-in-out forwards
}

@keyframes hide-b-tnp5clhn05
{
    from { opacity: 1; transform: translateY(0)}
    to { opacity: 0; transform: translateY(100%)}
}
/* _content/Sysinfocus.AspNetCore.Components/Editor.razor.rz.scp.css */
.sbc-editor[b-dn6bos3dew] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 300px;
    min-height: 300px;
    border: 1px solid var(--primary-border);
    outline-color: transparent;
    overflow: hidden;
}

.sbc-editor-toolbar[b-dn6bos3dew] {
    border-bottom: 1px solid var(--primary-border);
    padding: 0.25rem;
    display: flex;
    flex-direction: row;
    gap: 4px;    
}

    .sbc-editor-toolbar[b-dn6bos3dew]  .sbc-separator-vertical {
        height: auto
    }

.sbc-editor-content[b-dn6bos3dew] {
    width: 100%;
    flex: 1;
    padding: 0.5rem;
    border: 1px solid var(--primary-border);
    outline: none;
    overflow: auto;
}    

    .sbc-editor-content[b-dn6bos3dew]  ul,
    .sbc-editor-content[b-dn6bos3dew]  ol,
    .sbc-editor-content[b-dn6bos3dew]  li {
        margin: unset;
        padding: unset;
        font-size: unset;
    }

    .sbc-editor-content[b-dn6bos3dew]  ul,
    .sbc-editor-content[b-dn6bos3dew]  ol {
        margin-left: 1rem;
    }

    .sbc-editor-content[b-dn6bos3dew]  table {
        border: 2px solid var(--primary-border);
        border-collapse: collapse;
    }
        .sbc-editor-content[b-dn6bos3dew]  table th,
        .sbc-editor-content[b-dn6bos3dew]  table td {
            border: 1px solid var(--primary-border);
            padding: 8px;
        }
/* _content/Sysinfocus.AspNetCore.Components/FileManager.razor.rz.scp.css */
.sbc-file-manager[b-9x2eenk5wh] {
    position: relative;
    border: 1px solid var(--primary-border);
    border-radius: 0.5rem;
    overflow: auto;
    user-select: none;
    width: 100%;
    outline: transparent;
}

.sbc-file-items[b-9x2eenk5wh] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
    align-content: flex-start;
    padding: 0.5rem;
}

.sbc-file-item[b-9x2eenk5wh] {
    width: 100px;
    height: 120px;
    text-align: center;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem;
    border-radius: 6px;
    transition: 300ms ease-in-out;
    cursor: default;
}

.sbc-file-manager img[b-9x2eenk5wh] {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.sbc-file-manager p[b-9x2eenk5wh] {
    font-size: 13px;
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.75;
}

.sbc-file-item:focus-within[b-9x2eenk5wh],
.sbc-file-item:focus-visible[b-9x2eenk5wh],
.sbc-file-item:active[b-9x2eenk5wh],
.sbc-file-item:hover[b-9x2eenk5wh],
.sbc-file-item-list:focus-within[b-9x2eenk5wh],
.sbc-file-item-list:focus-visible[b-9x2eenk5wh],
.sbc-file-item-list:active[b-9x2eenk5wh],
.sbc-file-item-list:hover[b-9x2eenk5wh] {
    background-color: var(--toggle-bg);
    outline: transparent;
}

    .sbc-file-item:focus-within[b-9x2eenk5wh],
    .sbc-file-item:focus-visible[b-9x2eenk5wh],
    .sbc-file-item:active[b-9x2eenk5wh],
    .sbc-file-item:hover p[b-9x2eenk5wh],
    .sbc-file-item-list:focus-within[b-9x2eenk5wh],
    .sbc-file-item-list:focus-visible[b-9x2eenk5wh],
    .sbc-file-item-list:active[b-9x2eenk5wh],
    .sbc-file-item-list:hover p[b-9x2eenk5wh] {
        opacity: 1
    }

.list-icon[b-9x2eenk5wh] {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain
}
/* _content/Sysinfocus.AspNetCore.Components/FileUpload.razor.rz.scp.css */
.sbc-fileupload[b-emlxcnw45e] {
	position: relative;
	user-select: none;
	cursor: pointer;
	overflow: hidden;
	display: block;
	background-color: var(--primary-bg);
	width: 200px;
	height: 200px;
	border-radius: 8px;
	border: 1px solid var(--primary-border);
	transition: 300ms ease-in-out;
}

	.sbc-fileupload img[b-emlxcnw45e] {
		position: absolute;
		left: 2px;
		top: 2px;
		object-fit: contain;
		border-radius: 8px;
		display: block;
		border: none;
		pointer-events: none;
		width: calc(100% - 3px);
		height: calc(100% - 3px);
	}

.disabled[b-emlxcnw45e] {
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
}

.sbc-fileupload-container[b-emlxcnw45e] {
	width: 100%;
	height: 100%;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sbc-fileupload:not(.disabled):hover[b-emlxcnw45e] {
	border: 2px dashed var(--primary-fg);
}

.sbc-fileupload-container small[b-emlxcnw45e] {
	color: var(--muted-color);
	opacity: 0.5;
	text-align: center;
	pointer-events: none;
}

[b-emlxcnw45e] .sbc-fileupload-icon {
	color: var(--muted-color);
	font-size: 60px;
	opacity: 0.25;
	pointer-events: none;
}

[b-emlxcnw45e] input[type=file] {
	display: none !important;
	pointer-events: none;
}
/* _content/Sysinfocus.AspNetCore.Components/Grid.razor.rz.scp.css */
.sbc-grid[b-w0lds1czfj] {
    --item-row-gap: 1rem;
    --border-radius: 0.5rem;
}

    .sbc-grid.masonry[b-w0lds1czfj]  img {
        display: block;
        width: 100%;
        margin-bottom: var(--item-row-gap);
        object-fit: cover;
        border-radius: var(--border-radius);
    }
/* _content/Sysinfocus.AspNetCore.Components/Group.razor.rz.scp.css */
.sbc-group[b-l5eahwxxm4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 8px
}

    .sbc-group label[b-l5eahwxxm4] {
        font-size: 14px;
        font-weight: 500;
        /* margin-bottom: 4px; */
    }

    .sbc-group span[b-l5eahwxxm4] {
        font-size: 12px;
        opacity: 0.5;
    }
/* _content/Sysinfocus.AspNetCore.Components/Icon.razor.rz.scp.css */
.sbc-icon[b-upaenkomth] {
    --width: 24px;
    --height: 24px;
    --stroke: 2px;   
}

    .sbc-icon[b-upaenkomth]  svg {
        outline: transparent;
        width: var(--width);
        height: var(--height);
        stroke-width: var(--stroke);
    }
/* _content/Sysinfocus.AspNetCore.Components/Input.razor.rz.scp.css */
.sbc-input[b-9pp4fu6np5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 8px
}

    .sbc-input label[b-9pp4fu6np5] {
        font-size: 14px;
        font-weight: 500;
    }

    .sbc-input span[b-9pp4fu6np5] {
        font-size: 12px;
        opacity: 0.5;
    }

.sbc-input-container[b-9pp4fu6np5] {
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    width: fit-content;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.sbc-input input[b-9pp4fu6np5] {
    flex:1;
    font-family: inherit;
    font-size: 14px;
    min-height: 36px;
    padding: 8px 16px;
    border: none;
    outline: transparent;
    transition: all 100ms ease;
    background-color: var(--primary-bg);
    color: var(--fg);
    width: 100%;
}

.sbc-input-container:focus-within[b-9pp4fu6np5] {
    border-color: var(--primary-fg);
}

.sbc-input input:disabled[b-9pp4fu6np5] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sbc-input[b-9pp4fu6np5]  div span.sbc-input-prefix,
.sbc-input[b-9pp4fu6np5]  div span.sbc-input-suffix {
    background-color: var(--primary-border);
    padding: 10.5px;
    height: 100%;
    border: none;
    user-select: none;
}

/*.light .sbc-input-container {
    box-shadow: 0 0 2px 0 var(--primary-border);
}
*/
/* _content/Sysinfocus.AspNetCore.Components/InputOTP.razor.rz.scp.css */
.sbc-input-otp[b-xrw4bh561a] {
    display: flex;
    align-items: center;
    gap: 2px;
}
    .sbc-input-otp span[b-xrw4bh561a] {
        padding: 8px;
        user-select: none;
        pointer-events: none;
    }

    .sbc-input-otp input[b-xrw4bh561a] {
        background-color: transparent;
        color: var(--primary-fg);
        border: 1px solid var(--primary-border);
        outline: transparent;
        border-radius: 6px;
        width: 36px;
        height: 36px;
        text-align: center;
        padding: 8px;
        font-size: 16px;
    }

    .sbc-input-otp input:focus[b-xrw4bh561a] {
        background-color: transparent;
        color: var(--primary-fg);
        font-weight: 500;
        border-color: var(--input-border);
    }

/* Chrome, Safari, Edge, Opera */
    .sbc-input-otp input[b-xrw4bh561a]::-webkit-outer-spin-button,
    .sbc-input-otp input[b-xrw4bh561a]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/* Firefox */
    .sbc-input-otp input[type=number][b-xrw4bh561a] {
        -moz-appearance: textfield;
    }
/* _content/Sysinfocus.AspNetCore.Components/Label.razor.rz.scp.css */
.sbc-label[b-wsbd6ex0bf] {
    font-weight: normal;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;    
}

.sbc-label-info[b-wsbd6ex0bf] {
    opacity: 0.5
}

.bold[b-wsbd6ex0bf] {
    font-weight: 500;
}

.disabled[b-wsbd6ex0bf] {
    opacity: 0.75;
    cursor: not-allowed !important;
}
/* _content/Sysinfocus.AspNetCore.Components/Lottie.razor.rz.scp.css */
.sbc-lottie[b-nhwoakmm5v] {
    position: relative;    
}
/* _content/Sysinfocus.AspNetCore.Components/Maps.razor.rz.scp.css */
.sbc-maps[b-upbcs2fybt] {
    position: relative;
}
/* _content/Sysinfocus.AspNetCore.Components/MarkdownPreview.razor.rz.scp.css */
.sbc-markdown-preview[b-42xkkjpmht] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

    .sbc-markdown-preview[b-42xkkjpmht]  ul,
    .sbc-markdown-preview[b-42xkkjpmht]  ol,
    .sbc-markdown-preview[b-42xkkjpmht]  li {
        margin: 0.5rem;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  pre {
        display: block;
        font-size: 0.9rem;
        background-color: var(--btn-secondary-bg);
        border-radius: 0.5rem;
        padding: 0.5rem;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  code {
        font-size: 0.9rem;
        color: var(--btn-primary-bg);
        background-color: var(--btn-secondary-bg);
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        display: inline-block;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  a {
        color: var(--btn-primary-bg) !important;
    }

        .sbc-markdown-preview[b-42xkkjpmht]  a:hover {
            text-decoration: underline;
        }

    .sbc-markdown-preview[b-42xkkjpmht]  * {
        line-height: normal;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  hr {
        border-color: var(--btn-secondary-bg);
    }


    .sbc-markdown-preview[b-42xkkjpmht]  blockquote {
        border-left: 6px solid var(--primary-border);
        margin-left: 0;
        padding: 1rem;
        padding-left: 1.5rem;
    }


    .sbc-markdown-preview[b-42xkkjpmht]  table {
        width: 100%;
        margin-bottom: 1rem;
        border-collapse: collapse;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  thead {
        background-color: var(--btn-secondary-bg);
    }

    .sbc-markdown-preview[b-42xkkjpmht]  th,
    .sbc-markdown-preview[b-42xkkjpmht]  td {
        border: 1px solid var(--primary-border);
        padding: 0.5rem;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  img {
        max-width: 100%;
    }

    .sbc-markdown-preview[b-42xkkjpmht]  h1,
    .sbc-markdown-preview[b-42xkkjpmht]  h2,
    .sbc-markdown-preview[b-42xkkjpmht]  h3,
    .sbc-markdown-preview[b-42xkkjpmht]  h4,
    .sbc-markdown-preview[b-42xkkjpmht]  h5,
    .sbc-markdown-preview[b-42xkkjpmht]  h6 {
        margin-top: 1rem;
        font-weight: normal;
    }
/* _content/Sysinfocus.AspNetCore.Components/Menubar.razor.rz.scp.css */
.sbc-menubar[b-7nv3jrqc85] {
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    display: flex;
    gap: 4px;
    padding: 4px;
    width: fit-content;
}

[b-7nv3jrqc85] .sbc-menu-button {
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    background-color: transparent;
    color: var(--btn-secondary-fg);
    border-color: transparent;
    border-radius: 4px;
    padding: 4px 12px;
    transition: 150ms ease-out;
}

[b-7nv3jrqc85] .sbc-menubar-item:focus-within button.sbc-menu-button,
[b-7nv3jrqc85] button.sbc-menu-button:hover {
    background-color: var(--btn-secondary-bg);
    color: var(--btn-secondary-fg);
    outline: transparent;
}

[b-7nv3jrqc85] .sbc-menubar-item > .sbc-menu-group {
    margin-top: 8px;
    display: none !important
}

/*::deep .sbc-menubar-item:focus-within > .sbc-menu-group,
::deep .sbc-menubar-item button:hover > .sbc-menu-group {
    display: flex !important
}*/
[b-7nv3jrqc85] .sbc-menubar-item:focus-within > .sbc-menu-group,
[b-7nv3jrqc85] .sbc-menubar-item button:hover > .sbc-menu-group
{
    display: flex !important
}

/*.light .sbc-menubar {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}*/
/* _content/Sysinfocus.AspNetCore.Components/MenuGroup.razor.rz.scp.css */
.sbc-menu-group[b-y1yvki29h8] {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: var(--primary-bg);
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    padding: 4px;
    min-width: 200px;
    width: 100%;
    z-index: 50;
}

.light .sbc-menu-group[b-y1yvki29h8] {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}
/* _content/Sysinfocus.AspNetCore.Components/MenuItem.razor.rz.scp.css */
.sbc-menu_separator[b-zvobfdt8qz] {
    display: flex;    
    align-items: center;
    width: calc(100% + 8px);
    height: 1px;
    margin: 0 -4px;
    border-bottom: 1px solid var(--primary-border);
    pointer-events: none;
}

.sbc-menuitem[b-zvobfdt8qz] {
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--btn-secondary-fg);
    outline: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    width: 100%;
    transition: background-color 150ms ease-out;
}

    .sbc-menuitem:disabled[b-zvobfdt8qz] {
        opacity: 0.5;
    }

    .sbc-menuitem:not(:disabled, .menu_header):hover[b-zvobfdt8qz],
    .sbc-menuitem:not(:disabled, .menu_header):focus[b-zvobfdt8qz] {
        background-color: var(--btn-secondary-bg);
        border: 1px solid var(--btn-secondary-bg);
        color: var(--btn-secondary-fg);
        cursor: pointer;
    }

.menu_header[b-zvobfdt8qz] {
    font-weight: 700 !important;
    pointer-events: none;
}

.menu_text[b-zvobfdt8qz] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu_text_icon[b-zvobfdt8qz] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.menu_can_check[b-zvobfdt8qz] {
    display: flex;
    gap: 4px;
    align-items: center;    
}

.menu_check[b-zvobfdt8qz] {
    transform: scale(0.7);
    width: 24px;
    align-self: center;    
}

.menu_can_check[b-zvobfdt8qz]  .menu_check {
    stroke: var(--primary-bg) !important;
}
.menu_check[b-zvobfdt8qz]  svg {
    stroke: var(--primary-fg) !important;
}

.menu_radio[b-zvobfdt8qz] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 9px;
    background-color: var(--primary-fg);
}

.menu_icon[b-zvobfdt8qz] {
    align-self: center;
}

.menu_shortcut[b-zvobfdt8qz] {
    font-size: 12px;
    opacity: 0.5;
}
/* _content/Sysinfocus.AspNetCore.Components/NavigationMenu.razor.rz.scp.css */
.sbc-navigation-menu[b-bkh4qmzm97] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    position: relative;
    background-color: var(--primary-bg);
}

[b-bkh4qmzm97] .sbc-navigation-menu-item button {
    padding: 0.5rem 1rem;    
    border: none;
    max-height: 2.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 0.5rem !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    color: var(--btn-secondary-fg);
    gap: 0.5rem;
    transition: background-color 200ms ease-in-out;
    outline: transparent;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    [b-bkh4qmzm97] .sbc-navigation-menu-item button span {
        font-size: 1.15rem;
        width: 0.75rem;
        opacity: 0.5;
    }

[b-bkh4qmzm97] .sbc-navigation-menu-item-details {
    position: absolute;
    background-color: var(--primary-bg);
    left: 0;
    margin-top: 0.5rem;
    border: 1px solid var(--primary-border);
    padding: 1rem;
    border-radius: 0.5rem;
    opacity: 0;
    display: none;
    overflow: hidden;
}

    [b-bkh4qmzm97] .sbc-navigation-menu-item-details a {
        text-decoration: none;
        padding: 1rem;
        border-radius: 0.5rem;
        outline: transparent;
    }
        [b-bkh4qmzm97] .sbc-navigation-menu-item-details a:hover,
        [b-bkh4qmzm97] .sbc-navigation-menu-item-details a:focus {
            background-color: var(--btn-secondary-bg);
        }

[b-bkh4qmzm97] .sbc-navigation-menu-item:focus-within,
[b-bkh4qmzm97] .sbc-navigation-menu-item button:hover {
    background-color: var(--btn-secondary-bg);
    border-radius: 0.5rem;
    cursor: pointer;
}

    [b-bkh4qmzm97] .sbc-navigation-menu-item:focus-within > .sbc-navigation-menu-item-details,
    [b-bkh4qmzm97] .sbc-navigation-menu-item button:hover + .sbc-navigation-menu-item-details {
        opacity: 1;
        display: block;
    }


.light[b-bkh4qmzm97]  .sbc-navigation-menu-item-details {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}

[b-bkh4qmzm97] .slideLeft {
    animation: slideLeft-b-bkh4qmzm97 150ms ease-out forwards
}
@keyframes slideLeft-b-bkh4qmzm97 {
    from { transform: translateX(7rem) }
    to { transform: translateX(0) }
}
[b-bkh4qmzm97] .slideRight {
    animation: slideRight-b-bkh4qmzm97 150ms ease-out forwards
}
@keyframes slideRight-b-bkh4qmzm97 {
    from { transform: translateX(-7rem) }
    to { transform: translateX(0) }
}
/* _content/Sysinfocus.AspNetCore.Components/Pagination.razor.rz.scp.css */
.sbc-pagination[b-eeewzadjmu]
 {
    display: flex;
    gap: 4px;
    align-items: center;
}
.sbc-pagination[b-eeewzadjmu]  button {
    padding: 8px 12px;
    min-width: 36px;
    text-align: center;
}
    .sbc-pagination[b-eeewzadjmu]  button.small {
        padding: 8px;
        min-width: 28px;
        text-align: center;
    }
/* _content/Sysinfocus.AspNetCore.Components/Pills.razor.rz.scp.css */
.sbc-pills[b-cu0iqw1eq4] {
    --active-pill-color: #dcdcdc;
    --border-pill-color: #dcdcdc;
    --hover-pill-color: #dcdcdc66;
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
    flex-wrap: nowrap;
    overflow-y: hidden;
    scrollbar-width: none;
    user-select: none;
}

.dark .sbc-pills[b-cu0iqw1eq4] {
    --active-pill-color: #3c3c3c;
    --border-pill-color: #3c3c3c;
    --hover-pill-color: #3c3c3c66;
}

.sbc-pills button[b-cu0iqw1eq4] {
    all: unset;
    font-family: inherit;
    font-size: 0.9rem;
    cursor: pointer;
    background: none;
    border: 1px solid var(--border-pill-color);
    border-radius: 9999px;    
    padding: 0.3rem 1rem;
    transition: background 150ms ease-in-out;
    white-space: nowrap;
}

    .sbc-pills button:hover[b-cu0iqw1eq4],
    .sbc-pills button:focus[b-cu0iqw1eq4] {
        background: var(--hover-pill-color);
        transition: background 150ms ease-in-out;
    }

    .sbc-pills button.active[b-cu0iqw1eq4] {
        background: var(--active-pill-color);
        transition: background 150ms ease-in-out;
    }

    .sbc-pills button:disabled[b-cu0iqw1eq4] {
        cursor: default;
        pointer-events: none;
        opacity: 0.5;
    }
/* _content/Sysinfocus.AspNetCore.Components/Popover.razor.rz.scp.css */
.sbc-popover[b-6a62xt4hpz] {
    --from: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:5000;
}
/* _content/Sysinfocus.AspNetCore.Components/Presenter.razor.rz.scp.css */
.sbc-presenter[b-hiqpouwpka] {
    --object-fit: contain;
    display: flex;
    flex-direction: column;
    gap: 0;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
}

    .sbc-presenter.fullscreen[b-hiqpouwpka] {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 9999;
    }

.sbc-presenter-items[b-hiqpouwpka] {
    display: flex;
    position: relative;
    flex-direction: row;
    width: 100%;
    height: 100%;
    gap: 1rem;
    overflow: hidden;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory proximity;
    scroll-snap-stop: always;
}

[b-hiqpouwpka] .sbc-presenter-item {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    scroll-snap-align: center;
    position: relative;
}

[b-hiqpouwpka] .sbc-presenter-item img {
    object-fit: var(--object-fit);
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 0;
}

.sbc-presenter-controls[b-hiqpouwpka] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 48px;
    background-color: #f6f6f6;
}

.dark .sbc-presenter-controls[b-hiqpouwpka] {
    background-color: #161616;
}

.sbc-presenter-controls-item[b-hiqpouwpka] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
}

    .sbc-presenter-controls-item span[b-hiqpouwpka] {
        display: block;
        cursor: pointer;
        background-color: var(--primary-fg);
        opacity: 0.25;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 0.5rem;
        transition: opacity 100ms ease-in-out;
    }

        .sbc-presenter-controls-item span.active[b-hiqpouwpka] {
            opacity: 1;
            transition: opacity 100ms ease-in-out;
        }

.sbc-presenter-controls-play[b-hiqpouwpka] {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
/* _content/Sysinfocus.AspNetCore.Components/Progress.razor.rz.scp.css */
.sbc-percent-container[b-4ch6subpbl] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}
.sbc-progress[b-4ch6subpbl] {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.sbc-progress-completed[b-4ch6subpbl] {
    position: absolute;
    left: 0;
    top: 0;    
    height: 100%;    
}
/* _content/Sysinfocus.AspNetCore.Components/RadioGroup.razor.rz.scp.css */
.sbc-radiogroup[b-r113yzy3kq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
}

[b-r113yzy3kq] .sbc-radio-item {
    position: relative;
    font-size: inherit;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

[b-r113yzy3kq] .sbc-radio-item:focus-within {
    outline: 1px dotted var(--primary-border);
}

    [b-r113yzy3kq] .sbc-radio-item input {
        appearance: none;
        background-color: var(--primary-bg);
        border: 1px solid var(--primary-fg);
        width: 16px;
        height: 16px;
        border-radius: 50%;
        outline: 1px solid var(--primary-fg) inset;
    }

[b-r113yzy3kq] .sbc-radio-item input {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}

[b-r113yzy3kq] .sbc-radio-check-mark {
    position: absolute;
    margin-left: 1px;
    margin-top: 2px;
    visibility: hidden;
}

[b-r113yzy3kq] .sbc-radio-item input:checked ~ .sbc-radio-check-mark {
    visibility: visible
}
/* _content/Sysinfocus.AspNetCore.Components/Resizable.razor.rz.scp.css */
.sbc-resizable[b-mlngf8w2y0] {
    max-height: 100%;
    max-width: 100%;
    background: var(--primary-bg);    
    display: flex;
    flex-direction: row;
    user-select: none;
    overflow: hidden;
}
    .sbc-resizable.res-border[b-mlngf8w2y0] {
        border: 1px solid var(--primary-border);
        border-radius: 0.5rem !important;
    }
    .sbc-resizable.no-res-border[b-mlngf8w2y0] {
        border: none;
    }

.sbc-resizable.vertical[b-mlngf8w2y0] {
    flex-direction: column;
}

    .sbc-resizable .pane[b-mlngf8w2y0] {
        min-width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sbc-resizable .vPane[b-mlngf8w2y0] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: fit-content;
    }

/*    .sbc-resizable .left {
        min-width: fit-content !important;
    }
*/
    .sbc-resizable .top[b-mlngf8w2y0] {
        min-height: fit-content !important;
    }

    .sbc-resizable .right[b-mlngf8w2y0],
    .sbc-resizable .bottom[b-mlngf8w2y0] {
        position: relative;
        text-align: center;
        min-height: fit-content !important;
        flex: 1;
    }

    .sbc-resizable .hGutter[b-mlngf8w2y0] {
        width: 2px;
        height: 100%;
        background: var(--btn-secondary-bg);
        position: absolute;
        top: 0;
        left: 0;
        cursor: col-resize;
    }

    .sbc-resizable .vGutter[b-mlngf8w2y0] {
        height: 2px;
        width: 100%;
        background: var(--btn-secondary-bg);
        position: absolute;
        top: 0;
        left: 0;
        cursor: row-resize;
    }

        .sbc-resizable .hGutter:hover[b-mlngf8w2y0] {
            width: 5px;
            background: var(--primary-border);
        }
    .sbc-resizable .vGutter:hover[b-mlngf8w2y0] {
        height: 5px;
        background: var(--primary-border);
    }
/* _content/Sysinfocus.AspNetCore.Components/SafeAreaView.razor.rz.scp.css */
.sbc-safe-area-view[b-xij4mbvt31] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    margin: 0;
    padding: 0;
    padding-top: calc(1rem + env(safe-area-inset-top));
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    padding-left: calc(1rem + env(safe-area-inset-left));
    padding-right: calc(1rem + env(safe-area-inset-right));
    overflow: auto;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
/* _content/Sysinfocus.AspNetCore.Components/Scheduler.razor.rz.scp.css */
.sbc-scheduler[b-i4xv79ku48] {
    position: relative;
    user-select: none;
    border: 1px solid var(--primary-border);
    border-radius: 0.5rem;
    overflow: auto;
}

.sbc-scheduler[b-i4xv79ku48]  table {
    width: 100%;
    height: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: none;
    border-radius: 0.5rem
}

.sbc-scheduler[b-i4xv79ku48]  thead {
    font-size: 0.8rem;
    position: sticky;
    top: 0;
    background-color: var(--btn-secondary-bg);
    z-index: 1;
}

    .sbc-scheduler[b-i4xv79ku48]  th {
        z-index: 100 !important;
        position: sticky;
        top: 0;
        font-weight: normal !important;
        border-bottom: 1px solid var(--primary-border);
        border-right: 1px solid var(--primary-border);
        padding: 1rem
    }

    .sbc-scheduler[b-i4xv79ku48]  td {
        z-index: 0;
        border-bottom: 1px solid var(--primary-border);
        border-right: 1px solid var(--primary-border);
        padding: 1rem;
        vertical-align: top;
        transition: 300ms ease-in-out
    }

    .sbc-scheduler[b-i4xv79ku48]  thead th {
        border-top: none;
    }

[b-i4xv79ku48] .time {
    font-size: 0.8rem;
    opacity: 0.75;
    width: fit-content;
}

.sbc-scheduler td:hover[b-i4xv79ku48],
.sbc-scheduler td:focus-visible[b-i4xv79ku48] {
    background-color: var(--toggle-bg);
    filter: opacity(0.5);
    outline: transparent;
}

[b-i4xv79ku48] tr.currentTime td:is(:empty) {
    background-color: var(--btn-primary-bg);
    filter: opacity(0.15);
}

[b-i4xv79ku48] td.mark,
[b-i4xv79ku48] tr.currentTime td.mark {
    background-color: var(--btn-primary-bg) !important;
    filter: opacity(0.25) !important;
    outline: transparent;
}

[b-i4xv79ku48] .today {
    color: var(--btn-primary-bg) !important;
}
/* _content/Sysinfocus.AspNetCore.Components/ScrollArea.razor.rz.scp.css */
.sbc-scroll-area-vertical[b-epyu621z5b] {
    display: flex;
    gap: 6px;
    flex-direction: column;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}
.sbc-scroll-area-horizontal[b-epyu621z5b] {
    display: flex;
    gap: 6px;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}
/* _content/Sysinfocus.AspNetCore.Components/Select.razor.rz.scp.css */
.sbc-select[b-oioz0f36uz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .sbc-select label[b-oioz0f36uz] {
        font-size: 13px;
        font-weight: 500;
    }

hr[b-oioz0f36uz] {
    height: 1px;
    border-bottom: 1px solid var(--primary-border);
    opacity: 0.15;
}

.sbc-select span.info[b-oioz0f36uz] {
    font-size: 12px;
    opacity: 0.5;
}

.sbc-select button[b-oioz0f36uz] {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: var(--primary-bg);
    color: var(--primary-fg);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    min-height: 36px;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    padding: 8px 16px;
    padding-right: 10px;
    outline: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 150ms ease-in-out;
}

    .sbc-select button span[b-oioz0f36uz] {
        max-width: calc(100% - 1.5rem);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .sbc-select button:disabled[b-oioz0f36uz] {
        opacity: 0.5;
        cursor: default;
    }

    .sbc-select button:not(:disabled):hover[b-oioz0f36uz],
    .sbc-select button:not(:disabled):focus[b-oioz0f36uz] {
        background-color: var(--btn-secondary-bg);
        color: var(--btn-secondary-fg);
        cursor: pointer;
    }

    .sbc-select button[b-oioz0f36uz]  svg {
        stroke: var(--primary-fg);
        opacity: 0.5;
        width: 16px;
        height: 16px;
    }

.sbc-ac-list[b-oioz0f36uz] {
    user-select: none;
    position: fixed;
    z-index: 50;
    max-height: 220px;
    background-color: var(--primary-bg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-border);
    border-radius: 6px;
    padding: 4px;
    visibility: collapse;
}

.search-box[b-oioz0f36uz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid var(--primary-border);
    padding: 0 8px;
    margin-bottom: 4px;
}

    .search-box[b-oioz0f36uz]  svg {
        min-width: 16px;
        max-width: 16px;
        stroke: var(--primary-fg);
        opacity: 0.5;
    }

    .search-box input[b-oioz0f36uz] {
        font-family: inherit;
        background-color: transparent;
        font-size: 14px;
        width: 100%;
        min-height: 40px;
        margin-bottom: 2px;
        border: none;
        padding: 8px;
        outline: transparent;
    }

.list-items[b-oioz0f36uz] {
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

.list-items b[b-oioz0f36uz] {
    font-size: 14px;
    padding: 8px 16px;
}

    .list-items[b-oioz0f36uz]::-webkit-scrollbar {
        width: 0px;
        background-color: transparent;
    }

.sbc-ac-list .item[b-oioz0f36uz] {
    flex: 1;
    cursor: default;
    padding: 8px 16px;
    min-height: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

    .sbc-ac-list .item span[b-oioz0f36uz] {
        width: 16px;
    }

    .sbc-ac-list .item[b-oioz0f36uz]  svg {
        position: absolute;
        right: 8px;
        width: 16px !important;
        height: 16px !important;
        stroke: var(--primary-fg);
    }

    .sbc-ac-list .item.selected[b-oioz0f36uz],
    .sbc-ac-list .item:hover[b-oioz0f36uz] {
        background-color: var(--btn-secondary-bg);
        border-radius: 4px;
    }

.sbc-ac-list.show[b-oioz0f36uz] {
    visibility: visible;
    animation: show-b-oioz0f36uz 100ms linear both;
}


/*.light .sbc-select button {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}*/

/*.light .sbc-ac-list {
    box-shadow: 1px 1px 2px 0 var(--btn-secondary-bg);
}*/

@keyframes show-b-oioz0f36uz {
    from {
        opacity: 0;
        transform: scaleY(0) scaleX(0.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/Sysinfocus.AspNetCore.Components/Separator.razor.rz.scp.css */
.sbc-separator-horizontal[b-a729lixv8b] {
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--primary-border);
}
    .sbc-separator-vertical[b-a729lixv8b] {        
        width: 1px !important;
        height: 100%;
        border-left: 1px solid var(--primary-border);
    }
/* _content/Sysinfocus.AspNetCore.Components/Sheet.razor.rz.scp.css */
.sbc-sheet[b-aheysmy87t] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;    
    z-index: 2000;
}

.sbc-sheet-overlay[b-aheysmy87t] {
    position: fixed;
    background-color: var(--overlay-bg);
    filter: opacity(0.85);
    width: 100vw;
    height: 100vh;
}

.sbc-sheet-content[b-aheysmy87t] {
    position: fixed;
    top: 0;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--primary-bg);
    border-left: 1px solid var(--primary-border);
    border-right: 1px solid var(--primary-border);
    z-index: 1;
    opacity: 0;
}

.sbc-sheet-container[b-aheysmy87t] {
    position: fixed;
    top: 0;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--primary-bg);
    border-left: 1px solid var(--primary-border);
    border-right: 1px solid var(--primary-border);
    z-index: 0;
}

.show[b-aheysmy87t] {
    --from: 100%;
    animation: show-b-aheysmy87t 300ms ease-out forwards;
}
.hide[b-aheysmy87t] {
    animation: hide-b-aheysmy87t 300ms ease-out forwards;
}
.xshow[b-aheysmy87t] {
    animation: xshow-b-aheysmy87t 1ms ease-out 300ms forwards;    
}
.xhide[b-aheysmy87t] {    
    animation: xhide-b-aheysmy87t 1ms ease-out 300ms forwards;    
}

@keyframes xshow-b-aheysmy87t
{    
    from { opacity: 0 }
    to { opacity: 1 }
}
@keyframes xhide-b-aheysmy87t 
{    
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes show-b-aheysmy87t 
{    
    from { opacity: 0; transform: translateX(var(--from)); }
    to { opacity: 1; transform: translateX(0) }
}
@keyframes hide-b-aheysmy87t
{    
    from { opacity: 1; transform: translateX(0) }
    to { opacity: 0; transform: translateX(var(--from)) }
}

[b-aheysmy87t] .show-close {
    position: absolute;    
    top: 1rem;    
    right: 1rem;
    padding: 8px;
}
/* _content/Sysinfocus.AspNetCore.Components/Sidebar.razor.rz.scp.css */
.sbc-sidebar[b-jhg9rin684] {
    --sidebar-width: 0;
    --hover-background: var(--btn-secondary-bg);
    --hover-foreground: var(--btn-secondary-fg);
    --background-light: #f9f9f9;
    --background-dark: #090909;
    --foreground-light: var(--primary-bg);
    --foreground-dark: var(--primary-bg);
    position: relative;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    overflow: hidden;
    max-width: var(--sidebar-width);
    width: 100%;
    border-right: 1px solid var(--primary-border);
    opacity: 0;
    visibility: hidden;
    background-color: var(--background-light);
    color: var(--foreground-light);
}

.dark .sbc-sidebar[b-jhg9rin684] {
    background-color: var(--background-dark);
    color: var(--foreground-dark);
}

.sbc-sidebar-header[b-jhg9rin684],
.sbc-sidebar-footer[b-jhg9rin684] {
    display: flex;
    flex-direction: column;
    max-height: fit-content;
    gap: 0;
}

.sbc-sidebar-menuitems[b-jhg9rin684] {
    overflow: auto;
    padding: 0.75rem;
    flex: 1;
    max-width: 275px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .sbc-sidebar-menuitems .section[b-jhg9rin684] {
        margin-left: 0.5rem;
        margin-top: 2rem;
        margin-bottom: 0.5rem;
        opacity: 0.5
    }
    .sbc-sidebar-menuitems .section:first-child[b-jhg9rin684] {
        margin-top: 0.5rem;
    }

    .sbc-sidebar-menuitems .simple-header[b-jhg9rin684] {
        margin-left: 1rem;
        margin-top: 2rem;
        margin-bottom: 0.5rem;
        font-weight: bold;
        font-size: 1rem;
    }

        .sbc-sidebar-menuitems .simple-header:first-child[b-jhg9rin684] {
            margin-top: 0.5rem;
        }

.simple-sidebar-items[b-jhg9rin684] {
    overflow: auto;
    max-height: 275px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    inset: 0;
    scrollbar-width: none!important;
    scrollbar-color: none!important;
}
    .simple-sidebar-items:hover[b-jhg9rin684] {
        scrollbar-width: inherit !important;
        scrollbar-color: inherit !important;
    }    

    .sbc-sidebar-menuitems .line[b-jhg9rin684] {
        --margin-left: 0;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        width: 100%;
        position: relative
    }

        .sbc-sidebar-menuitems .line[b-jhg9rin684]::after {
            position: absolute;
            content: '';
            height: calc(100% + 0.25rem);
            top: 0;
            border-left: 1px solid var(--primary-border);
            opacity: 0.5;
            margin-left: var(--margin-left);
            z-index: -1;
        }

.sbc-sidebar-menuitems-content[b-jhg9rin684] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
    gap: 1rem;
    align-items: center;    
}
.sbc-sidebar-menuitems-button[b-jhg9rin684] {
    display: flex;
    flex-direction: row;
    font-weight: normal;
    flex: 1;
    gap: 14px;
}

.sbc-sidebar-menuitems .line::after .none[b-jhg9rin684] {
    border: none !important;
}

[b-jhg9rin684] button:disabled {
    opacity: 0.25 !important;
}


.showSideBar[b-jhg9rin684] {
    animation: showwidth-b-jhg9rin684 200ms ease-in forwards;
    overflow: hidden;
}

.hideSideBar[b-jhg9rin684] {
    animation: hidewidth-b-jhg9rin684 200ms ease-out forwards;
    overflow: hidden;
}

.sbc-sidebar-menuitems[b-jhg9rin684]  button:hover,
.sbc-sidebar-menuitems[b-jhg9rin684]  button.active {
    background-color: var(--hover-background) !important;
    color: var(--hover-foreground) !important;
}
    .sbc-sidebar-menuitems[b-jhg9rin684]  button:hover span,
    .sbc-sidebar-menuitems[b-jhg9rin684]  button.active span {
        color: var(--hover-foreground) !important;
    }

@keyframes showwidth-b-jhg9rin684 {
    from {
        min-width: 0;
        max-width: 0;
        visibility: hidden;
        opacity: 0
    }

    to {
        min-width: var(--sidebar-width);
        max-width: var(--sidebar-width);
        visibility: visible;
        opacity: 1;
        overflow: auto;
        border-right: 1px solid var(--primary-border)
    }
}

@keyframes hidewidth-b-jhg9rin684 {
    from {
        min-width: var(--sidebar-width);
        max-width: var(--sidebar-width);
        visibility: visible;
        overflow: hidden;
        opacity: 1
    }

    to {
        min-width: 0;
        max-width: 0;
        visibility: hidden;
        border-right: 0px;
        opacity: 0
    }
}
/* _content/Sysinfocus.AspNetCore.Components/Signature.razor.rz.scp.css */
.sbc-signature-pad[b-p0e6o0899p] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    position: relative;
}

    .sbc-signature-pad label[b-p0e6o0899p] {
        color: var(--label-color);
        font-size: 12px;
        width: 100%;
    }

    .sbc-signature-pad .controls[b-p0e6o0899p] {
        position: relative;
        text-align: right;
        display: flex;
        gap: 8px;
    }

.controls svg[b-p0e6o0899p] {
    cursor: pointer;
    opacity: 0.5;
    transition: 300ms ease-in-out;
    fill: var(--input-color);
}

    .controls svg:hover[b-p0e6o0899p] {
        opacity: 1
    }

.signature-pad[b-p0e6o0899p] {
    cursor: default;
    border: 1px solid var(--input-border);
    border-bottom: 2px solid var(--input-border);
    border-radius: 4px;
}

.sbc-signature-pad-controls[b-p0e6o0899p] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    justify-content: center;
}

    .signature-pad:focus[b-p0e6o0899p] {
        outline: 1px solid var(--input-color);
    }

span.error[b-p0e6o0899p] {
    width: 100%;
    font-size: 11px;
    color: var(--error);
}

span.message[b-p0e6o0899p] {
    width: 100%;
    font-size: 11px;
    color: var(--message);
}

@media (pointer: coarse) {
    body[b-p0e6o0899p] {
        overflow: hidden;
    }
}
/* _content/Sysinfocus.AspNetCore.Components/Skeleton.razor.rz.scp.css */
.sbc-skeleton[b-rdllu0a49g] {
    position: relative;
    display: block;
    background-color: var(--primary-border);
    width: 100%;
    height: 100%;
    border: none;
    animation: skeleton-b-rdllu0a49g 1s ease-in-out infinite alternate-reverse;
    pointer-events: none;
}

@keyframes skeleton-b-rdllu0a49g
{
    from { opacity: 0.4 }
    to { opacity: 0.8 }
}
/* _content/Sysinfocus.AspNetCore.Components/Slider.razor.rz.scp.css */
.sbc-slider[b-31m14i83ff] {
    --accent-color: var(--btn-primary-bg);
    --width: 0%;
    position: relative;
}

    .sbc-slider input[b-31m14i83ff] {
        position: absolute;
        top: 0;
        left: 0;
        height: 8px;
        width: 100%;
        background-color: var(--primary-border);
        border-radius: 8px;
        outline: transparent;
        appearance: none;
        outline: transparent;
    }

        .sbc-slider input[b-31m14i83ff]::-webkit-slider-thumb {
            appearance: none;
            margin-top: -4px;
            background-color: var(--accent-color);
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 1px solid transparent;
            z-index: 9999;
            transition: 200ms ease-in-out;
        }

        .sbc-slider input[b-31m14i83ff]::-moz-range-thumb {
            appearance: none;
            margin-top: -4px;
            background-color: var(--accent-color);
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 1px solid transparent;
            z-index: 9999;
            transition: 200ms ease-in-out;
        }

        .sbc-slider input:not(:disabled):hover[b-31m14i83ff]::-webkit-slider-thumb,
        .sbc-slider input:not(:disabled):focus[b-31m14i83ff]::-webkit-slider-thumb {
            box-shadow: 0 0 12px 0 var(--accent-color);
            border-color: var(--accent-color);
            background-color: var(--accent-color) !important;
            cursor: pointer;
        }

        .sbc-slider input:not(:disabled):hover[b-31m14i83ff]::-moz-range-thumb,
        .sbc-slider input:not(:disabled):focus[b-31m14i83ff]::-moz-range-thumb {
            box-shadow: 0 0 12px 0 var(--accent-color);
            border-color: var(--accent-color);
            background-color: var(--accent-color) !important;
            cursor: pointer;
        }

        .sbc-slider input[b-31m14i83ff]::-webkit-slider-runnable-track {
            height: 8px;
            cursor: pointer;
        }

        .sbc-slider input[b-31m14i83ff]::-moz-range-track {
            height: 8px;
            cursor: pointer;
        }

.sbc-slider-complete[b-31m14i83ff] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--width);
    max-width: 100%;
    z-index: 0;
    background-color: var(--accent-color);
    height: 8px;
    border-radius: 8px;
    pointer-events: none;
}
/* _content/Sysinfocus.AspNetCore.Components/Sonner.razor.rz.scp.css */
.sbc-sonner[b-1muo9l3izn]
{
    background-color: var(--primary-bg);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 1rem;
    border-radius: 6px;
    border: 1px solid var(--primary-border);
    align-items: center;
    position: fixed;
    visibility: hidden;
    right: 2rem;
    bottom: 2rem;
    z-index: 9999;
}

.sbc-sonner-content[b-1muo9l3izn]{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sbc-sonner-content b[b-1muo9l3izn] {
    font-weight: 500;
    font-size: 14px;
}
.sbc-sonner-content p[b-1muo9l3izn] {
    font-weight: normal;
    opacity: 0.5;
    font-size: 13px;
}

.light .sbc-sonner[b-1muo9l3izn] {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}

.show[b-1muo9l3izn] {
    visibility: visible;
    animation: show-b-1muo9l3izn 200ms ease-in-out forwards;
}

@keyframes show-b-1muo9l3izn {
    from { opacity: 0; transform: translateY(100%) }
    to { opacity: 1; transform: translateY(0) }
}

.hide[b-1muo9l3izn] {
    visibility: visible;
    animation: hide-b-1muo9l3izn 200ms ease-in-out forwards;
}

@keyframes hide-b-1muo9l3izn {
    from { opacity: 1; transform: translateY(0) }
    to { opacity: 0; transform: translateY(100%) }
}
/* _content/Sysinfocus.AspNetCore.Components/Sortable.razor.rz.scp.css */
.sbc-sortable[b-a1phddmn3a] {
    user-select: none;
    border: 1px solid var(--primary-border);
    padding: 0.25rem;    
}
/* _content/Sysinfocus.AspNetCore.Components/Switch.razor.rz.scp.css */
.sbc-toggle[b-3wz4cvsirk] {
    display: flex;
    gap: 1rem;
    align-items: center;
    background-color: transparent;
}

.sbc-toggle .disabled[b-3wz4cvsirk] {
    opacity: 0.5;
    pointer-events: none;
}

.sbc-toggle .label[b-3wz4cvsirk] {
    font-weight: 500;
    font-size: 14px;
}

.sbc-toggle input[b-3wz4cvsirk] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-wrapper[b-3wz4cvsirk] {
    display: flex;
    align-items: center;
    width: 36px;
    height: 20px;
    background-color: var(--toggle-bg);
    border-radius: 9999px;
    position: relative;
    gap: 0 !important;
}

.toggle-circle[b-3wz4cvsirk] {
    position: absolute;
    background-color: var(--toggle-fg);
    width: 16px;
    height: 16px;
    transform: translateX(2px);
    border: none;
    border-radius: 50%;
}

.checked[b-3wz4cvsirk] {
    background-color: var(--btn-primary-bg);    
    transition: 300ms transform ease-in-out;
}

.checked>.toggle-circle[b-3wz4cvsirk] {
    animation: move-b-3wz4cvsirk 100ms ease-in-out forwards;
}

.toggle-wrapper:hover[b-3wz4cvsirk] {
    cursor: pointer;
}

.light .toggle-wrapper[b-3wz4cvsirk] {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}
@keyframes move-b-3wz4cvsirk {
    from { transform: translateX(0) }
    to { transform: translateX(calc(100% + 2px)) }
}
/* _content/Sysinfocus.AspNetCore.Components/Table.razor.rz.scp.css */
.sbc-table[b-j45b6ih47o] {
    width: 100%;
    overflow: auto;
    font-size: 14px;
}
.sbc-table-table[b-j45b6ih47o] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    height: 100%;    
}
[b-j45b6ih47o] th, [b-j45b6ih47o] td {
    padding: 10px;    
    border-bottom: 1px solid var(--primary-border);
}
[b-j45b6ih47o] td {
    font-weight: normal;
}
.nowrap[b-j45b6ih47o] {
    white-space: nowrap;
}

tbody.lastBorder[b-j45b6ih47o]  tr:last-child td { 
    border-bottom: none;
}
[b-j45b6ih47o] th {
    width: fit-content;
    padding: 10px;
    cursor: default;
    border-bottom: 1px solid var(--primary-border);
}
[b-j45b6ih47o] thead {
    font-weight: 700;
    text-align: left;
    background-color: var(--table-header);
}
[b-j45b6ih47o] td {
    font-size: 14.5px;
}
[b-j45b6ih47o] .left {
    text-align: left;
}
[b-j45b6ih47o] .center {
    text-align: center;
}
[b-j45b6ih47o] .right {
    text-align: right;
}
[b-j45b6ih47o] .justify {
    text-align: justify;
}
.sticky-header[b-j45b6ih47o] {
    position: sticky;
    z-index: 3;
    top: 0;
}
.sticky-footer[b-j45b6ih47o] {
    position: sticky;
    z-index: 3;
    bottom: 0;
}
[b-j45b6ih47o] tfoot th {
    text-align: left;
    font-weight: 700;
    background-color: var(--table-footer);
    border: none;
}
.verticalBorder[b-j45b6ih47o]  td,
.verticalBorder[b-j45b6ih47o]  th {
    border-inline: 1px solid var(--primary-border) !important;
}
[b-j45b6ih47o] .freeze {
    position: sticky;
    background-color: var(--table-header) !important;
    border: 1px solid var(--primary-border);
    left: 0;
}
[b-j45b6ih47o] tr:hover,
[b-j45b6ih47o] .sticky-header:hover tr,
[b-j45b6ih47o] .sticky-footer:hover tr {
    background-color: var(--table-row-bg);
}
/* _content/Sysinfocus.AspNetCore.Components/TabPages.razor.rz.scp.css */
.sbc-tabpages[b-k06v0pa5vx] {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
}

.sbc-tabpages-pages[b-k06v0pa5vx] {
    --active-tab: royalblue;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    position: relative;
    user-select: none;
}

    .sbc-tabpages-pages[b-k06v0pa5vx]::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        inset: 0;
        border-bottom: 1px solid var(--primary-border);
        z-index: -1;
    }

.sbc-tabpages-page[b-k06v0pa5vx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.sbc-tabpages-page p[b-k06v0pa5vx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.active p[b-k06v0pa5vx] {
    padding: 0.5rem 0;
    cursor: pointer;
    font-weight: bold;
    color: var(--active-tab);
}

.active[b-k06v0pa5vx]  span {
    color: var(--active-tab) !important;
}

.active[b-k06v0pa5vx] {
    padding: 0 1rem;
    border-bottom: 1px solid var(--active-tab);
}

.inactive[b-k06v0pa5vx] {
    padding: 0 1rem;
}

    .inactive p[b-k06v0pa5vx] {
        padding: 0.5rem 0;
        cursor: pointer;
    }

.sbc-tabpages-contents[b-k06v0pa5vx] {
    position: relative;
    width: 100%;
}
/* _content/Sysinfocus.AspNetCore.Components/Tabs.razor.rz.scp.css */
.sbc-tabs-container[b-de2pj2huiq] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    height: 100%;
}

.sbc-tabs[b-de2pj2huiq] {
    display: flex;    
    flex-direction: row;
    gap: 4px;
    background-color: var(--btn-secondary-bg);
    padding: 4px;
    border-radius: 6px;
    height: 36px;
    border: none;
    overflow: hidden;
}

.sbc-tabs button[b-de2pj2huiq] {
    font-family: inherit;    
    height: 28px;    
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    color: var(--primary-fg);
    border: none;
    border-radius: 6px;
    padding: 4px 16px;
    flex: 1;
    transition: 300ms ease-in-out;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sbc-tabs button.active[b-de2pj2huiq] {
    background-color: var(--primary-bg);
    color: var(--primary-fg);
}
.sbc-tabs button:not(:disabled):hover[b-de2pj2huiq] {
    cursor: pointer;
}
.light .sbc-tabs button.active[b-de2pj2huiq] {
    border: 1px solid var(--primary-border);
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}

.sbc-tabs-items[b-de2pj2huiq] {
    width: 100%;
}

.vertical-tabs[b-de2pj2huiq] {
    flex-direction: row;    
    flex: 1;
    height: 100%;    
}
.vertical-tabs > .sbc-tabs[b-de2pj2huiq] {
    height: fit-content;            
    flex-direction: column; 
    max-width: max-content;
    align-items: flex-start;
    padding: 0.25rem;        
}
    .vertical-tabs > .sbc-tabs button[b-de2pj2huiq] {
        width: 100%;
        text-align: left;
        padding-block: 0.5rem;
        padding-right: 2rem;
    }
/* _content/Sysinfocus.AspNetCore.Components/Textarea.razor.rz.scp.css */
.sbc-textarea[b-t4xl5q84mh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

    .sbc-textarea label[b-t4xl5q84mh] {
        font-size: 14px;
        font-weight: 500;
    }

    .sbc-textarea span[b-t4xl5q84mh] {
        font-size: 12px;
        opacity: 0.5;
    }

    .sbc-textarea textarea[b-t4xl5q84mh] {
        font-family: inherit;
        font-size: 14px;
        min-height: 36px;
        padding: 8px 16px;
        border-radius: 6px;
        border: 1px solid var(--primary-border);
        outline: transparent;
        transition: all 100ms ease;
        background-color: var(--primary-bg);
        color: var(--fg);
        width: 100%;
        height: inherit;
        resize: none;
    }

        .sbc-textarea textarea:focus[b-t4xl5q84mh] {
            border-color: var(--primary-fg);
        }

        .sbc-textarea textarea:disabled[b-t4xl5q84mh] {
            opacity: 0.5;
            cursor: not-allowed;
        }

/*.light .sbc-textarea textarea {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}*/
/* _content/Sysinfocus.AspNetCore.Components/Timeline.razor.rz.scp.css */
.sbc-timeline[b-cengaga7ys] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--primary-border);
    border-radius: 0.5rem;
    max-height: calc(100% - 2rem);
    padding-bottom: 1rem;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: auto;
}

.dark .sbc-timeline[b-cengaga7ys] {
    border: 1px solid var(--primary-border);
}

.sbc-timeline-events[b-cengaga7ys] {
    margin-left: 0.5rem;
    list-style: none;
    height: 100%;
    scroll-behavior: smooth;
    overflow: auto;
    padding: 1rem;
    padding-top: 0;
}

.sbc-timeline-header[b-cengaga7ys] {
    --timeline-header-bg: yellow;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    width: 100%;
    background-image: linear-gradient(0deg, var(--primary-bg), var(--timeline-header-bg));
    z-index: 1
}

    .sbc-timeline-header img[b-cengaga7ys] {
        display: block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        overflow: hidden;
        object-fit: cover;
    }

.sbc-timeline-events li[b-cengaga7ys] {
    display: grid;
    grid-template-columns: 50px 2rem 1fr;
    font-size: 0.9rem;
    position: relative
}

    .sbc-timeline-events li p[b-cengaga7ys] {
        display: flex;
        gap: 1rem
    }

    .sbc-timeline-events li[b-cengaga7ys]::before {
        position: absolute;
        top: 1.25rem;
        left: 1.5rem;
        width: 1px;
        height: 100%;
        content: '';
        border-left: 1px dashed #999;
    }

    .sbc-timeline-events li:last-child[b-cengaga7ys]::before {
        border-left: none !important
    }

    .sbc-timeline-events li[b-cengaga7ys]::after {
        position: absolute;
        top: 0.75rem;
        left: 3.25rem;
        width: 1.5rem;
        content: '';
        border-top: 1px dashed #999;
    }

    .sbc-timeline-events li:last-child[b-cengaga7ys]::after {
        border-top: 0px !important
    }

    .sbc-timeline-events li span[b-cengaga7ys] {
        opacity: 0.75;
        font-size: 0.8rem;
    }

    .sbc-timeline-events li small[b-cengaga7ys] {
        font-size: 0.8rem;
        opacity: 0.65
    }


.sbc-timeline-events .title[b-cengaga7ys] {
    font-size: 0.9rem;
    line-height: 1.25rem;
    font-weight: bold;
}

.sbc-timeline-events .details[b-cengaga7ys] {
    line-height: 1.25rem;
}
/* _content/Sysinfocus.AspNetCore.Components/TimePicker.razor.rz.scp.css */
.sbc-timepicker[b-93c41n6ujy] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
/* _content/Sysinfocus.AspNetCore.Components/Toast.razor.rz.scp.css */
.sbc-toast[b-zz5e4w4zxv] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    border: 1px solid var(--primary-border);
    background-color: var(--primary-bg);
    border-radius: 6px;    
    font-size: 14px;
    overflow: hidden;
    padding: 1rem;
    min-width: 360px;    
}
.light .sbc-toast[b-zz5e4w4zxv] {
    box-shadow: 1px 1px 8px 0 var(--primary-border);
}

.sbc-toast:hover[b-zz5e4w4zxv]  .toast-close {
    display: unset
}

[b-zz5e4w4zxv] .toast-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    padding: 1px;
    border-radius: 100%;
    margin: 0;
    max-width: 18px;
    max-height: 18px;
    display: none;
}

.show[b-zz5e4w4zxv] {
    animation: show-b-zz5e4w4zxv 300ms ease-in-out forwards;
}

@keyframes show-b-zz5e4w4zxv {
    from { opacity: 0; transform: translateY(100%) }
    to { opacity: 1; transform: translateY(0%) }
}

.hide[b-zz5e4w4zxv] {
    animation: hide-b-zz5e4w4zxv 300ms ease-in-out forwards;
}

@keyframes hide-b-zz5e4w4zxv {
    from { opacity: 1; transform: translateX(0) }
    to { opacity: 0; transform: translateX(100%) }
}
/* _content/Sysinfocus.AspNetCore.Components/Toggle.razor.rz.scp.css */
.sbc-toggle[b-pi9ukkqm1s] {
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: transparent;
    color: var(--primary-fg);
    border: 1px solid transparent;
    border-radius: 6px;
    justify-content: center;    
}

.default[b-pi9ukkqm1s] {
    padding: 8px;
    min-width: 36px;
    height: 36px;
}
.outline[b-pi9ukkqm1s] {
    padding: 8px;
    min-width: 36px;
    height: 34px;
    border: 1px solid var(--primary-border);    
}
.light .outline[b-pi9ukkqm1s] {
    box-shadow: 1px 1px 2px 0 var(--primary-border);
}

.sbc-toggle[b-pi9ukkqm1s]  span.material-symbols-outlined {
    font-size: 20px !important;
}

.small[b-pi9ukkqm1s] {
    width: 32px;
    height: 32px;
}
.small[b-pi9ukkqm1s]  span.material-symbols-outlined {
    font-size: 16px !important;
}

.large[b-pi9ukkqm1s] {
    min-width: 40px;
    height: 40px;    
}
.large[b-pi9ukkqm1s]  span.material-symbols-outlined {
    font-size: 24px !important;
}

.active[b-pi9ukkqm1s] {
    background-color: var(--btn-secondary-bg) !important;
}

.sbc-toggle:not(:disabled):hover[b-pi9ukkqm1s] {
    cursor: pointer;
    background-color: var(--btn-secondary-bg);
    opacity: 0.5;
}

.sbc-toggle:disabled[b-pi9ukkqm1s] {
    opacity: 0.5;
    cursor: default;
}
/* _content/Sysinfocus.AspNetCore.Components/ToggleGroup.razor.rz.scp.css */
.sbc-toggle-group[b-ost7wtmjvt] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
/* _content/Sysinfocus.AspNetCore.Components/Tooltip.razor.rz.scp.css */
.sbc-tooltip[b-7c9b6xt70x] {
    position: relative;
    display: flex;
    justify-content: center;
}

.sbc-tooltip:hover .sbc-tooltip-tip[b-7c9b6xt70x] {
    animation: show-b-7c9b6xt70x 100ms ease-out 500ms forwards;
}
.sbc-tooltip:hover .sbc-tooltip-tip.bottom[b-7c9b6xt70x] {
    animation: bottom-b-7c9b6xt70x 100ms ease-out 500ms forwards;
}

.sbc-tooltip-tip[b-7c9b6xt70x] {
    text-align: center;
    line-height: 1.15rem;
    visibility: collapse;
    position: absolute;
    min-width: 150%;
    font-size: 12px;
    background-color: var(--primary-fg);    
    color: var(--primary-bg);
    padding: 6px 12px;
    border-radius: 6px;
    z-index: 9999;
}

@keyframes  show-b-7c9b6xt70x {
    from { opacity: 0; visibility: collapse; transform: scale(0) translateY(0px); }
    to { opacity: 1; visibility: visible; transform: scale(1) translateY(calc(-100% - 4px));}
}
@keyframes  bottom-b-7c9b6xt70x {
    from { opacity: 0; visibility: collapse; transform: scale(0) translateY(0px); }
    to { opacity: 1; visibility: visible; transform: scale(1) translateY(calc(var(--height) + 4px));}
}
/* _content/Sysinfocus.AspNetCore.Components/Treeview.razor.rz.scp.css */
.sbc-treeview[b-b2wsj9tslx] {
    position: relative;
    font-size: 15px;
    width: 100%;
    overflow: auto;
    user-select: none;
}

    .sbc-treeview[b-b2wsj9tslx]  ul {
        margin-left: 0;
        width: max-content;
        list-style: none;
    }

    .sbc-treeview[b-b2wsj9tslx]  li {
        white-space: nowrap;
        padding: 0.5rem 2rem;
        margin: 1px;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        transition: 300ms ease-in-out;
        cursor: pointer;
        color: var(--btn-secondary-fg);
        outline: transparent;
        max-width: calc(100% - 2px);
        border-radius: 6px;
    }

.sbc-treeview[b-b2wsj9tslx]  li:not(.disabled):focus-visible,
.sbc-treeview[b-b2wsj9tslx]  li:not(.disabled):hover {
    color: var(--btn-secondary-fg);
    background-color: var(--btn-secondary-bg);    
    transition: 300ms ease-in-out;
}

.sbc-treeview[b-b2wsj9tslx]  ul ul {
    padding-left: 2rem;
    width: 100%;
}

.sbc-treeview[b-b2wsj9tslx]  .parent {
    width: calc(100% + 1.25rem);
    position: relative;
    padding-left: 2.25rem;
    font-weight: 500;
    animation: expand-b-b2wsj9tslx 300ms ease-in-out forwards;
}

    .sbc-treeview[b-b2wsj9tslx]  .parent::before {
        content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23666666%22%3E%3Cpath%20d%3D%22M480-344%20240-584l56-56%20184%20184%20184-184%2056%2056-240%20240Z%22%2F%3E%3C%2Fsvg%3E");
        position: absolute;        
        left: 0.25rem;
        top: 50%;
        transform: translateY(-40%) scale(0.9);
        transition: 300ms ease-in-out;
    }

    .sbc-treeview[b-b2wsj9tslx]  .parent.collapse::before {
        transform: rotate(-90deg) translateX(60%) scale(0.9);
        transition: 300ms ease-in-out;
    }

    .sbc-treeview[b-b2wsj9tslx]  .parent.collapse + ul {
        animation: collapse-b-b2wsj9tslx 300ms ease-in-out forwards;        
    }

        .sbc-treeview[b-b2wsj9tslx]  .parent.collapse + ul li {
            display: none;
        }

.sbc-treeview[b-b2wsj9tslx]  .disabled {
    pointer-events: none;  
    opacity: 0.5;
    border-radius: 0.5rem;
    transition: 300ms ease-in-out;
}

    .sbc-treeview[b-b2wsj9tslx]  span.material-symbols-outlined {
        font-size: 18px;
    }

@keyframes expand-b-b2wsj9tslx {
    to {
        opacity: 1;
        height: auto;
    }
}

@keyframes collapse-b-b2wsj9tslx {
    to {
        opacity: 0;
        height: 0;
    }
}
/* _content/Sysinfocus.AspNetCore.Components/Video.razor.rz.scp.css */
.sbc-video[b-owfw8plxlk] {
    position: relative;
    border: 1px solid var(--primary-border);
    border-radius: 4px;
    overflow: hidden
}

    .sbc-video img[b-owfw8plxlk] {
        object-fit: cover;
        width: 100%;
        height: 100%;
        opacity: 0.75;
        transition: 300ms ease-in-out;
        z-index: 0;
    }

        .sbc-video img:hover[b-owfw8plxlk] {
            opacity: 1;
        }


[b-owfw8plxlk] .sbc-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    opacity: 0;
}

.sbc-video:hover[b-owfw8plxlk]  .sbc-video-play {
    opacity: 1;
}

.sbc-video-source[b-owfw8plxlk] {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-color: #000;
}


[b-owfw8plxlk] .sbc-video-close {
    background-color: black;
    z-index: 1000;
    position: fixed;
    right: 1rem;
    top: calc(50% - 2rem);
    border-radius: 50%;
    padding: 1rem;
    opacity: 0;
    transition: 300ms ease-in-out
}

.sbc-video-source:hover[b-owfw8plxlk]  .sbc-video-close {
    opacity: 1;
}
/* _content/Sysinfocus.AspNetCore.Components/Widget.razor.rz.scp.css */
.sbc-widget[b-yw7iy2bg0d] {
    position: relative;
    display: flex;
    overflow: hidden;
    transform: scale(1);
    user-select: none;
    cursor: pointer;
    padding: 1rem;    
    transition: transform 250ms ease-in-out;
}

    .sbc-widget:hover[b-yw7iy2bg0d],
    .sbc-widget:focus-within[b-yw7iy2bg0d] {
        outline: transparent;
        transform: scale(1.05);
    }

.sbc-widget.disabled[b-yw7iy2bg0d] { 
    pointer-events: none !important;
    opacity: 0.75 !important;
    cursor: default !important;
}

@keyframes ZoomIn-b-yw7iy2bg0d { to { transform: scale(1.05); } }
@keyframes ZoomOut-b-yw7iy2bg0d { to { transform: scale(1); } }
@keyframes FadeIn-b-yw7iy2bg0d { from { opacity: 0; } to { opacity: 1; } }
@keyframes FadeOut-b-yw7iy2bg0d { from { opacity: 1; } to { opacity: 0; } }