@import '_content/GISxCLOUD.UI.Components/GISxCLOUD.UI.Components.fbkpkkiqrb.bundle.scp.css';

/* _content/GISxCLOUD_Test_UI/Components/Layout/SideMenu.razor.rz.scp.css */
[b-dbxwa44i2y].max-height {
    height: 100% !important;
    max-height: 100% !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu-container,
[b-dbxwa44i2y] .b-bar-vertical-popout[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu-container,
[b-dbxwa44i2y] .b-bar-dropdown .b-bar-dropdown-menu-container {
    color: rgb(var(--gis-text-color-contrast, 255,255,255));
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
}

    [b-dbxwa44i2y] .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu,
    [b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu,
    [b-dbxwa44i2y] .b-bar-vertical-popout[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu {
        border-radius: 0 !important;
    }

[b-dbxwa44i2y] .b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-menu,
[b-dbxwa44i2y] .b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-menu,
[b-dbxwa44i2y] .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu {
    padding: 0 !important;
}

[b-dbxwa44i2y] .gx-sidemenu .side-submenu {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

[b-dbxwa44i2y] .gx-sidemenu .submenu-item {
    padding: .5rem 0rem .5rem 1.25rem;
    border-radius: 0;
}

[b-dbxwa44i2y] .gx-sidemenu .menu-section {
    padding-top: .6rem;
    opacity: .95;
}

    [b-dbxwa44i2y] .gx-sidemenu .menu-section .section-title {
        gap: .5rem;
        border-top: 1px solid color-mix(in srgb, rgb(var(--gis-primary-rgb)) 25%, transparent);
        padding-top: .6rem;
    }

[b-dbxwa44i2y] .gx-sidemenu,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-dark,
[b-dbxwa44i2y] .gx-sidemenu .b-bar,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-body,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-menu,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-start,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-end {
    background-color: rgb(var(--gis-primary-rgb)) !important;
    background-image: none !important;
}

    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-menu,
    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-menu-container {
        background-color: var(--gis-primary-darker) !important;
    }

    [b-dbxwa44i2y] .gx-sidemenu .bar-item > .bar-link {
        position: relative;
        display: block;
    }

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link {
    position: relative;
}

    [b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link.active,
    [b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link.active,
    [b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link.active,
    [b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link.router-link-active,
    [b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link.router-link-active,
    [b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link.router-link-active {
        background: transparent !important;
    }

        [b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link.active::before,
        [b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link.active::before,
        [b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link.active::before {
            content: "";
            position: absolute;
            left: 0.7em;
            top: 50%;
            transform: translateY(-50%);
            width: 0.2em;
            height: 1.2em;
            background: rgb(var(--gis-text-color-contrast));
            border-radius: 0.2em;
        }

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link {
    background: transparent !important;
}

[b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item.active,
[b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item.router-link-active {
    background: transparent !important;
}

    [b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item.active::before,
    [b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item.router-link-active::before {
        content: "";
        position: absolute;
        left: 2.2em;
        top: 50%;
        transform: translateY(-50%);
        width: 0.2em;
        height: 0.8em;
        background: rgb(var(--gis-text-color-contrast, 255,255,255));
        border-radius: 0.2em;
    }

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link.active, .b-bar-vertical-popout.b-bar-dark .b-bar-link.active[b-dbxwa44i2y],
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link.active, .b-bar-vertical-inline.b-bar-dark .b-bar-link.router-link-active[b-dbxwa44i2y],
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link.router-link-active, .b-bar-vertical-small.b-bar-dark .b-bar-link.router-link-active[b-dbxwa44i2y] {
    color: rgb(var(--gis-text-color-contrast, 255,255,255)) !important;
}

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link:hover,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link:hover,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link:hover {
    color: rgb(var(--gis-text-color-contrast, var(--gis-text-color, 255,255,255))) !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .submenu-item,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu .submenu-item,
[b-dbxwa44i2y] .b-bar-vertical-popout[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu .submenu-item {
    position: relative;
    overflow: visible;
}

    [b-dbxwa44i2y] .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .submenu-item.router-link-active::before,
    [b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu .submenu-item.router-link-active::before,
    [b-dbxwa44i2y] .b-bar-vertical-popout[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu .submenu-item.router-link-active::before {
        content: "";
        position: absolute;
        left: 0.5rem !important;
        top: 50%;
        transform: translateY(-50%);
        width: 0.18rem !important;
        height: 0.7rem !important;
        background: rgb(var(--gis-text-color-contrasts, 255,255,255));
        border-radius: 0.18rem;
        z-index: 10 !important;
        pointer-events: none !important;
    }

    [b-dbxwa44i2y] .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu .submenu-item.active::before,
    [b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu .submenu-item.active::before,
    [b-dbxwa44i2y] .b-bar-vertical-popout[data-collapse="small"] .b-bar-dropdown .b-bar-dropdown-menu .submenu-item.active::before {
        content: "";
        position: absolute;
        left: 0.5rem !important;
        top: 50%;
        transform: translateY(-50%);
        width: 0.18rem !important;
        height: 0.7rem !important;
        background: rgb(var(--gis-text-color-contrast, 255,255,255));
        border-radius: 0.18rem;
        z-index: 10 !important;
        pointer-events: none !important;
    }

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child {
    position: relative;
    padding-right: 2.6rem;
    min-height: 2.25rem;
    display: flex !important;
    align-items: center !important;
}

[b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite {
    position: absolute;
    right: .6rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    line-height: 1;
    margin: 0;
    pointer-events: auto;
    z-index: 2;
}

    [b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite svg {
        width: 1rem;
        height: 1rem;
    }



[b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite {
    position: absolute;
    right: .6rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    line-height: 1;
    margin: 0;
    pointer-events: auto;
    z-index: 2;
}

    [b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite svg {
        width: 1rem;
        height: 1rem;
    }

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child.dropdown-toggle::after {
    position: absolute !important;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child .bar-dropdown-toggle-icon,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child .b-bar-dropdown-toggle-icon,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child .b-dropdown-caret {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 1;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle::after,
[b-dbxwa44i2y] .gx-sidemenu .dropdown-toggle::after {
    position: absolute !important;
    right: 1.6rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1 !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle .dropdown-toggle::after {
    position: absolute !important;
    right: 1.6rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1 !important;
}

[b-dbxwa44i2y] .gx-sidemenu .gis-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--gis-icon-container-size) !important;
    min-width: var(--gis-icon-container-size) !important;
    height: auto !important;
}

    [b-dbxwa44i2y] .gx-sidemenu .gis-icon svg,
    [b-dbxwa44i2y] .gx-sidemenu .gis-icon img {
        /* Let the graphic preserve its aspect ratio and be constrained by the container and max height */
        max-height: var(--gis-icon-svg-size) !important;
        max-width: var(--gis-icon-container-size) !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
    }

[b-dbxwa44i2y] .gx-sidemenu .b-bar-start > .b-bar-item .gis-icon svg,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-menu .gis-icon.svg-main {
    width: var(--gis-icon-svg-size, 1.5rem) !important;
    height: var(--gis-icon-svg-size, 1.5rem) !important;
}

[b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite {
    opacity: 0;
    visibility: hidden;
    transition: opacity .12s ease, visibility .12s ease;
}

[b-dbxwa44i2y] .gx-sidemenu .bar-item:hover .gx-sidemenu-favourite,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link:hover .gx-sidemenu-favourite,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-item:hover .gx-sidemenu-favourite {
    opacity: 1;
    visibility: visible;
}

[b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite svg {
    width: 1rem !important;
    height: 1rem !important;
    display: block !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .gis-icon,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .gx-sidemenu-favourite {
    font-size: 0;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .gis-icon {
    font-size: 1rem !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-link {
    padding-right: 2.2rem;
}

[b-dbxwa44i2y] .gx-sidemenu .link-inner {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    color: var(--gis-text-color-contrast);
}

[b-dbxwa44i2y] .gx-sidemenu .gis-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle;
}

[b-dbxwa44i2y] .gx-sidemenu .gx-sidemenu-favourite svg {
    max-width: 1.2rem;
    max-height: 1.2rem;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .b-bar-link,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-link,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 2.25rem !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .link-inner,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .link-inner,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .link-inner,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .link-inner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    gap: 0.25rem !important;
    transition: transform .12s ease !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .gis-icon,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .gis-icon,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .gis-icon,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .gis-icon {
    margin: 0 !important;
    padding: 0 !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .gx-sidemenu-favourite,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .gx-sidemenu-favourite {
    position: static !important;
    right: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 0.15rem !important;
    width: auto !important;
    height: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-link:hover > .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .b-bar-link:hover > .gx-sidemenu-favourite,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-link:hover > .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-link:hover > .gx-sidemenu-favourite {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-link:hover .link-inner,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .b-bar-link:hover .link-inner,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-link:hover .link-inner,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-link:hover .link-inner {
    transform: translateX(-8px) !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .link-label,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .link-label,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .link-label,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .link-label {
    max-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-inline[data-collapse="small"] .gx-sidemenu .b-bar-link,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-link,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-link,
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .link-inner,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .link-inner {
    overflow: visible !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown > *:first-child,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown > *:first-child,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-dropdown > *:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown:hover > *:first-child .link-inner,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown:hover > *:first-child .link-inner,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-dropdown:hover > *:first-child .link-inner {
    transform: translateX(-8px) !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown:hover > *:first-child .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown:hover > *:first-child .gx-sidemenu-favourite,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-dropdown:hover > *:first-child .gx-sidemenu-favourite {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item,
[b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item {
    position: relative !important;
    padding-right: 2.6rem !important;
}

    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown .b-bar-dropdown-menu .gx-sidemenu-favourite,
    [b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item .gx-sidemenu-favourite {
        position: absolute !important;
        right: 0.6rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: 3 !important;
        transition: opacity .12s ease !important;
    }

    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown .b-bar-dropdown-menu .b-bar-dropdown-item:hover > .gx-sidemenu-favourite,
    [b-dbxwa44i2y] .gx-sidemenu .side-submenu .submenu-item:hover > .gx-sidemenu-favourite,
    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-item:hover .gx-sidemenu-favourite {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown .b-bar-dropdown-menu,
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown .b-bar-dropdown-menu-container,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown .b-bar-dropdown-menu,
[b-dbxwa44i2y] .gx-sidemenu.b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-menu {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    width: auto !important;
    min-width: 8rem !important;
    max-width: 14rem !important;
    padding: 0.25rem !important;
    box-sizing: border-box !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .b-bar-dropdown-item,
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .submenu-item,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .submenu-item {
    position: relative !important;
    padding: 0.25rem 2.6rem 0.25rem 0.75rem !important;
    overflow: visible !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .gx-sidemenu-favourite {
    position: absolute !important;
    right: 0.6rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .b-bar-dropdown-item:hover > .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .submenu-item:hover > .gx-sidemenu-favourite,
[b-dbxwa44i2y] .b-bar.b-bar-vertical-small .gx-sidemenu .b-bar-dropdown-menu .submenu-item:hover > .gx-sidemenu-favourite {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-link i,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .fa,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .fas,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .far,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .fal,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .fab,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .bi,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .icon,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .bar-icon {
    font-size: var(--gis-icon-svg-size, 1.25rem) !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

[b-dbxwa44i2y] .b-bar-vertical-inline .b-bar-link, .b-bar-vertical-popout .b-bar-link[b-dbxwa44i2y], .b-bar-vertical-small .b-bar-link[b-dbxwa44i2y] {
    padding: .5rem 0rem .5rem 1.25rem !important;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-link {
    padding: 0 !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.dropstart > *:first-child,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child {
    position: relative !important;
    padding-right: 1.6rem !important;
    min-height: 2.25rem;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child {
    position: relative !important;
    padding-right: 1.6rem !important;
    min-height: 2.25rem;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.dropstart > *:first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .dropstart > .dropdown-toggle::before {
    display: none !important;
    content: none !important;
}

/* Replace triangular border arrow with SVG background for better visual centering */
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child::after {
    content: "" !important;
    position: absolute !important;
    right: .60rem !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(0deg) !important;
    transition: transform .16s ease !important;
    width: .9rem !important; /* width of SVG box */
    height: .6rem !important; /* height of SVG box */
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    /* use currentColor inside the embedded SVG so the pseudo-element's color controls the fill */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'><path fill='currentColor' d='M1 1l9 9 9-9z'/></svg>") !important;
    /* set the caret colour from the theme variable; if the variable stores RGB components use rgb(var(--gis-text-color-contrast)) */
    color: rgb(var(--gis-text-color-contrast, 255,255,255)) !important;
    pointer-events: none !important;
    z-index: 1;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.show > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown[data-visible="true"] > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child[aria-expanded="true" i]::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown[visible] > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.open > *:first-child::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

/* Also ensure other caret selectors use the same centered approach */
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle::after,
[b-dbxwa44i2y] .gx-sidemenu .dropdown-toggle::after {
    width: .9rem !important;
    height: .6rem !important;
    /* use currentColor here as well so all toggle selectors follow the same behaviour */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'><path fill='currentColor' d='M1 1l9 9 9-9z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    right: 1.6rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
    margin: 0 !important;
    z-index: 1 !important;
    /* apply the theme colour to the pseudo-element so the SVG's currentColor resolves correctly */
    color: rgb(var(--gis-text-color-contrast, 255,255,255)) !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.show > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown[data-visible="true"] > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child[aria-expanded="true" i]::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown[visible] > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.open > *:first-child::after {
    color: rgb(var(--gis-text-color-contrast, 255,255,255));
}

[b-dbxwa44i2y] .gx-sidemenu.collapsed .b-bar-dropdown > *:first-child {
    padding-right: 1.2rem !important;
}

    [b-dbxwa44i2y] .gx-sidemenu.collapsed .b-bar-dropdown > *:first-child::after {
        right: .40rem !important;
    }

[b-dbxwa44i2y] .b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-toggle::before, .b-bar-vertical-popout .b-bar-dropdown .b-bar-dropdown-toggle[b-dbxwa44i2y]::before, .b-bar-vertical-small .b-bar-dropdown .b-bar-dropdown-toggle[b-dbxwa44i2y]::before {
    content: none;
}

/* Ensure dropdown toggle arrow is vertically centered relative to content */
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > .b-bar-link {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle::after,
    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > .b-bar-link::after {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle .link-inner,
    [b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > .b-bar-link .link-inner {
        display: inline-flex !important;
        align-items: center !important;
        gap: .5rem !important;
    }

/* End centering rules */

[b-dbxwa44i2y] .link-active {
    color: var(--gis-link-active);
    font-weight: 600;
}

/* Permanent divider between top and middle menu regions */
[b-dbxwa44i2y] .gx-sidemenu .menu-divider-item {
    pointer-events: none !important; /* non-interactive */
    padding: 0.25rem 0 !important;
    min-height: 0 !important;
}

[b-dbxwa44i2y] .gx-sidemenu .menu-divider {
    height: 1px;
    background: rgba(255,255,255,0.12);
    margin: 0.25rem 0.75rem;
    border-radius: 1px;
    width: calc(100% - 1.5rem);
    min-height: 0 !important;
    box-sizing: border-box;
}

/* Slightly adapted visuals for compact/collapsed states */
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .menu-divider,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .menu-divider {
    /* Use a fixed visible width when the bar is collapsed so it doesn't shrink to near-zero
       and center it. */
    width: 1.2rem !important;
    max-width: 1.2rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    opacity: 0.9;
    box-sizing: border-box;
}

[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .menu-divider-item,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .menu-divider-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

[b-dbxwa44i2y] .gx-sidemenu .has-sub.active > .b-bar-dropdown > *:first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link::before,
[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link::before,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link::before,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-dropdown:has(.submenu-item.router-link-active) > .b-bar-link::before {
    content: "";
    position: absolute;
    left: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2em;
    height: 1.2em;
    background: rgb(var(--gis-text-color-contrast, 255,255,255));
    border-radius: 0.2em;
    pointer-events: none;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > .b-bar-link::before {
    content: "";
    position: absolute;
    left: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2em;
    height: 1.2em;
    background: rgb(var(--gis-text-color-contrast, 255,255,255));
    border-radius: 0.2em;
    pointer-events: none;
    z-index: 1;
}

[b-dbxwa44i2y] .gx-sidemenu.collapsed .b-bar-dropdown > *:first-child::before,
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown > *:first-child::before,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .b-bar-dropdown > .b-bar-link::before,
[b-dbxwa44i2y] .b-bar-vertical-small .gx-sidemenu .b-bar-dropdown > .b-bar-link::before {
    left: 0.45rem !important;
    width: 0.18rem !important;
    height: 0.8rem !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child::before {
    opacity: 0;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.show > :first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.open > :first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .has-sub.active > .b-bar-dropdown > :first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown:has(.submenu-item.router-link-active) > :first-child::before {
    opacity: 0 !important;
}

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item:hover,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dropdown-menu .b-bar-dropdown-item:hover,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dropdown-menu .b-bar-dropdown-item:hover {
    color: rgb(var(--gis-text-color-contrast, 255,255,255));
}

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dropdown-menu .b-bar-dropdown-item,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dropdown-menu .b-bar-dropdown-item {
    color: rgba(var(--gis-text-color-contrast, 255,255,255), 0.6);
}

/* hide old pseudo caret */
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown > *:first-child::after,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown-toggle::after,
[b-dbxwa44i2y] .gx-sidemenu .dropdown-toggle::after {
    display: none !important;
}

/* position the real caret */
[b-dbxwa44i2y] .gx-sidemenu .b-dropdown-caret {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
    color: rgb(var(--gis-text-color-contrast, 255,255,255)); /* GISIcon uses currentColor */
}

/* rotate when open (matches your existing .show/open selectors) */
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.show > *:first-child .b-dropdown-caret,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown[data-visible="true"] > *:first-child .b-dropdown-caret,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown[aria-expanded="true" i] > *:first-child .b-dropdown-caret {
    transform: translateY(-50%) rotate(180deg);
}

/* SideMenu global overrides (no CSS isolation) */
/* Ensure left active indicator is visible for groups (dropdown toggles) and submenu items
   whether the sidebar is expanded or collapsed. Targets the container class `gx-sidemenu`. */

[b-dbxwa44i2y] .gx-sidemenu .bar-item .bar-link,
[b-dbxwa44i2y] .gx-sidemenu .bar-dropdown > .bar-link {
    position: relative; /* anchor pseudo-elements */
}

[b-dbxwa44i2y] .gx-sidemenu .bar-item .link-inner {
    position: relative; /* allow pseudo on inner element */
    z-index: 1;
}

[b-dbxwa44i2y] .gx-sidemenu .submenu-item,
[b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub {
    position: relative;
}

    /* Submenu active indicator */
    [b-dbxwa44i2y] .gx-sidemenu .submenu-item.router-link-active,
    [b-dbxwa44i2y] .gx-sidemenu .submenu-item.active {
        background-color: rgba(255,255,255,.06);
    }

        [b-dbxwa44i2y] .gx-sidemenu .submenu-item.router-link-active::before,
        [b-dbxwa44i2y] .gx-sidemenu .submenu-item.active::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 3px;
            background: var(--b-theme-primary);
            border-radius: 2px;
            z-index: 2;
        }

    /* Top-level group (dropdown) active indicator when the active class is on the bar-item */
    [b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub.active::before,
    [b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub.router-link-active::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        background: var(--b-theme-primary);
        border-radius: 2px;
        z-index: 2;
    }

    /* Top-level group active indicator when the inner .link-inner receives the active class (as in SideMenuGroup) */
    [b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub .link-inner.link-active::before,
    [b-dbxwa44i2y] .gx-sidemenu .bar-dropdown .bar-link .link-inner.link-active::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        background: var(--b-theme-primary);
        border-radius: 2px;
        z-index: 2;
    }

/* Ensure visibility even when collapsed (in case of stricter rules from library)
   Increase specificity by including the collapsed state selector. */
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-item.has-sub.active::before,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-item.has-sub.router-link-active::before,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-item.has-sub .link-inner.link-active::before {
    width: 3px;
}

/* Optional hover for submenu items */
[b-dbxwa44i2y] .gx-sidemenu .submenu-item:hover {
    background-color: rgba(255,255,255,.08);
}

/* Ensure anchors used by Blazorise are positioned so pseudo elements can be shown */
[b-dbxwa44i2y] .gx-sidemenu .bar-item > .b-bar-link,
[b-dbxwa44i2y] .gx-sidemenu .bar-item > .bar-link,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-item > .b-bar-link,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-item > .bar-link,
[b-dbxwa44i2y] .gx-sidemenu a.b-bar-link,
[b-dbxwa44i2y] .gx-sidemenu a.bar-link {
    position: relative;
}

/* Apply indicator when the bar-item (parent) has the active state */
[b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub.active > .b-bar-link::before,
[b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub.active > .bar-link::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-item.has-sub.active > .b-bar-link::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-item.has-sub.active > .bar-link::before,
[b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub.router-link-active > .b-bar-link::before,
[b-dbxwa44i2y] .gx-sidemenu .bar-item.has-sub.router-link-active > .bar-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: rgb(var(--gis-text-color-contrast, 255,255,255));
    border-radius: 2px;
    z-index: 3; /* above other content */
}

/* When the inner element receives the active class, use :has (modern browsers) to style the anchor */
[b-dbxwa44i2y] .gx-sidemenu a.b-bar-link:has(.link-inner.link-active)::before,
[b-dbxwa44i2y] .gx-sidemenu a.bar-link:has(.link-inner.link-active)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: rgb(var(--gis-text-color-contrast), 255,255,255);
    border-radius: 2px;
    z-index: 3;
}

/* Fallback: when :has isn't supported and the active class is on the inner element,
   make the inner element render its own indicator and ensure it's not clipped. */
[b-dbxwa44i2y] .gx-sidemenu .bar-item .link-inner.link-active::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-link .link-inner.link-active::before {
    content: "";
    position: absolute;
    left: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 1.2rem;
    background: rgb(var(--gis-text-color-contrast, 255,255,255));
    border-radius: 0.2rem;
}

/* Ensure the anchor and link-inner don't clip the pseudo-element when collapsed */
[b-dbxwa44i2y] .gx-sidemenu.collapsed,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-menu,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-start,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-item,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .b-bar-item,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .b-bar-link,
[b-dbxwa44i2y] .gx-sidemenu.collapsed .bar-link {
    overflow: visible !important;
}

[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.show > :first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown.open > :first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .has-sub.active > .b-bar-dropdown > :first-child::before,
[b-dbxwa44i2y] .gx-sidemenu .b-bar-dropdown:has(.submenu-item.router-link-active) > :first-child::before {
    opacity: 0 !important;
}

[b-dbxwa44i2y] .b-bar-vertical-inline .b-bar-item, .b-bar-vertical-popout .b-bar-item[b-dbxwa44i2y], .b-bar-vertical-small .b-bar-item[b-dbxwa44i2y] {
    color: rgba(var(--gis-text-color-contrast, 255,255,255), 0.6);
}

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active,
[b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active,
[b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-dropdown-menu .b-bar-dropdown-item.active {
    color: rgb(var(--gis-text-color-contrast, 255,255,255));
}

[b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark, .b-bar-vertical-popout.b-bar-dark[b-dbxwa44i2y], .b-bar-vertical-small.b-bar-dark[b-dbxwa44i2y] {
    color: var(--gis-navitem-color-active);
}

    [b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link.active,
    [b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link.active,
    [b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link.active,
    [b-dbxwa44i2y] .b-bar-vertical-inline.b-bar-dark .b-bar-link.router-link-active,
    [b-dbxwa44i2y] .b-bar-vertical-popout.b-bar-dark .b-bar-link.router-link-active,
    [b-dbxwa44i2y] .b-bar-vertical-small.b-bar-dark .b-bar-link.router-link-active {
        color: var(--gis-text-color-contrast);
    }
/* _content/GISxCLOUD_Test_UI/Components/Layout/ThemeColorSelector.razor.rz.scp.css */
.demo-theme-color-item[b-7p7ncvbexf] {
    display: table-cell;
    width: 36px;
    height: 36px;
    vertical-align: top;
    text-align: center;
    color: white;
    cursor: pointer;
}

    .demo-theme-color-item .material-icons[b-7p7ncvbexf] {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
/* _content/GISxCLOUD_Test_UI/Components/Layout/TopMenu.razor.rz.scp.css */
[b-ivabaj45y1] .buttonMenu {
    margin-left: 1em !important;
}

[b-ivabaj45y1] .b-bar .buttonMenu {
    transition: transform 0.2s ease !important;
    border: none !important;
}

    [b-ivabaj45y1] .b-bar .buttonMenu:hover {
        transform: scale(1.05) !important;
    }

[b-ivabaj45y1] .b-bar .b-bar-menu {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
}

[b-ivabaj45y1] .b-bar .b-bar-item {
    margin: 0 0.5rem !important;
    display: flex !important;
    align-items: center !important;
}

[b-ivabaj45y1] .b-bar .b-bar-end {
    display: flex !important;
    align-items: center !important;
}

[b-ivabaj45y1] .nav-item {
    margin-right: 0 !important;
}

[b-ivabaj45y1] .navbar-brand {
    display: flex !important;
}

[b-ivabaj45y1] .b-bar .b-bar-start {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

[b-ivabaj45y1] .bar-start {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
}

    /* TopMenu controls the maximum width via theme variable --gis-searchbar-max-size.
   The inner wrapper uses auto width (governed by max-width) and is centered when smaller
   than available space. It becomes fluid on small screens via media query. */
    [b-ivabaj45y1] .bar-start > div {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        /* do not force grow so max-width centers the block */
        flex: 0 1 auto !important;
        width: 100%;
        /* use theme variable for preferred/max size (e.g. 40vw set in theme.css) */
        max-width: var(--gis-searchbar-max-size, 40vw) !important;
        /* center when there is extra space */
        margin-inline: auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-inline: 0.5rem !important;
    }

[b-ivabaj45y1] .no-margin {
    margin: 0 !important;
}

[b-ivabaj45y1] .searchbar-margin {
    margin: 0 !important;
    padding-inline: clamp(0.5rem, 5vw, 3rem) !important;
}

[b-ivabaj45y1] .bar-end {
    flex: 0 0 auto !important;
    display: flex;
    align-items: center;
    margin-left: auto !important;
}

/* On small screens the inner wrapper must grow to available width */
@media (max-width: 768px) {
    [b-ivabaj45y1] .bar-start > div {
        flex: 1 1 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        padding-inline: 0.25rem !important;
    }
}
/* _content/GISxCLOUD_Test_UI/Pages/ButtonShowcase.razor.rz.scp.css */
.grid[b-ix9xmhriur] {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto auto auto;
    align-items: start;
}
/* _content/GISxCLOUD_Test_UI/Pages/IconShowcase.razor.rz.scp.css */
.grids-row[b-q2mcjqns8g] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.grid[b-q2mcjqns8g] {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto auto auto;
    flex: 0 1 18rem;
    min-width: 12rem;
    justify-self: center;
    align-items: start;
    margin-top: 3em;
    margin-left: 3em;
}
/* _content/GISxCLOUD_Test_UI/Pages/NavbarShowcase.razor.rz.scp.css */
.grids-row[b-cpc4v1ge4a] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.grid[b-cpc4v1ge4a] {
    display: grid;
    gap: 1rem;
    grid-template-columns: auto auto auto;
    flex: 0 1 18rem;
    min-width: 12rem;
    justify-self: center;
    align-items: start;
    margin-top: 3em;
    margin-left: 3em;
}