/* /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/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: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    overflow: hidden;
    max-width: 140px;
    min-width: 0;
    opacity: 1;
    white-space: nowrap;
    align-items: start;
}

.sidebar .sidebar-header .sidebar-brand[b-41xa9xgej5]
{
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.sidebar .sidebar-header .sidebar-brand-icon[b-41xa9xgej5]
{
    flex: 0 0 auto;
    margin-left: 0.5rem;
}

.sidebar .sidebar-header .brand-wordmark[b-41xa9xgej5]
{
    display: block;
    flex: 0 0 auto;
    width: 92px;
    height: 9px !important;
    margin: 0;
    background-color: var(--jeeo-sidebar-brand-color, #1d1d1b);
    -webkit-mask-image: url('/images/logo/VDL-wordmark-black.svg');
    mask-image: url('/images/logo/VDL-wordmark-black.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sidebar .sidebar-header .brand-subtext[b-41xa9xgej5]
{
    font-size: 0.56rem;
    line-height: 1;
    margin: 0;
    color: var(--bs-secondary-color, currentColor);
}

.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;
}