@import '_content/dymaptic.GeoBlazor.Core/dymaptic.GeoBlazor.Core.8opetg2y0k.bundle.scp.css';
@import '_content/dymaptic.GeoBlazor.Pro/dymaptic.GeoBlazor.Pro.2ive3gv17p.bundle.scp.css';

/* _content/dymaptic.Licensing.Server/Components/CookieConsent.razor.rz.scp.css */
.cookie-consent-banner[b-or7q7bd042] {
    background-color: var(--background-grey-3);
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    padding: 1rem 2rem;

    transform: translateY(100%);
    animation: slide-up-b-or7q7bd042 0.5s forwards;
}

.cookie-consent-banner__text *[b-or7q7bd042] {
    display: inline;
}

#accept-cookies-button[b-or7q7bd042] {
    flex-grow: 0;
    white-space: nowrap;
    height: min-content;
}

@keyframes slide-up-b-or7q7bd042 {
    from {
        transform: translateY(100%); /* Start off-screen */
    }
    to {
        transform: translateY(0); /* Fully visible */
    }
}

@media only screen and (max-width: 600px) {
    .cookie-consent-banner[b-or7q7bd042] {
        flex-direction: column;
        gap: 1rem;
    }

    .cookie-consent-banner__text h2[b-or7q7bd042],
    .cookie-consent-banner__text p[b-or7q7bd042] {
        display: block;
    }
}
/* _content/dymaptic.Licensing.Server/Components/DataGroupEditBox.razor.rz.scp.css */
.card[b-ji08xwtj0e] {
    background: linear-gradient(var(--background-grey-1), var(--background-grey-1)) padding-box, var(--geoblazor-gradient-horizontal) border-box;
    border: 0.125rem solid transparent;
    border-radius: var(--box-radius);
    position: relative;
    padding: 1rem;
    container: card / inline-size;
}

.card__action-button-container[b-ji08xwtj0e] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 0.5rem;
}

[b-ji08xwtj0e] form.card__data-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}

.card__data-container__item[b-ji08xwtj0e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    width: 100%;

    .form-group {
        margin-bottom: 0;
    }

    span[b-ji08xwtj0e] {
        display: block;
    }

    span.item-title[b-ji08xwtj0e],
    label[b-ji08xwtj0e] {
        font-weight: 500;
        color: var(--text-emphasis);
    }
}

@container card (width < 600px) and (width > 350px) {
    [b-ji08xwtj0e] form.card__data-container {
        grid-template-columns: 1fr 1fr;
    }
}

@container card (width < 351px) {
    [b-ji08xwtj0e] form.card__data-container {
        grid-template-columns: 1fr;
    }
}
/* _content/dymaptic.Licensing.Server/Components/Footer.razor.rz.scp.css */
.footer-container[b-fhbuptihse] {
    width: 100%;
    container: footer-container / inline-size;
}

footer[b-fhbuptihse] {
    color: var(--text-emphasis);
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 1rem;
    display: grid;
    grid-template-columns: auto max-content max-content max-content max-content max-content max-content;
    grid-template-areas: ". copyright rights cookie privacy pro-license core-license";
    justify-content: end;
    align-items: center;
    padding: 1rem 2rem;
    
    a.footer__link {
        text-decoration: underline;
        font-weight: 200;
    }

    span#copyright[b-fhbuptihse] {
        grid-area: copyright;
    }
    span#rights-reserved[b-fhbuptihse] {
        grid-area: rights;
    }
    span#cookie-link[b-fhbuptihse] {
        grid-area: cookie;
    }
    span#privacy-link[b-fhbuptihse] {
        grid-area: privacy;
    }
    span#pro-license[b-fhbuptihse] {
        grid-area: pro-license;
    }
    span#core-license[b-fhbuptihse] {
        grid-area: core-license;
    }
}

@container footer-container (width >= 1064px) {
    footer span:not(:last-child)[b-fhbuptihse]::after {
        content: "|";
        margin: 0 1rem;
    }
}

@container footer-container (width < 1064px) {
    footer[b-fhbuptihse] {
        grid-template: 1fr 1fr 1fr 1fr / 1fr 1fr;
        grid-template-areas: "copyright copyright"
                             "rights rights"
                             "cookie privacy"
                             "pro-license core-license";
        justify-items: center;
    }
    span[b-fhbuptihse] {
        text-align: center;
    }
}
/* _content/dymaptic.Licensing.Server/Components/FormComponents/Checkbox.razor.rz.scp.css */
.checkbox-container[b-19vlocf1tj] {
    display: flex;
    align-items: center;
}

.styled-checkbox[b-19vlocf1tj] {
    display: none;
}

.styled-checkbox + label.checkbox-clicker[b-19vlocf1tj] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 0.125rem solid var(--text-emphasis);
    cursor: pointer;
    margin-right: 0.75rem;
}

.styled-checkbox:checked + label.checkbox-clicker[b-19vlocf1tj] {
    background-color: var(--geoblazor-primary);
}
/* _content/dymaptic.Licensing.Server/Components/GlobalNavMenu.razor.rz.scp.css */
.global-nav[b-6qyh5w528f] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: var(--background-grey-1);
}

.global-nav__container[b-6qyh5w528f] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 1rem;
    max-width: 1240px;
}

.global-nav__menu-header[b-6qyh5w528f] {
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
}

.global-nav__logo-container[b-6qyh5w528f] {
    height: 70px;
    width: auto;
}

.global-nav__logo[b-6qyh5w528f] {
    background-image: url('images/logos/GeoBlazor-by-dymaptic-White.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 250px;
    min-width: 150px;
}

@media (prefers-color-scheme: light) {
    .global-nav__logo[b-6qyh5w528f] {
        background-image: url('images/logos/GeoBlazor-by-dymaptic-Purple.svg');
    }
}

.global-nav__menu-toggle[b-6qyh5w528f] {
    display: none;
}

.global-nav__menu-items[b-6qyh5w528f] {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
}

.global-nav__menu-item[b-6qyh5w528f] {
    color: var(--text-emphasis);
    font-family: 'Aller', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: var(--box-radius);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.global-nav__menu-item:hover[b-6qyh5w528f] {
    background-color: var(--background-grey-3);
    color: var(--geoblazor-accent);
    text-decoration: none;
}

@media (prefers-color-scheme: light) {
    .global-nav__menu-item:hover[b-6qyh5w528f] {
        background-color: var(--background-grey-1);
    }
}

.global-nav__menu-text[b-6qyh5w528f] {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.icon.hamburger-icon[b-6qyh5w528f] {
    background-image: url('images/icons/menu.svg');
    width: 3.75rem;
    height: 3.75rem;
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    background-position: center;
}

/* Mobile Styles */
@media only screen and (max-width: 1240px) {
    .global-nav__container[b-6qyh5w528f] {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem 0 0;
    }

    .global-nav__menu-header[b-6qyh5w528f] {
        justify-content: space-between;
        width: 100%;
    }

    .global-nav__menu-toggle[b-6qyh5w528f] {
        display: flex;
    }

    .global-nav__menu-items[b-6qyh5w528f] {
        flex-direction: column;
        gap: 0;
        width: 100%;
        margin-top: 0.75rem;
    }

    .global-nav__menu-items.collapsed[b-6qyh5w528f] {
        display: none;
    }

    .global-nav__menu-item[b-6qyh5w528f] {
        padding: 1rem;
        width: 100%;
        text-align: center;
        border-radius: 0;
        background-color: var(--background-grey-3);
        border-bottom: 1px solid var(--background-grey-4);
    }

    .global-nav__menu-item:hover[b-6qyh5w528f] {
        background-color: var(--geoblazor-primary);
        color: var(--text-button);
    }

    @media (prefers-color-scheme: light) {
        .global-nav__menu-item[b-6qyh5w528f] {
            background-color: var(--background-grey-2);
        }
        
        .global-nav__menu-item:hover[b-6qyh5w528f] {
            background-color: var(--geoblazor-primary);
            color: var(--text-button);
        }
    }
}

/* _content/dymaptic.Licensing.Server/Components/ImpersonationBanner.razor.rz.scp.css */
.impersonation-banner[b-9maks8vdeb] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: var(--geoblazor-accent);
    color: var(--text-button);
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-weight: 500;
}

.impersonation-banner__content[b-9maks8vdeb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.impersonation-banner__icon[b-9maks8vdeb] {
    font-size: 24px;
    line-height: 1;
}

.impersonation-banner__text[b-9maks8vdeb] {
    line-height: 1.4;
}

.impersonation-banner__text strong[b-9maks8vdeb] {
    font-weight: 700;
}

.impersonation-banner__exit-button[b-9maks8vdeb] {
    background: var(--text-button);
    color: var(--geoblazor-accent);
    border: none;
    padding: 8px 20px;
    border-radius: var(--box-radius);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.impersonation-banner__exit-button:hover[b-9maks8vdeb] {
    opacity: 0.9;
}

.impersonation-banner__exit-button:active[b-9maks8vdeb] {
    opacity: 0.8;
}
/* _content/dymaptic.Licensing.Server/Components/InfoCard.razor.rz.scp.css */
.info-card[b-eb9l1318av] {
    background: linear-gradient(var(--background-grey-1), var(--background-grey-1)) padding-box,
                var(--geoblazor-gradient-horizontal) border-box;
    border: 0.125rem solid transparent;
    border-radius: var(--box-radius);
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: center;
    gap: 1rem;
    padding: 0.875rem 1.875rem 1.875rem;
    height: 100%;
    max-width: 26rem;
}
/* _content/dymaptic.Licensing.Server/Components/KeyCard.razor.rz.scp.css */
span[b-i01ydofpou] {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.card[b-i01ydofpou] {
    background: linear-gradient(var(--background-grey-1), var(--background-grey-1)) padding-box,
                var(--geoblazor-gradient-horizontal) border-box;
    border: 0.125rem solid transparent;
    border-radius: var(--box-radius);
    display: inline-block;
    padding: 1rem 2rem;
    height: max-content;
    width: 25rem;
}

.card__header-row[b-i01ydofpou] {
    color: var(--text-emphasis);
    display: flex;
    justify-content: space-between;
}

.card__title[b-i01ydofpou] {
    color: var(--text-emphasis);
}

.card__fields[b-i01ydofpou] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.card__field-label[b-i01ydofpou] {
    color: var(--text);
}

.card__field-value[b-i01ydofpou] {
    color: var(--text-emphasis);
}

.card__field-value__list-item[b-i01ydofpou] {
    display: block;
}

.row[b-i01ydofpou] {
    gap: 0.625rem;
}

@media only screen and (max-width: 401px) {
    .card[b-i01ydofpou] {
        padding: 0.5rem 1rem;
        width: 23rem;

        .card__header-row h2 {
            font-size: 1.3rem;
        }
    }
}

@media (prefers-color-scheme: light) {
    .card__title[b-i01ydofpou],
    .card__field-value[b-i01ydofpou],
    .card__status[b-i01ydofpou] {
        color: var(--geoblazor-primary);
    }
    .card__status.error[b-i01ydofpou] {
        color: var(--error);
    }
}
/* _content/dymaptic.Licensing.Server/Components/MachineCard.razor.rz.scp.css */
span[b-4qmvv09seo] {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.row[b-4qmvv09seo] {
    justify-content: space-between; 
}

.machine-card[b-4qmvv09seo] {
    background: linear-gradient(var(--background-grey-1), var(--background-grey-1)) padding-box,
    var(--geoblazor-gradient-horizontal) border-box;
    border: 0.125rem solid transparent;
    border-radius: var(--box-radius);
    display: inline-block;
    padding: 1rem 2rem;
    height: max-content;
    width: 25rem;
}

.card__header-row[b-4qmvv09seo] {
    color: var(--text-emphasis);
    display: flex;
    justify-content: space-between;
}

.card__title[b-4qmvv09seo] {
    color: var(--text-emphasis);
}

.card__fields[b-4qmvv09seo] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.card__fields .row[b-4qmvv09seo] {
    width: 100%;
}

.card__field-label[b-4qmvv09seo] {
    color: var(--text);
}

.card__field-value[b-4qmvv09seo] {
    color: var(--text-emphasis);
}

@media only screen and (max-width: 401px) {
    .machine-card[b-4qmvv09seo] {
        padding: 0.5rem 1rem;
        width: 23rem;

        .card__header-row h2 {
            font-size: 1.3rem;
        }
    }
}

@media (prefers-color-scheme: light) {
    .card__title[b-4qmvv09seo],
    .card__field-value[b-4qmvv09seo],
    .card__status[b-4qmvv09seo] {
        color: var(--geoblazor-primary);
    }
    .card__status.error[b-4qmvv09seo] {
        color: var(--error);
    }
}
/* _content/dymaptic.Licensing.Server/Components/Modals/Modal.razor.rz.scp.css */
.modal-background[b-ntowvsu8fk] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: var(--background-grey-1-alpha);
}

@media (prefers-color-scheme: light) {
    .modal-background[b-ntowvsu8fk] {
        background-color: var(--background-grey-4-alpha);
    }
}

.modal[b-ntowvsu8fk] {
    position: relative;
    background: linear-gradient(var(--background-grey-1), var(--background-grey-1)) padding-box, var(--geoblazor-gradient-horizontal) border-box;
    border: 0.125rem solid transparent;
    border-radius: var(--box-radius);
    display: flex;
    flex-direction: column;
    max-width: 55rem;
    height: max-content;
    max-height: 80vh;
    padding: 3.75rem 2.25rem 2.25rem;
    overflow: visible;
}

.modal__image[b-ntowvsu8fk] {
    background-color: var(--geoblazor-accent);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 7rem;
    position: absolute;
    top: -3.5rem;
    left: calc(50% - 3.5rem);
    height: 7rem;
    width: 7rem;
}

.modal__content[b-ntowvsu8fk] {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.modal__button-row[b-ntowvsu8fk] {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 1rem;
}

i.icon.close--accent[b-ntowvsu8fk] {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0.5rem;
    top: 0.5rem;
    cursor: pointer;
}
/* _content/dymaptic.Licensing.Server/Components/Modals/QuestionnaireModal.razor.rz.scp.css */
.questionnaire-form__actions[b-wsdfng6tbu] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}

.questionnaire-form__skip[b-wsdfng6tbu] {
    color: var(--text-disabled);
}
/* _content/dymaptic.Licensing.Server/Components/NavBar.razor.rz.scp.css */
nav[b-54aaqzil0a] {
    background: linear-gradient(var(--background-grey-2), var(--background-grey-2)) padding-box,
                var(--geoblazor-gradient-vertical) border-box;
    border-right: 0.25rem solid transparent;

    hr {
        border-bottom: 0.25rem solid var(--geoblazor-primary);
    }

    .navbar__container[b-54aaqzil0a] {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 18rem;
        padding: 0.5rem 1.25rem 1rem;

        .navbar__logo {
            height: 100%;
            width: auto;
            background-image: url('images/logos/GeoBlazor-by-dymaptic-White.svg');
            background-size:    cover;
            background-repeat:  no-repeat;
            background-position: center center;
        }

        @media (prefers-color-scheme: light) {
            .navbar__logo[b-54aaqzil0a] {
                background-image: url('images/logos/GeoBlazor-by-dymaptic-Purple.svg');
            }
        }
    }

    .navbar__menu-container[b-54aaqzil0a] {
        display: flex;
        flex-direction: row;
        justify-content: start;
    }

    .navbar__menu-header[b-54aaqzil0a] {
        display: flex;
        flex-direction: column;

        .navbar__title-container {
            text-align: center;

            span {
                color: var(--geoblazor-primary);
                font-family: 'Aller', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                font-size: 1.5rem;
            }
        }
    }

    .navbar__menu-item-container[b-54aaqzil0a] {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;

        .navbar__menu-item {
            color: var(--text-emphasis);
            font-family: 'Aller', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.25rem;
            border-radius: var(--box-radius);
            padding: 0.6rem;
            display: inline-flex;
            gap: 1rem;
            align-items: center;
            text-decoration: unset;
        }

        .navbar__menu-item:hover[b-54aaqzil0a] {background-color: var(--background-grey-1);}

        @media (prefers-color-scheme: light) {
            .navbar__menu-item:hover[b-54aaqzil0a] {background-color: var(--background-grey-2);}
        }

        .navbar__menu-item.selected[b-54aaqzil0a] {background-color: var(--background-grey-3);}

        .navbar__menu-item.navbar__mobile-only[b-54aaqzil0a] {
            display: none;
        }
    }

    .navbar__user-container[b-54aaqzil0a] {
        display: flex;
        flex-direction: column;
        align-items: center;

        .navbar__user-details-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 1rem;
            padding: 0.5rem 0.5rem 1rem;
            cursor: pointer;
        }

        .navbar__user-details[b-54aaqzil0a] {
            color: var(--text);
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            display: flex;
            flex-direction: column;

            .user-name {
                color: var(--text-emphasis);
                font-size: 1.25rem;
            }

            .user-email[b-54aaqzil0a] {
                font-size: 0.75rem;
            }
        }

        button.navbar__logout-button[b-54aaqzil0a] {
            background-color: var(--background-grey-4);
            border-radius: var(--box-radius);
            font-size: 1rem;
            padding: 0.5rem;
            display: inline-flex;
            gap: 0.625rem;
            align-items: center;
            width: 100%;

            span {
                color: var(--text-button);
            }
        }
    }

    .navbar__menu-item__text[b-54aaqzil0a] {
        display: initial;
    }

    i.icon[b-54aaqzil0a] {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    .icon.down-carat[b-54aaqzil0a] {
        display: none;
    }

    .icon.license-icon[b-54aaqzil0a] {background-image: url('images/icons/license.svg');}
    .icon.key-icon[b-54aaqzil0a] {background-image: url('images/icons/keys.svg');}
    .icon.machines-icon[b-54aaqzil0a] {background-image: url('images/icons/machines.svg');}
    .icon.help-icon[b-54aaqzil0a] {background-image: url('images/icons/help.svg');}
    .icon.admin-icon[b-54aaqzil0a] {background-image: url('images/icons/admin.svg');}
    .icon.team-icon[b-54aaqzil0a] {background-image: url('images/icons/team.svg');}

    @media (prefers-color-scheme: light) {
        .icon.license-icon[b-54aaqzil0a] {background-image: url('images/icons/license-dark.svg');}
        .icon.key-icon[b-54aaqzil0a] {background-image: url('images/icons/keys-dark.svg');}
        .icon.machines-icon[b-54aaqzil0a] {background-image: url('images/icons/machines-dark.svg');}
        .icon.help-icon[b-54aaqzil0a] {background-image: url('images/icons/help-dark.svg');}
        .icon.admin-icon[b-54aaqzil0a] {background-image: url('images/icons/admin-dark.svg');}
        .icon.team-icon[b-54aaqzil0a] {background-image: url('images/icons/team-dark.svg');}
    }

    .icon.profile-icon[b-54aaqzil0a] {
        background-image: url('images/Torchy/48px/Torchy-Phone.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: var(--geoblazor-accent);
        border-radius: 4rem;
        width: 48px;
        height: 48px;
        flex: 1 0 auto;
    }

    .icon.logout-icon[b-54aaqzil0a] {
        background-image: url('images/icons/logout.svg');
        margin-right: unset;
    }

/***  NAVBAR COLLAPSED OVERRIDES  ***/

    .navbar__container.collapsed[b-54aaqzil0a] {
        width: 100px;

        .navbar__menu-item__text {
            display: none;
        }

        .navbar__menu-item[b-54aaqzil0a] {
            justify-content: center;
        }

        .navbar__user-details-container[b-54aaqzil0a] {
            justify-content: center;
            gap: unset;
        }
    }
    
}

@media (prefers-color-scheme: light) {
    nav[b-54aaqzil0a] {
        background: linear-gradient(var(--background-grey-1), var(--background-grey-1)) padding-box,
            var(--geoblazor-gradient-vertical) border-box;
    }
}

@media only screen and (min-width: 1241px) {
    nav[b-54aaqzil0a] {
        min-height: 42rem;
    }
}

/***********************/
/***  NAVBAR MOBILE  ***/
/***********************/

@media only screen and (max-width: 1240px) {
    nav[b-54aaqzil0a] {
        border: none;

        /* Blazor doesn't always generate isolated css correctly for the first rule within nested css.
           Putting this here to force the following rules to be generated correctly... */
        #nested-css-fix{display: none;}

        .navbar__container[b-54aaqzil0a] {
            width: 100%;
            height: auto;
            position: relative;
            padding: 0;
    
            .navbar__menu-header {
                background-color: var(--geoblazor-accent);
                flex-direction: row-reverse;
                align-items: start;
                justify-content: space-between;
                padding: 0.6rem 2rem;
                cursor: pointer;

                .icon.down-carat {
                    display: initial;
                    width: 2rem;
                    height: 2rem;
                }

                .navbar__title-container[b-54aaqzil0a] {
                    vertical-align: middle;

                    span {
                        color: #fff;
                    }
                }
            }
    
            .navbar__menu-item-container[b-54aaqzil0a] {
                gap: unset;
                position: absolute;
                top: 100%;
                width: 100%;
                z-index: 100;

                .navbar__menu-item,
                .navbar__menu-item:hover {
                    background-color: var(--background-grey-2);
                    font-size: 1.5rem;
                    justify-content: center;
                    border-radius: unset;
                }
        
                .navbar__menu-item.selected[b-54aaqzil0a] {
                    background-color: var(--geoblazor-accent);
                }

                .navbar__menu-item.navbar__mobile-only[b-54aaqzil0a] {
                    display: inline-flex;
                }

                .navbar__menu-item__text[b-54aaqzil0a] {
                    font-size: 1.5rem;
                }
            }

            .navbar__title-container span[b-54aaqzil0a] {
                color: #fff;
                font-family: 'Aller', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                font-size: 1.25rem;
            }

            .navbar__menu-item-container.collapsed[b-54aaqzil0a] {
                display: none;
            }
    
            i.license-icon[b-54aaqzil0a],
            i.key-icon[b-54aaqzil0a],
            i.admin-icon[b-54aaqzil0a],
            i.team-icon[b-54aaqzil0a],
            i.help-icon[b-54aaqzil0a],
            i.profile-icon[b-54aaqzil0a],
            i.logout-icon[b-54aaqzil0a],
            i.machines-icon[b-54aaqzil0a],
            hr[b-54aaqzil0a] {
                display: none;
            }
        }

        .navbar__container.collapsed[b-54aaqzil0a] {
            width: 100%;
        }
    
        .navbar__user-container[b-54aaqzil0a] {
            display: none;
        }
    }
}

/* _content/dymaptic.Licensing.Server/Components/PageNotFound.razor.rz.scp.css */
.page-not-found-container[b-ml9gurgivd] {
    text-align: center;
}
/* _content/dymaptic.Licensing.Server/Components/ProductCard.razor.rz.scp.css */
.product-card[b-nax9halah4] {
    background: linear-gradient(var(--background-grey-2), var(--background-grey-2)) padding-box, var(--geoblazor-gradient-vertical) border-box;
    border-radius: var(--box-radius);
    border: 0.125rem solid transparent;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    width: 22rem;
    position: relative;
    text-align: start;
}

.product-card__features[b-nax9halah4] {
    flex: 1 1 auto;
}

.product-card__items[b-nax9halah4] {
    color: var(--text-emphasis);
}

.product-card__purchase-button[b-nax9halah4] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.product-card__illustration[b-nax9halah4] {
    position: absolute;
    left: calc(100% - 10rem);
    top: -4.25rem;
    width: 11rem;
    height: auto;
    z-index: 1;
}

.product-card-title[b-nax9halah4] {
    color: var(--text-emphasis);
}

span.price[b-nax9halah4] {
    font-size: 3rem;
    font-weight: 400;
}

ul[b-nax9halah4] {
    margin: 0;
    padding: 0;
}

li[b-nax9halah4] {
    list-style-type: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--text-emphasis);
    line-height: 2.25rem;
}

li[b-nax9halah4]::before {
    content: "";
    background-image: url('images/icons/check.svg');
    background-size: cover;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}

@media (prefers-color-scheme: light) {
    .product-card-title[b-nax9halah4],
    .product-card__items[b-nax9halah4],
    span.price[b-nax9halah4] {
        color: var(--geoblazor-primary);
    }
}
/* _content/dymaptic.Licensing.Server/Components/Tooltip.razor.rz.scp.css */
.tooltip-container[b-myu3g4cwqj] {
    position: relative;
    display: flex;
    cursor: pointer;
}


.tooltip-container .tooltip-text[b-myu3g4cwqj] {
    visibility: hidden;
    background-color: #555;
    background: linear-gradient(var(--background-grey-2), var(--background-grey-2)) padding-box,
                var(--geoblazor-gradient-horizontal) border-box;
    border: 0.125rem solid transparent;
    border-radius: var(--box-radius);
    color: var(--text-emphasis);
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: start;
    padding: 5px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    min-width: 8rem;
    max-width: 23rem;
    width: max-content;
}

.right[b-myu3g4cwqj] {
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 1rem;
}

.right[b-myu3g4cwqj]::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: transparent var(--geoblazor-primary) transparent transparent;

    top: 50%;
    right: calc(100% + 0.125rem);
    margin-top: -5px;
}

.left[b-myu3g4cwqj] {
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    margin-right: 1rem;
}

.left[b-myu3g4cwqj]::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent var(--geoblazor-accent);

    top: 50%;
    left: calc(100% + 0.125rem);
    margin-top: -5px;
}



.tooltip-container:hover .tooltip-text[b-myu3g4cwqj] {
    visibility: visible;
    opacity: 1;
}
/* _content/dymaptic.Licensing.Server/Layouts/MainLayout.razor.rz.scp.css */
div.page[b-lyhdlo33tc] {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100vw;
    padding-top: 6.25rem;
}

.page__content[b-lyhdlo33tc] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    main {
        flex: 1 1 auto;
        padding: 2rem 3rem;
        max-width: 1240px;
    }
}

/*** MOBILE VERSION ***/
@media only screen and (max-width: 1240px) {
    div.page[b-lyhdlo33tc] {
        flex-direction: column;
    }

    .page__content main[b-lyhdlo33tc] {
            padding: 1rem;
        }
}
/* _content/dymaptic.Licensing.Server/Layouts/SplashPageLayout.razor.rz.scp.css */
div.page[b-xewm0l0owz] {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100vw;
    padding-top: 6.25rem;
}

.page_content[b-xewm0l0owz] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    main {
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 1rem 2rem;
    }
}

[b-xewm0l0owz] img {
    max-width: 400px;
    width: 100% 
}

[b-xewm0l0owz] h1 {
    font-size: 3rem;
    text-align: center;
    margin: 1rem 0;
}

@media only screen and (max-width: 768px) {
    div.page[b-xewm0l0owz] {
        padding-top: 60px;
    }
}
/* _content/dymaptic.Licensing.Server/Layouts/SplitLayout.razor.rz.scp.css */
.split-body-section[b-sceg9hulpz] {
    display: grid;
    grid-template-areas: "content image";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    height: 100vh;
    width: 100vw;
    padding-top: 6.25rem;

    .content-container {
        grid-area: content;
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        container: content-container / inline-size;

        .content {
            display: flex;
            flex-direction: column;
            flex: 1 1 0;
            justify-content: center;
            min-height: -webkit-min-content;
            padding: 1rem;
            max-width: 800px;
            width: 100%;
        }
    }
}

.content-centered-logo[b-sceg9hulpz],
[b-sceg9hulpz] .content-centered-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0.5rem;
    width: 100%;
}

.image-section[b-sceg9hulpz] {
    grid-area: image;
    display: grid;
    grid-template: "blank" 3fr "gradient" 2fr / auto;
    height: 100%;

    .background-image {
        grid-area: 1 / 1 / -1 / -1;
        z-index: -1;
        background-image: url('images/map-background/map-background-480.webp');
        background-size:    cover;
        background-repeat:  no-repeat;
        background-position: center center;
    }

    .gradient-container[b-sceg9hulpz] {
        grid-area: gradient;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: end;
        background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));
        color: #fff;
        padding: 1rem;
    }
}

.geoblazor-logo[b-sceg9hulpz] {
    margin: 0 0 4rem;
    max-width: 100%;
    width: 25rem;
}

[b-sceg9hulpz] .split-layout-form {
    margin: 1rem 0 0;
}

[b-sceg9hulpz] hr {
    width: 60%;
}

[b-sceg9hulpz] .button-row {
    margin: 1rem 0;
}

[b-sceg9hulpz] span.bullet-spacing {
    margin: 0 1rem;
}

[b-sceg9hulpz] .content-centered-body {
    container: content-centered-body / inline-size;
}

@container content-centered-body (max-width: 350px) {
    [b-sceg9hulpz] .helper-links p,
    [b-sceg9hulpz] .helper-links span{
        font-size: 0.75rem;
    }
    [b-sceg9hulpz] span.bullet-spacing {
        margin: 0 0.25rem;
    }
}

@media only screen and (max-width: 1380px) and (min-width: 1041px) {
    .mega-title[b-sceg9hulpz] {
        font-size: 3rem;
    }
}

@media only screen and (max-width: 1040px) and (min-width: 876px) {
    .mega-title[b-sceg9hulpz] {
        font-size: 2.5rem;
    }
}

@media only screen and (max-width: 875px) and (min-width: 716px) {
    .mega-title[b-sceg9hulpz] {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 715px) and (min-width: 601px) {
    .mega-title[b-sceg9hulpz] {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 600px) {
    .split-body-section[b-sceg9hulpz] {
        grid-template-areas: "content"
                             "image";
        grid-template-rows: max-content 1fr;
        grid-template-columns: 1fr;
        padding-top: 6.25rem;
    }

    .content-container[b-sceg9hulpz] {
        min-height: 75vh;

        .content {
            padding: 1rem 1rem 0;
            max-width: unset;
        }
    }

    .content-centered-logo[b-sceg9hulpz] {
        display: none;
    }

    .image-section[b-sceg9hulpz] {
        grid-template: "area" 1fr / 1fr;

        .background-image {
            grid-area: area;
        }

        .gradient-container[b-sceg9hulpz] {
            grid-area: area;
        }
    }

    .mega-title[b-sceg9hulpz] {
        font-size: 2rem;
    }

}

/* background image resize media queries */
@media only screen and (min-width: 480px) {
    .image-section .background-image[b-sceg9hulpz] {
        background-image: url('images/map-background/map-background-768.webp');
    }
}
@media only screen and (min-width: 768px) {
    .image-section .background-image[b-sceg9hulpz] {
        background-image: url('images/map-background/map-background-1024.webp');
    }
}
@media only screen and (min-width: 1024px) {
    .image-section .background-image[b-sceg9hulpz] {
        background-image: url('images/map-background/map-background-1440.webp');
    }
}
@media only screen and (min-width: 1440px) {
    .image-section .background-image[b-sceg9hulpz] {
        background-image: url('images/map-background/map-background-1920.webp');
    }
}
@media only screen and (min-width: 1920px) {
    .image-section .background-image[b-sceg9hulpz] {
        background-image: url('images/map-background/map-background-2500.webp');
    }
}
/* _content/dymaptic.Licensing.Server/Pages/Admin.razor.rz.scp.css */
table input[b-a4m4i2pob3] {
    padding: 0.5rem;
    margin: 0 0 0.5rem 0;
    max-width: unset;
}

.admin-container[b-a4m4i2pob3] {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
}

.button-row[b-a4m4i2pob3] {
    align-items: center;
}

.code-view[b-a4m4i2pob3] {
    max-width: 100vw;
    text-wrap: auto;
    overflow-wrap: anywhere;
}
/* _content/dymaptic.Licensing.Server/Pages/Help.razor.rz.scp.css */
.help__container[b-74h48mwds8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.25rem;
    text-align: center;
}

.help__cards-container[b-74h48mwds8] {
    container: cards-container / inline-size;
    display: flex;
    justify-content: center;
    width: 100%;
}

.help__cards[b-74h48mwds8] {
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr 1fr;
}

.help__contact[b-74h48mwds8] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    width: 100%;
}

#Torchy-help[b-74h48mwds8] {
    width: 13.5rem;
}

@container cards-container (width < 650px) {
    .help__cards[b-74h48mwds8] {
        grid-template-columns: 1fr;
    }
}
/* _content/dymaptic.Licensing.Server/Pages/Index.razor.rz.scp.css */
.keys-container[b-kueo5yls0o] {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;

    button {
        width: max-content;
    }
}

.controls-row[b-kueo5yls0o] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

[b-kueo5yls0o] .controls-row > * {
    flex: 0 1 max-content;
}

.key-cards[b-kueo5yls0o] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.key-cards__grid-container[b-kueo5yls0o] {
    display: flex;
    max-width: 74rem;
    flex: 1;
}

.key-cards__container[b-kueo5yls0o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 25rem);
    gap: 3rem;
    flex: 1;
    justify-content: center;
    justify-items: center;
}

.half-panel[b-kueo5yls0o] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem;
    margin-top: 3rem;
}

[b-kueo5yls0o] .half-panel > * {
    flex: 1 1 min-content;
    min-width: 21rem;
}

.tooltip-label[b-kueo5yls0o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* _content/dymaptic.Licensing.Server/Pages/LandingPage.razor.rz.scp.css */
.button-container[b-12t69aaiv7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
}

@media only screen and (max-width: 824px) {
    .button-container[b-12t69aaiv7] {
        flex-direction: column;
    }
}
/* _content/dymaptic.Licensing.Server/Pages/Licenses.razor.rz.scp.css */
.licenses-container[b-vkk7ke9in2] {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;

    button {
        width: max-content;
    }
}

.actions-cell[b-vkk7ke9in2] {
    display: flex;
    gap: 0.5rem;
    justify-content: end;
}

.team-member-info[b-vkk7ke9in2] {
    padding: 1.5rem;
    background-color: var(--surface-secondary);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;

    p {
        margin: 0;
        color: var(--text-primary);
        line-height: 1.5;
    }

    strong[b-vkk7ke9in2] {
        color: var(--text-emphasis);
    }

    a[b-vkk7ke9in2] {
        color: var(--accent);
        text-decoration: none;
        font-weight: 500;

        &:hover {
            text-decoration: underline;
        }
    }
}

.unassigned-text[b-vkk7ke9in2] {
    color: var(--text-secondary);
    font-style: italic;
}
/* _content/dymaptic.Licensing.Server/Pages/Login.razor.rz.scp.css */
/* _content/dymaptic.Licensing.Server/Pages/Machines.razor.rz.scp.css */
.machine-cards[b-hqyt13j5fn] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.machine-cards__grid-container[b-hqyt13j5fn] {
    display: flex;
    max-width: 74rem;
    flex: 1;
}

.machine-cards__container[b-hqyt13j5fn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 25rem);
    gap: 3rem;
    flex: 1;
    justify-content: center;
    justify-items: center;
}
/* _content/dymaptic.Licensing.Server/Pages/Profile.razor.rz.scp.css */
.profile-container[b-1le54890f2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem 3rem;
}

.info-row[b-1le54890f2] {
    width: 100%;
}

#logo[b-1le54890f2] {
    width: 25rem;
    max-width: 100%;
}
#profile-picture[b-1le54890f2] {
    width: 7.25rem;
    height: auto;
}
/* _content/dymaptic.Licensing.Server/Pages/PurchaseLicensePage.razor.rz.scp.css */
.purchase-container[b-em2gfam8hh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 100%;
    text-align: center;
    gap: 2rem;
}

.purchase-container__title[b-em2gfam8hh] {
    color: var(--text-emphasis);
}

@media (prefers-color-scheme: light) {
    .purchase-container__title[b-em2gfam8hh] {
        background: var(--torchy-gradient-horizontal); /* Use your gradient variable */
        background-clip: text; /* Standard property for compatibility */
        -webkit-background-clip: text; /* Clip the background to the text */
        -webkit-text-fill-color: transparent; /* Make the text transparent to show the gradient */
    }
}

.card-container[b-em2gfam8hh] {
    display: flex;
    flex-direction: row;
    gap: 3.25rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}

/***************
* Purchase Modal
****************/
.purchase-form__details[b-em2gfam8hh] {
    display: grid;
    grid-template: 1fr 1fr / 1fr 1fr;
    padding: 0 4rem;

    #price {
        grid-area: 1 / 1 / 2 / 2;
    }
    #payment[b-em2gfam8hh] {
        grid-area: 1 / 2 / 2 / 3;
    }
    #activation[b-em2gfam8hh] {
        grid-area: 2 / 1 / 3 / 2;
    }
    #expiration[b-em2gfam8hh] {
        grid-area: 2 / 2 / 3 / 3;
    }

    label[b-em2gfam8hh] {
        margin-right: 1rem;
    }
    [b-em2gfam8hh] select {
        width: auto;
    }
}

.license-agreement-description[b-em2gfam8hh] {
    margin-left: 2.25rem;
}

/* _content/dymaptic.Licensing.Server/Pages/Team.razor.rz.scp.css */
.team-container[b-k5zr31ru0i] {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;

    button {
        width: max-content;
    }
}

.actions-cell[b-k5zr31ru0i] {
    display: flex;
    gap: 0.5rem;
    justify-content: end;
}

.team-help-container[b-k5zr31ru0i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.team-form[b-k5zr31ru0i] {
    padding: 1rem 0;
}

.info-message[b-k5zr31ru0i] {
    padding: 1rem;
    background-color: var(--geoblazor-info-bg, #e7f3ff);
    border: 1px solid var(--geoblazor-info-border, #b6d7ff);
    border-radius: 4px;
    margin-bottom: 1rem;
}

.info-message p[b-k5zr31ru0i] {
    margin: 0;
    color: var(--geoblazor-info-text, #0056b3);
}

.email-textarea[b-k5zr31ru0i] {
    width: 100%;
    min-height: 100px;
    resize: vertical;
    border: 1px solid var(--geoblazor-border, #ccc);
    border-radius: 4px;
    padding: 0.75rem;
    font-family: inherit;
    font-size: 0.9rem;
}

.email-textarea:focus[b-k5zr31ru0i] {
    outline: none;
    border-color: var(--geoblazor-primary, #007bff);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-group[b-k5zr31ru0i] {
    margin-bottom: 1rem;
}

.form-group label[b-k5zr31ru0i] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--geoblazor-text, #333);
}

.form-help[b-k5zr31ru0i] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: var(--geoblazor-muted, #6c757d);
}

.email-preview[b-k5zr31ru0i] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--geoblazor-light-bg, #f8f9fa);
    border: 1px solid var(--geoblazor-light-border, #e9ecef);
    border-radius: 4px;
}

.email-preview ul[b-k5zr31ru0i] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.email-preview li[b-k5zr31ru0i] {
    margin-bottom: 0.25rem;
}

.valid-email[b-k5zr31ru0i] {
    color: var(--geoblazor-success, #28a745);
}

.invalid-email[b-k5zr31ru0i] {
    color: var(--geoblazor-danger, #dc3545);
}

.error-indicator[b-k5zr31ru0i] {
    font-size: 0.8rem;
    font-weight: 600;
}

.status-badge[b-k5zr31ru0i] {
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-active[b-k5zr31ru0i] {
    background-color: var(--geoblazor-success-bg, #d4edda);
    color: var(--geoblazor-success, #28a745);
    border: 1px solid var(--geoblazor-success-border, #c3e6cb);
}

.status-pending[b-k5zr31ru0i] {
    background-color: var(--geoblazor-warning-bg, #fff3cd);
    color: var(--geoblazor-warning, #856404);
    border: 1px solid var(--geoblazor-warning-border, #ffeaa7);
}
/* _content/dymaptic.Licensing.Server/Pages/ThankYou.razor.rz.scp.css */
#resend-email-button[b-brjosumyuv] {
    margin: 0 0 1rem;
}
/* _content/dymaptic.Licensing.Server/Pages/Verification.razor.rz.scp.css */
#resend-email[b-7d53yvse87] {
    width: 400px;
    margin: 2rem;
}

.btn[b-7d53yvse87] {
    margin-bottom: 2rem;
}

.verification-message[b-7d53yvse87] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.verification-message[b-7d53yvse87]  p {
    color: var(--geoblazor-accent);
}