@import '_content/DocumentProcessor.Shared/DocumentProcessor.Shared.jd74l36imo.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.root[b-jtav5r13nf], [b-jtav5r13nf] .mud-main-content, main[b-jtav5r13nf] {
    height: 100%;
}
[b-jtav5r13nf] aside {
    overflow-y: auto;
    overflow-x: clip;
}

[b-jtav5r13nf] .mud-layout {
    position: absolute;
}

[b-jtav5r13nf] .debug-symbol {
    position: absolute;
    right: 0;
    bottom: 0;
}

[b-jtav5r13nf] .debug-symbol-visible {
    color: #cd6a6a;
}

[b-jtav5r13nf] .debug-symbol-hidden {
    color: transparent;
}

[b-jtav5r13nf] .mud-toolbar {
    padding-right: 0;
}

[b-jtav5r13nf] .message-button {
    background-color: white;
}
/*::deep .mud-badge.mud-badge-top.right {
    inset: auto auto calc(100% - 16px) calc(100% - 18px);
}*/

[b-jtav5r13nf] aside {
    display: flex;
    flex-direction: column;
}

[b-jtav5r13nf] main {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    outline: var(--background-border-radius) solid var(--ci-color-background-border);
}

[b-jtav5r13nf] .menu-button {
    padding: var(--spacing-2);
    margin-right: var(--spacing-2);
    margin-left: calc(-1 * var(--spacing-4));
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-ed6u0ree7s] {
    display: flex;
    flex-direction: column;
    grid-area: nav;
    padding: 0 var(--background-border-radius) 0 0;
    flex-grow: 1;
}
[b-ed6u0ree7s] .application-logo {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "center";
    height: 64px;
    padding: var(--spacing-2);
    border-bottom: var(--background-border-radius) solid var(--ci-color-background-border);
    position: relative;
    align-items: center;
    justify-items: center;
    overflow: hidden;
}
[b-ed6u0ree7s] .mud-progress-circular {
    grid-area: center;
    width: 30px;
    height: 30px;
}
[b-ed6u0ree7s] .application-logo .image {
    grid-area: center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
[b-ed6u0ree7s] .application-image-fade-out {
    animation: logo-b-ed6u0ree7s 500ms;
    animation-fill-mode: forwards;
}

@keyframes logo-b-ed6u0ree7s {
    100% {
        opacity: 0;
    }
}
[b-ed6u0ree7s] .menu-header {
    font-size: 13px;
    color: gray;
    font-style: italic;
}

[b-ed6u0ree7s] .diagnostics {
    display: flex;
    padding: 4px;
}

    [b-ed6u0ree7s] .diagnostics .mud-badge.mud-badge-top.right.mud-badge-overlap {
        top: 1px;
        left: calc(100% - 18px);
    }

    [b-ed6u0ree7s] .diagnostics .mud-typography {
        height: 24px;
    }

[b-ed6u0ree7s] .current-user {
    font-style: italic;
    padding: 0 var(--spacing-3)
}

[b-ed6u0ree7s] .mud-tooltip-root {
    width: 100%;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0a8i4tuc2d],
.components-reconnect-repeated-attempt-visible[b-0a8i4tuc2d],
.components-reconnect-failed-visible[b-0a8i4tuc2d],
.components-pause-visible[b-0a8i4tuc2d],
.components-resume-failed-visible[b-0a8i4tuc2d],
.components-rejoining-animation[b-0a8i4tuc2d] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-retrying[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-failed[b-0a8i4tuc2d],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0a8i4tuc2d] {
    display: block;
}


#components-reconnect-modal[b-0a8i4tuc2d] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0a8i4tuc2d 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0a8i4tuc2d 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0a8i4tuc2d 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0a8i4tuc2d]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0a8i4tuc2d 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0a8i4tuc2d {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0a8i4tuc2d {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0a8i4tuc2d {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0a8i4tuc2d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0a8i4tuc2d] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0a8i4tuc2d] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0a8i4tuc2d] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0a8i4tuc2d] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0a8i4tuc2d] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0a8i4tuc2d] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0a8i4tuc2d 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0a8i4tuc2d] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0a8i4tuc2d {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Administration/RolesPage.razor.rz.scp.css */
.page[b-ld67o4j2nj] {
    display: grid;
    grid-template-columns: max-content max-content auto;
    grid-template-areas: "roles components documents";
    gap: var(--spacing-7);
    overflow-x: auto;
    padding: var(--spacing-3) var(--spacing-4);
}

[b-ld67o4j2nj] .roles {
    display: grid;
    grid-template-rows: min-content min-content min-content min-content auto;
}

[b-ld67o4j2nj] .mud-list.mud-list-padding {
    padding-top: 0;
}

[b-ld67o4j2nj] .mud-list-item-text > .mud-typography {
    display: grid;
    grid-template-columns: min-content min-content auto;
    gap: var(--spacing-2);
    white-space: nowrap;
}

[b-ld67o4j2nj] .mud-list-item-gutters {
    padding-left: var(--spacing-2);
}

[b-ld67o4j2nj] .mud-checkbox > .mud-typography {
    display: grid;
    grid-template-columns: max-content auto;
    gap: var(--spacing-2);
    align-items: center;
}
[b-ld67o4j2nj] .masterdata-tree-view .mud-treeview-item-arrow {
    display: inherit;
}

/* /Components/Pages/Administration/UsersPage.razor.rz.scp.css */
.page[b-qwt369ivzv] {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "users roles";
    gap: var(--spacing-3);
    overflow-x: auto;
    padding: var(--spacing-3) var(--spacing-4);
}

[b-qwt369ivzv] .mud-list-item-gutters {
    padding-left: var(--spacing-2);
}

[b-qwt369ivzv] .mud-list.mud-list-padding {
    padding-top: 0;
}

[b-qwt369ivzv] .mud-radio-group {
    display: grid !important;
}

[b-qwt369ivzv] .mud-radio-content, [b-qwt369ivzv] .mud-list-item-text > .mud-typography {
    display: grid;
    grid-template-columns: min-content min-content auto;
    gap: var(--spacing-2);
}
/* /Components/Pages/Dashboard/Administration/FileSystem.razor.rz.scp.css */
[b-omfgkagu7b] .details-container {
    display: grid;
    grid-template-columns: minmax(50px,min-content) minmax(50px, auto);
    column-gap: 12px;
    row-gap: 4px;
    align-items: baseline;
}
/* /Components/Pages/Dashboard/Administration/Sessions.razor.rz.scp.css */
[b-cjv4ichqz4] .details-container {
    display: grid;
    grid-template-columns: minmax(50px,min-content) minmax(50px, auto);
    column-gap: 12px;
    row-gap: 4px;
    align-items: baseline;
}
/* /Components/Pages/Dashboard/DashboardPage.razor.rz.scp.css */
[b-x26o28biqt] .dashboard-item {
    max-width: 600px;
    padding: var(--spacing-2);
    padding-top: 0;
    display: grid;
    grid-template-rows: max-content;
}

[b-x26o28biqt] .dasboard-tile {
    border: 1px solid lightgray;
    border-radius: 8px;
}

[b-x26o28biqt] .mud-card {
    height: 100%;
}

[b-x26o28biqt] .mud-grid-item > div {
    height: 100%;
}

[b-x26o28biqt] h5 {
    margin-bottom: var(--spacing-3);
}
/* /Components/Pages/Dashboard/Statistics/Database.razor.rz.scp.css */
[b-vaoueun2wr] .mud-chart .mud-chart-legend {
    margin-left: 20px;
}
/* /Components/Pages/Dashboard/Statistics/Pages.razor.rz.scp.css */
[b-3obeyqhj2g] .mud-chart-legend {
    display: none;
}
/* /Components/Pages/Generic/AboutPage.razor.rz.scp.css */
[b-hppct2w5tg] p {
    white-space: nowrap;
}
/* /Components/Pages/LoginPage.razor.rz.scp.css */
[b-vd5kv6yium] .mud-paper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 330px;
    margin: 36px auto;
    padding: 12px 24px 24px 24px;
}
/* /Components/Pages/Settings/BaseSettings.razor.rz.scp.css */
.page[b-c8aam0atq8] {
    padding: var(--spacing-3) var(--spacing-4);
}

[b-c8aam0atq8] .settings-text-entry {
    display: grid;
    grid-template-columns: minmax(50px, min-content) auto;
    align-items: center;
    column-gap: 16px;
}
/* /Components/Pages/Settings/DocumentPageStates.razor.rz.scp.css */
.page[b-2caoz1r81e] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
}
[b-2caoz1r81e] .page-container {
    display: grid;
    grid-template-rows: max-content minmax(0, 1fr);
}

[b-2caoz1r81e] .mud-primary-hover, [b-2caoz1r81e] .mud-list-item-clickable:hover {
    border: 1px solid blue !important;
    /**/
}

[b-2caoz1r81e] .document-state-list .mud-list-item {
    width: 200px;
    max-height: 100px;
    border-radius: var(--default-border-radius) !important;
    padding: 0;
}
[b-2caoz1r81e] .document-state-list .mud-list-item-text {
    height: 100%;
    margin: 0;
}
[b-2caoz1r81e] .document-state-list .mud-typography {
    height: 100%;
}

[b-2caoz1r81e] .document-state-list .mud-paper.mud-card {
    border: none;
    background-color: transparent !important;
    padding: 0;
    /*     border: 1px solid transparent !important;
    border-radius: var(--default-border-radius) !important;*/
}

[b-2caoz1r81e] .state-template-card {
    height: 100%;
    cursor: pointer;
}
    [b-2caoz1r81e] .state-template-card .mud-card-content {
        padding: 0;
    }
    [b-2caoz1r81e] .state-template-card .card-container {
        display: grid;
        grid-template-columns: 8px auto;
        height: 100%;
    }
    [b-2caoz1r81e] .state-template-card .card-content {
        display: grid;
        grid-template-rows: min-content minmax(0, 1fr);
        height: 100%;
        padding: 8px;
    }
        [b-2caoz1r81e] .state-template-card .mud-card-content .mud-typography {
            font-style: italic;
        }
/* /Components/Pages/Settings/VisualElements.razor.rz.scp.css */
.page[b-5kf95p1xby] {
    
}

[b-5kf95p1xby] .page-container {
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: max-content minmax(0, 1fr);
    grid-template-areas: 'templates templates' 'preview properties';
    gap: 12px;
}

[b-5kf95p1xby] .mud-paper {
    width: 100%;
}
[b-5kf95p1xby] .child-panel {
    border-radius: var(--default-border-radius);
}
[b-5kf95p1xby] .visual-selector {
    display: flex;
    gap: 12px;
}
[b-5kf95p1xby] .visual-selector .mud-typography {
    display: flex;
}

[b-5kf95p1xby] .designer-area {
    width: 100%;
    display: grid;
    grid-template-rows: max-content minmax(0,1fr);
    gap: 8px;
}

[b-5kf95p1xby] .grid-scale {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
}
[b-5kf95p1xby] .column-span {
    grid-column: 1 / 3;
}
[b-5kf95p1xby] .image-document-visuals-overlay {
    grid-row: 1;
    grid-column: 1;
    position: relative;
}

[b-5kf95p1xby] .color-picker .mud-input-control-input-container {
    width: 165px;
}
[b-5kf95p1xby] .mud-input-number-control .mud-input-slot {
    padding-right: 2px !important;
    text-align: end;
}
/* /Components/Pages/Test/LogPage.razor.rz.scp.css */
.page[b-c4ikfj9mer] {
    display: grid;
    padding-top: var(--spacing-2);
    padding-left: var(--spacing-2);
    grid-template-columns: max-content auto;
    justify-content: start;
    gap: var(--spacing-3);
    overflow: scroll;
    height: 100%;
    user-select: text;
}

[b-c4ikfj9mer] .document-page-view {
    height: 100%;
}
/* /Components/Pages/Test/TestPage.razor.rz.scp.css */
.page[b-u8747yaafb] {
    padding: var(--spacing-4);
    display: grid;
    grid-auto-columns: 430px auto;
    grid-template-areas: "control preview";
    gap: var(--spacing-4);
}

[b-u8747yaafb] .document-page-view {
    height: 100%;
}