@import '_content/TMS.Common.BlazorComponents/TMS.Common.BlazorComponents.0g0ihjsbjl.bundle.scp.css';
@import '_content/TMS.OneTMS.Authentication.Views/TMS.OneTMS.Authentication.Views.t6yqk0b7he.bundle.scp.css';
@import '_content/TMS.OneTMS.Billing.Views/TMS.OneTMS.Billing.Views.eytjdvh72p.bundle.scp.css';
@import '_content/TMS.OneTMS.Views.Common/TMS.OneTMS.Views.Common.ehd21jz8q3.bundle.scp.css';
@import '_content/TMS.Wra.Abrechnung.Views/TMS.Wra.Abrechnung.Views.yj1j03mp14.bundle.scp.css';
@import '_content/TMS.Wra.Zahlungsabwicklung.Views/TMS.Wra.Zahlungsabwicklung.Views.qetycaqtfm.bundle.scp.css';

/* _content/TMS.Wra.UI.Blazor/Components/Layout/MainLayout.razor.rz.scp.css */
.tms-main-layout-wrapper[b-9dy2brk4g5] {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    position: fixed;
    inset: 0;
}

.tms-main-layout-wrapper.desktop-layout[b-9dy2brk4g5]  .tms-main-layout {
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 64px;
    transition: padding-left 0.4s ease;
}

.tms-main-layout-wrapper.desktop-layout:has(.sidebar-main-container.expand-sidebar)[b-9dy2brk4g5]  .tms-main-layout {
    padding-left: 264px;
}

.tms-main-layout-wrapper:is(.tablet-layout, .mobile-layout)[b-9dy2brk4g5]  .tms-main-layout {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    transform: scale(1);
    transition: transform 0.3s ease;
    transform-origin: bottom;
    position: fixed;
    bottom: 0;
}

[b-9dy2brk4g5] .tms-main-layout.modal-stacking {
    transform: scale(0.9) !important;
    height: 109% !important;
    bottom: 0 !important;
}

.navigation-modal-close-button[b-9dy2brk4g5] {
    position: absolute;
    top: 12px;
    left: 16px;
    z-index: 1000;
    background-color: var(--tms-color-bg-primary);
    border-radius: 12px;
}

.navigation-modal-close-button[b-9dy2brk4g5]  .k-button {
    background-color: var(--tms-color-bg-primary) !important;
}
.navigation-modal-close-button[b-9dy2brk4g5]  .k-button:hover {
    background-color: var(--tms-color-bg-primary-hover) !important;
}

[b-9dy2brk4g5] .tms-main-content-wrapper {
    --main-layout-header-height: 72px;
    --main-layout-scrollbar-width: 0px;
    --main-layout-blur-height: 92px;
    --main-layout-bg: var(--tms-color-bg-background-gradient-fade);
    background: var(--main-layout-bg);
    padding-top: 0px !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
    min-height: 0;
}
[b-9dy2brk4g5] .tms-main-content-wrapper:has(#legacy-frame) {
    --main-layout-bg: var(--tms-color-bg-primary);
}

[b-9dy2brk4g5] .main-layout-header-layer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 6;
    pointer-events: none;
    background-color: transparent;
}

[b-9dy2brk4g5] .main-layout-gradual-blur-component {
    z-index: 0;
}

[b-9dy2brk4g5] .tms-main-content-wrapper:has(#legacy-frame) .main-layout-gradual-blur-component {
    display: none;
}

[b-9dy2brk4g5] .main-layout-header {
    min-height: var(--main-layout-header-height);
    height: var(--main-layout-header-height);
    border-bottom: none !important;
    pointer-events: auto;
    position: relative;
    z-index: 1;
    background-color: transparent;
}

/* Add here the header elements that should get a box-shadow/blur when the MainLayout is scrolled */
[b-9dy2brk4g5] .main-layout-header .navigation-menu-button,
[b-9dy2brk4g5] .main-layout-header .avatar-border {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 var(--tms-color-bg-primary, #FFF);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    transition:
        box-shadow 0.18s ease,
        backdrop-filter 0.18s ease,
        -webkit-backdrop-filter 0.18s ease;
}
[b-9dy2brk4g5] .main-layout-header-layer-scrolled .main-layout-header .navigation-menu-button,
[b-9dy2brk4g5] .main-layout-header-layer-scrolled .main-layout-header .avatar-border {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 0 1px var(--tms-color-bg-primary, #FFF);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

[b-9dy2brk4g5] .tms-main-content-wrapper:not(:has(.startseite-grid-container)) .main-layout-header {
    border-bottom: 1px solid var(--tms-color-border-secondary);
}

[b-9dy2brk4g5] .main-layout-body-viewport {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: inherit;
    scrollbar-width: thin;
}

[b-9dy2brk4g5] .tms-main-content-wrapper.main-layout-classic-scrollbar-mode:not(:has(#legacy-frame)) .main-layout-body-viewport {
    scrollbar-gutter: stable;
}

[b-9dy2brk4g5] .main-layout-page-host {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding-top: var(--main-layout-header-height);
    background-color: inherit;
}

[b-9dy2brk4g5] .main-layout-page-host > * {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}
/* _content/TMS.Wra.UI.Blazor/ReconnectMessage.razor.rz.scp.css */
#tms-reconnect-modal[b-eix6pjj5j3] {
    display: none;
    transition: visibility 0s linear 1000ms;
}

    #tms-reconnect-modal[b-eix6pjj5j3]  .modal-overlay {
        z-index: 9999;
    }

    #tms-reconnect-modal[b-eix6pjj5j3]  .modal {
        z-index: 10000;
    }

    #tms-reconnect-modal.components-reconnect-show[b-eix6pjj5j3],
    #tms-reconnect-modal.components-reconnect-failed[b-eix6pjj5j3],
    #tms-reconnect-modal.components-reconnect-rejected[b-eix6pjj5j3] {
        display: block;
    }

    #tms-reconnect-modal[b-eix6pjj5j3]  .reconnect-running,
    #tms-reconnect-modal[b-eix6pjj5j3]  .reconnect-failed,
    #tms-reconnect-modal[b-eix6pjj5j3]  .reconnect-rejected {
        display: none;
    }

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

    #tms-reconnect-modal[b-eix6pjj5j3]  .modal__content-container {
        padding: 24px 24px 0 24px;
    }

        #tms-reconnect-modal[b-eix6pjj5j3]  .modal__content-container .reconnect {
            flex-direction: column;
        }

    #tms-reconnect-modal[b-eix6pjj5j3]  .modal__footer-container {
        display: flex;
        flex-direction: column;
    }

        #tms-reconnect-modal[b-eix6pjj5j3]  .modal__footer-container .reconnect {
            flex-direction: row;
            justify-content: space-evenly;
        }

        #tms-reconnect-modal[b-eix6pjj5j3]  .modal__footer-container button {
            padding: 8px 16px;
        }

            #tms-reconnect-modal[b-eix6pjj5j3]  .modal__footer-container button:focus {
                outline-offset: unset;
            }