/* _content/ZeatMapsAgenti/Components/FiltriMappa.razor.rz.scp.css */
.checkbox-content[b-gbs7bci629] {
    display: flex;
    align-items: center; /* Vertically aligns the content */
}

    .checkbox-content .icon[b-gbs7bci629] {
        height: 24px; /* Set a fixed height for all icons */
        width: auto; /* Let the width adjust automatically to maintain aspect ratio */
        margin-right: 8px; /* Space between the icon and the text */
    }

    .checkbox-content span[b-gbs7bci629] {
        text-align: left; /* Ensure text is aligned to the left */
        flex-grow: 1; /* Makes sure text takes up the remaining space */
    }
/* _content/ZeatMapsAgenti/Components/Layout/Drawer.razor.rz.scp.css */
::deep .navigation-drawer[b-pnxpipe843] {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: 100vh;
    max-height: 100%;
}

[b-pnxpipe843] .panel-open:not(.mobile) .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-pnxpipe843] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-pnxpipe843] {
        display: none;
        visibility: hidden;
    }

    [b-pnxpipe843] .shading-copy {
        background-color: var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 100;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-pnxpipe843] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}
/* _content/ZeatMapsAgenti/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-b8s54dqi1q] {
    height: 100dvh;
    font-family: var(--bs-font-sans-serif);
}

[b-b8s54dqi1q] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-b8s54dqi1q] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
}

[b-b8s54dqi1q] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
}

[b-b8s54dqi1q] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

[b-b8s54dqi1q] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-b8s54dqi1q] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
}

[b-b8s54dqi1q] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-b8s54dqi1q] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-b8s54dqi1q] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-b8s54dqi1q] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-b8s54dqi1q] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-b8s54dqi1q] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-b8s54dqi1q] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-b8s54dqi1q] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-b8s54dqi1q] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-b8s54dqi1q] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-b8s54dqi1q] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-b8s54dqi1q] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-b8s54dqi1q] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-b8s54dqi1q] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-b8s54dqi1q] {
    display: inline-flex;
}

.menu-button-nav[b-b8s54dqi1q] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-b8s54dqi1q] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

    .nav-buttons-container[b-b8s54dqi1q]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-b8s54dqi1q]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-b8s54dqi1q] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-b8s54dqi1q] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-b8s54dqi1q] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-b8s54dqi1q] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-b8s54dqi1q] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-b8s54dqi1q] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}
/* _content/ZeatMapsAgenti/Components/Map.razor.rz.scp.css */
.map-button-panel[b-tjpldesnz3] {
    position: absolute;
    z-index: 10;
    top: 5rem;
    right: 1rem;
}

.filter-container[b-tjpldesnz3] {
    position: absolute;
    z-index: 100;
    top: 5rem;
    right: 5rem;
    display: flex;
    flex-direction: column;
}

.filter-panel[b-tjpldesnz3] {
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
}

    .filter-panel.open[b-tjpldesnz3] {
        max-height: 700px;
        padding: 15px;
        opacity: 1;
    }

    .filter-panel.closed[b-tjpldesnz3] {
        max-height: 0;
        padding: 0;
        opacity: 0;
    }

.apply-button[b-tjpldesnz3] {
    align-self: flex-end;
    margin-top: 10px;
}
/* _content/ZeatMapsAgenti/Components/Pages/Index.razor.rz.scp.css */


.popup-nav-button[b-2xx0xyz2am] {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.2s;
}

    .popup-nav-button:hover[b-2xx0xyz2am] {
        transform: scale(1.2);
    }
/* _content/ZeatMapsAgenti/Components/Pages/ListaSingola.razor.rz.scp.css */
/* For large screens, no truncation */
@media (min-width: 992px) {
    .intestazione[b-xojdp5lzse] {
        max-width: none;
    }
}

/* For medium screens (tablets), moderate truncation */
@media (min-width: 768px) and (max-width: 991px) {
    .intestazione[b-xojdp5lzse] {
        max-width: 600px;
    }
}

/* For small screens (mobile), apply truncation */
@media (max-width: 767px) {
    .intestazione[b-xojdp5lzse] {
        max-width: 200px;
    }
}
/* _content/ZeatMapsAgenti/Components/Pages/Login.razor.rz.scp.css */
.login-page[b-5alrqb7320] {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    filter: none;
    backdrop-filter: blur(10px);
    animation:  fadeIn-b-5alrqb7320 .5s ease-in-out;
}

    .login-page[b-5alrqb7320]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('./images/map.png');
        background-position: center;
        background-size: 150%;
        background-repeat: no-repeat;
        filter: blur(10px);
        backdrop-filter: blur(10px);
        z-index: 0;
        animation: panning-b-5alrqb7320 90s linear infinite, fadeIn-b-5alrqb7320 2s ease-in-out;
    }

@keyframes panning-b-5alrqb7320 {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes fadeIn-b-5alrqb7320 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .login-page[b-5alrqb7320]::before {
        background-size: cover;
    }
}