/* /Templates/CustomMainFormTemplateComponent.razor.rz.scp.css */
.main[b-69sqoljzqp]
{
    transition: margin-left 0.25s ease;
}

.app[b-69sqoljzqp] 
{
    height: 100vh;
    max-width: 100vw;
    overflow: hidden;
}
/* /Templates/JeeoLogonWindowTemplateComponent.razor.rz.scp.css */
h2[b-lgmm6pe5hq]
{
    font-family: 'SUSE', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.12em;
}

.login-wrapper[b-lgmm6pe5hq] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

[b-lgmm6pe5hq] label {
    font-weight: 500 !important;
}

[b-lgmm6pe5hq] dxbl-form-layout-group:has( > .dxbl-row > dxbl-form-layout-item > .dxbl-fl-ctrl > [data-item-name="LogonText"] ) {
    display: none !important;
}

/* Left panel */
.login-left[b-lgmm6pe5hq]
{
    background-image: url('/images/login-header.png');
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 9 / 16;
    height: calc(100vh - 2rem);
    background-color: #e9dcc7;
    background-size: cover;
    background-position: left center;
    border-radius: 8px 48px 8px 8px;
    margin: 1rem !important;
    flex: 0 0 37%;
    max-width: 37%;
}

/* Right panel */
.login-right[b-lgmm6pe5hq] {
    flex: 1 1 63%;
    min-width: 0;
}

/* Login card */
.login-card[b-lgmm6pe5hq] {
    width: min(100%, 880px);
    box-shadow: none !important;
}

@media (min-width: 1200px) {
    .login-card[b-lgmm6pe5hq] {
        padding: 2.25rem 2.5rem !important;
    }
}

@media (max-width: 575.98px) {
    .login-card[b-lgmm6pe5hq] {
        width: 94%;
        padding: 2rem 1.5rem !important;
    }
}

/* Inputs and buttons (XAF form elements) */
.dxbl-textbox[b-lgmm6pe5hq],
.dxbl-password[b-lgmm6pe5hq] {
    width: 100%;
    border-radius: 8px;
    padding: 0.75rem;
}

/* Prevent browser autofill background color */
[b-lgmm6pe5hq] input:-webkit-autofill,
[b-lgmm6pe5hq] input:-webkit-autofill:hover,
[b-lgmm6pe5hq] input:-webkit-autofill:focus,
[b-lgmm6pe5hq] input:-webkit-autofill:active,
[b-lgmm6pe5hq] input:autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--dxbl-text-edit-bg, #fff) inset !important;
    box-shadow: 0 0 0 1000px var(--dxbl-text-edit-bg, #fff) inset !important;
    background-color: var(--dxbl-text-edit-bg, #fff) !important;
    -webkit-text-fill-color: var(--bs-body-color) !important;
    caret-color: inherit !important;
    appearance: none !important;
    filter: none !important;
    transition: background-color 9999s ease-in-out 0s;
}

[b-lgmm6pe5hq] input:-internal-autofill-selected {
    background-color: var(--dxbl-text-edit-bg, #fff) !important;
    background-image: none !important;
    color: var(--bs-body-color) !important;
}

[b-lgmm6pe5hq] input:-moz-autofill {
    box-shadow: 0 0 0 1000px var(--dxbl-text-edit-bg, #fff) inset !important;
    -moz-text-fill-color: var(--bs-body-color) !important;
}

/* Login button */
.dxbl-btn[b-lgmm6pe5hq] {
    width: 100%;
    border-radius: 8px;
    background-color: #6b35e2;
    color: white;
}

/* Separator text */
.middle-text-separator[b-lgmm6pe5hq]
{
    text-align: center;
    color: #637083;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}

/* External login (Microsoft, etc.) */
.external-login .dxbl-button[b-lgmm6pe5hq] {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #444;
}
/* /Templates/Sidebar/Components/AlertNotification.razor.rz.scp.css */
#alert[b-s0n5eqdil7]
{
    border-radius: 0.5rem !important; /* should be in theme */
}

.sidebar.collapsed .sidebar-footer #alert span:not(:first-of-type)[b-s0n5eqdil7],
.sidebar.collapsed .sidebar-footer #alert a[b-s0n5eqdil7]
{
    display: none;
}
.sidebar.collapsed .sidebar-footer #alert[b-s0n5eqdil7]
{
    padding: 0.25rem !important;
}

.sidebar.collapsed .sidebar-footer #alert > div[b-s0n5eqdil7]
{
    margin: 0 !important;
    justify-content: center;
}
/* /Templates/Sidebar/Components/DarkModeToggle.razor.rz.scp.css */
.sidebar-footer label[b-a06p6hr0ed]
{
    white-space: nowrap;
}

.sidebar.collapsing .sidebar-footer label[b-a06p6hr0ed],
.sidebar.collapsing .sidebar-footer input[b-a06p6hr0ed]
{
    transition: flex-basis 0.4s ease, opacity 0.4s ease;
    transition-delay: 0.3s;
}

.sidebar.collapsing .sidebar-footer label[b-a06p6hr0ed],
.sidebar.collapsing .sidebar-footer input[b-a06p6hr0ed]
{
    flex-basis: 0;
    opacity: 0;
}

.sidebar.collapsed .sidebar-footer label[b-a06p6hr0ed],
.sidebar.collapsed .sidebar-footer input[b-a06p6hr0ed]
{
    display: none !important;
}
/* /Templates/Sidebar/Components/LanguageSwitcher.razor.rz.scp.css */
.sidebar.collapsing #dropdown-language-selector-iso2[b-asmz36lhqm]
{
    transition: min-width 0.4s ease, opacity 0.4s ease;
    transition-delay: 0.3s;
}

.sidebar.collapsing #dropdown-language-selector-iso2[b-asmz36lhqm]
{
    min-width: 0;
    opacity: 0;
}

.sidebar.collapsed #dropdown-language-selector-iso2[b-asmz36lhqm]
{
    display: none;
}

.sidebar.collapsed #language-selector[b-asmz36lhqm]  .dxbl-text-edit-template
{
    justify-content: center;
    transition: all 0.4s ease;
}
/* /Templates/Sidebar/Components/NavigationItemActionControlComponent.razor.rz.scp.css */
#divider-text[b-401z65sjii]
{
    box-sizing: border-box;
    padding: 0.5rem 0;
    height: 2rem;
    opacity: 1;
    overflow: hidden;
}

.sidebar.collapsing #divider-text[b-401z65sjii]
{
    transition: height 0.4s ease, padding 0.4s ease, opacity 0.4s ease;
    transition-delay: 0.3s;
}

.sidebar.collapsing #divider-text[b-401z65sjii],
.sidebar.collapsed #divider-text[b-401z65sjii]
{
    width: 0;
    height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0;
}


.sidebar.collapsed .sidebar-top .border-bottom[b-401z65sjii]
{
    max-width: 40px; /* need a better way but works for now */
}
/* /Templates/Sidebar/Components/NavigationTreeSection.razor.rz.scp.css */
.sidebar-top .nav-item[b-9bfjxe5j2d]
{
    position: relative;
    padding-left: 1.45rem !important;
}

.sidebar .sidebar-top .nav-parent[b-9bfjxe5j2d]
{
    min-width: max-content;
}

.sidebar .sidebar-top .nav-parent span[b-9bfjxe5j2d]
{
    white-space: nowrap;
}

@keyframes fadeOutShrink-b-9bfjxe5j2d
{
    0%
    {
        opacity: 1;
        max-width: 200px;
    }

    100%
    {
        opacity: 0;
        max-width: 0;
    }
}

.sidebar.collapsing .sidebar-top .nav-parent span:not(:first-of-type)[b-9bfjxe5j2d]
{
    animation: fadeOutShrink-b-9bfjxe5j2d 0.4s ease forwards;
    animation-delay: 0.3s;
}

.sidebar.collapsed .sidebar-top .nav-parent span:not(:first-of-type)[b-9bfjxe5j2d]
{
    display: none;
}

.sidebar.collapsed .sidebar-top .nav-parent[b-9bfjxe5j2d]
{
    min-width: 0;
}

.sidebar.collapsed .sidebar-top .nav-parent span:not(:first-of-type)[b-9bfjxe5j2d]
{
    display: none;
}

.sidebar-top .nav-item[b-9bfjxe5j2d]::before
{
    content: "";
    position: absolute;
    width: 1rem;
    height: 0.5rem;
    left: 0.1rem;
    top: calc(50% - 0.45rem);
    border-left: 1.3px solid #d0d0d0; /* should be theme var */
    border-bottom: 1.3px solid #d0d0d0; /* should be theme var */
    border-bottom-left-radius: 8px;
    pointer-events: none;
}

.sidebar-top .nav-item[b-9bfjxe5j2d]::after
{
    content: "";
    position: absolute;
    left: 0.1rem;
    top: -2rem;
    bottom: calc(50% + 0.45rem);
    width: 1px;
    background: #d0d0d0; /* should be theme var */
    pointer-events: none;
}

.sidebar.collapsed .sidebar-top .nav-item[b-9bfjxe5j2d]::after,
.sidebar.collapsed .sidebar-top .nav-item[b-9bfjxe5j2d]::before
{
    left: -2.35rem;
}

.sidebar.collapsed .sidebar-top ul > li:first-child > div[role="treeitem"][aria-level]:not([aria-level="1"]) > .nav-item[b-9bfjxe5j2d]::after
{
    top: -0.35rem;
}

.sidebar.collapsed .sidebar-top .nav-item[b-9bfjxe5j2d]
{
    padding-left: 0 !important;
}

.sidebar.collapsed .sidebar-top .nav-parent[b-9bfjxe5j2d]
{
    max-width: fit-content;
}

.sidebar-top ul > li:first-child > div[role="treeitem"][aria-level]:not([aria-level="1"]) > .nav-item[b-9bfjxe5j2d]::after
{
    top: 0;
}

:root[data-theme="light"] .sidebar-top .nav-item[b-9bfjxe5j2d]::before,
:root[data-theme="light"] .sidebar-top .nav-item[b-9bfjxe5j2d]::after
{
    border-color: rgba(0, 0, 0, .15);
    background: rgba(0, 0, 0, .15);
}

:root[data-theme="dark"] .sidebar-top .nav-item[b-9bfjxe5j2d]::before,
:root[data-theme="dark"] .sidebar-top .nav-item[b-9bfjxe5j2d]::after
{
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .2);
}

.sidebar.collapsed #navigation-section[b-9bfjxe5j2d]
{
    width: min-content;
}
/* /Templates/Sidebar/Sidebar.razor.rz.scp.css */
.sidebar .sidebar-header .logo-text[b-41xa9xgej5]
{
    display: inline-block;
    overflow: hidden;
    max-width: 150px;
    opacity: 1;
    white-space: nowrap;
}

.sidebar.collapsing .sidebar-header .logo-text[b-41xa9xgej5]
{
    transition: max-width 0.4s ease, opacity 0.4s ease;
    transition-delay: 0.3s;
}

.sidebar.collapsing[b-41xa9xgej5]  .dxbl-scroll-viewer-hor-scroll-bar,
.sidebar.collapsed[b-41xa9xgej5]  .dxbl-scroll-viewer-hor-scroll-bar,
.sidebar.expanding[b-41xa9xgej5]  .dxbl-scroll-viewer-hor-scroll-bar,
.sidebar[b-41xa9xgej5]  .dxbl-scroll-viewer-hor-scroll-bar
{
    visibility: hidden;
}

.sidebar.collapsing .sidebar-header .logo-text[b-41xa9xgej5]
{
    max-width: 0;
    opacity: 0;
}

.sidebar.collapsed .sidebar-header[b-41xa9xgej5]
{
    justify-content: center !important;
    width: min-content;
}

.sidebar.collapsed .sidebar-header .logo-text[b-41xa9xgej5]
{
    display: none;
}

.sidebar-top[b-41xa9xgej5]
{
    flex: 1;
    overflow: auto;
}

.sidebar.collapsed .sidebar-top[b-41xa9xgej5]
{
    width: min-content;
    overflow: inherit;
}

.main[b-41xa9xgej5]
{
    transition: margin-left 0.25s ease;
}

/* === Responsive === */
@media (max-width: 768px)
{
    .sidebar[b-41xa9xgej5]
    {
        position: fixed;
        left: -260px;
        z-index: 1050;
    }

    .sidebar.collapsed[b-41xa9xgej5]
    {
        left: 0;
    }

    .main[b-41xa9xgej5]
    {
        position: relative;
    }
}

.template-icon[b-41xa9xgej5]
{
    width: 20px;
    height: 15px;
    margin-right: 8px;
    vertical-align: middle;
}

.sidebar.collapsed .sidebar-top[b-41xa9xgej5]  ul
{
    width: max-content;
}

.sidebar.collapsed .sidebar-top[b-41xa9xgej5]  .dxbl-expandable-container[expanded-state="True"]
{
    min-width: 180px;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
}

.sidebar.collapsed .sidebar-top[b-41xa9xgej5]  .dxbl-expandable-container ul
{
    margin-left: 2.95rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 8px;
    box-shadow: 0 0.125rem 0.25rem rgba(34, 34, 34, 0.075) !important;

    border: 1px solid var(--bs-border-color);
}

.sidebar.collapsed .sidebar-top[b-41xa9xgej5]  .dxbl-expandable-container ul li > div
{
    margin-left: 0;
}