@import '_content/WAGO.SolutionsPlatform.UILibrary.Core/WAGO.SolutionsPlatform.UILibrary.Core.a0k7hzwkx7.bundle.scp.css';
@import '_content/WAGO.SolutionsPlatform.UILibrary/WAGO.SolutionsPlatform.UILibrary.stcomok6mi.bundle.scp.css';

/* /Pages/AccountInfo/BillingPage.razor.rz.scp.css */
/*general*/

.billing-page[b-e9dqp9q55h] {
    background-color: var(--w-surface-layer-2);
    min-height: var(--main-frame-height);
    padding: 30px 27px 30px 24px;
}

.w-icon[b-e9dqp9q55h] {
    height: 24px;
    width: 24px;
}

.billing-page-label[b-e9dqp9q55h] {
    display: block;
    color: var(--w-content-default);
    font-size: 2rem;
    font-weight: 700;
}

/*plan*/

.selected-plan-container[b-e9dqp9q55h] {
    margin-top: 21px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
}

.plan-tile[b-e9dqp9q55h] {
    padding: 15px 21px 15px 21px;
    background-color: var(--w-surface-layer-1);
    height: 150px;
}

.plan-headline-text[b-e9dqp9q55h] {
    color: var(--w-content-default);
    font-size: 1.06rem;
    font-weight: 500;
}

.plan-body-text[b-e9dqp9q55h] {
    margin-top: 2px;
    color: var(--w-content-default);
    font-size: 2rem;
    font-weight: 400;
}

/*invoice*/

.invoice-container[b-e9dqp9q55h] {
    margin-top: 33px;
}

.invoice-headline-text[b-e9dqp9q55h] {
    color: var(--w-content-default);
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 15px;
}

.invoice-tiles-container[b-e9dqp9q55h] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
}

.invoice-tile-element[b-e9dqp9q55h] {
    display: grid;
    grid-template-columns: 63.5% 36.5%;
    grid-template-rows: 120px;
    grid-column-gap: 1px;
}

.invoice-tile-left[b-e9dqp9q55h] {
    padding: 15px 21px 15px 21px;
    background-color: var(--w-surface-layer-1);
}

.invoice-tile-text-container[b-e9dqp9q55h] {
    margin-left: 15px;
}

.invoice-title-text[b-e9dqp9q55h] {
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 700;
}

.invoice-description-text[b-e9dqp9q55h] {
    padding-top: 6px;
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 400;
}

.invoice-price-text[b-e9dqp9q55h] {
    padding-top: 6px;
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 400;
}

.invoice-tile-right[b-e9dqp9q55h] {
    padding: 15px 21px 15px 21px;
    background-color: var(--w-surface-layer-1);
}

.invoice-amount-text[b-e9dqp9q55h] {
    color: var(--w-content-default);
    font-size: 2rem;
    font-weight: 400;
}

.invoice-unit-text[b-e9dqp9q55h] {
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 400;
    word-break: break-word;
}

/*costs*/

.costs-container[b-e9dqp9q55h] {
    margin-top: 30px;
}

.costs-container-label[b-e9dqp9q55h] {
    color: var(--w-content-default);
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 15px;
}

/*table*/

.billing-list-header[b-e9dqp9q55h] {
    height: 54px;
    padding: 15px 21px;
    width: 100%;
    box-shadow:
    /* left "inner border" */
    inset 3px 0 0 0 var(--w-surface-layer-2),
    /* bottom "inner border" */
    inset 0 -3px 0 0 var(--w-border-active);
    background: var(--w-surface-layer-1);
    display: flex;
    align-items: center;
}

.header-title[b-e9dqp9q55h] {
    font-size: 1rem;
    font-weight: 700;
}

.billing-list-item span[b-e9dqp9q55h] {
    display: block;
}

.billing-list-item[b-e9dqp9q55h] {
    height: 54px;
    font-weight: 400;
    padding: 15px 21px;
    text-align: left;
    font-size: 1rem;
    border-left: solid 3px var(--w-surface-layer-2);
}

    .billing-list-item .link[b-e9dqp9q55h] {
        margin-top: 0px !important;
    }

[b-e9dqp9q55h] .dxbl-grid-header-content span{
    width: 100%
}
/* /Pages/AccountInfo/ChangePasswordForm.razor.rz.scp.css */
.absolute-right[b-qjvxzkoz7g] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: var(--w-content-subtle);
}

.show-password[b-qjvxzkoz7g] {
    top: 12px;
    filter: invert(68%) sepia(15%) saturate(112%) hue-rotate(184deg) brightness(96%) contrast(89%);
}

.pop-up-container[b-qjvxzkoz7g] {
    width: 100%;
    margin: 30px 30px 15px 30px;
}

    .pop-up-container .label[b-qjvxzkoz7g] {
        font-weight: bold;
        font-size: 12px;
        margin-top: 6px;
        letter-spacing: 0.01rem;
    }

.pop-up-quit-button[b-qjvxzkoz7g] {
    border: 0;
    background: var(--w-surface-layer-1)
}

.popup-title[b-qjvxzkoz7g] {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.05rem;
}

.cursor-pointer[b-qjvxzkoz7g] {
    cursor: pointer
}

.form-item[b-qjvxzkoz7g] {
    margin-bottom: 15px;
}

.form-button[b-qjvxzkoz7g] {
    float: right;
}

.label[b-qjvxzkoz7g] {
    display: block;
    font-weight: 400;
}

.headline-text[b-qjvxzkoz7g] {
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 400;
    margin-block: 3px;
}
/* /Pages/AccountInfo/CompanyInfo.razor.rz.scp.css */
.company-view-container[b-8ry4oe57dc] {
    background-color: var(--w-surface-layer-1);
    width: 100%;
    margin: 0px 2rem 2rem 2rem;
    padding: 30px;
}

.form-row[b-8ry4oe57dc] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.account-view-title[b-8ry4oe57dc] {
    margin: 2rem 2rem 3rem 2rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.account-view-title h3[b-8ry4oe57dc] {
    font-size: 2rem;
}

.form-item[b-8ry4oe57dc] {
    margin-bottom: 15px;
    width: 49%;
}

.form-button[b-8ry4oe57dc] {
    float: right;
    margin-top: 15px;
}

.splitted-item[b-8ry4oe57dc] {
    display: flex;
}

.splitted-1[b-8ry4oe57dc] {
    width: 120%;
    margin-right: 20px;
}

.splitted-2[b-8ry4oe57dc] {
    width: 20%;
}

.splitted-3[b-8ry4oe57dc] {
    width: 40%;
    margin-right: 20px;
}

.splitted-4[b-8ry4oe57dc] {
    width: 100%
}

.field-with-info[b-8ry4oe57dc] {
    display: flex;
    align-items: flex-end;
}

.info-icon[b-8ry4oe57dc] {
    width: 15px;
    --lib-icon-size: 15px;
    margin-left: 6px;
    margin-bottom: 16px;
}

.cdc-company-data-info-icon[b-8ry4oe57dc] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    cursor: help;
}

.cdc-company-data-info-icon[b-8ry4oe57dc]  lib-icon {
    width: 100%;
    height: 100%;
}

.cdc-view-container[b-8ry4oe57dc] {
    --flex-items: 3;
    display: flex; /* or inline-flex */
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%
}

.cdc-view-item[b-8ry4oe57dc] {
    width: calc(100% / var(--flex-items));
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.cdc-form-container[b-8ry4oe57dc] {
    padding: 9px 11px 15px 11px;
    width: 100%
}

.cdc-form-row[b-8ry4oe57dc] {
    display: flex;
    gap: 2rem;
}

.cdc-form-row .cdc-form-item:first-child[b-8ry4oe57dc] {
    flex: 2;
}

.cdc-form-row .cdc-form-item:last-child[b-8ry4oe57dc] {
    flex: 1;
}

.cdc-form-item[b-8ry4oe57dc] {
    margin-top: 18px;
}

.cdc-form-item-account[b-8ry4oe57dc] {
    margin-top: 18px;
}

.cdc-label[b-8ry4oe57dc] {
    display: block;
    font-weight: 400;
    font-size: 15px;
}

.read-only-text[b-8ry4oe57dc] {
    font-weight: 700;
    padding: 15px;
}

@media (max-width: 768px) {
    .cdc-form-row[b-8ry4oe57dc] {
        display: block;
    }
}

[b-8ry4oe57dc] .dxbl-fl .dxbl-fl-gd, .dxbl-fl .dxbl-fl-gt[b-8ry4oe57dc] {
    margin: 0;
}

[b-8ry4oe57dc] .dxbl-group-header {
    height: 54px;
    padding: 7px 13px;
}

[b-8ry4oe57dc] .dxbl-group-header > .dxbl-text {
    margin-left: 0px;
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
}
/* /Pages/AccountInfo/DeleteAccountPopUp.razor.rz.scp.css */
.popup-container[b-i16c2n20tt] {
    margin: 30px;
}


.title-row[b-i16c2n20tt] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-i16c2n20tt] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.warning-texts span[b-i16c2n20tt] {
    display: block;
    font-weight: 600;
    margin: 10px 0px;
}


.delete-row[b-i16c2n20tt] {
    display: flex;
    margin-top: 2rem;
}

.delete-icon[b-i16c2n20tt] {
    width: 20px;
    margin-top: -2px;
}

.red-delete-icon[b-i16c2n20tt] {
    width: 20px;
    margin-top: -2px;
    transform: translateX(-80px);
    filter: drop-shadow(var(--w-content-variant-fixed) 80px 0);
}

.confirm-message[b-i16c2n20tt] {
    font-weight: 700;
    font-size: 1rem;
    margin: 13px 15px;
}

.red-delete-button[b-i16c2n20tt] {
    padding: 10px 10px;
    background: var(--w-surface-warning);
    color: var(--w-content-variant-fixed);
    overflow: hidden;
}

.red-delete-button-text[b-i16c2n20tt] {
    font-weight: 700;
    font-size: 1rem;
}

.loader[b-i16c2n20tt] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--w-surface-layer-1);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-i16c2n20tt 1s linear infinite;
    margin-right: 5px;
}

    .loader[b-i16c2n20tt]::after {
        content: '';
        position: absolute;
        box-sizing: border-box;
        left: 8px;
        top: 13px;
        border: 5px solid transparent;
        border-right-color: var(--w-content-variant-fixed);
        transform: rotate(294deg);
    }

[b-i16c2n20tt] .warning-icon {
    margin-right: 20px;
}

@keyframes rotation-b-i16c2n20tt {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Pages/AccountInfo/InviteDataExporterPopup.razor.rz.scp.css */
.popup-container[b-jggnaojynh] {
    margin: 30px;
}

.title-row[b-jggnaojynh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.title[b-jggnaojynh] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.description-text[b-jggnaojynh] {
    margin-bottom: 20px;
    color: var(--w-content-subtle);
    font-size: 14px;
    line-height: 1.5;
}

.field-label[b-jggnaojynh] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--w-content-subtle);
    margin-bottom: 4px;
}

.invite-row[b-jggnaojynh] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.email-input[b-jggnaojynh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.role-display[b-jggnaojynh] {
    flex: 0 0 150px;
    display: flex;
    flex-direction: column;
}

.send-button[b-jggnaojynh] {
    flex: 0 0 auto;
    align-self: flex-end;
    padding-bottom: 18px; /* accounts for the error msg min-height below the email input */
}

.invite-row-msg[b-jggnaojynh] {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.01rem;
    min-height: 18px;
    color: var(--w-content-subtle);
}

.invite-row-msg.error-msg[b-jggnaojynh] {
    color: var(--w-content-warning);
}
/* /Pages/AccountInfo/LegalUpdate/LegalUpdateManagement.razor.rz.scp.css */
.legal-update-management-page[b-i1jtxowi7w] {
    height: 100%;
    overflow: auto;
    padding: 0px 30px;
}

.page-title-row[b-i1jtxowi7w] {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
    align-items: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
}
.title[b-i1jtxowi7w] {
    font-size: 28px;
    font-weight: 700;
}

.section[b-i1jtxowi7w] {
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    background-color: var(--w-surface-layer-1);
    padding: 40px 30px;
}

.section-header-row[b-i1jtxowi7w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.section-title[b-i1jtxowi7w] {
    font-size: 18px;
    font-weight: 700;
}

.meta-row[b-i1jtxowi7w] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.meta-field[b-i1jtxowi7w] {
    min-width: 320px;
}

.latest-version-label[b-i1jtxowi7w] {
    color: var(--w-content-default);
    font-size: 14px;
    font-weight: 600;
}

.editor-grid[b-i1jtxowi7w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 20px;
}

.editor-column[b-i1jtxowi7w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.column-title[b-i1jtxowi7w] {
    font-size: 20px;
    font-weight: 900;
    padding: 20px 0;
}

.language-switch-button[b-i1jtxowi7w] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
}

.popup-preview-frame[b-i1jtxowi7w] {
    border: 1px solid var(--w-border-separator);
    border-radius: 8px;
    background: var(--w-surface-layer-1);
}

.popup-container[b-i1jtxowi7w] {
    margin: 30px;
}

.title-row[b-i1jtxowi7w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.button-group[b-i1jtxowi7w] {
    display: flex;
    gap: 10px;
}

.validation-error-list[b-i1jtxowi7w] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
}

.header-label[b-i1jtxowi7w] {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 0;
}

.body-text[b-i1jtxowi7w] {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.link-actions[b-i1jtxowi7w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.link-action-row[b-i1jtxowi7w] {
    margin: 0.25rem 0;
}

.confirmation-checkbox[b-i1jtxowi7w] {
    margin-top: 1.5rem;
}

.action-row[b-i1jtxowi7w] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
}

.email-preview-card[b-i1jtxowi7w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--w-border-separator);
    border-radius: 8px;
    padding: 14px;
    white-space: pre-wrap;
}

.email-subject[b-i1jtxowi7w] {
    font-weight: 700;
}

.legal-note[b-i1jtxowi7w] {
    color: var(--w-content-subtle);
    font-size: 12px;
}

.package-info-container[b-i1jtxowi7w] {
    width: 100%;
}

.form-row[b-i1jtxowi7w] {
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.form-item[b-i1jtxowi7w] {
    width: 100%;
}

.form-item-half[b-i1jtxowi7w] {
    width: 49%;
}

@media (max-width: 1200px) {
    .editor-grid[b-i1jtxowi7w] {
        grid-template-columns: 1fr;
    }

    .meta-row[b-i1jtxowi7w] {
        flex-direction: column;
        align-items: stretch;
    }

    .meta-field[b-i1jtxowi7w] {
        min-width: 0;
    }
}
/* /Pages/AccountInfo/LegalUpdate/LegalUpdatePublishConfirmationPopup.razor.rz.scp.css */
.popup-container[b-a9pqjscp6c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px;
}

.title-row[b-a9pqjscp6c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title[b-a9pqjscp6c] {
    font-size: 20px;
    font-weight: 700;
}

.warning-text[b-a9pqjscp6c] {
    color: var(--w-content-warning);
    font-weight: 600;
}

.version-row[b-a9pqjscp6c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.version-label[b-a9pqjscp6c] {
    font-size: 14px;
    font-weight: 600;
}

.error-text[b-a9pqjscp6c] {
    color: var(--w-content-warning);
    font-size: 13px;
}

.buttons-row[b-a9pqjscp6c] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
/* /Pages/AccountInfo/UserManagement.razor.rz.scp.css */
.account-view-title[b-97r7w0wqxv] {
    margin: 2rem 2rem 3rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .account-view-title h3[b-97r7w0wqxv] {
        font-size: 2rem;
    }

.user-list-toolbar[b-97r7w0wqxv] {
    margin: 0 2rem 1rem 2rem;
    display: flex;
    align-items: center;
}

.user-search-box[b-97r7w0wqxv] {
    width: 320px;
}


.role-editor-container[b-97r7w0wqxv] {
    margin-left: 35px;
    margin-right: 35px;
    display: flex;
    --flex-item: 5;
}

.role-editor-item[b-97r7w0wqxv] {
    width: calc(100% / var(--flex-item));
    height: 290px;
    background: var(--w-surface-layer-1);
    padding: 20px 27px 0px 26px;
}

.role-editor-title[b-97r7w0wqxv] {
    font-weight: 700;
    font-size: large;
    display: block;
    margin-bottom: 15px;
}

.check-box-container[b-97r7w0wqxv] {
    margin-top: -6px;
}

.more-role[b-97r7w0wqxv] {
    margin: 9px 0px 0px 11px;
    font-weight: 500;
}

.save-button[b-97r7w0wqxv] {
    float: right;
    margin-top: 100px;
}

img.icon-magnifier[b-97r7w0wqxv] {
    margin-left: 15px;
}


/*user list*/

/*user list grid header background and height*/
[b-97r7w0wqxv] .user-list-container th.dxbl-grid-header {
    --dxbl-grid-text-cell-padding-y: 20px;
}

[b-97r7w0wqxv] .user-list-container th.dxbl-grid-header {
    background: var(--w-surface-layer-2) !important;
}

.user-list-wrapper[b-97r7w0wqxv] {
    margin: 0 2rem 2rem 2rem;
    background: var(--w-surface-layer-1);
}

.user-list-cell[b-97r7w0wqxv] {
    margin: 10px 0px 10px 5px;
    height: 45px;
}

.user-list-cell-title[b-97r7w0wqxv] {
    margin-top: 5px;
    display: block;
    font-size: smaller;
    font-weight: 400;
}

.last-name-title[b-97r7w0wqxv] {
    margin-top: 0;
}

.user-list-cell-value[b-97r7w0wqxv] {
    display: flex;
    font-size: medium;
    font-weight: 500;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.last-name-value:hover[b-97r7w0wqxv] {
    overflow: hidden !important;
}

.user-list-cell-value:hover[b-97r7w0wqxv] {
    overflow: auto;
}

.user-list-cell-value[b-97r7w0wqxv]::-webkit-scrollbar {
    height: 5px;
}

.user-list-cell-value[b-97r7w0wqxv]::-webkit-scrollbar-button {
    width: 0px;
}

.user-list-cell-value[b-97r7w0wqxv]::-webkit-scrollbar-thumb {
    background: var(--w-content-subtle);
}

.email-cell-text-container[b-97r7w0wqxv] {
    padding-left: 30px;
}

[b-97r7w0wqxv] .even-row {
    background-color: var(--w-surface-layer-1);
}

[b-97r7w0wqxv] .odd-row {
    background-color: var(--w-surface-layer-2);
}

[b-97r7w0wqxv] .even-row:hover {
    cursor: pointer;
}

[b-97r7w0wqxv] .odd-row:hover {
    cursor: pointer;
}

.info-icon[b-97r7w0wqxv] {
    width: 20px;
    --lib-icon-size: 20px;
    cursor: pointer;
    float: right;
    margin-right: 45px;
}

.header-row[b-97r7w0wqxv] {
    font-size: 1rem;
    font-weight: 600;
    display: flex;
}

.remove-button[b-97r7w0wqxv] {
    margin-left: 15px;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.disabled-remove-button[b-97r7w0wqxv] {
    opacity: 50%;
}

.remove-icon[b-97r7w0wqxv] {
    width: 20px;
    margin-top: -5px;
}


/*popup*/
.popup-container[b-97r7w0wqxv] {
    margin: 30px;
}


.title-row[b-97r7w0wqxv] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-97r7w0wqxv] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.warning-texts[b-97r7w0wqxv] {
    font-weight: 400;
    margin: 10px 0px;
    font-size: 1rem;
}

.delete-row[b-97r7w0wqxv] {
    display: flex;
    padding-right: 40px;
    margin-top: 2rem;
    flex-direction: row;
}

.row-type-role[b-97r7w0wqxv] {
    justify-content: end;
}

.row-type-delete[b-97r7w0wqxv] {
    justify-content: space-between;
}

.delete-icon[b-97r7w0wqxv] {
    width: 20px;
    margin-top: -2px;
}

.red-delete-icon[b-97r7w0wqxv] {
    width: 20px;
    margin-top: -2px;
    transform: translateX(-80px);
    filter: drop-shadow(var(--w-content-variant-fixed) 80px 0);
}

.confirm-message[b-97r7w0wqxv] {
    font-weight: 700;
    font-size: 1rem;
    margin: 13px 15px;
}

.red-delete-button[b-97r7w0wqxv] {
    padding: 10px 10px;
    background: var(--w-surface-warning);
    color: var(--w-content-variant-fixed);
    overflow: hidden;
}

.red-delete-button-text[b-97r7w0wqxv] {
    font-weight: 700;
    font-size: 1rem;
}

.avatar[b-97r7w0wqxv] {
    height: 42px;
    width: 42px;
    background-color: var(--w-surface-primary);
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    padding-top: 9px;
}

.info-button[b-97r7w0wqxv]{
    align-self: center;
}

[b-97r7w0wqxv] .dxbl-grid-bottom-panel{
    padding: 30px;
}

/* table header */
[b-97r7w0wqxv] .dxbl-grid-header-content {
    flex-direction: row-reverse;
}

/* row hover */
[b-97r7w0wqxv] .user-row > td {
    border-top: solid 1px transparent !important;
    border-bottom: solid 1px transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

    [b-97r7w0wqxv] .user-row > td:first-child {
        border-left: solid 1px transparent !important;
    }

    [b-97r7w0wqxv] .user-row > td:nth-child(5) {
        border-right: solid 1px transparent !important;
    }

[b-97r7w0wqxv] .dxbl-grid-selected-row > td, [b-97r7w0wqxv] .user-row:hover > td {
    border-top-color: var(--w-border-active) !important;
    border-bottom-color: var(--w-border-active) !important;
}

    [b-97r7w0wqxv] .dxbl-grid-selected-row > td:first-child, [b-97r7w0wqxv] .user-row:hover > td:first-child {
        border-left-color: var(--w-border-active) !important;
    }

    [b-97r7w0wqxv] .dxbl-grid-selected-row > td:nth-child(5), [b-97r7w0wqxv] .user-row:hover > td:nth-child(5) {
        border-right-color: var(--w-border-active) !important;
    }

/* hover */
[b-97r7w0wqxv] .dxbl-grid-header-content:hover {
    text-decoration: underline;
    text-decoration-color: var(--w-surface-primary);
    color: var(--w-surface-primary);
}
/* /Pages/AccountInfo/UserManagement_SolutionRolePopup.razor.rz.scp.css */
.popup-container[b-rzbpy0birz] {
    margin: 30px;
}


.title-row[b-rzbpy0birz] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-rzbpy0birz] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}
.user-list-cell[b-rzbpy0birz] {
    margin: 10px 0px 10px 5px;
    height: 45px;
}

.user-list-cell-title[b-rzbpy0birz] {
    margin-top: 5px;
    display: block;
    font-size: smaller;
    font-weight: 400;
}

.user-list-cell-value[b-rzbpy0birz] {
    display: flex;
    font-size: medium;
    font-weight: 500;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.customer-admin-row[b-rzbpy0birz] {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

span.customer-admin-indicator-text[b-rzbpy0birz] {
    font-size: 15px;
    line-height: 24px;
    margin-right: 25px;
}
.error-message[b-rzbpy0birz] {
    font-size: 15px;
    margin-left: 50px;
    color: var(--w-content-warning);
}
.info-text[b-rzbpy0birz] {
    font-size: 15px;
    line-height: 24px;
}
/* /Pages/AccountInfo/UserProfile.razor.rz.scp.css */
.account-view-container[b-2whksqmvfq] {
    --flex-items: 3;
    display: flex; /* or inline-flex */
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%
}

.account-view-item[b-2whksqmvfq] {
    width: calc(100% / var(--flex-items));
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.form-container[b-2whksqmvfq] {
    padding: 9px 11px 15px 11px;
    width: 100%
}

.account-view-title[b-2whksqmvfq] {
    margin: 2rem 2rem 3rem 2rem;
}

    .account-view-title h3[b-2whksqmvfq] {
        font-size: 2rem;
    }

.delete-account-item[b-2whksqmvfq] {
    margin-top: 27px !important;
}

.read-only-text[b-2whksqmvfq] {
    font-weight: 700;
    padding: 15px;
}

[b-2whksqmvfq] .dxbl-fl .dxbl-fl-gd, .dxbl-fl .dxbl-fl-gt[b-2whksqmvfq] {
    margin: 0;
}

.form-item[b-2whksqmvfq] {
    margin-top: 18px;
}

.form-button[b-2whksqmvfq] {
    float: right;
}

.form-button-save[b-2whksqmvfq] {
    padding-top: 15px;
}

.label[b-2whksqmvfq] {
    display: block;
    font-weight: 400;
    font-size: 15px;
}

.form-item-text[b-2whksqmvfq] {

}

.cursor-pointer[b-2whksqmvfq] {
    cursor: pointer
}

[b-2whksqmvfq] .dxbl-group-header {
    height: 54px;
    padding: 7px 13px;
}

[b-2whksqmvfq] .dxbl-group-header > .dxbl-text {
    margin-left: 0px;
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
}

/* /Pages/AccountInfo/UserSelectionFlyout.razor.rz.scp.css */
.user-selection-container[b-q8q3fh1qwm] {
    height: 99px;
    background-color: var(--w-content-default);
    padding: 27px 40px 27px 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.selection-text[b-q8q3fh1qwm] {
    color: var(--w-content-variant-fixed);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 12px;
}

.close-button[b-q8q3fh1qwm]{
    margin-left: 65px;
}

/* /Pages/AppRegistration/AppDefinition.razor.rz.scp.css */
.app-definition-container[b-c6bd3rwx9w] {
    height: 100%;
    overflow: auto;
    padding: 0px 30px;
}

.app-definition-title-row[b-c6bd3rwx9w] {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
    align-items: center;
}

.app-definition-title[b-c6bd3rwx9w] {
    font-weight: 700;
    font-size: 2rem;
    line-height: 36px;
}

.app-components[b-c6bd3rwx9w] {
    margin-top: 32px;
}

.app-components-container[b-c6bd3rwx9w] {
    margin-top: 15px;
}

.app-components-editor[b-c6bd3rwx9w] {
    margin-top: 6px;
    height: 263px;
    border: solid 1px var(--w-border-subtle);
}

.app-components-title[b-c6bd3rwx9w] {
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 700;
    margin-top: 39px;
}

.app-components-section-title[b-c6bd3rwx9w] {
    color: var(--w-content-default);
    font-size: 1rem;
}

.app-components-buttons[b-c6bd3rwx9w] {
    margin-top: 15px;
}

.cloud-stack-button[b-c6bd3rwx9w] {
    margin-left: 15px;
}

.info-button-container[b-c6bd3rwx9w] {
    margin-left: 15px;
}

.info-button[b-c6bd3rwx9w] {
    height: 24px;
    width: 24px;
}


.edit-buttons[b-c6bd3rwx9w] {
    display: flex;
    gap: 1rem;
}

.cost-info[b-c6bd3rwx9w] {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.cost-info-text[b-c6bd3rwx9w] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}
/* /Pages/AppRegistration/AppDefinitionSummary.razor.rz.scp.css */

.preview[b-wfeb6ogwbr] {
    max-width: 35%;
    overflow: hidden;
}

.applicationTile[b-wfeb6ogwbr] {
    background-color: var(--w-surface-layer-1);
    min-height: 110px;
    margin: 12px 0px;
    border: 6px solid var(--w-surface-layer-2);
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    grid-column-gap: 10px;
    align-items: center;
}

    .applicationTile:hover[b-wfeb6ogwbr] {
        border: 6px solid var(--w-border-subtle);
    }

    .applicationTile:hover[b-wfeb6ogwbr], .app-name:hover[b-wfeb6ogwbr], .app-description:hover[b-wfeb6ogwbr] {
        cursor: pointer;
    }

[b-wfeb6ogwbr] .app-icon {
    justify-self: start;
    margin-left: 19px;
    height: 4.5em;
    width: 4.5em;
    color: var(--w-color-primary);
}

.app-text[b-wfeb6ogwbr] {
    justify-self: start;
}

.app-name[b-wfeb6ogwbr] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-default);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.app-description[b-wfeb6ogwbr] {
    font-size: 12px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    color: var(--w-content-default);
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap:anywhere;
}

.summary-container[b-wfeb6ogwbr] {
    background-color: var(--w-surface-layer-1);
    padding: 40px 30px;
    display: flex;
    gap: 30px;
}

.basic-info[b-wfeb6ogwbr] {
    min-width: 65%;
}

.summary-title[b-wfeb6ogwbr] {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
}

.text-input[b-wfeb6ogwbr] {
    margin-bottom: 1rem;
}

.basic-info-label[b-wfeb6ogwbr] {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
}


.icon-selector[b-wfeb6ogwbr] {
    display: grid;
    column-gap: 6px;
    grid-template-columns: repeat(auto-fill,42px);
    margin-top: 15px;
}

.icon-container[b-wfeb6ogwbr] {
    display: grid;
    justify-content: center;
    align-content: center;
    width: 42px;
    height: 42px;
    border: 3px solid transparent;
}

.selected-icon[b-wfeb6ogwbr] {
    border-color: var(--w-border-active);
}

.icon-container:hover[b-wfeb6ogwbr] {
    width: 42px;
    height: 42px;
    border-color: var(--w-border-info-on-white);
}

.selected-icon[b-wfeb6ogwbr] {
    border-color: var(--w-border-active) !important;
}

.switch-language-button-row[b-wfeb6ogwbr] {
    display: inline-block;
    width: 100%;
    justify-content: end;
}

.switch-language-button[b-wfeb6ogwbr] {
    float: right;
    cursor: pointer;
    gap: 5px;
    display: flex;
}
/* /Pages/AppRegistration/AppDescription.razor.rz.scp.css */
.app-description-page[b-52qwnv6qhl] {
    background: var(--w-surface-background);
}

.image-slider-container[b-52qwnv6qhl] {
    margin-left: 30px;
}

.text-button:hover[b-52qwnv6qhl] {
    cursor: pointer;
}

.app-description-navigation[b-52qwnv6qhl] {
    margin-top: 20px;
    margin-left: 23px;
    margin-right: 15px;
}

.language-button[b-52qwnv6qhl] {
    margin-right: 19px;
    align-self: center;
}

.app-summary-container[b-52qwnv6qhl] {
    margin-top: 22px;
    max-height: 433px;
    min-height: 433px;
    background: var(--w-surface-layer-2);
    overflow: hidden;
    display: flex;
    cursor: pointer;
}

.app-summary-editItem[b-52qwnv6qhl] {
    order: 2;
    align-self: center;
    width: 100%;
}

.image-size-label[b-52qwnv6qhl] {
    font-size: 1rem;
    color: var(--w-content-subtle);
}

.app-summary-item[b-52qwnv6qhl] {
    padding: 30px 15px 30px 15px;
    background: var(--w-surface-layer-1);
    width: 300px;
    min-height: 218px;
    position: absolute;
    top: 356px;
    margin-left: 30px;
    z-index:2;
    overflow-wrap: anywhere;
}

.header-picture[b-52qwnv6qhl] {
    height: 100%;
    width: 100%;
}


.benifits-container[b-52qwnv6qhl]{
    margin-top:1rem;
    display:grid;
    row-gap: 9px;
}

.size-text[b-52qwnv6qhl] {
    font-size: 1rem;
    font-weight: 400;
    color: var(--w-content-subtle);
    text-align: center;
}

.app-summary-label[b-52qwnv6qhl] {
    margin-left: 6px;
    font-size: 30px;
    font-weight: 700;
    color: var(--w-content-default);
    align-self: center;
}

.app-summary-benefits-list[b-52qwnv6qhl] {
    margin-top: 30px;
    margin-bottom: 30px;
}

.app-screenshots-container[b-52qwnv6qhl] {
    margin-top: 30px;
    margin-right: 20px;
    /*desktop margin-left*/
    margin-left: 361px;
}

.app-section-label[b-52qwnv6qhl] {
    font-weight: 700;
    font-size: 18px;
    color: var(--w-content-default);
    margin-top: 17px;
}

.app-details-label[b-52qwnv6qhl] {
    /*desktop margin-left*/
    margin-left: 361px;
}

.app-details-container[b-52qwnv6qhl] {
    margin-top: 15px;
    margin-bottom: 30px;
    margin-right: 20px;
    padding: 30px;
    background: var(--w-surface-layer-1);
    /*desktop margin-left*/
    margin-left: 361px;
}

.app-description-container[b-52qwnv6qhl] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.app-benefits-container[b-52qwnv6qhl] {
    margin-top: 2rem;
}

.text-button-label[b-52qwnv6qhl] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--w-content-default);
    margin-left: 3px;
}

.description-editor[b-52qwnv6qhl] {
    margin-bottom: 15px;
}

.benifits-editor[b-52qwnv6qhl] {
    display: flex;
    gap: 8px;
    margin-bottom: 1rem;
}

.ticks[b-52qwnv6qhl] {
    flex: none;
    padding-top: 12px;
}

[b-52qwnv6qhl] .tick {
    display: block;
    width: 24px;
    height: var(--w-text-base-line-height);
}

.item-container[b-52qwnv6qhl] {
    display: flex;
    gap: 17px;
    margin-bottom: 9px;
}

.item-text[b-52qwnv6qhl] {
    width: 229px;

    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--w-content-default);
    word-wrap: break-word;
}

.cost-info[b-52qwnv6qhl] {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin: 50px 0 75px 0;
}

.cost-info-text[b-52qwnv6qhl] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}
/* /Pages/AppRegistration/AppPackageSubSectionEditor.razor.rz.scp.css */
.title-of-subsection[b-fkjg2mzf5v] {
    display: block;
    margin-bottom: 10px;
}

.basic-info-label[b-fkjg2mzf5v] {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
}
/* /Pages/AppRegistration/AppRegistration.razor.rz.scp.css */

/* /Pages/AppRegistration/ConfigurationTabs.razor.rz.scp.css */
.tab-content[b-mpr05g9pio] {
    padding: 40px 30px;
    background-color: var(--w-surface-layer-1);
}
/* /Pages/AppRegistration/CustomAppEndpointStack.razor.rz.scp.css */
.configuration-template-container[b-1u2f6oi0u5] {
    padding-top: 30px;
    width: 100%;
}

.configuration-template-label[b-1u2f6oi0u5] {
    color: var(--w-content-default);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 160% */
    letter-spacing: 0.15px;
}

.configuration-tabs[b-1u2f6oi0u5] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tabs-header-row[b-1u2f6oi0u5] {
    display: flex;
    justify-content: space-between;
}

.stack-tabs[b-1u2f6oi0u5] {
    flex: 1;
}

.active-tab[b-1u2f6oi0u5] {
    background-color: var(--w-surface-layer-1);
    padding: 10px;
    margin-bottom: 20px;
}

.codesys-container[b-1u2f6oi0u5] {
}

[b-1u2f6oi0u5] .no-uploaded-file input[type="file"] {
    position: relative;
    margin-left: -100%;
    width: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    height: 42px;
}

[b-1u2f6oi0u5] .has-uploaded-file input[type="file"] {
    position: relative;
    margin-left: -110%;
    width: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    height: 42px;
}

.docker-tab[b-1u2f6oi0u5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.select-package-label[b-1u2f6oi0u5] {
    color: var(--w-content-default);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 175% */
    letter-spacing: 0.12px;
}

.file-picker[b-1u2f6oi0u5] {
    width: 62%;
    display: flex;
    gap: 1rem;
}

.file-input-textbox[b-1u2f6oi0u5] {
    width: 90%;
}

.progress-bar-wrapper[b-1u2f6oi0u5] {
    font-weight: 700;
    font-size: 12px;
    display: flex;
    width: 63.8%;
    gap: 5px;
    margin-top: 1rem;
}

[b-1u2f6oi0u5] .progress-bar-container {
    width: 80%;
}

.config-buttons-row[b-1u2f6oi0u5] {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    margin-top: 1rem;
}

.self-removing-toggle[b-1u2f6oi0u5] {
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* Continue the LibTabs separator (45px strip) below the checkbox area. */
.self-removing-toggle[b-1u2f6oi0u5]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 45px);
    height: 3px;
    background-color: var(--w-border-separator);
    pointer-events: none;
}

[b-1u2f6oi0u5] .self-removing-toggle > lib-icon {
    flex-shrink: 0;
}

label.app-components-section-title[b-1u2f6oi0u5] {
    margin-bottom: 5px;
}

.codesys-configuration-container[b-1u2f6oi0u5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 8px;
    padding-top: 6px;
    background-color: var(--w-surface-layer-1);
}

.codesys-additional-configuration-container[b-1u2f6oi0u5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--w-surface-layer-1);
    padding: 3rem 4rem 0rem 2rem;
}

.ports-grid[b-1u2f6oi0u5] {
    display: flex;
    gap: 1rem;
    width: 50%;
}

.port-header[b-1u2f6oi0u5] {
    display: block;
    color: var(--w-content-default);
    font-size: 15px;
    margin-top: 6px;
}

.configuration-container-close-row[b-1u2f6oi0u5] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}

.volume-row[b-1u2f6oi0u5] {
    display: flex;
    justify-content: space-between;
}

.file-path-row[b-1u2f6oi0u5] {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 30px;
    margin-top: -1rem;
}

.file-path-info-row[b-1u2f6oi0u5]{
    display: inline-flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 5px;
    padding-bottom: 5px;
}


.codesys-code-editor-container[b-1u2f6oi0u5], .docker-code-editor-container[b-1u2f6oi0u5] {
    width: 100%;
    height: 263px;
    position:relative;
}

#codesys-editor[b-1u2f6oi0u5], .codesys-editor-class[b-1u2f6oi0u5] {
    height: 263px;
}

[b-1u2f6oi0u5] .monaco-editor-container, #dockerStack-editor[b-1u2f6oi0u5], .dockerStack-editor-class[b-1u2f6oi0u5], #docker-editor[b-1u2f6oi0u5], .docker-editor-class[b-1u2f6oi0u5] {
    height: 263px;
}

.tag-box-container[b-1u2f6oi0u5] {
    width: 140%;
}

.order-number-container[b-1u2f6oi0u5] {
    width: 100%;
}

.other-config-container[b-1u2f6oi0u5] {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 0 0;
    gap: 4rem;
}

.remove-docker-stack-button[b-1u2f6oi0u5] {
    position: absolute;
    right: 50px;
    top: -10px;
    z-index: 10;
}

.configuration-section[b-1u2f6oi0u5] {
    margin-bottom: 2rem;
}

.configuration-section-label[b-1u2f6oi0u5] {
    font-weight: 700;
    font-size: 1rem;
}

.port-pair-row[b-1u2f6oi0u5] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.port-input[b-1u2f6oi0u5] {
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
}
/* /Pages/AppRegistration/Dropdown/CustomContextMenuInCodeEditor.razor.rz.scp.css */
.dropdown-item[b-jzvmqoiivx] {
    height: 48px;
    padding: 12px 30px 12px 30px;
    display: flex;
}

    .dropdown-item:hover[b-jzvmqoiivx] {
        background: var(--w-surface-primary);
        cursor: pointer;
    }

.dropdown-item-text[b-jzvmqoiivx] {
    color: var(--w-content-default);
    font-size: 15px;
    font-weight: 700;
    margin-left: 1rem;
}

    .dropdown-item-text:hover[b-jzvmqoiivx] {
        cursor: pointer;
    }


.configure-now[b-jzvmqoiivx] {
    margin-left: 1rem;
    background-color: var(--w-surface-attention);
    padding: 0 5px;
}

.item-icon[b-jzvmqoiivx] {
    width: 24px;
    height: 24px;
    align-self: center;
}

.incapatibleapp-item[b-jzvmqoiivx] {
    padding: 0px 30px;
    border-bottom: 1px solid var(--w-border-separator);
    display: flex;
    border-left: 4px solid var(--w-border-warning);
}
/* /Pages/AppRegistration/EditPackage.razor.rz.scp.css */
.edit-package-container[b-a9w32gf373] {
    height: 100%;
    overflow: auto;
    padding: 0px 30px;
}

.edit-package-title-row[b-a9w32gf373] {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
    align-items: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
}

.edit-package-wrapper[b-a9w32gf373] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    background-color: var(--w-surface-layer-1);
    padding: 40px 30px;
}

.package-descrition-item[b-a9w32gf373] {
    margin-bottom: 1rem;
}

.package-info-title[b-a9w32gf373] {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
}

.switch-language-button-row[b-a9w32gf373] {
    display: inline-block;
    width: 100%;
    margin-bottom: 114px;
}

.switch-language-button[b-a9w32gf373] {
    cursor: pointer;
    gap: 5px;
    display: flex;
    float: right;
    color: var(--w-content-default);
}

.package-info-container[b-a9w32gf373] {
    width: 100%;
}

[b-a9w32gf373] .edit-package-wrapper .package-container {
    outline: var(--w-surface-layer-2) 5px solid;
}

.form-row[b-a9w32gf373] {
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.form-item[b-a9w32gf373] {
    width: 100%;
}

.form-item-half[b-a9w32gf373] {
    width: 49%;
}

.basic-info-label[b-a9w32gf373] {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
}

.material-numbers-container[b-a9w32gf373] {
    --material-number-action-min-width: 9.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.material-number-add-row[b-a9w32gf373] {
    --material-number-action-min-width: 9.5rem;
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.material-number-add-row .text-button[b-a9w32gf373] {
    display: flex;
    align-items: center;
    min-width: var(--material-number-action-min-width);
    height: 24px;
    cursor: pointer;
}

.edit-subsection-buttons-row[b-a9w32gf373] {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0 2rem 0;
}

.text-button :hover[b-a9w32gf373] {
    cursor: pointer;
}

.text-button-label[b-a9w32gf373] {
    font-weight: 700;
    font-size: 12px;
    color: var(--w-content-default);
    margin-left: 3px;
}
/* /Pages/AppRegistration/FilePathConfiguration.razor.rz.scp.css */
.add-more-button[b-hl77m7jh4w] {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

    .add-more-button .exceed-limit-warning[b-hl77m7jh4w] {
        color: var(--w-content-warning);
    }

.configuration-file-path-container[b-hl77m7jh4w] {
    position: relative;
}

.delete-all-button[b-hl77m7jh4w] {
    position: absolute;
    right: -10.25px;
    top: -30.25px;
}
/* /Pages/AppRegistration/FilePathConfigurationRow.razor.rz.scp.css */
.form-row[b-m93vs6p6k8] {
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    gap: 2%;
}

.form-item-left[b-m93vs6p6k8] {
    width: 22%;
    flex-shrink: 0;
}

/* Let the path textbox absorb the remaining width so the checkbox label below never gets squeezed. */
.form-item-mid[b-m93vs6p6k8] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Size the column to the checkbox label so "Controller File System Path" stays on a single line. */
.form-item-right[b-m93vs6p6k8] {
    flex-shrink: 0;
    display: flex;
    padding-top: 20px;
}

.basic-info-label-block[b-m93vs6p6k8] {
    height: 1.5rem;
}

[b-m93vs6p6k8] .form-item-right .dxbl-checkbox {
    flex: 0 0 auto;
}

[b-m93vs6p6k8] .form-item-right .dxbl-text {
    white-space: nowrap;
}
/* /Pages/AppRegistration/GlobalAppEndpointStack.razor.rz.scp.css */
.app-components[b-u5uv6n39f7] {
    margin: 70px 0 50px 0;
}

.app-components-editor[b-u5uv6n39f7] {
    margin-top: 6px;
    height: 263px;
    border: solid 1px var(--w-border-subtle);
}

.app-components-section-title[b-u5uv6n39f7] {
    color: var(--w-content-default);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 5px;
}

.tab-row[b-u5uv6n39f7] {
    display: flex;
    justify-content: space-between;
}

.multiple-edge-stack-tabs[b-u5uv6n39f7] {
    max-width: 80%;
}

.app-components-buttons[b-u5uv6n39f7] {
    gap: 1rem;
}

.code-editor-container[b-u5uv6n39f7] {
    width: 100%;
    height: 263px;
}

[b-u5uv6n39f7] .monaco-editor-container {
    height: 263px;
}

.tag-box-container[b-u5uv6n39f7] {
    width: 100%;
}

.order-number-container[b-u5uv6n39f7] {
    width: 100%;
}

[b-u5uv6n39f7] .order-numbers-input {
    height:36px;
}

.other-config-container[b-u5uv6n39f7] {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 3rem 0;
    gap: 2rem;
}

[b-u5uv6n39f7] .display-none {
    display: none;
}
/* /Pages/AppRegistration/MaterialNumberPairsEditor.razor.rz.scp.css */
.pair-row[b-5usgjt9xq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.pair-item[b-5usgjt9xq9] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex: 1 1 0;
    min-width: 0;
}

.pair-field[b-5usgjt9xq9] {
    flex: 1 1 0;
    min-width: 0;
}

.text-button[b-5usgjt9xq9] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: var(--material-number-action-min-width, 9.5rem);
    height: 24px;
    cursor: pointer;
}

.text-button-label[b-5usgjt9xq9] {
    font-weight: 700;
    font-size:12px;
    color: var(--w-content-default);
    margin-left: 3px;
    white-space: nowrap;
}
.material-number-error-msg[b-5usgjt9xq9] {
    display: block;
    color: var(--w-content-warning);
}

.material-number-error-msg:empty[b-5usgjt9xq9] {
    display: none;
}
/* /Pages/AppRegistration/Popup/AddingEdgeStackNotPossiblePopup.razor.rz.scp.css */
.popup-container[b-kdi2vnyjzx] {
    margin: 30px;
}


.title-row[b-kdi2vnyjzx] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-kdi2vnyjzx] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}
/* /Pages/AppRegistration/Popup/ConfirmationPopup.razor.rz.scp.css */
.confirmation-container[b-1pxrzpdulq] {
    margin: 30px;
}

.confirmation-title-row[b-1pxrzpdulq] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-1pxrzpdulq] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.confirmation-content[b-1pxrzpdulq] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2rem;
}

.buttons-row[b-1pxrzpdulq] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* /Pages/AppRegistration/Popup/ConfirmDeleteAndLeavePopup.razor.rz.scp.css */
.popup-container[b-6j3cvqhyx6] {
    margin: 30px;
}

.title-row[b-6j3cvqhyx6] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-6j3cvqhyx6] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.checkbox-item[b-6j3cvqhyx6] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 1rem;
}

    .checkbox-item[b-6j3cvqhyx6]  .dxbl-text {
        display: flex;
        align-items: center;
    }

.checkbox-text[b-6j3cvqhyx6] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.buttons-row[b-6j3cvqhyx6] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* /Pages/AppRegistration/Popup/EdgeStackChangedPopup.razor.rz.scp.css */
.popup-container[b-h9xab73v24] {
    margin: 30px;
}


.title-row[b-h9xab73v24] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-h9xab73v24] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.checkbox-item[b-h9xab73v24] {
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.buttons-row[b-h9xab73v24] {
    display: flex;
    gap: 1rem;
    float: right;
}

.version-number-input[b-h9xab73v24]{
    border: 1px solid;
    width: 25px;
}

.version-number-input:focus-visible[b-h9xab73v24]{
    border: 1px solid var(--w-border-active);
    outline: 0;
}
/* /Pages/AppRegistration/Popup/EndpointStackTemplateHowToPopUp.razor.rz.scp.css */
.appconfig-howto-popup-container[b-x7jhwnvl5b] {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.howto-top[b-x7jhwnvl5b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top-row[b-x7jhwnvl5b] {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.title-small[b-x7jhwnvl5b] {
    color: var(--w-content-disabled);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 160% */
    letter-spacing: 0.15px;
}

.title-large[b-x7jhwnvl5b] {
    color: var(--w-content-default);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 120% */
    letter-spacing: -0.3px;
}

.text-container[b-x7jhwnvl5b] {
    display: flex;
    flex-direction: column;
}

.text-content[b-x7jhwnvl5b] {
    color: var(--w-content-default);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
}

.text-bold[b-x7jhwnvl5b] {
    color: var(--w-content-default);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.example-container[b-x7jhwnvl5b] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.code-example-container[b-x7jhwnvl5b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
}

.code-example-block[b-x7jhwnvl5b] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.code-example-row[b-x7jhwnvl5b] {
    display: inline-flex;
    flex-direction: row;
}

.square-index[b-x7jhwnvl5b] {
    display: flex;
    align-items: center;
    width: 17px;
    height: 21px;
    background-color: var(--w-surface-layer-2);
    padding: 3px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
}

.code-label[b-x7jhwnvl5b] {
    color: var(--w-content-default);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 175% */
    letter-spacing: 0.12px;
}
/* /Pages/AppStore/AppCompatibilityInformation.razor.rz.scp.css */
.version-info-container[b-tjm8c3oz2f] {
    margin-top: 1rem;
}

.version-info-title[b-tjm8c3oz2f] {
    font-weight: 700;
    display: block;
    margin-bottom: 0.5rem;
}

.version-info-content[b-tjm8c3oz2f] {
    display: flex;
    gap: 3rem;
    line-height: 40px;
}

.version-info-labels[b-tjm8c3oz2f] {
    display: flex;
    flex-direction: column;
}

.version-info-values[b-tjm8c3oz2f] {
    display: flex;
 flex-direction: column;
}

.compatibility-tags-container[b-tjm8c3oz2f] {
    display: flex;
    flex-wrap: wrap;
}

.app-compatibility-tag[b-tjm8c3oz2f] {
    margin: 2px 5px 8px 0px;
    background-color: var(--w-content-subtle);
    color: var(--w-content-variant-fixed);
    font-size: 12px;
    padding: 0 5px 0px 5px;
    line-height: 30px;
}
/* /Pages/AppStore/AppDetails.razor.rz.scp.css */
.appDetailsCover[b-6tbyhaqu79] {
/*    background-image: url(../images/grid-monitoring_local-network-station.png);
    background-position: center;
  background-repeat: no-repeat;
    background-size: cover;*/
    max-height: 430px;
    overflow: hidden;
}

.header-img[b-6tbyhaqu79] {
    width: 100%;
}

.header-img-editable[b-6tbyhaqu79] {
    position: relative;
  top: -73px;
}

.appDetailsDescription-container[b-6tbyhaqu79] {
    margin-top: 21px;
    margin-bottom: 96px;
}

.appDetailsDescription[b-6tbyhaqu79] {
    margin-left: 361px;
}

.image-slider-container[b-6tbyhaqu79] {
    margin-left: 30px;
}

.edit-button-wrapper[b-6tbyhaqu79] {
    position: absolute;
    right: 30px;
    margin-top: 15px;
}

.edit-button-wrapper[b-6tbyhaqu79] {
    margin-top: 25px;
    position: relative;
    z-index: 2;
    float: right;
    right: 15px;
}

.app-section-label[b-6tbyhaqu79] {
    font-weight: 700;
    font-size: 18px;
    color: var(--w-content-default);
    margin-top: 17px;
}

.app-details-label[b-6tbyhaqu79] {
 /*desktop margin-left*/
    margin-left: 361px;
}

.app-details-container[b-6tbyhaqu79] {
    margin-top: 15px;
    margin-bottom: 30px;
    margin-right: 20px;
    padding: 30px;
    background: var(--w-surface-layer-1);
    /*desktop margin-left*/
    margin-left: 361px;
}

.description-wrapper[b-6tbyhaqu79] {
    display: grid;
}

.description-wrapper[b-6tbyhaqu79]::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
}

.description-wrapper > textarea[b-6tbyhaqu79], .description-wrapper[b-6tbyhaqu79]::after {
    padding: 0.5rem;
    grid-area: 1 / 1 / 2 / 2;
  font-size: 1rem;
  line-height: 24px;
    font-weight: 400;
    border: 0;
    resize:none;
    overflow: auto;
}

.description-wrapper > textarea:focus[b-6tbyhaqu79] {
    outline:0;
}

.app-benefits-container[b-6tbyhaqu79] {
    margin-top: 2rem;
}

.benefits-container[b-6tbyhaqu79] {
    display: flex;
 align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.benefit-icon[b-6tbyhaqu79] {
    width: 24px;
}

.benefit-text[b-6tbyhaqu79] {
    font-size: 1rem;
    font-weight: 400;
}

.toast-in-page[b-6tbyhaqu79] {
    height: auto;
    margin: 20px 20px 0px 361px;
    background-color: var(--w-surface-layer-1);
    border-left: var(--w-border-warning) 5px solid;
}

.toast-header[b-6tbyhaqu79] {
    padding: 5px 0px 0px 15px;
    font-weight: 700;
    font-size: 1rem;
    gap: 1rem;
}

.toast-content[b-6tbyhaqu79] {
    padding: 0px 9px 5px 30px;
}

.toast-text-button[b-6tbyhaqu79] {
    padding-left: 15px;
}
/* /Pages/AppStore/AppStore.razor.rz.scp.css */
.appstore[b-rt3fhtlcmd] {
    padding: 2rem;
    min-height: var(--main-frame-height);
}

.appstore-title[b-rt3fhtlcmd] {
    font-weight: 700;
    font-size: 2rem;
}

.apps-container[b-rt3fhtlcmd] {
    padding-top: 13px;
    margin-left: -6px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.custom-app-tag[b-rt3fhtlcmd] {
    background-color: var(--w-color-neutral-70); /* No sematic token available for this color */
    color: var(--w-color-neutral-70-contrast);
    font-size: 12px;
    font-weight: 400;
    padding: 5px;
}


.app-button[b-rt3fhtlcmd] {
    display: flex;
    align-items: center;
}

.top-app[b-rt3fhtlcmd] {
    grid-row-start: 1;
    grid-row-end: 3;
    height: 246px !important;
    padding: 30px 15px 30px 15px;
    border: solid transparent 6px;
    background-image: url("/images/gridMonitoringThumbnail.png") !important;
    /*distort background*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*zoom background*/
    /*    background: transparent no-repeat center;
    background-size: cover;*/
}

.common-app[b-rt3fhtlcmd] {
    height: 108px;
    cursor: pointer;
    border: solid transparent 6px;
    overflow: hidden;
    position:relative;
}

    .top-app.common-app.d-flex.flex-row.align-items-end:hover[b-rt3fhtlcmd] {
        border-color: var(--w-border-active);
    }

    .common-app.common-app-properties.d-flex.flex-row:hover[b-rt3fhtlcmd] {
        border-color: var(--w-border-subtle);
    }

.common-app-properties[b-rt3fhtlcmd] {
    background-color: var(--w-surface-layer-1);
    padding: 30px 15px 30px 15px;
}

.building-spinner[b-rt3fhtlcmd] {
    position: absolute;
    top: 40%;
    left: 50%;
}

.in-building[b-rt3fhtlcmd] {
    opacity:50%;
}

.app-icon[b-rt3fhtlcmd] {
    height: 4.5em;
    width: 4.5em;
    margin-left: -4px;
    filter: invert(57%) sepia(82%) saturate(697%) hue-rotate(44deg) brightness(97%) contrast(105%);
}

[b-rt3fhtlcmd] .top-app-button-icon {
    color: var(--w-content-variant-fixed);
}

.app-detail[b-rt3fhtlcmd] {
    margin-left: 10px;
}

.app-name[b-rt3fhtlcmd] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-default);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.app-description[b-rt3fhtlcmd] {
    font-size: 12px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    color: var(--w-content-default);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}

.white-font[b-rt3fhtlcmd] {
    color: var(--w-content-variant-fixed) !important;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .apps-container[b-rt3fhtlcmd] {
        grid-template-columns: 1fr;
    }

    .appstore-custom-app-button[b-rt3fhtlcmd] {
        display: none;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .apps-container[b-rt3fhtlcmd] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .apps-container[b-rt3fhtlcmd] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/*xl*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*xxl*/
@media (min-width: 1400px) {
}
/* /Pages/AppStore/BuyApp/BuyProcessPopUp.razor.rz.scp.css */
.popup-container[b-7aburxmzum] {
    padding: 30px;
    height:100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow:auto;
}

.popup-container[b-7aburxmzum]::-webkit-scrollbar {
    display: none;
}

    .popup-container span[b-7aburxmzum], div[b-7aburxmzum] {
        display: block;
    }


.title[b-7aburxmzum] {
    font-size: 30px;
    font-weight: 600;
    display: inline-block !important;
    letter-spacing:0.05rem;
}

.title-row[b-7aburxmzum] {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.close-button[b-7aburxmzum]{
    justify-self: end;
}

.customerId-existing-dialog[b-7aburxmzum] {
    border: 1px solid var(--w-border-separator);
    padding: 15px;
}

.radio-button-container[b-7aburxmzum] {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.radio-title[b-7aburxmzum] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.radio-button-item[b-7aburxmzum] {
    width: 50%;
}

.contact-hint[b-7aburxmzum] {
    margin: 15px 0px;
    font-weight: 500;
    font-size:medium;
}

.contact-info-item[b-7aburxmzum] {
    display: flex !important;
    align-items: center;
    margin: 10px 0px;
}

.circle[b-7aburxmzum] {
    background-color: var(--w-surface-primary);
    border-radius: 50%;
    height: 3em;
    width: 3em;
    display: grid;
    align-items: center;
}

[b-7aburxmzum] .contact-icon {
    width:22px;
    --lib-icon-size: 22px;
    margin-left:0.7em;
}

.contact-label[b-7aburxmzum] {
    margin-left: 15px;
    font-weight: 500;
    font-size: medium;
}

.success-msg-container[b-7aburxmzum] {
    margin: 30px 20px;
}
/* /Pages/AppStore/BuyApp/CompanyDataForm.razor.rz.scp.css */
.company-data-container[b-89horydmzp] {
    border: 1px solid var(--w-border-separator);
    margin: 10px 0px 0px 0px;
    padding: 15px 15px 5px 15px;
}

.form-title[b-89horydmzp] {
    font-size: medium;
    font-weight: 600;
    display: block;
    margin: 5px 0px 20px 0px;
}

.form-item[b-89horydmzp] {
    margin-bottom: 12px;
}

.form-button[b-89horydmzp] {
    justify-content: space-between;
    display: flex;
}

.splitted-item[b-89horydmzp] {
    margin-bottom: 15px;
    display: flex;
}

.splitted-1[b-89horydmzp] {
    width: 120%;
    margin-right: 20px;
}

.splitted-2[b-89horydmzp] {
    width: 10%;
}

.splitted-3[b-89horydmzp] {
    width: 20%;
    margin-right: 20px;
}

.splitted-4[b-89horydmzp] {
    width: 100%
}

.mandatory-fields-note[b-89horydmzp] {
    display: block;
    margin-bottom: 1rem;
}

.error-msg-item[b-89horydmzp] {
    margin-top: 20px;
}
/* /Pages/AppStore/BuyApp/DisablePackagePopup.razor.rz.scp.css */
.popup-container[b-az6mrkk33c] {
    padding: 30px;
    height: 100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: auto;
}

.title[b-az6mrkk33c] {
    font-size: 30px;
    font-weight: 600;
    display: inline-block !important;
    letter-spacing: 0.05rem;
}

.button-row[b-az6mrkk33c] {
    display: flex;
    float: right;
    margin-top: 2rem;
}
/* /Pages/AppStore/FloatingDetails.razor.rz.scp.css */
.floating-container[b-iwlnz78tt5] {
    /*z-index: 1;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 15px;
    gap: 30px;
    position: absolute;
    width: 300px;
    /*min-height: 488px;*/
    max-height: 80%;
    left: 130px;
    top: 225px;
    background: var(--w-surface-layer-1);

    z-index: 999;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: auto;
}


.floating-container[b-iwlnz78tt5]::-webkit-scrollbar {
    display: none;
}

.app-container[b-iwlnz78tt5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 9px;
    width: 270px;
}

.app-name[b-iwlnz78tt5] {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    /* or 120% */

    letter-spacing: -0.01em;
    /* Main/Anthracite */

    color: var(--w-content-default);
    width: 182px;
    word-wrap: break-word;
}

.app-identifier-container[b-iwlnz78tt5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.app-identifier-label[b-iwlnz78tt5] {
    color: var(--w-content-default);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.app-identifier-value[b-iwlnz78tt5] {
    color: var(--w-content-default);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.description[b-iwlnz78tt5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 9px;
}

.item-container[b-iwlnz78tt5] {
    display: flex;
    gap: 17px;
}

.item-text[b-iwlnz78tt5] {
    width: 229px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--w-content-default);
    word-wrap: break-word;
}

.license-text[b-iwlnz78tt5] {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    /* or 160% */

    letter-spacing: 0.01em;
    /* Main/Anthracite */

    color: var(--w-content-default);
    /* Inside auto layout */
}

.buy-button[b-iwlnz78tt5] {
    width: 100%;
}

[b-iwlnz78tt5] .dxbl-btn-primary {
    width: 100%;
}
/* /Pages/AppStore/ImageDetailPopup.razor.rz.scp.css */
.float-right[b-jweygltyob] {
    position: absolute;
    right: 1rem;
    z-index: 1;
    top:5px;
}

.detail-image[b-jweygltyob] {
    width: 100%;
    overflow-y: auto;
}

.file-picker-container[b-jweygltyob] {
    margin: 25px;
}

.file-picker[b-jweygltyob] {
    display: flex;
    width: 100%;
    align-items: center;
}

.file-picker-title[b-jweygltyob] {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

[b-jweygltyob] .file-picker input[type="file"] {
    position: absolute;
    opacity: 0;
    height: 40px;
    z-index: 2;
    width: 70%;
    cursor: pointer;
}

.upload-controllers[b-jweygltyob] {
    gap: 1rem;
    display: flex;
}

.error-message[b-jweygltyob] {
    color: var(--w-content-warning);
    margin-top: 1rem;
}

.popup-container[b-jweygltyob] {
    min-height: 150px;
}
/* /Pages/AppStore/ImageSlider.razor.rz.scp.css */
/*remember stop change sizes input ImageSlider.js iframe change relative width*/

.screenshots[b-bra2464emq] {
    margin: 20px 0px 20px 333px;
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}

.imageSlider[b-bra2464emq]{
    overflow: hidden;
    position: relative;
    height: 350px;
    margin-left: 335px;
}

.images-container[b-bra2464emq] {
    position:absolute;
    top:0;
    height:275px;
    width:1000px;
    display: flex;
    gap:18px;
    padding: 0;
}

.image-container[b-bra2464emq] {
    float: left;
    list-style: none;
    cursor:pointer;
}

.controllers-row[b-bra2464emq] {
    margin: 295px 2px 0px 0px;
    display: flex;
    justify-content: space-between;
}

.slider-image[b-bra2464emq] {
    width: 440px;
    height: 275px;
}

.contorllers[b-bra2464emq] {
    gap: 10px;
    display: flex;
}

.size-text[b-bra2464emq] {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    color: var(--w-content-subtle);
}

.grey-image[b-bra2464emq] {
    width: 440px;
    height: 275px;
    background-color: var(--w-surface-layer-2);
}

.add-image-button[b-bra2464emq] {
    display: flex;
    gap: 5px;
    padding-top: 121px;
    padding-left: 177px;
}

/* /Pages/AppStore/PackageView.razor.rz.scp.css */
.package-container[b-vcebfwocpf] {
    background-color: var(--w-surface-layer-1);
    height: fit-content;
    width: 300px;
    padding: 2rem 1rem;
    display: grid;
    min-width: 300px;
    max-width: 300px;
    position: relative;
}

.package-container:hover[b-vcebfwocpf] {
    outline: solid var(--w-border-active) 5px;
}

.package-name[b-vcebfwocpf] 
{
    font-weight: 700;
    font-size: 2rem;
    line-height: 36px;
    text-align: center;
    overflow:hidden;
    word-break:break-word;
    white-space: pre-line;
}

.section[b-vcebfwocpf] {
    display: grid;
    row-gap: 9px;
    margin-top: 30px;
}

.button[b-vcebfwocpf] {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.description[b-vcebfwocpf] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.section-title[b-vcebfwocpf] {
    font-size: 18px;
    overflow: hidden;
    font-weight: 700;
    line-height: 24px;
    word-break: break-word;
}

.description-item[b-vcebfwocpf] {
    gap: 17px;
    overflow: hidden;
    word-break: break-word;
    display: flex;
}

.cost-container[b-vcebfwocpf] {
    display: grid;
    text-align: center;
    margin-top: 2rem;
    gap: 8px;
}

span.price[b-vcebfwocpf] {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
}

span.cost-scope[b-vcebfwocpf] {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 15px 0px;
    overflow: hidden;
    word-break: break-word;
}

span.controller-amount[b-vcebfwocpf] {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 15px 0px;
    overflow: hidden;
    word-break: break-word;
}


.hightlight-label-left[b-vcebfwocpf] {
    border-radius: 500px;
    width: 120px;
    height: 120px;
    padding: 27px 15px 15px 15px;
    background-color: var(--w-surface-primary);
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    line-height: 15px;
    transform: rotate(-10deg);
    align-items: flex-start;
    display: flex;
    box-shadow: var(--w-shadow-navigation);
    position: absolute;
    z-index: 2;
    top: -91px;
    word-break: normal;
}
.hightlight-label-right[b-vcebfwocpf] {
    border-radius: 500px;
    width: 120px;
    height: 120px;
    padding: 27px 15px 15px 15px;
    background-color: var(--w-surface-primary);
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    line-height: 15px;
    transform: rotate(10deg);
    align-items: flex-start;
    display: flex;
    box-shadow: var(--w-shadow-navigation);
    position: absolute;
    z-index: 2;
    top: -91px;
    left: 180px;
    word-break: normal;
}

.enable-for-usage-row[b-vcebfwocpf] {
    display: flex;
    padding: 44px 0px 10px 0px;
    justify-content: center;
}

span.enable-for-usage[b-vcebfwocpf] {
    font-size: 1rem;
    font-weight: 700;
}

.unlock-content[b-vcebfwocpf] {
    font-size: 1rem;
    font-weight: 700;
    border: 2px solid var(--w-border-active);
    padding: 0px 9px;
    display: flex;
}

.edit-package[b-vcebfwocpf] {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.popup-container[b-vcebfwocpf] {
    margin: 30px;
}

    .popup-container span[b-vcebfwocpf], div[b-vcebfwocpf] {
        display: block;
    }

.title-row[b-vcebfwocpf] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-vcebfwocpf] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.app-compatibility-tag[b-vcebfwocpf] {
    margin: 2px 5px 8px 0px;
    background-color: var(--w-content-subtle);
    color: var(--w-content-variant-fixed);
    font-size: 12px;
    padding: 0 5px 0px 5px;
    line-height: 30px;
}

.latest-version-info[b-vcebfwocpf] {
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 35px;
}

.row-item[b-vcebfwocpf] {
    display: flex;
}
    .row-item > :first-child[b-vcebfwocpf] {
        width: 50%;
    }

.order-number-row[b-vcebfwocpf] {
    display: flex;
}
    .order-number-row > :first-child[b-vcebfwocpf] {
        width: 50%;
    }
/* /Pages/AppStore/SelectPackages.razor.rz.scp.css */
.packages[b-wjgxzzgwto] {
    margin: 45px 20px 0px 361px;
}
.select-package[b-wjgxzzgwto] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
}

.packages-container[b-wjgxzzgwto] {
    display: flex;
    padding: 100px 5px 25px 5px;
    gap: 2rem;
    margin: -5rem 0 2rem 0;
    overflow-x: scroll;
    /*https: //stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue*/
}

.packages-container[b-wjgxzzgwto]::-webkit-scrollbar{
    height: 5px;
}

.packages-container[b-wjgxzzgwto]::-webkit-scrollbar-thumb {
    background: var(--w-surface-primary);
    border-radius: 25px;
}

.title-row[b-wjgxzzgwto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-buttons[b-wjgxzzgwto] {
    display: flex;
    align-items: center;
    z-index: 5;
    background-color: var(--w-surface-layer-2);
}

.toggle-button[b-wjgxzzgwto] {
    border: 1px var(--w-border-active) solid;
    padding: 9px 12px;
    min-width: 68px;
    text-align: center;
    text-wrap: nowrap;
    font-weight: 700;
    font-size: 15px;
}

.selected-version[b-wjgxzzgwto] {
    background-color: var(--w-surface-primary);
}
/* /Pages/Contact.razor.rz.scp.css */
.banner[b-r7qenbucpq] {
    background-image: url(../images/Contact.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 333px;
}

.contact-info-container[b-r7qenbucpq] {
    padding: 0px 30px;
    margin-bottom: 30px;
}

.contact-title[b-r7qenbucpq] {
    font-size: 2rem;
    font-weight: 700;
    margin: 2rem 0px;
    line-height: 36px;
}

.panel-row[b-r7qenbucpq] {
    display: flex;
}

.left-panel[b-r7qenbucpq] {
    background-color: var(--w-surface-layer-1);
    max-height: 326px;
    min-width: 300px;
    padding: 5px 15px;
    text-align: center;
    margin-right: 30px;
}

.left-panel-item[b-r7qenbucpq] {
    margin: 30px 0px;
}

.left-panel-text[b-r7qenbucpq] {
    font-size: 1rem;
    line-height: 24px;
    font-weight: 400;
}

.large-icon[b-r7qenbucpq]  i {
    height: 45px;
    width: 45px;
}

.right-panel[b-r7qenbucpq] {
    background-color: var(--w-surface-layer-1);
    min-height: 326px;
    max-width: 960px;
    width: 70%;
    padding: 24px;
}

.product-support-text[b-r7qenbucpq] {
    font-weight: 400;
    font-size: 2rem;
    margin-bottom: 24px;
}

.offer-text[b-r7qenbucpq] {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 2rem;
    line-height: 24px;
}

.item-container[b-r7qenbucpq] {
    display: flex;
    gap: 17px;
    margin-bottom: 8px;
}

[b-r7qenbucpq] .item-icon {
    align-self: center;
}

.item-text[b-r7qenbucpq] {
    width: 277px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--w-content-default);
    word-wrap: break-word;
}


/* /Pages/Dashboard/AttributesDashboardPage.razor.rz.scp.css */
.dashboard[b-3dgfax86gm] {
    padding: 2rem;
    min-height: var(--main-frame-height);
}

.dashboard-title[b-3dgfax86gm] {
    font-weight: 700;
    font-size: 2rem;
}

.dashboard-container[b-3dgfax86gm] {
    padding-top: 13px;
    margin-left: -6px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.common-dashboard[b-3dgfax86gm] {
    min-height: 450px;
    height: auto;
    border: solid transparent 6px;
    overflow: visible;
    position: relative;
}

.common-dashboard-properties[b-3dgfax86gm] {
    background-color: var(--w-surface-layer-1);
    padding: 18px 18px 14px 18px;
}

.common-dashboard-content[b-3dgfax86gm] {
    width: 100%;
}

.dashboard-chart-header[b-3dgfax86gm] {
    min-height: 34px;
}

.dashboard-chart-title[b-3dgfax86gm] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-default);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dashboard-chart-actions[b-3dgfax86gm] {
    gap: 10px;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .dashboard-container[b-3dgfax86gm] {
        grid-template-columns: 1fr;
    }

    .dashboard-new-chart-button[b-3dgfax86gm] {
        display: none;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .dashboard-container[b-3dgfax86gm] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {
    .dashboard-container[b-3dgfax86gm] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Delete Popup */
.popup-container[b-3dgfax86gm] {
    margin: 30px;
}


.title-row[b-3dgfax86gm] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-3dgfax86gm] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.warning-texts span[b-3dgfax86gm] {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    margin: 10px 0px 0px 31px;
}

.delete-row[b-3dgfax86gm] {
    display: flex;
    margin-top: 2rem;
}

.confirm-message[b-3dgfax86gm] {
    font-weight: 700;
    font-size: 1rem;
    margin: 13px 15px;
}
/* /Pages/Dashboard/Components/DashboardChart.razor.rz.scp.css */
.dashboard-chart-container[b-vuvg2uniwy] {
    width: 100%;
    max-width: 100%;
    align-items: center;
    overflow-x: hidden;
}

.dashboard-chart-tooltip[b-vuvg2uniwy] {
    max-width: min(420px, calc(100vw - 32px));
    overflow-wrap: anywhere;
    white-space: normal;
}

.dashboard-table-wrapper[b-vuvg2uniwy] {
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.dashboard-table[b-vuvg2uniwy] {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.dashboard-table th[b-vuvg2uniwy],
.dashboard-table td[b-vuvg2uniwy] {
    border: none;
    max-width: 220px;
    overflow: hidden;
    padding: 8px 6px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-table th[b-vuvg2uniwy] {
    background-color: var(--w-surface-layer-1);
    position: sticky;
    top: 0;
    z-index: 1;
}

.dashboard-table tbody tr:nth-child(odd)[b-vuvg2uniwy] {
    background-color: var(--w-surface-layer-1);
}

.dashboard-table tbody tr:nth-child(even)[b-vuvg2uniwy] {
    background-color: var(--w-surface-layer-2);
}

.dashboard-table-load-more[b-vuvg2uniwy] {
    display: flex;
    justify-content: right;
    padding-top: 8px;
}

.placeholder-text[b-vuvg2uniwy] {
    opacity: .85;
    font-size: 14px;
    text-align: center;
}

.dashboard-chart-legend[b-vuvg2uniwy] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 14px;
}

.dashboard-chart-legend-item[b-vuvg2uniwy] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 220px;
    color: inherit;
}

.dashboard-chart-legend-marker[b-vuvg2uniwy] {
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin-right: 6px;
    flex: 0 0 auto;
}

.dashboard-chart-legend-text[b-vuvg2uniwy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Dashboard/Popup/DashboardChartConfigurationPopup.razor.rz.scp.css */
.popup-container[b-4jz5dfv92k] {
    margin: 30px;
}

.title-row[b-4jz5dfv92k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.popup-title[b-4jz5dfv92k] {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.05rem;
}

.cursor-pointer[b-4jz5dfv92k] {
    cursor: pointer;
}

.content-row[b-4jz5dfv92k] {
    display: grid;
    grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.footer-row[b-4jz5dfv92k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 18px;
}

.form-col[b-4jz5dfv92k] {
    width: 100%;
}

.form-item[b-4jz5dfv92k] {
    margin-bottom: 18px;
}

.chart-title-validation-error[b-4jz5dfv92k] {
    color: var(--w-content-warning);
    font-size: 0.875rem;
    margin-top: 6px;
}

.preview-col[b-4jz5dfv92k] {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/* /Pages/DeviceSetup.razor.rz.scp.css */
.device-setup-container[b-y7z3fly4rt] {
    padding: 35px 20px 35px 31px;
    display: grid;
    grid-template-columns: 300px auto;
    grid-column-gap: 30px;
}

.left-panel[b-y7z3fly4rt] {
    padding: 30px 15px 30px 15px;
    background: var(--w-surface-layer-1);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 30px;
}

[b-y7z3fly4rt] .icon-left-panel {
    --lib-icon-size: 90px;
    color: var(--w-content-default);
    justify-self: center;
}

.left-panel-list[b-y7z3fly4rt] {
    gap: 9px;
    display: flex;
    flex-flow: column;
}

.left-panel-list-item[b-y7z3fly4rt] {
    display: flex;
    gap: 17px;
}

[b-y7z3fly4rt] .left-panel-list-icon {
    width: 24px;
    height: 24px;
    align-self: center;
}

.left-panel-list-text[b-y7z3fly4rt] {
    color: var(--w-content-default);
    font-weight: 400;
    font-size: 15px;
    font-style: normal;
    line-height: 24px;
    word-wrap: break-word;
}

.right-panel[b-y7z3fly4rt] {
    background: var(--w-surface-layer-1);
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: fit-content;
    grid-row-gap: 30px;
}

.right-panel-headline[b-y7z3fly4rt] {
    font-size: 30px;
    font-weight: 700;
    color: var(--w-content-default);
    font-style: normal;
    line-height: 36px;
    letter-spacing: -0.3px;
}

.info-text[b-y7z3fly4rt] {
    color: var(--w-content-default);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

    .info-text a[b-y7z3fly4rt] {
        color: var(--w-surface-primary);
    }

.info-headline[b-y7z3fly4rt] {
    color: var(--w-content-default);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
}

.install-steps[b-y7z3fly4rt]{
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.contact-sales-popup[b-y7z3fly4rt] {
    padding: 30px;
    gap: 30px;
}

.contact-sales-popup-body[b-y7z3fly4rt] {
    padding: 15px 15px 30px 15px;
    gap: 15px;
    border: 1px solid var(--w-border-separator);
}

.contact-sales-bubble[b-y7z3fly4rt] {
    height: 42px;
    width: 42px;
    background-color: var(--w-surface-primary);
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    padding-top: 9px;
}
/* /Pages/EndpointAttributes/DeviceLocationComponent.razor.rz.scp.css */
[b-k0sw47acmx] .device-location-form {
    margin-top: 2rem;
    max-width: 1290px;
}

.map-wrapper[b-k0sw47acmx] {
    height: 450px;
    width: 100%;
    background-color: var(--w-surface-layer-1);
    display: grid;
}

.address-validation[b-k0sw47acmx] {
    color: var(--w-content-warning);
    font-weight: 500;
}

.hints[b-k0sw47acmx] {
    float: left;
}

.button-group[b-k0sw47acmx] {
    float: right;
}
/* /Pages/EndpointAttributes/EndpointAttributesComponent.razor.rz.scp.css */
.endpoint-attributes-list-wrapper[b-qk6a6kcv6b] {
    background-color: var(--w-surface-layer-1);
    margin-top: 2rem;
}

.endpoint-attributes-edit-wrapper[b-qk6a6kcv6b] {
    /* The Add button row is as tall as the grid's top panel (search row) and cancels its own
       height in the flow, so the button overlays that row and lines up with the search box. */
    margin-bottom: -72px;
    background-color: var(--w-surface-layer-1);
}

.endpoint-attribute-list-cell[b-qk6a6kcv6b] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    height: 51px;
    line-height: 50px;
    padding-left: 1rem;
}

/* The LibFlyout anchors to its parent element, so the row action cell must be positioned. */
.edit-menu[b-qk6a6kcv6b] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* DevExpress clips cell content (overflow: hidden). LibFlyout would clamp its panel to the
   narrow action cell, so the cell that hosts the row menu keeps its content unclipped. */
[b-qk6a6kcv6b] .dxbl-grid-table td:has(.edit-menu) {
    overflow: visible;
}

.add-attribute-panel[b-qk6a6kcv6b] {
    display: flex;
    justify-content: space-between;
    margin: 0 1rem;
    padding-top: 1rem;
    gap: 1rem;
}

.add-attribute-input[b-qk6a6kcv6b] {
    width: 100%;
    display: flex;
    gap: 4rem
}

.add-attribute-button-group[b-qk6a6kcv6b] {
    display: flex;
}

.add-button[b-qk6a6kcv6b] {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 72px;
    margin-right: 1rem;
}

[b-qk6a6kcv6b] .add-attribute-key-input {
    width: 40%;
}

[b-qk6a6kcv6b] .add-attribute-value-input {
    width: 40%;
}

.delete-popup-header[b-qk6a6kcv6b] {
    padding: 0.5rem;
}

.delete-popup-content[b-qk6a6kcv6b] {
    padding: 0.5rem;
}

.popup-button-group[b-qk6a6kcv6b] {
    margin-top: 5rem;
    display: flex;
    gap: 0.5rem;
}

.validation-message[b-qk6a6kcv6b] {
    color: var(--w-content-warning);
    margin-left: 1rem;
}

.no-attributes[b-qk6a6kcv6b] {
    text-align: center;
    height: 500px;
    line-height: 500px;
}

.validation-message-alignment[b-qk6a6kcv6b] {
    height: 24px;
}

/* override dxgrid styling */
/* background color */
[b-qk6a6kcv6b] .dxbl-grid {
    background-color: var(--w-surface-layer-1) !important;
    border: none;
}

[b-qk6a6kcv6b] .even-row {
    background-color: var(--w-surface-layer-1);
}

[b-qk6a6kcv6b] .odd-row {
    background-color: var(--w-surface-layer-2);
}

/* grid header */
[b-qk6a6kcv6b] .dxbl-grid-header-row {
    display: none;
}

/*search box*/
[b-qk6a6kcv6b] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
    width: 100%;
}

[b-qk6a6kcv6b] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container .dxbl-text-edit {
    width: 523px;
    background-color: var(--w-surface-background);
    border: none;
}

[b-qk6a6kcv6b] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container .dxbl-text-edit > button.dxbl-btn.dxbl-btn-outline-secondary {
    order: 1;
}

[b-qk6a6kcv6b] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container .dxbl-text-edit .dxbl-text-edit-input {
    padding-left: 15px !important;
}

/* edit mode */
[b-qk6a6kcv6b] .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container {
    background-color: var(--w-surface-layer-1);
}

[b-qk6a6kcv6b] .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td {
    outline: none !important;
}

[b-qk6a6kcv6b] .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td > .dxbl-text-edit {
    background-color: var(--w-surface-layer-1);
}

[b-qk6a6kcv6b] .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td .dxbl-text-edit-input {
    border: 1px solid var(--w-border-subtle);
}

[b-qk6a6kcv6b] .dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td > .invalid .dxbl-text-edit-input {
    border: 1px solid var(--w-border-warning) !important;
}

[b-qk6a6kcv6b] .edit-attribute-input {
    border-top: 1px solid var(--w-border-subtle) !important;
    border-bottom: 1px solid var(--w-border-subtle) !important;
    border-left: 1px solid var(--w-border-subtle) !important;
    border-right: 1px solid var(--w-border-subtle) !important;
    width: 80%;
    margin: 0 7px !important;
}

[b-qk6a6kcv6b] .edit-attribute-input:has(:focus) {
    border-color: var(--dxbl-text-edit-focus-border-color) !important;
    box-shadow: var(--dxbl-text-edit-box-shadow), 0 0 var(--dxbl-text-edit-focus-shadow-blur) var(--dxbl-text-edit-focus-shadow-spread) var(--dxbl-text-edit-focus-shadow-color) !important;
    outline: 0;
}

[b-qk6a6kcv6b] .edit-attribute-input > .dxbl-text-edit-input {
    border: none !important;
}
/* /Pages/EndpointAttributes/EndpointAttributesPage.razor.rz.scp.css */
.title[b-wk8ea7gb1r] {
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 36px;
    letter-spacing: -0.36px;
    line-height: 42px;
    font-weight: 700;
}

.content[b-wk8ea7gb1r] {
    margin-top: 1rem;
}

.device-attributes[b-wk8ea7gb1r] {
    width: 100%;
    padding: 1.5rem;
    overflow: auto !important;
}
/* /Pages/EndpointFilterPanel/EndpointAttributeFilterDropDown.razor.rz.scp.css */
.popup-container[b-cxe9r6lt4k] {
    margin: 30px;
}

.title-row[b-cxe9r6lt4k] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
}

.title[b-cxe9r6lt4k] {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.attribute-filter[b-cxe9r6lt4k] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.filter-col-logical[b-cxe9r6lt4k] {
    width: 15%;
    min-width: 0;
    padding-left: 1px;
}

.filter-col-key[b-cxe9r6lt4k] {
    width: 28%;
    min-width: 0;
}

.filter-col-operator[b-cxe9r6lt4k] {
    width: 19%;
    min-width: 0;
}

.filter-col-value[b-cxe9r6lt4k] {
    width: 28%;
    min-width: 0;
}

.filter-col-action[b-cxe9r6lt4k] {
    width: 6%;
    min-width: 0;
}

.button-group[b-cxe9r6lt4k] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.button-group-right[b-cxe9r6lt4k] {
    gap: 10px;
}

.filter-panel[b-cxe9r6lt4k] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height:60vh;
    overflow-y: auto;
}
/* /Pages/HomeView/CloudApps.razor.rz.scp.css */
h2[b-ta4a1ad1rx] {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
}

.section-header[b-ta4a1ad1rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 48px;
}

/* Pagination - Figma "pagination" stepper instance (xl-1728): horizontal layout,
   48px gap-free height, 15px gaps (spacing/static/4) around a 15/24 counter and
   two 48x48 secondary buttons (radius 7, 1px #1F2837 border, 24px chevron). */
.pager[b-ta4a1ad1rx] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}

.pager[b-ta4a1ad1rx]  .pager-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid var(--w-border-default);
    border-radius: 7px;
    background: var(--w-surface-background);
    color: var(--w-content-default);
}

/* The WAGO theme draws the hover/active border effect of DevExpress outline buttons as a
   square -1px ::after overlay (its buttons are square by design). This button is round
   (Figma radius 7), so the overlay must inherit the radius or its corners poke out. */
.pager[b-ta4a1ad1rx]  .pager-button::after {
    border-radius: inherit;
}

.pager-counter[b-ta4a1ad1rx] {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: var(--w-content-default);
    white-space: nowrap;
}

.cloud-app-list[b-ta4a1ad1rx] {
    display: flex;
    gap: 29px;
}

.cloud-app-card[b-ta4a1ad1rx] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 336px;
    min-height: 108px;
    padding: 30px 16px;
    background: var(--w-surface-layer-1);
    border-radius: 7px;
    color: inherit;
    text-decoration: none;
}

.cloud-app-card:hover[b-ta4a1ad1rx] {
    color: inherit;
    text-decoration: none;
    box-shadow: var(--w-shadow-component);
}

.cloud-app-icon[b-ta4a1ad1rx] {
    width: 48px;
    height: 48px;
    flex: none;
}

.cloud-app-name[b-ta4a1ad1rx] {
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cloud-app-chevron[b-ta4a1ad1rx] {
    width: 16px;
    height: 16px;
    flex: none;
}

/* The Cloud Apps area always keeps the height of the populated card row
   (336x108 cards), so the Device Locations section below does not move when
   the loading placeholder is replaced by the empty box or by the app cards. */
.cloud-apps-content[b-ta4a1ad1rx] {
    margin-top: 16px;
    min-height: 108px;
}

/* The notification shell is sized through its style attribute and its internals through component
   parameters (action icon position, automatic spinner class) — no ::deep overrides needed. */

/* The pager buttons are DevExpress/LibButton controls and bring their own focus ring. */
.cloud-app-card:focus-visible[b-ta4a1ad1rx] {
    outline: 2px solid var(--w-border-default);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .cloud-app-list[b-ta4a1ad1rx] {
        flex-wrap: wrap;
    }
}
/* /Pages/HomeView/DeviceLocationMap/DeviceLocationMap.razor.rz.scp.css */
.device-location-map-container[b-cp16s9jlu4] {
    /* Contain Leaflet's internal z-index values (panes and controls go up to 1000) inside the
       map's own stacking context so page UI overlapping the map, such as the information
       tooltip in the Device Locations header, is not painted underneath it. */
    isolation: isolate;
    height: 440px;
    margin-top: 16px;

    >div {
        width: 100%;
        height: 100%;
    }
}
/* /Pages/HomeView/DeviceLocations.razor.rz.scp.css */
h2[b-zsytq1cj96] {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
}

.section-header[b-zsytq1cj96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 48px;
}

.section-heading-group[b-zsytq1cj96] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

/* Device locations */
.device-legend[b-zsytq1cj96] {
    display: flex;
    align-items: center;
}

.legend-item[b-zsytq1cj96] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 21px;
    white-space: nowrap;
}

.legend-badge[b-zsytq1cj96] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.legend-badge.online[b-zsytq1cj96] {
    background: var(--w-surface-primary);
    color: var(--w-content-default-fixed);
}

.legend-badge.offline[b-zsytq1cj96] {
    background: var(--w-surface-warning);
    color: var(--w-content-variant-fixed);
}

.legend-badge.unknown[b-zsytq1cj96] {
    background: var(--w-color-secondary);
    color: var(--w-content-default-fixed);
}

@media (max-width: 760px) {
    .device-legend[b-zsytq1cj96] {
        flex-wrap: wrap;
    }
}
/* /Pages/HomeView/HomeArea.razor.rz.scp.css */
.home-area[b-aemi9tz7hi] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 97px;
    min-height: var(--main-frame-height);
    color: var(--w-content-default);
}

.home-body[b-aemi9tz7hi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 338px;
    gap: 30px;
    align-items: start;
}

.home-main[b-aemi9tz7hi] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 0;
}

h1[b-aemi9tz7hi],
h2[b-aemi9tz7hi] {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
}

/* Quick access (page header row) */
.quick-access[b-aemi9tz7hi] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    height: 48px;
}

.section-title[b-aemi9tz7hi] {
    white-space: nowrap;
}

.quick-access-actions[b-aemi9tz7hi] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (max-width: 1400px) {
    .home-area[b-aemi9tz7hi] {
        padding: 24px 48px;
    }
}

@media (max-width: 1100px) {
    .home-body[b-aemi9tz7hi] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .home-area[b-aemi9tz7hi] {
        padding: 16px;
    }

    .quick-access[b-aemi9tz7hi] {
        height: auto;
        flex-wrap: wrap;
    }
}
/* /Pages/ItemUpdates/CancelScheduleJobPopup.razor.rz.scp.css */
.popup-container[b-6gpcbteu88] {
    margin: 30px;
}

.title-row[b-6gpcbteu88] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-6gpcbteu88] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-6gpcbteu88] {
    float: right;
    margin-top: 2rem;
}

.buttons-row[b-6gpcbteu88] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* /Pages/ItemUpdates/EndpointList.razor.rz.scp.css */
.title-row[b-mz3y02imr2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title[b-mz3y02imr2] {
    font-size: 36px;
    letter-spacing: -0.36px;
    margin-left: 10px;
    font-weight: 700;
}

.your-choice[b-mz3y02imr2] {
    display: flex;
    font-weight: 700;
    align-items: center;
    margin: 30px 0px;
    font-size: 15px;
    margin-left: 15px;
    gap: 15px;
    flex-wrap: wrap;
}

.chosen-package[b-mz3y02imr2] {
    border: 1px solid var(--w-border-default);
    align-items: center;
    height: 55px;
    padding: 0px 10px;
    display: flex;
    gap: 5px;
}

.endpoint-cell[b-mz3y02imr2] {
    min-height: 97px;
    align-content: center;
    display: grid;
    padding-left: 10px;
}

.endpoint-cell-update-version[b-mz3y02imr2] {
    min-height: 97px;
    align-items: center;
    display: flex;
    padding-left: 10px;
    justify-content:space-between;
}

.available-dot[b-mz3y02imr2] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
    margin-top: 26px;
    margin-left: 40px;
}

.green-available-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-primary);
}

.red-available-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-warning);
}

.white-available-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-layer-1);
    border: 1px var(--w-border-separator) solid;
}

.cell-title[b-mz3y02imr2] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.cell-content[b-mz3y02imr2] {
    display: block;
    font-size: 15px;
    line-height: 24px;
}

.cell-content[b-mz3y02imr2] {
    display: -webkit-box;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dot[b-mz3y02imr2] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
}

.red-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-warning);
}

.yellow-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-attention);
}

.white-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-layer-1);
}

.green-dot[b-mz3y02imr2] {
    background-color: var(--w-surface-success);
}

.cell-content-bold[b-mz3y02imr2] {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    display: block;
}

.ellipsis-cell[b-mz3y02imr2] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cell-content-path[b-mz3y02imr2] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.cell-content-normal[b-mz3y02imr2] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: var(--color-anthracite);
}

.header-cell[b-mz3y02imr2] {
    width: 100%;
    min-height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--w-surface-layer-1);
}

.highlight-header-cell[b-mz3y02imr2] {
    border-bottom: 3px solid var(--w-border-active);
    height: 58px;
}

.header-edit-cell[b-mz3y02imr2] {
    margin: 15px 0px 0px 15px;
    overflow: hidden;
}

.field-title[b-mz3y02imr2] {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
}

[b-mz3y02imr2] .pencil-icon {
    width: 20px;
    --lib-icon-size: 20px;
    pointer-events: all !important;
    margin-right: 9px;
}

.filter-input[b-mz3y02imr2] {
    border: 0;
    pointer-events: all !important;
    padding: 0;
    font-size: 15px;
    background: transparent;
}

    .filter-input:focus-visible[b-mz3y02imr2] {
        border: 0;
        outline: 0;
        font-size: 15px;
    }

.header-title[b-mz3y02imr2] {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    padding: 17px 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.app-icon[b-mz3y02imr2]{
    width: 24px;
}
/*::deep .dxbl-grid-header-content {
    border-bottom: 7px var(--w-color-neutral-7) solid;
}*/
[b-mz3y02imr2] .dxbl-grid-column-resize-anchor {
    opacity: 100% !important;
    background-color: var(--w-surface-layer-2);
    pointer-events: all !important;
}

[b-mz3y02imr2] .dxbl-grid-header-content span{
    width: 100%;
}

[b-mz3y02imr2] .dxbl-grid-header-row > .dxbl-grid-selection-cell {
    background-color: var(--w-surface-layer-1) !important;
}

.need-to-apply-template-info[b-mz3y02imr2] {
    margin-right: 10%;
    cursor: pointer;
    color: var(--w-content-default)
}

[b-mz3y02imr2] .dxbl-checkbox > .dxbl-text:last-child {
    padding-left: 0px !important;
}

.disabled-row[b-mz3y02imr2] {
    opacity: 0.6;
    pointer-events: none;
}

.green-dot-for-filter[b-mz3y02imr2] {
    display: table-cell;
    border-radius: 18px;
    background-color: var(--w-surface-primary);
    width: 25px;
    text-align: center;
    vertical-align: middle;
    color: var(--w-content-default-fixed);
    margin-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.green-dot-for-filter-border-radius[b-mz3y02imr2] {
    display: table-cell;
    border-radius: 18px;
    background-color: var(--w-surface-primary);
    width: 30px;
    text-align: center;
    vertical-align: middle;
    color: var(--w-content-default-fixed);
    margin-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.filter-panel-entrance[b-mz3y02imr2] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/* /Pages/ItemUpdates/FilterEndpointsPopup.razor.rz.scp.css */
.popup-container[b-vgkx4pz21r] {
    margin: 30px;
}

    .popup-container span[b-vgkx4pz21r], div[b-vgkx4pz21r] {
        display: block;
    }

.title-row[b-vgkx4pz21r] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-vgkx4pz21r] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-vgkx4pz21r] {
    float: right;
    margin-top: 2rem;
}

.tree-container[b-vgkx4pz21r] {
    border: 1px solid var(--w-border-default);
    padding: 10px;
    margin-bottom: 25px;
    max-height: 450px;
    overflow-y: auto;
}
/* /Pages/ItemUpdates/JobList.razor.rz.scp.css */
.sections-list[b-idtwmjx1z3] {
    margin: 4rem 0;
}
.update-title-row[b-idtwmjx1z3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
    line-height: 24px;
    margin: 2rem 0;
    letter-spacing: -0.3px;
}
.section-container[b-idtwmjx1z3] {
    margin: 4rem 0;
}

/* /Pages/ItemUpdates/PackageList.razor.rz.scp.css */
.title-row[b-adh5obxxqw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title[b-adh5obxxqw] {
    font-size: 36px;
    letter-spacing: -0.36px;
    line-height: 42px;
    font-weight: 700;
}

.title.previous-versions[b-adh5obxxqw] {
    display: flex;
    align-items: center;
}

.package-list-container[b-adh5obxxqw] {
    margin: 30px 0px;
}

.package-info[b-adh5obxxqw] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
}

.white-bg[b-adh5obxxqw] {
    background-color: var(--w-surface-layer-1);
}

.package-detail[b-adh5obxxqw] {
    margin-left: 21px;
    height: 100%;
    display: flex;
}

.package-name[b-adh5obxxqw] {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 9px;
}

.no-package-available[b-adh5obxxqw] {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}

.simple-link-button[b-adh5obxxqw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: underline;
    color: var(--w-content-default);
    cursor: pointer;
}

.item-row[b-adh5obxxqw] {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}
/* /Pages/ItemUpdates/ScheduleUpdatesPopup.razor.rz.scp.css */
.popup-container[b-pgb236ktv1] {
    margin: 30px;
}

.title-row[b-pgb236ktv1] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-pgb236ktv1] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-pgb236ktv1] {
    float: right;
    margin-top: 2rem;
}

.buttons-row[b-pgb236ktv1] {
    display: flex;
    gap: 1rem;
    float: right;
}

.time-picker-text[b-pgb236ktv1] {
    line-height: 30px;
    font-size: 15px;
    font-weight: 700;
}

.affected-items-list[b-pgb236ktv1] {
    margin-top: 30px;
    margin-right: 10px;
}

.affected-item[b-pgb236ktv1] {
    border-left: 6px solid var( --w-border-subtle);
    margin-bottom: 5px;
    padding: 9px 15px 9px 15px;
    width: 100%;
    box-shadow: var(--w-shadow-component);
}

.affected-item-text[b-pgb236ktv1] {
    font-size: 1rem;
    color: var(--w-content-default);
    font-weight: 700;
    text-align: center;
    margin-left: 15px;
}
/* /Pages/ItemUpdates/UpdatingJobComponent.razor.rz.scp.css */
.summary[b-exobk0j30q] {
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}


.even-row[b-exobk0j30q] {
    background-color: var(--w-surface-layer-1)
}

.endpoint-row[b-exobk0j30q] {
    display: grid;
    padding: 2rem;
    grid-template-columns: 1.5fr 10fr 1fr 1fr 2fr;
    align-items: center;
}

.scheduled-state-row[b-exobk0j30q] {
    display: grid;
    padding: 2rem;
    grid-template-columns: 1.5fr 10fr 1fr 1fr 1fr 1fr;
    align-items: center;
}

.endpoint-cell[b-exobk0j30q] {
    min-width: 0 !important;
}

.endpoints-list[b-exobk0j30q] {
    max-height: 500px;
    overflow-y: auto;
}

.cell-title[b-exobk0j30q] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.cell-content[b-exobk0j30q] {
    display: block;
    font-size: 15px;
    line-height: 24px;
}

.cell-content[b-exobk0j30q] {
    display: -webkit-box;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.cell-content-bold[b-exobk0j30q] {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    display: block;
}

.ellipsis-cell[b-exobk0j30q] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cell-content-path[b-exobk0j30q] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.cell-content-normal[b-exobk0j30q] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: var(--color-anthracite);
}

.endpoints-list-footer[b-exobk0j30q] {
    height: 4rem;
}

.dropdown-menu.show[b-exobk0j30q] {
    display: block;
    padding: 0px;
}

.three-dot-menu[b-exobk0j30q] {
    cursor: pointer;
    display: flex;
}

    .three-dot-menu .dropdown-toggle[b-exobk0j30q]::after {
        display: none;
    }

.dropdown-toggle[b-exobk0j30q] {
    display: flex;
}

[b-exobk0j30q] .wi {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin: auto;
}

.three-dot-menu-content a[b-exobk0j30q] {
    display: block;
    padding: 5px 10px 5px 24px;
    margin: 10px 0px 10px 0px;
    font-weight: 600;
}

.three-dot-menu-content span[b-exobk0j30q] {
    cursor: default;
    display: block;
    padding: 5px 10px 5px 24px;
    margin: 10px 0px 10px 0px;
    font-weight: 600;
    opacity: 0.5;
}

.menu-option[b-exobk0j30q] {
    display: flex;
    gap: 10px;
}

[b-exobk0j30q] .icon-style {
    margin-top: auto;
    margin-bottom: auto;
}

[b-exobk0j30q] .schedule-info {
    margin: 1rem 0 5px 0;
}

/* Failed / expired states used a filter hack on <img>; LibIcon paints with currentColor. */
[b-exobk0j30q] .icon-failed {
    color: var(--w-content-warning);
}

[b-exobk0j30q] .version-box > input {
    font-weight: 700 !important;
    width: 230px !important;
    font-size: 15px;
    padding: 12px 15px;
    opacity: 100% !important;
}
[b-exobk0j30q] .gray-textbox-bg > input {
    background-color: var(--w-surface-layer-2);
}

[b-exobk0j30q] .light-textbox-bg > input {
    background-color: var(--w-surface-layer-1);
}
/* /Pages/ItemUpdates/VersionDropList.razor.rz.scp.css */
.version-list[b-hsqtbpgyn1] {
    margin-left: auto;
    width: 230px;
}

.cursor-pointer[b-hsqtbpgyn1] {
    cursor: pointer;
}

.gray-textbox-bg[b-hsqtbpgyn1] {
    background-color: var(--w-surface-layer-2);
}

.light-textbox-bg[b-hsqtbpgyn1] {
    background-color: var(--w-surface-layer-1);
}

.version-dropdown[b-hsqtbpgyn1] {
    position: absolute;
    width: 100%;
    z-index: 2;
    overflow-y: auto;
    max-height: 280px;
    left: -1px;
    top: -1px;
    cursor: pointer;
}

.package-item[b-hsqtbpgyn1] {
    border: 1px solid var(--w-border-info-on-white);
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
}
/* /Pages/Licenses/AddLicenseWindow.razor.rz.scp.css */
.popup-container[b-cmlxsz5x3s] {
    margin: 30px;
}

.title-row[b-cmlxsz5x3s] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-cmlxsz5x3s] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-cmlxsz5x3s] {
    display: flex;
    margin-top: 2rem;
    justify-content: space-between;
}

.error-message[b-cmlxsz5x3s] {
    margin-top: 12px;
    color: var(--w-content-warning);
}

.checkbox-list[b-cmlxsz5x3s] {
    margin-top: 2rem;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    row-gap: 0;
}

.checkbox-item[b-cmlxsz5x3s] {
    display: flex;
    align-items: center;
    margin-top: -12px;
}

.checkbox-text[b-cmlxsz5x3s] {
    margin-left: 1rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.plus-icon[b-cmlxsz5x3s] {
    width: 24px;
}


[b-cmlxsz5x3s] .add-license-memoBox {
    line-height: 24px !important;
}
/* /Pages/Licenses/LicensesOverview.razor.rz.scp.css */
.title-row[b-qjvcz53rld] {
    display: flex;
    justify-content: space-between;
    margin: 30px 30px;
    align-items: center;
}

.license-grid-container[b-qjvcz53rld] {
    margin: 0px 2rem 2rem 2rem;
}

.title[b-qjvcz53rld] {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
}

.counter-and-button[b-qjvcz53rld] {
    display: flex;
    align-items: center;
}

.license-counter[b-qjvcz53rld] {
    font-size: 15px;
    font-weight: 400;
}

.add-license-button[b-qjvcz53rld] {
    margin-left: 20px;
}

.plus-icon[b-qjvcz53rld] {
    width: 24px;
}

.license-cell[b-qjvcz53rld] {
    min-height: 97px;
    padding-top: 20px;
    padding-left: 10px;
}

.available-dot[b-qjvcz53rld] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
    margin-top:26px;
    margin-left: 40px;
}

.green-available-dot[b-qjvcz53rld] {
    background-color: var(--w-surface-primary);
}

.yellow-bound-dot[b-qjvcz53rld] {
    background-color: var(--w-surface-attention);
}

.red-available-dot[b-qjvcz53rld] {
    background-color: var(--w-surface-warning);
}

.white-available-dot[b-qjvcz53rld] {
    background-color: var(--w-surface-layer-1);
    border: 1px var(--w-border-separator) solid;
}

.cell-title[b-qjvcz53rld] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.article-number[b-qjvcz53rld] {
    font-size:12px;
    font-weight:400;
    line-height:21px;
}

.cell-content[b-qjvcz53rld] {
    display: block;
    font-size: 15px;
    line-height: 24px;
}

.cell-content[b-qjvcz53rld] {
    display: -webkit-box;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.header-cell[b-qjvcz53rld] {
    width: 100%;
    min-height: 55px;
    display: flex;
    justify-content: space-between;
    background-color: var(--w-surface-layer-1);
}

.highlight-header-cell[b-qjvcz53rld] {
    border-bottom: 3px solid var(--w-border-active);
    height: 58px;
}

.header-edit-cell[b-qjvcz53rld] {
    margin: 15px 0px 0px 15px;
    overflow: hidden;
}

.field-title[b-qjvcz53rld] {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
}

[b-qjvcz53rld] .pencil-icon {
    width: 20px;
    --lib-icon-size: 20px;
    pointer-events: all !important;
    margin-right: 9px;
    margin-top: 16px;
}

.filter-input[b-qjvcz53rld] {
    border: 0;
    pointer-events: all !important;
    padding: 0;
    font-size: 15px;
}

.filter-input:focus-visible[b-qjvcz53rld] {
    border: 0;
    outline: 0;
    font-size: 15px;
}

.header-title[b-qjvcz53rld] {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    padding: 17px 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.info-icon[b-qjvcz53rld] {
    align-self: end;
}

[b-qjvcz53rld] .dxbl-grid {
    border: 0;
}

[b-qjvcz53rld] .dxbl-grid th{
    border: 0 !important;
}

[b-qjvcz53rld] .dxbl-grid td{
    border: 0 !important;
}

[b-qjvcz53rld] .dxbl-grid-header-content {
    border-bottom: 7px var(--w-surface-layer-2) solid;
}

[b-qjvcz53rld] .dxbl-grid-column-resize-anchor {
    opacity: 100% !important;
    background-color: var(--w-surface-layer-2);
    pointer-events: all !important;
}

[b-qjvcz53rld] .dxbl-grid-header-content span{
    width: 100%;
}
/*effect after new licenses added with 3 sec green border*/
[b-qjvcz53rld] .dxbl-grid-selected-row .license-cell {
    border-top: 3px solid var(--w-border-active);
    border-bottom: 3px solid var(--w-border-active);
}

[b-qjvcz53rld] .dxbl-grid-selected-row .first-license-cell {
    border-left: 3px solid var(--w-border-active);
}

[b-qjvcz53rld] .dxbl-grid-selected-row .last-license-cell {
    border-right: 3px solid var(--w-border-active);
}
/* /Pages/MassHandling/ChooseAppToConfigWindow.razor.rz.scp.css */
.popup-container[b-9p8bvchu8z] {
    margin: 30px;
}

.title-row[b-9p8bvchu8z] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-9p8bvchu8z] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-9p8bvchu8z] {
    float: right;
    margin-top: 2rem;
}

.apply-button-image[b-9p8bvchu8z] {
    width: 24px;
}

.container[b-9p8bvchu8z] {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.app-container[b-9p8bvchu8z] {
    gap: 20px;
}

.applicationTile[b-9p8bvchu8z] {
    background-color: var(--w-surface-layer-1);
    min-height: 120px;
}

.default-border[b-9p8bvchu8z] {
    border: 6px solid var(--w-surface-layer-2);
}

.selected-border[b-9p8bvchu8z] {
    border: 6px solid var(--w-border-success);
}

.add-icon:hover[b-9p8bvchu8z] {
    cursor: pointer;
}

.app-info[b-9p8bvchu8z] {
    width: calc(100% - 9em - 5px);
}

.app-info-extend[b-9p8bvchu8z] {
    width: calc(100% - 4.5em);
}

.app-name[b-9p8bvchu8z] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.package-name-title[b-9p8bvchu8z] {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 20px;
}

.app-description[b-9p8bvchu8z] {
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 2px;
}

.app-icon[b-9p8bvchu8z] {
    height: 4.5em;
    width: 4.5em;
}

.package-dropdown[b-9p8bvchu8z] {
    position: absolute;
    background-color: var(--w-surface-layer-1);
    border-bottom: 6px solid var(--w-surface-layer-2);
    width: calc(100% - 22px);
    z-index: 2;
    overflow: auto;
    max-height: 320px;
}

.hide-dropdown[b-9p8bvchu8z] {
    display: none;
}

.package-item[b-9p8bvchu8z] {
    padding: 15px;
    height: 78px;
    border-left: 6px solid var(--w-surface-layer-2);
    border-right: 6px solid var(--w-surface-layer-2);
    display: flex;
    align-items: center;
}

.package-item-selected[b-9p8bvchu8z] {
    border-left: 6px solid var(--w-border-active);
}

.package-item:hover[b-9p8bvchu8z] {
    border-left: 6px solid var(--w-border-active);
}

.package-name[b-9p8bvchu8z] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
}

.check-box[b-9p8bvchu8z]{
    font-weight: 700;
    font-size: 15px;
}
/* /Pages/MassHandling/FlatEndpointList.razor.rz.scp.css */
.title-row[b-ain7v6j3mp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title[b-ain7v6j3mp] {
    font-size: 36px;
    letter-spacing: -0.36px;
    margin-left: 10px;
    font-weight: 700;
    line-height: 48px;
}

.app-option-row[b-ain7v6j3mp] {
    display: flex;
    font-weight: 700;
    align-items: center;
    margin: 30px 0px;
    font-size: 15px;
    margin-left: 15px;
    gap: 15px;
    flex-wrap: wrap;
}

.app-option[b-ain7v6j3mp] {
    border: 1px solid var(--w-border-default);
    align-items: center;
    height: 55px;
    padding: 0px 10px;
    display: flex;
    gap: 5px;
}

.app-option-icon[b-ain7v6j3mp] {
    width: 24px;
}

.endpoint-cell[b-ain7v6j3mp] {
    min-height: 150px;
    align-content: center;
    display: grid;
    padding-left: 10px;
}

.endpoint-cell-update-version[b-ain7v6j3mp] {
    min-height: 97px;
    align-items: center;
    display: flex;
    padding-left: 10px;
    justify-content: space-between;
}

.available-dot[b-ain7v6j3mp] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
    margin-top: 26px;
    margin-left: 40px;
}

.green-available-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-primary);
}

.red-available-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-warning);
}

.white-available-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-layer-1);
    border: 1px var(--w-border-separator) solid;
}

.cell-title[b-ain7v6j3mp] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.cell-content[b-ain7v6j3mp] {
    display: -webkit-box;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dot[b-ain7v6j3mp] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
}

.red-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-warning);
}

.green-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-success);
}

.yellow-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-attention);
}

.white-dot[b-ain7v6j3mp] {
    background-color: var(--w-surface-layer-1);
}

.need-config-yellow-dot[b-ain7v6j3mp] {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: var(--w-surface-attention);
    display: inline-block;
    position: relative;
    top: -31px;
    left: -12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.cell-content-bold[b-ain7v6j3mp] {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    display: block;
}

.ellipsis-cell[b-ain7v6j3mp] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cell-content-path[b-ain7v6j3mp] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: var(--w-content-subtle);
}

.cell-content-normal[b-ain7v6j3mp] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: var(--color-anthracite);
}

.header-cell[b-ain7v6j3mp] {
    width: 100%;
    min-height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--w-surface-layer-1);
}

.highlight-header-cell[b-ain7v6j3mp] {
    border-bottom: 3px solid var(--w-border-active);
    height: 58px;
}

.header-edit-cell[b-ain7v6j3mp] {
    margin: 15px 0px 0px 15px;
    overflow: hidden;
}

.field-title[b-ain7v6j3mp] {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
}

[b-ain7v6j3mp] .pencil-icon {
    width: 20px;
    --lib-icon-size: 20px;
    pointer-events: all !important;
    margin-right: 9px;
}

.filter-input[b-ain7v6j3mp] {
    border: 0;
    pointer-events: all !important;
    padding: 0;
    font-size: 15px;
    background: transparent;
}

    .filter-input:focus-visible[b-ain7v6j3mp] {
        border: 0;
        outline: 0;
        font-size: 15px;
    }

.header-title[b-ain7v6j3mp] {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    padding: 17px 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.all-app-link[b-ain7v6j3mp] {
    font-size: 15px;
    font-weight: 400;
    padding-left: 6px;
    text-decoration: underline;
    cursor: pointer;
}

    .all-app-link:hover[b-ain7v6j3mp] {
        text-decoration: underline;
        color: var(--w-surface-primary);
    }

.flyout-title[b-ain7v6j3mp] {
    display: flex;
    font-weight: 600;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.apps-info[b-ain7v6j3mp] {
    margin-left: 45px;
}

.app-info[b-ain7v6j3mp] {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 5px;
}

.app-info-row[b-ain7v6j3mp] {
    display: flex;
    width: 300px;
    justify-content: space-between;
}

.green-dot-for-filter[b-ain7v6j3mp] {
    display: table-cell;
    border-radius: 18px;
    background-color: var(--w-surface-primary);
    width: 25px;
    text-align: center;
    vertical-align: middle;
    color: var(--w-content-default-fixed);
    margin-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.green-dot-for-filter-border-radius[b-ain7v6j3mp] {
    display: table-cell;
    border-radius: 18px;
    background-color: var(--w-surface-primary);
    width: 30px;
    text-align: center;
    vertical-align: middle;
    color: var(--w-content-default-fixed);
    margin-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.no-permission-icon[b-ain7v6j3mp]  {
        align-content: space-evenly;
        text-align: end;
        margin-right: 1rem;
}

.filter-panel-entrance[b-ain7v6j3mp] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.title-options[b-ain7v6j3mp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-ain7v6j3mp] .dxbl-grid-column-resize-anchor {
    opacity: 100% !important;
    background-color: var(--w-surface-layer-2);
    pointer-events: all !important;
}

[b-ain7v6j3mp] .dxbl-grid-header-content span {
    width: 100%;
}

[b-ain7v6j3mp] .dxbl-grid-header-row > .dxbl-grid-selection-cell {
    background-color: var(--w-surface-layer-1) !important;
}

[b-ain7v6j3mp] .dxbl-checkbox > .dxbl-text:last-child {
    padding-left: 0px !important;
}

.all-app-flyout[b-ain7v6j3mp] {
    background-color: var(--w-surface-background);
}
/* /Pages/MassHandling/MassAddDeleteAppPopup.razor.rz.scp.css */
.popup-container[b-9ry2bllbi9] {
    margin: 30px;
}

.title-row[b-9ry2bllbi9] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-9ry2bllbi9] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.confirm-message[b-9ry2bllbi9] {
    margin-top: 13px;
}

.apply-button[b-9ry2bllbi9] {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
}

.apply-button-image[b-9ry2bllbi9] {
    width: 24px;
}

.container[b-9ry2bllbi9] {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.app-container[b-9ry2bllbi9] {
    gap: 20px;
}

.applicationTile[b-9ry2bllbi9] {
    background-color: var(--w-surface-layer-1);
    min-height: 120px;
}

.default-border[b-9ry2bllbi9] {
    border: 6px solid var(--w-surface-layer-2);
}

.selected-border[b-9ry2bllbi9] {
    border: 6px solid var(--w-border-success);
}

.add-icon:hover[b-9ry2bllbi9] {
    cursor: pointer;
}

.app-info[b-9ry2bllbi9] {
    width: calc(100% - 9em - 5px);
}

.app-info-extend[b-9ry2bllbi9] {
    width: calc(100% - 4.5em);
}

.app-name[b-9ry2bllbi9] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.app-description[b-9ry2bllbi9] {
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.app-icon[b-9ry2bllbi9] {
    height: 4.5em;
    width: 4.5em;
}

.package-dropdown[b-9ry2bllbi9] {
    position: absolute;
    background-color: var(--w-surface-layer-1);
    border-bottom: 6px solid var(--w-surface-layer-2);
    width: calc(100% - 22px);
    z-index: 2;
    overflow: auto;
    max-height: 320px;
}

.hide-dropdown[b-9ry2bllbi9] {
    display: none;
}

.package-item[b-9ry2bllbi9] {
    padding: 15px;
    height: 78px;
    border-left: 6px solid var(--w-surface-layer-2);
    border-right: 6px solid var(--w-surface-layer-2);
    display: flex;
    align-items: center;
}

.package-item-selected[b-9ry2bllbi9] {
    border-left: 6px solid var(--w-border-active);
}

.package-item:hover[b-9ry2bllbi9] {
    border-left: 6px solid var(--w-border-active);
}

.package-name[b-9ry2bllbi9] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
}

.check-box[b-9ry2bllbi9] {
    margin: 10px;
}


.toast-message-container[b-9ry2bllbi9] {
    margin-top: 30px;
    margin-right: 10px;
}

.toast-message-content[b-9ry2bllbi9] {
    border-left: 6px solid var(--w-border-attention);
    margin-bottom: 5px;
    padding: 9px 15px 9px 15px;
    width: 100%;
    box-shadow: var(--w-shadow-component);
}

.fit-toast-message-content[b-9ry2bllbi9] {
    border-left: 6px solid var( --w-border-subtle);
    padding: 9px 15px 9px 15px;
    width: 100%;
    box-shadow: var(--w-shadow-component);
}

.toast-message-row[b-9ry2bllbi9] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
}

.toast-message-text-group[b-9ry2bllbi9] {
    margin-left: 15px;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.toast-message-container-text[b-9ry2bllbi9] {
    font-size: 1rem;
    color: var(--w-content-default);
    font-weight: 700;
    text-align: left;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-9ry2bllbi9] .wi {
    width: 20px;
    --lib-icon-size: 20px;
    flex: 0 0 20px;
    margin-top: 2px;
}

.check-box-text[b-9ry2bllbi9] {
    font-weight: 700;
}
/* /Pages/MassHandling/MassFileSettingConfirmationPopup.razor.rz.scp.css */
.popup-container[b-z09jna5srt] {
    padding: 2rem;
}

.title-row[b-z09jna5srt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.title[b-z09jna5srt] {
    font-size: 2rem;
    font-weight: 700;
}

.toast-message-container[b-z09jna5srt] {
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 1rem;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

.toast-message-content[b-z09jna5srt] {
    border-left: 6px solid var(--w-border-attention);
    margin-bottom: 5px;
    padding: 9px 15px 9px 15px;
    width: 100%;
    box-shadow: var(--w-shadow-component);
}

.fit-toast-message-content[b-z09jna5srt] {
    border-left: 6px solid var(--w-border-subtle);
    margin-bottom: 5px;
    padding: 9px 15px 9px 15px;
    width: 100%;
    box-shadow: var(--w-shadow-component);
}

.toast-message-row[b-z09jna5srt] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
}

.toast-message-text-group[b-z09jna5srt] {
    margin-left: 15px;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.toast-message-container-text[b-z09jna5srt] {
    font-size: 1rem;
    color: var(--w-content-default);
    font-weight: 700;
    text-align: left;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-z09jna5srt] .wi {
    width: 20px;
    --lib-icon-size: 20px;
    flex: 0 0 20px;
    margin-top: 2px;
}

.uploaded-files-list[b-z09jna5srt] {
    margin: 0.5rem 0 1rem 0;
    padding: 0.75rem;
    border: 1px solid var(--w-border-separator);
    background-color: var(--w-surface-layer-2);
}

.uploaded-files-title[b-z09jna5srt] {
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.uploaded-file-item[b-z09jna5srt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 0.5rem;
    padding: 0.25rem 0;
}

.uploaded-file-display-name[b-z09jna5srt] {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploaded-file-name[b-z09jna5srt] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.time-picker-panel[b-z09jna5srt] {
    margin: 1rem 0;
}

.time-window-row[b-z09jna5srt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.time-window-column[b-z09jna5srt] {
    display: grid;
    gap: 0.5rem;
}

.time-picker-label[b-z09jna5srt] {
    font-weight: 700;
}

.time-picker[b-z09jna5srt] {
    display: flex;
    align-items: center;
}

.time-picker-inline[b-z09jna5srt] {
    gap: 0.25rem;
    flex-wrap: nowrap;
}

.time-picker-date-time-label[b-z09jna5srt] {
    min-width: 50px;
}

.editor-icon[b-z09jna5srt] {
    margin-left: 6px;
}

.time-picker-text[b-z09jna5srt] {
    line-height: 30px;
    font-size: 15px;
    font-weight: 700;
}

.buttons-row[b-z09jna5srt] {
    display: flex;
    justify-content: end;
    gap: 18px;
    margin-top: 1rem;
}
/* /Pages/MassHandling/MassFileSettingPopup.razor.rz.scp.css */
.popup-container[b-wmc5ph1wuo] {
    padding: 2rem;
}

.app-name[b-wmc5ph1wuo] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-disabled);
}

.main-title[b-wmc5ph1wuo] {
    font-size: 2rem;
    font-weight: 700;
}

.titles[b-wmc5ph1wuo] {
    width: 34%;
    position: relative;
}

.title-row[b-wmc5ph1wuo] {
    display: flex;
    justify-content: space-between;
}

.content[b-wmc5ph1wuo] {
    display: grid;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.search-row[b-wmc5ph1wuo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.search-row[b-wmc5ph1wuo]  lib-textbox {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.sorting-key-icon[b-wmc5ph1wuo] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-key-component[b-wmc5ph1wuo] {
    padding: 1rem;
    border: 3px var(--w-border-separator) solid;
}

.new-tag[b-wmc5ph1wuo] {
    padding: 0 6px;
    background-color: var(--w-surface-primary);
}

.edit-value-component[b-wmc5ph1wuo] {
    border: 3px var(--w-border-separator) solid;
    padding: 1rem;
}

.selected-key-title[b-wmc5ph1wuo] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.title-right-items[b-wmc5ph1wuo] {
    text-align: right;
}

[b-wmc5ph1wuo] .key-selection-list {
    border: 0;
    height: 350px;
}

    [b-wmc5ph1wuo] .key-selection-list li {
        padding: 0 !important;
    }

[b-wmc5ph1wuo] .key-item {
    padding: 9px 20px;
    display: flex;
    justify-content: space-between;
}

[b-wmc5ph1wuo] .even-key-item {
    background-color: var(--w-surface-layer-2);
}

[b-wmc5ph1wuo] .odd-key-item {
    background-color: var(--w-surface-layer-1);
}

[b-wmc5ph1wuo] .selected-key-item {
    background-color: var(--w-surface-primary) !important;
}

.panel-title[b-wmc5ph1wuo] {
    background-color: var(--w-surface-layer-1);
    margin-top: -25px;
    padding-left: 5px;
}


.list-wrapper[b-wmc5ph1wuo] {
    margin: 1rem 0 0 0;
    height: 400px;
}

.value-editor-wrapper[b-wmc5ph1wuo] {
    margin: 5px;
}

.reset-value-row[b-wmc5ph1wuo] {
    display: flex;
    margin-top: 1rem;
    gap: 10px;
}

.reset-value-text[b-wmc5ph1wuo] {
    display: flex;
    height: 25px;
    margin-top: 14px;
    max-width: 80%;
}

.tag-box[b-wmc5ph1wuo] {
    background-color: var(--w-surface-layer-2);
    padding: 0 5px;
    overflow-x: hidden;
    max-width: 60%;
    text-overflow: ellipsis;
}

.buttons-row[b-wmc5ph1wuo] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 18px;
    margin-top: 1rem;
}

.title-hint-default[b-wmc5ph1wuo] {
    position: absolute;
    left: 0;
    width: 80vw;
    max-width: 80vw;
    display: flex;
    text-align: center;
    max-height: 40px;
    z-index: 1;
}

.configure-or-default[b-wmc5ph1wuo] {
    display: flex;
    text-align: center;
    max-height: 80%;
    width: 80%;
}

.configure-or-default-icon[b-wmc5ph1wuo] {
    background-color: var(--w-surface-attention);
    padding: 15px 5px 5px 5px;
}

.configure-or-default-text[b-wmc5ph1wuo] {
    font-size: 12px;
    background-color: var(--w-surface-layer-2);
    padding: 18px 5px;
    text-align: left;
    justify-content: center
}

.reset-all-values[b-wmc5ph1wuo] {
    color: var(--w-content-default);
    margin: 1rem 0 2rem 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

[b-wmc5ph1wuo].key-selection-list li {
    padding: 0 !important;
}

.upload-file-row[b-wmc5ph1wuo] {
    display: flex;
    position: relative;
    gap: 10px;
}

[b-wmc5ph1wuo] .upload-file-row input[type="file"] {
    opacity:0;
    width: 100%;
    height: 50px;
    position: absolute;
    cursor: pointer;
}

[b-wmc5ph1wuo] .upload-file-textbox {
    width: 100%
}

.state-message[b-wmc5ph1wuo] {
    font-size: 12px;
    font-weight: 700;
    align-self: center;
}

.invalid-state-message[b-wmc5ph1wuo] {
    color: var(--w-content-warning);
}

.checkbox-item[b-wmc5ph1wuo] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 1rem;
}
/* /Pages/NotAuthorized.razor.rz.scp.css */
body[b-gtek1al1ey] {
}
/* /Pages/OpenDeviceManagerPage.razor.rz.scp.css */
.app-frame[b-b0p84u4b0n] {
    vertical-align: top;
    margin-top: 30px;
    height: inherit;
    width: inherit;
}

.title[b-b0p84u4b0n] {
    margin-top: 1rem;
    font-size: 36px;
    letter-spacing: -0.36px;
    line-height: 42px;
    font-weight: 700;
}

.device-manager[b-b0p84u4b0n] {
    width: 100%;
    height: 85%;
    padding: 1.5rem;
    overflow: auto !important;
}
/* /Pages/OpenSolutionApp.razor.rz.scp.css */
.app-frame[b-vsrivoirmn] {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
/* /Pages/PaymentPlans/AllowUsage/AllowUsagePopup.razor.rz.scp.css */
.popup-container[b-9zzv5nuxji] {
    padding: 30px;
    height: 100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: auto;
}

    .popup-container[b-9zzv5nuxji]::-webkit-scrollbar {
        display: none;
    }

    .popup-container span[b-9zzv5nuxji], div[b-9zzv5nuxji] {
        display: block;
    }


.title[b-9zzv5nuxji] {
    font-size: 30px;
    font-weight: 600;
    display: inline-block !important;
    letter-spacing: 0.05rem;
}

.customerId-existing-dialog[b-9zzv5nuxji] {
    border: 1px solid var(--w-border-separator);
    padding: 15px;
}

.radio-button-container[b-9zzv5nuxji] {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.radio-title[b-9zzv5nuxji] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.radio-button-item[b-9zzv5nuxji] {
    width: 50%;
}

.contact-hint[b-9zzv5nuxji] {
    margin: 15px 0px;
    font-weight: 500;
    font-size: medium;
}

.contact-info-item[b-9zzv5nuxji] {
    display: flex !important;
    align-items: center;
    margin: 10px 0px;
}

.circle[b-9zzv5nuxji] {
    background-color: var(--w-surface-primary);
    border-radius: 50%;
    height: 3em;
    width: 3em;
    display: grid;
    align-items: center;
}

[b-9zzv5nuxji] .contact-icon {
    width: 22px;
    --lib-icon-size: 22px;
    margin-left: 0.7em;
}

.contact-label[b-9zzv5nuxji] {
    margin-left: 15px;
    font-weight: 500;
    font-size: medium;
}

.success-msg-container[b-9zzv5nuxji] {
    margin: 30px 20px;
}
/* /Pages/PaymentPlans/ContactUsPopup.razor.rz.scp.css */
.popup-container[b-qe04wur7ww] {
    margin: 30px;
}

.title-row[b-qe04wur7ww] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-qe04wur7ww] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}


.contact-method[b-qe04wur7ww] {
    margin-top: 1rem;
    gap: 6px;
    align-items: center;
    font-size: 1rem;
    display: flex;
    font-weight: 400;
}

.working-time[b-qe04wur7ww] {
    display: grid;
    grid-template-columns: 186px 123px;
    grid-template-rows: 29px 20px;
    font-weight: 400;
    font-size: 1rem;
}

[b-qe04wur7ww] .contact-icon {
    width: 32px;
    --lib-icon-size: 32px;
}
/* /Pages/PaymentPlans/GenericServiceMaintaincePopup.razor.rz.scp.css */
.popup-container[b-xl3tpx31pg] {
    display: flex;
    padding: 2rem;
    gap: 1rem;
    align-items: center;
}

.title-row[b-xl3tpx31pg] {
    display: flex;
    justify-content: space-between;
}

span.title[b-xl3tpx31pg] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.3px;
}

.float-right[b-xl3tpx31pg] {
    position: absolute;
    right: 30px;
}

.no-permission[b-xl3tpx31pg] {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
}

.button-row[b-xl3tpx31pg] {
    margin-top: 1rem;
}

.current-plan[b-xl3tpx31pg] {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
}
/* /Pages/PaymentPlans/SelectPlanPopup.razor.rz.scp.css */
.popup-container[b-yfkjxcdxgu] {
    margin: 30px;
}

.title-row[b-yfkjxcdxgu] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-yfkjxcdxgu] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-yfkjxcdxgu] {
    float: right;
    margin-top: 2rem;
}
/* /Pages/PaymentPlans/SolutionPlanner.razor.rz.scp.css */
.title[b-b9xxchulpr] {
    margin: 30px 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.plan-packages[b-b9xxchulpr] {
    display: flex;
    gap: 20px;
    margin: 30px 0px;
}


.your-plan[b-b9xxchulpr] {
    height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.your-plan-selected[b-b9xxchulpr] {
    background-color: var(--w-surface-primary);
    padding-top: 7px;
}

.your-plan-expired[b-b9xxchulpr] {
    background-color: var(--w-surface-warning);
    padding-top: 7px;
    color: var(--w-content-variant-fixed);
    height: 36px;
}

.plan-package-content[b-b9xxchulpr] {
    height: fit-content;
    background-color: var(--w-surface-layer-1);
    width: 300px;
    padding: 2rem 1rem;
    display: grid;
    min-width: 300px;
    position: relative;
}

.plan-is-selected[b-b9xxchulpr] {
    border: solid 6px var(--w-border-active);
}


.plan-title[b-b9xxchulpr] {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
}

.section[b-b9xxchulpr] {
    display: grid;
    row-gap: 9px;
    margin-top: 30px;
}

.description-item[b-b9xxchulpr] {
    gap: 17px;
    display: flex;
}

.description[b-b9xxchulpr] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

span.description[b-b9xxchulpr] {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.cost-info[b-b9xxchulpr] {
    text-align: center;
    padding: 15px;
    margin: 30px 0px;
}

.price[b-b9xxchulpr] {
    font-size: 36px;
    font-weight: 700;
    padding: 0 5px;
}

.cost-description[b-b9xxchulpr] {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
}

.selected-button[b-b9xxchulpr] {
    text-align: center;
}

.plans-container[b-b9xxchulpr] {
    margin: 0px 30px;
}
/* /Pages/PortalPages/ConfirmedEmail.razor.rz.scp.css */
.confirmed-email-content-container[b-uuxgjxru1q] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.confirmed-email-content[b-uuxgjxru1q] {
    width: 450px;
    margin: 100px 0;
}

.button-row[b-uuxgjxru1q] {
    float: right;
}
/* /Pages/PortalPages/Login.razor.rz.scp.css */
.login-label[b-0d0g0ykd2b] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px;
}

.textbox-container[b-0d0g0ykd2b] {
    margin-bottom: 12px;
}

.login-button-group[b-0d0g0ykd2b] {
    margin: 20px 0 40px 0;
}

.forget-password-button[b-0d0g0ykd2b] {
    align-self: center;
    margin-left: -14px !important;
}

.login-content[b-0d0g0ykd2b] {
    width: 450px;
    margin: 100px 0;
}

.error-label[b-0d0g0ykd2b] {
    color: var(--w-content-warning);
}

.login-content-container[b-0d0g0ykd2b] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.pop-up-container[b-0d0g0ykd2b] {
    margin: 30px;
}

.popup-title[b-0d0g0ykd2b] {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.05rem;
}

@media (max-width: 768px) {
    .login-content-container[b-0d0g0ykd2b] {
        box-sizing: border-box;
        padding-inline: 16px;
    }

    .login-content[b-0d0g0ykd2b] {
        width: 100%;
        max-width: 450px;
    }
}
/* /Pages/PortalPages/LoginNewsPanel.razor.rz.scp.css */
*[b-g1n9xta94x] {
    box-sizing: border-box;
}

.news-panel[b-g1n9xta94x] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 16px 16px 24px;
    color: var(--w-content-default);
    background: var(--w-surface-layer-2);
    font-family: var(--w-font-family);
    font-size: var(--w-text-base-size);
    line-height: 1.5;
    text-align: center;
    text-wrap: balance;
    -webkit-font-smoothing: antialiased;
}

.news-panel:focus-visible[b-g1n9xta94x] {
    outline: 2px solid var(--w-border-active);
    outline-offset: -2px;
}

.news-panel-title[b-g1n9xta94x] {
    margin: 0;
    padding-block: 30px;
    font-family: var(--w-font-family);
    font-size: 35px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.075rem;
}

/* The slide markup is created by wwwroot/js/portal-news.js, so the selectors must use ::deep. */
.news-slide[b-g1n9xta94x] {
    width: 100%;
    flex: 0 1 auto;
    min-height: 0;
    overflow: hidden;
    /* Let the browser keep vertical scrolling while horizontal gestures drive the carousel. */
    touch-action: pan-y;
}

.news-slide[b-g1n9xta94x]  .news-slide-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

.news-slide[b-g1n9xta94x]  .news-slide-frame {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.news-slide[b-g1n9xta94x]  .news-slide-image {
    display: block;
    flex: 0 1 auto;
    width: 100%;
    max-width: 570px;
    min-height: 0;
    max-height: 100%;
    aspect-ratio: 570 / 388;
    height: auto;
    object-fit: contain;
    -webkit-user-drag: none;
}

.news-slide[b-g1n9xta94x]  .news-slide-caption {
    flex: 0 0 auto;
    max-width: 510px;
    margin: 0;
    padding-block: 30px;
    font-family: var(--w-font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}

.news-panel[b-g1n9xta94x]  .news-indicator {
    width: 100%;
    max-width: 500px;
}

.news-panel[b-g1n9xta94x]  .news-pagination {
    justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
    .news-slide[b-g1n9xta94x]  .news-slide-track {
        transition: none;
    }
}

@media (max-height: 850px) {
    .news-panel-title[b-g1n9xta94x],
    .news-slide[b-g1n9xta94x]  .news-slide-caption {
        padding-block: 16px;
    }
}
/* /Pages/PortalPages/Portal.razor.rz.scp.css */
[b-x3uulu06ui] .login-area {
    background-color: var(--w-surface-layer-1);
}

.confirmation-art[b-x3uulu06ui] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: var(--w-surface-layer-2);
    overflow: hidden;
}

.confirmation-art img[b-x3uulu06ui] {
    width: min(400px, 100%);
    max-height: 100%;
    object-fit: contain;
}
/* /Pages/PortalPages/Register.razor.rz.scp.css */
.register-form-shared-row[b-y8unolya6c] {
    display: flex;
    justify-content: space-between;
}

    .register-form-shared-row .register-form-item[b-y8unolya6c] {
        width: 48%;
    }

.register-label[b-y8unolya6c] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.register-content-container[b-y8unolya6c] {
    height: 100%;
    width: 100%;
    overflow: auto;
}


.register-content[b-y8unolya6c] {
    width: 450px;
    margin: 100px 0;
}

.salutation-title[b-y8unolya6c] {
    color: var(--w-content-default);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 175% */
    letter-spacing: 0.12px;
    margin-top: 8px;
}

.register-form-item[b-y8unolya6c] {
    margin-bottom: 10px;
    font-size: 15px !important;
}

.salutation-row[b-y8unolya6c] {
    margin-top: 10px;
    margin-bottom: 12px;
}

.radio-container[b-y8unolya6c] {
    display: flex;
    margin-bottom: -10px;
}

.text-box-container[b-y8unolya6c] {
    margin-top: 5px;
}

.button-row[b-y8unolya6c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.login-row[b-y8unolya6c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.resend-row[b-y8unolya6c] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox-row[b-y8unolya6c] {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
}

.checkbox-item-line[b-y8unolya6c] {
    color: var(--w-content-default);
    text-decoration: underline;
    font-weight: 700;
}

    .checkbox-item-line:hover[b-y8unolya6c] {
        color: color-mix( in srgb, var(--w-content-default) 90%, var(--w-content-variant-fixed) 10% );
        text-decoration: underline;
        font-weight: 700;
    }

.bold-checkbox-item[b-y8unolya6c] {
    padding-top: 12px;
}

.checkbox-item[b-y8unolya6c] {
    margin-left: 4px;
    line-height: 21px;
    padding-top: 12px;
}

.confirm-email-item[b-y8unolya6c] {
    display: block;
    margin-bottom: 2rem;
}
/* /Pages/PortalPages/ResetPwd.razor.rz.scp.css */
.absolute-right[b-nhb02n5xz2] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: var(--w-content-subtle);
}

.cursor-pointer[b-nhb02n5xz2] {
    cursor: pointer;
}

.login-label[b-nhb02n5xz2] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

.label[b-nhb02n5xz2] {
    font-weight: bold;
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: 0.01rem;
}


.login-content[b-nhb02n5xz2] {
    width: 450px;
    margin: 100px 0;
}


.error-label[b-nhb02n5xz2] {
    color: var(--w-content-warning);
    align-self: center;
}

.login-content-container[b-nhb02n5xz2] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.button-row[b-nhb02n5xz2] {
    display: flex;
    justify-content: space-between;
}

.textbox-container[b-nhb02n5xz2] {
    margin-bottom: 12px;
}
/* /Pages/PortalPages/SendVerification.razor.rz.scp.css */
.cursor-pointer[b-y5d02e2wnd] {
    cursor: pointer;
}

.login-label[b-y5d02e2wnd] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px;
}

.textbox-container[b-y5d02e2wnd] {
    margin-bottom: 12px;
}

.login-content[b-y5d02e2wnd] {
    width: 450px;
    margin: 100px 0;
}


.error-label[b-y5d02e2wnd] {
    color: var(--w-content-warning);
    align-self: center;
    margin-top: 1rem;
}

.login-content-container[b-y5d02e2wnd] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.button-row[b-y5d02e2wnd] {
    display: flex;
    justify-content: space-between;
}
/* /Pages/PortalPages/WagoOidcLogin.razor.rz.scp.css */
.login-label[b-3cqzhrmhf7] {
    font-weight: 700;
    font-size: 30px;
    margin: 2rem;
}

.oidc-buttons[b-3cqzhrmhf7] {
    padding-bottom: 20px;
    display: flex;
    gap: 30px;
}

.hrdivider[b-3cqzhrmhf7] {
    position: relative;
    margin-bottom: 20px;
    width: 180%;
    text-align: center;
}

    .hrdivider span[b-3cqzhrmhf7] {
        position: absolute;
        top: 5px;
        left: 43%;
        background: var(--w-surface-layer-1);
        padding: 0 20px;
        font-weight: bold;
        font-size: 12px;
        color: var(--w-content-subtle)
    }
/* /Pages/ProjectsAndDevices/ApplicationTile.razor.rz.scp.css */
.applicationTile[b-s69i5a9jzg] {
    background-color: var(--w-surface-layer-1);
    min-height: 120px;
    margin: 0 10px;
    border: 6px solid var(--w-surface-layer-2);
    display: grid;
    grid-template-columns: 1fr minmax(0, 6fr) 1fr;
    grid-column-gap: 13px;
    align-items: center;
}

.applicationTile:hover[b-s69i5a9jzg] {
    border: 6px solid var(--w-border-subtle);
}

.applicationTile:hover[b-s69i5a9jzg], .app-name:hover[b-s69i5a9jzg], .app-description:hover[b-s69i5a9jzg] {
    cursor: pointer;
}

.app-icon[b-s69i5a9jzg] {
    justify-self: start;
    margin-left: 19px;
    height: 4.5em;
    width: 4.5em;
    filter: invert(57%) sepia(82%) saturate(697%) hue-rotate(44deg) brightness(97%) contrast(105%);
}

.app-text[b-s69i5a9jzg] {
    justify-self: start;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.app-name[b-s69i5a9jzg] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-default);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-description[b-s69i5a9jzg] {
    font-size: 12px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    color: var(--w-content-default);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.app-button[b-s69i5a9jzg] {
    justify-self: end;
    margin-right: 15px;
}
/* /Pages/ProjectsAndDevices/DisabledEndpointComponent.razor.rz.scp.css */
.wi[b-4s4skeq7gm] {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.devices-container[b-4s4skeq7gm] {
    height: auto;
    margin-bottom: 1rem;
    border-top: 3px solid var(--w-surface-layer-2);
}

.device-container-woApps[b-4s4skeq7gm] {
    height: 68px;
    margin-bottom: 1rem;
}

.device-subcontainer-woApps[b-4s4skeq7gm] {
    height: 68px;
}

.device-container[b-4s4skeq7gm] {
    min-height: 135px;
}

.dot[b-4s4skeq7gm] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
}

.yellow-dot[b-4s4skeq7gm] {
    width: 10px;
    background-color: var(--w-surface-attention);
    border-radius: 50%;
    margin: -26px 0 0 18px;
    height: 10px;
}

.red-dot[b-4s4skeq7gm] {
    width: 10px;
    background-color: var(--w-surface-warning);
    border-radius: 50%;
    margin: -26px 0 0 18px;
    height: 10px;
}

.endpoint-control-buttons[b-4s4skeq7gm] {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
}

.device-name-label[b-4s4skeq7gm] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
}

.w-90[b-4s4skeq7gm] {
    width: 90%;
}

.device-name-status-container[b-4s4skeq7gm] {
    margin-left: 10px;
}

.device-status-row[b-4s4skeq7gm] {
    gap: 30px;
}

.device-provisioning-label[b-4s4skeq7gm] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

.menu-option[b-4s4skeq7gm] {
    display: flex;
    gap: 10px;
}

    .menu-option:hover[b-4s4skeq7gm] {
        cursor: pointer;
    }

.deteting-list-title[b-4s4skeq7gm] {
    display: flex;
    margin: 1rem 0;
}

.tab-item-name[b-4s4skeq7gm] {
    font-size: 1rem !important;
    font-weight: 700;
    text-align: center;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100ch;
}

.disabled[b-4s4skeq7gm] {
    opacity: 50%;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .device-name-label[b-4s4skeq7gm] {
        max-width: 75%;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .device-name-label[b-4s4skeq7gm] {
        max-width: 80%;
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .device-name-label[b-4s4skeq7gm] {
        max-width: 85%;
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .device-name-label[b-4s4skeq7gm] {
        max-width: 90%;
    }
}

/*xl*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .device-name-label[b-4s4skeq7gm] {
        max-width: 90%;
    }
}

/*xxl*/
@media (min-width: 1400px) {
    .device-name-label[b-4s4skeq7gm] {
        max-width: 90%;
    }
}
/* /Pages/ProjectsAndDevices/Dropdown/AppliedAppTileDropDown.razor.rz.scp.css */
.dropdown-item[b-beigvwjumx] {
    height: 48px;
    padding: 12px 30px 12px 30px;
    display: flex;
}

.dropdown-item:hover[b-beigvwjumx] {
    background: var(--w-surface-primary);
    cursor: pointer;
}

.dropdown-item-text[b-beigvwjumx] {
    color: var(--w-content-default);
    font-size: 15px;
    font-weight: 700;
    margin-left: 1rem;
}

.dropdown-item-text:hover[b-beigvwjumx] {
    cursor: pointer;
}

.failed-version-item[b-beigvwjumx] {
    padding: 12px 30px 12px 24px;
    border-bottom: 1px solid var(--w-border-separator);
    display: flex;
    flex-direction: row;
    border-left:solid 6px var(--w-border-warning) !important;
}

.successed-version-item[b-beigvwjumx] {
    padding: 12px 30px 12px 24px;
    border-bottom: 1px solid var(--w-border-separator);
    display: flex;
    flex-direction: row;
    border-left: solid 6px var(--w-border-active) !important;
}

.inprogess-version-item[b-beigvwjumx] {
    padding: 12px 30px 12px 24px;
    border-bottom: 1px solid var(--w-border-separator);
    display: flex;
    flex-direction: row;
    border-left: solid 6px var(--w-border-active) !important;
}

.app-message-block[b-beigvwjumx] {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.a-error-detail[b-beigvwjumx] {
    text-decoration: underline;
    color: var(--w-content-default);
    cursor: pointer;
}

.version-item-text[b-beigvwjumx] {
    color: var(--w-content-default);
    font-size: 15px;
    font-weight: 400;
}

.configure-now[b-beigvwjumx] {
    margin-left: 1rem;
    background-color: var(--w-surface-attention);
    padding: 0 5px;
}

[b-beigvwjumx] .item-icon {
    width: 24px;
    height: 24px;
    align-self: center;
}

.incapatibleapp-item[b-beigvwjumx] {
    padding: 0px 30px;
    border-bottom: 1px solid var(--w-border-separator);
    display: flex;
    border-left: 4px solid var(--w-border-warning);
}
/* /Pages/ProjectsAndDevices/Dropdown/PackageDropDown.razor.rz.scp.css */
.packages-list[b-ejo3563xkj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 6px solid var(--w-surface-layer-2);
}

.package-item[b-ejo3563xkj] {
    height: 78px;
    padding: 15px;
    border-left: 6px solid;
    border-left-color: var(--w-surface-layer-2);
    display: flex;
    align-items: center;
}

    .package-item:hover[b-ejo3563xkj] {
        border-left-color: var(--w-border-active);
    }

.packageIsSelected[b-ejo3563xkj] {
    border-left-color: var(--w-border-active);
}

.package-item-name[b-ejo3563xkj] {
    font-size: 1rem;
    font-weight: 700;
}
/* /Pages/ProjectsAndDevices/EndpointComponent.razor.rz.scp.css */
[b-zvionlisc3] .wi {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.devices-container[b-zvionlisc3] {
    height: auto;
    margin-bottom: 1rem;
}

.device-container-woApps[b-zvionlisc3] {
    height: 68px;
    margin-bottom: 1rem;
}

.device-subcontainer-woApps[b-zvionlisc3] {
    height: 68px;
}

.device-container[b-zvionlisc3] {
    min-height: 135px;
}

.dot[b-zvionlisc3] {
    height: 10px;
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    display: inline-block;
}

.yellow-dot[b-zvionlisc3] {
    width: 10px;
    background-color: var(--w-surface-attention);
    border-radius: 50%;
    margin: -26px 0px 0 42px;
    height: 10px;
}

.red-dot[b-zvionlisc3] {
    width: 10px;
    background-color: var(--w-surface-warning);
    border-radius: 50%;
    margin: 6px 0px 6px 10px;
    height: 10px;
}

.green-dot[b-zvionlisc3] {
    width: 10px;
    background-color: var(--w-surface-success);
    border-radius: 50%;
    margin: 6px 0px 6px 10px;
    height: 10px;
}

.gray-dot[b-zvionlisc3] {
    width: 10px;
    background-color: var(--w-content-subtle);
    border-radius: 50%;
    margin: 6px 0px 6px 10px;
    height: 10px;
}

.endpoint-control-buttons[b-zvionlisc3] {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
}

.device-manager-entry[b-zvionlisc3] {
}

.device-name-label[b-zvionlisc3] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
}

.w-90[b-zvionlisc3] {
    width: 90%;
}

.device-name-status-container[b-zvionlisc3] {
    margin-left: 10px;
}

.device-status-row[b-zvionlisc3] {
    gap: 30px;
}

.device-provisioning-label[b-zvionlisc3] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

.device-status-label[b-zvionlisc3] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

.associate-device-href[b-zvionlisc3] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

    .associate-device-href:link[b-zvionlisc3] {
        text-decoration: underline;
        color: unset;
    }

    .associate-device-href:visited[b-zvionlisc3] {
        text-decoration: none;
        color: unset;
    }

    .associate-device-href:hover[b-zvionlisc3] {
        text-decoration: underline;
        color: var(--w-surface-primary);
    }

    .associate-device-href:active[b-zvionlisc3] {
        text-decoration: underline;
        color: var(--w-surface-primary);
    }


.device-apps-container[b-zvionlisc3] {
    gap: 30px;
}

.device-app-tile[b-zvionlisc3] {
    position: relative;
    min-width: 31%;
    box-shadow: 0 0 0 1px var(--w-surface-layer-2);
    outline: solid 3px transparent;
    border-left: solid 6px transparent;
    height: 54px;
}

    .device-app-tile:hover[b-zvionlisc3] {
        outline-color: var(--w-border-active);
        cursor: pointer;
    }

.device-app-tile-active[b-zvionlisc3] {
    background: var(--w-surface-layer-2);
    border-left: solid 6px var(--w-border-active) !important;
    outline-color: transparent !important;
}

.device-app-info[b-zvionlisc3] {
    margin: 0px 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.device-app-icon[b-zvionlisc3] {
    filter: invert(68%) sepia(68%) saturate(1222%) hue-rotate(39deg) brightness(89%) contrast(105%);
}

.device-app-label[b-zvionlisc3] {
    font-size: 15px;
    font-weight: 700;
    margin-left: 6px;
}

    .device-app-label:hover[b-zvionlisc3] {
        cursor: pointer;
    }

.icon-device-app-setting[b-zvionlisc3] {
    margin-right: 17px;
}

.menu-anchor[b-zvionlisc3] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.app-gear-menu[b-zvionlisc3] {
    cursor: pointer
}

.compatible-devices[b-zvionlisc3] {
    font-size: 12px;
    text-decoration-line: underline;
    cursor: pointer;
    margin-left: 10px;
}

.configuration-file-indicator[b-zvionlisc3] {
    position: absolute;
    right: -12px;
    top: -12px;
    height: 24px;
    width: 24px;
    background-color: var(--w-surface-attention);
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-weight: bold;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .device-name-label[b-zvionlisc3] {
        max-width: 75%;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .device-name-label[b-zvionlisc3] {
        max-width: 80%;
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .device-name-label[b-zvionlisc3] {
        max-width: 85%;
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .device-name-label[b-zvionlisc3] {
        max-width: 90%;
    }
}

/*xl*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*xxl*/
@media (min-width: 1400px) {
}
/* /Pages/ProjectsAndDevices/FolderComponent.razor.rz.scp.css */
[b-j8p7ozobzw] .wi {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.folder-list-item[b-j8p7ozobzw] {
    height: 54px;
}

    .folder-list-item:hover[b-j8p7ozobzw] {
        background-color: var(--w-surface-layer-2);
    }

.list-box-item[b-j8p7ozobzw] {
    border: 0;
    background: transparent;
    width: 100%;
    min-width: 0;
    text-align: left;
    margin-left: -5px;
    line-height: 24px;
    display: inline-flex;
}

[b-j8p7ozobzw] .arow-icon-folderList {
    margin-right: 8px;
    vertical-align: middle;
}

.folderlist-name[b-j8p7ozobzw] {
    font-size: 1rem;
    font-weight: bold;
    color: var(--w-content-default);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
    padding-left: 3px;
}

.menu-anchor[b-j8p7ozobzw] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
}

.folder-date-label[b-j8p7ozobzw] {
    color: var(--w-content-subtle);
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    padding-top: 2px;
    white-space: nowrap;
    flex-shrink: 0;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .folderlist-name[b-j8p7ozobzw] {
        max-width: 75%;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .folderlist-name[b-j8p7ozobzw] {
        max-width: 80%;
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .folderlist-name[b-j8p7ozobzw] {
        max-width: 85%;
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .folderlist-name[b-j8p7ozobzw] {
        max-width: 90%;
    }
}

/*xl*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*xxl*/
@media (min-width: 1400px) {
}
/* /Pages/ProjectsAndDevices/Marketing.razor.rz.scp.css */
[b-lkdnk1v92j] .wi {
    height: 28px;
    width: 28px;
    --lib-icon-size: 28px;
}

.col[b-lkdnk1v92j] {
    padding: 0 0.5rem
}

.applicationTile[b-lkdnk1v92j] {
    background-color: var(--w-surface-layer-1);
    min-height: 120px;
}

.applicationTile:hover[b-lkdnk1v92j] {
    cursor: pointer;
}

.app-name[b-lkdnk1v92j] {
    font-size: 15px;
    font-weight: 700;
}

.app-description[b-lkdnk1v92j] {
    font-size: 12px;
    font-weight: 400;
}

.app-icon[b-lkdnk1v92j] {
    height: 4.5em;
    width: 4.5em;
    filter: invert(57%) sepia(82%) saturate(697%) hue-rotate(44deg) brightness(97%) contrast(105%);
}

.introSolution[b-lkdnk1v92j] {
    background-image: url(../images/marketing.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.introSolution:hover[b-lkdnk1v92j]{
    cursor: pointer;
}

.collapse-button-container[b-lkdnk1v92j] {
    background-color: var(--w-surface-layer-2);
}

.introSolutionExpanded[b-lkdnk1v92j] {
    min-height: 400px;
}

.introSolutionCollapsed[b-lkdnk1v92j] {
    min-height: 160px;
}

.stateCollapsedHide[b-lkdnk1v92j] {
    display: none !important;
}

.introSolution-content[b-lkdnk1v92j] {
    color: var(--w-content-variant-fixed);
}

.new-solution-label[b-lkdnk1v92j] {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
    margin-bottom: 28px;
}

.new-solution-description[b-lkdnk1v92j] {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 28px;
}

.plus-icon[b-lkdnk1v92j] {
    margin-right: 5px;
    height: 20px;
    width: 20px;
}

.marketing-apps[b-lkdnk1v92j] {
    background-color: var(--w-surface-layer-2);
    padding: 1rem 1.5rem;
}

[b-lkdnk1v92j] .expand-marketingView-button {
    color: var(--w-content-variant-fixed);
}

.expand-marketingView :hover[b-lkdnk1v92j] {
    cursor: pointer;
}

.content-container[b-lkdnk1v92j] {
    width: 100%;
    max-width: 1070px;
}

.info-container[b-lkdnk1v92j] {
    color: var(--w-content-variant-fixed);
    font-size: 1rem;
}

.info-label[b-lkdnk1v92j] {
    line-height: 24px;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .introSolution-content[b-lkdnk1v92j] {
        padding: 48px 24px 24px 24px;

    }

    .new-solution-label[b-lkdnk1v92j] {
        font-size: 27px;
    }

    .new-solution-description[b-lkdnk1v92j] {
        width: 100% !important;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/*xl*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*xxl*/
@media (min-width: 1400px) {
}
/* /Pages/ProjectsAndDevices/MyApps.razor.rz.scp.css */
.my-apps-header[b-y5ok1nrpm2] {
    padding-bottom: 33px;
}

#myAppsLabel[b-y5ok1nrpm2] {
    align-self: center;
    font-size: 30px;
    color: var(--w-content-default);
    font-weight: 700;
}

/* Tile width must not depend on how many apps are activated: Bootstrap's row-cols-* utilities
   assign a fixed fraction of the row per breakpoint (e.g. 50%/33%) regardless of item count,
   which squishes a lone tile; a plain flex-wrap layout with a capped width avoids that and also
   avoids stretching a lone tile across the full (wide) page width. */
.app-container .row[b-y5ok1nrpm2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.app-container .col[b-y5ok1nrpm2] {
    flex: 1 1 320px;
    max-width: 420px;
    padding: 0;
    margin: 0;
}
/* /Pages/ProjectsAndDevices/PopUp/AddAppWindow.razor.rz.scp.css */
.popup-container[b-mc4p9blpy9] {
    margin: 30px;
}

.title-row[b-mc4p9blpy9] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-mc4p9blpy9] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-mc4p9blpy9] {
    float: right;
    margin-top: 2rem;
}

.apply-button-image[b-mc4p9blpy9] {
    width: 24px;
}

.container[b-mc4p9blpy9] {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.app-container[b-mc4p9blpy9] {
    gap: 20px;
}

.applicationTile[b-mc4p9blpy9] {
    background-color: var(--w-surface-layer-1);
    min-height: 120px;
    /*    width: 390px;*/
}

.default-border[b-mc4p9blpy9] {
    border: 6px solid var(--w-surface-layer-2);
}

.selected-border[b-mc4p9blpy9] {
    border: 6px solid var(--w-border-success);
}

.add-icon:hover[b-mc4p9blpy9] {
    cursor: pointer;
}

.app-info[b-mc4p9blpy9] {
    width: calc(100% - 9em - 5px);
}

.app-info-extend[b-mc4p9blpy9] {
    width: calc(100% - 4.5em);
}

.app-name[b-mc4p9blpy9] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.app-description[b-mc4p9blpy9] {
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.app-icon[b-mc4p9blpy9] {
    height: 4.5em;
    width: 4.5em;
}

.package-dropdown[b-mc4p9blpy9] {
    position: absolute;
    background-color: var(--w-surface-layer-1);
    border-bottom: 6px solid var(--w-surface-layer-2);
    width: calc(100% - 22px);
    z-index: 2;
    overflow: auto;
    max-height: 320px;
}

.hide-dropdown[b-mc4p9blpy9] {
    display: none;
}

.package-item[b-mc4p9blpy9] {
    padding: 15px;
    height: 78px;
    border-left: 6px solid var(--w-surface-layer-2);
    border-right: 6px solid var(--w-surface-layer-2);
    display: flex;
    align-items: center;
}

.package-item-selected[b-mc4p9blpy9] {
    border-left: 6px solid var(--w-border-active);
}

.package-item:hover[b-mc4p9blpy9] {
    border-left: 6px solid var(--w-border-active);
}

.package-name[b-mc4p9blpy9] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
}

.check-box[b-mc4p9blpy9]{
    font-weight: 700;
    font-size: 15px;
}
/* /Pages/ProjectsAndDevices/PopUp/AssociateDeviceWindow.razor.rz.scp.css */
.popup-container[b-xsml3ldfmr] {
    margin: 30px;
}

.title-row[b-xsml3ldfmr] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-xsml3ldfmr] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.left-title[b-xsml3ldfmr] {
    display: flex;
    gap: 1rem;
    align-self: center;
}

.hint-icon[b-xsml3ldfmr] {
    cursor: pointer;
    padding-top: 10px;
}

.apply-button[b-xsml3ldfmr] {
    float: right;
    margin-top: 2rem;
}

.hint-title[b-xsml3ldfmr] {
    font-weight: 600;
}

.serial-number-example[b-xsml3ldfmr] {
    font-size: 15px;
    font-weight: 400;
    padding-left: 6px;
    text-decoration: underline;
    cursor: pointer;
}

    .serial-number-example:hover[b-xsml3ldfmr] {
        text-decoration: underline;
        color: var(--w-surface-primary);
    }

[b-xsml3ldfmr] .hint-flyout {
    --dxbl-flyout-bg: var(--w-surface-layer-2) !important;
}

.custom-flyout-body[b-xsml3ldfmr] {
    margin: 1rem;
}

.custom-flyout-footer[b-xsml3ldfmr] {
    flex-flow: nowrap;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    align-content: center;
    gap: 0.5rem;
}

.invalid-error[b-xsml3ldfmr] {
    color: var(--w-content-warning);
    margin-top: 5px;
}

.warning-error[b-xsml3ldfmr] {
    color: var(--w-surface-attention);
    margin-top: 5px;
}

.status-icon-container[b-xsml3ldfmr] {
    text-align: center;
}

[b-xsml3ldfmr] .status-icon {
    width: 120px;
    height: 120px;
}

[b-xsml3ldfmr] .red-close {
    color: var(--w-content-warning);
}

.buttons-row[b-xsml3ldfmr] {
    float: right;
    margin: 1rem;
    gap: 1rem;
    display: flex;
}

.image-detail-float-right[b-xsml3ldfmr] {
    position: absolute;
    right: 1rem;
    z-index: 1;
    top: 5px;
}

.detail-image[b-xsml3ldfmr] {
    width: 100%;
}

.valid-device-number[b-xsml3ldfmr] {
    text-align: center;
    margin: 1rem;
}
/* /Pages/ProjectsAndDevices/PopUp/CompatibleDevicesPopup.razor.rz.scp.css */
.popup-container[b-fn5xam2zst] {
    margin: 30px;
}

.title-row[b-fn5xam2zst] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-fn5xam2zst] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-fn5xam2zst] {
    float: right;
    margin-top: 2rem;
}
.product-list-container[b-fn5xam2zst] {
    padding-right: 2rem;
}
.device-item[b-fn5xam2zst] {
    padding: 1rem;
}

.even-item[b-fn5xam2zst] {
    background-color: var(--w-surface-layer-1);
}

.odd-item[b-fn5xam2zst] {
    background-color: var(--w-surface-layer-2);
}
/* /Pages/ProjectsAndDevices/PopUp/CustomIdentifiersPopup.razor.rz.scp.css */
.popup-container[b-k745c1mncp] {
    margin: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.title-row[b-k745c1mncp] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.title[b-k745c1mncp] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.left-title[b-k745c1mncp] {
    display: flex;
    gap: 1rem;
    align-self: center;
}

.apply-button[b-k745c1mncp] {
    margin-top: auto;
    align-self: flex-end;
}

.serial-number-row[b-k745c1mncp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.invalid-error[b-k745c1mncp] {
    color: var(--w-content-warning);
}

.warning-error[b-k745c1mncp] {
    color: var(--w-surface-attention);
}
/* /Pages/ProjectsAndDevices/PopUp/DeleteFolderEndpointAppWindow.razor.rz.scp.css */
.popup-container[b-65kigcs383] {
    margin: 30px;
}


.title-row[b-65kigcs383] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-65kigcs383] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.warning-texts span[b-65kigcs383] {
    display: block;
    font-weight: 400;
    font-size: 1rem;
    margin: 10px 0px 0px 31px;
}

[b-65kigcs383] .warning-texts lib-icon {
    margin-top: 5px;
}

.delete-row[b-65kigcs383] {
    display: flex;
    margin-top: 2rem;
}

.delete-icon[b-65kigcs383] {
    width: 20px;
    margin-top: -2px;
}

.red-delete-icon[b-65kigcs383] {
    width: 20px;
    margin-top: -2px;
    transform: translateX(-80px);
    filter: drop-shadow(var(--w-content-variant-fixed) 80px 0);
}

.confirm-message[b-65kigcs383] {
    font-weight: 700;
    font-size: 1rem;
    margin: 13px 15px;
}

.red-delete-button[b-65kigcs383] {
    padding: 10px 10px;
    background: var(--w-surface-warning);
    color: var(--w-content-variant-fixed);
    overflow: hidden;
}

.red-delete-button-text[b-65kigcs383] {
    font-weight: 700;
    font-size: 1rem;
}

.loader[b-65kigcs383] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--w-surface-layer-1);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-65kigcs383 1s linear infinite;
    margin-right:5px;
}
.loader[b-65kigcs383]::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 8px;
    top: 13px;
    border: 5px solid transparent;
    border-right-color: var(--w-content-variant-fixed);
    transform: rotate(294deg);
}

@keyframes rotation-b-65kigcs383 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* /Pages/ProjectsAndDevices/PopUp/DeleteOfflineDevicePopup.razor.rz.scp.css */
.popup-container[b-vpo1k58e4v] {
    margin: 30px;
}


.title-row[b-vpo1k58e4v] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-vpo1k58e4v] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}
.buttons-row[b-vpo1k58e4v] {
    display: flex;
    gap: 1rem;
    float: right;
}

.warning-texts[b-vpo1k58e4v] {
    margin: 0 15rem 3rem 0;
}

a.support-link[b-vpo1k58e4v] {
    font-weight: 500;
    color: var(--w-content-default);
}
/* /Pages/ProjectsAndDevices/PopUp/EndpointExportPopup.razor.rz.scp.css */
.popup-container[b-q351vw7xil] {
    margin: 30px;
}

.title-row[b-q351vw7xil] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.info-row[b-q351vw7xil] {
    margin-bottom: 2rem;
}

.title[b-q351vw7xil] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.attributes-select-all[b-q351vw7xil] {
    margin-bottom: 2rem;
}

.attributes-selection-section[b-q351vw7xil] {
    background-color: var(--w-surface-background);
    padding: 1rem 2rem;
    margin-bottom: 1rem;
}

.attributes-selection-wrapper[b-q351vw7xil] {
    display: grid;
    width: 100%;
    margin-left: 1rem;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: auto;
}

.button-group[b-q351vw7xil] {
    margin-top: 2rem;
    float: right;
    display: flex;
    gap: 10px;
}

.attribute-label[b-q351vw7xil] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/ProjectsAndDevices/PopUp/EndpointImportPopup.razor.rz.scp.css */
.popup-container[b-580z6bpfgb] {
    margin: 30px;
}

.title-row[b-580z6bpfgb] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title[b-580z6bpfgb] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.buttons-row[b-580z6bpfgb] {
    display: flex;
    gap: 1rem;
    float: right;
}

.content-row[b-580z6bpfgb] {
    display: flex;
    gap: 10px;
}

.choose-file[b-580z6bpfgb] {
    border-radius: 7px;
    background: var(--w-surface-layer-1);
    width: 120px;
    cursor: pointer;
    border: 1px solid;
    border-color: var(--w-border-default);
    text-align: center;
}

.choose-file:hover[b-580z6bpfgb] {
    cursor: pointer;
    color: var(--w-content-default) !important;
    box-shadow: inset -0.5px -0.5px 0 0.5px var(--w-content-default);
}

.choose-file:active[b-580z6bpfgb] {
    cursor: pointer;
    color: var(--w-content-default) !important;
    box-shadow: inset 0.5px 0.5px 0 0.5px var(--w-content-default);
}

.choose-file-disabled[b-580z6bpfgb] {
    opacity: 0.5;
}

.choose-file-disabled:hover[b-580z6bpfgb],
.choose-file-disabled:active[b-580z6bpfgb] {
    cursor: default;
    color: inherit !important;
    box-shadow: none;
}

[b-580z6bpfgb] .choose-file-btn-img {
    margin-bottom: -6px;
    cursor: pointer;
}

.choose-file-btn-text[b-580z6bpfgb] {
    font-weight: 700;
    font-size: 1rem;
    line-height: 44px;
    cursor: pointer;
}

.input-file[b-580z6bpfgb] {
    margin-top: -44px;
    cursor: pointer;
}

.disabled[b-580z6bpfgb] {
    pointer-events: none;
    opacity: 0.6;
}

.processing-message[b-580z6bpfgb] {
    font-weight: 700;
    font-size: 12px;
    display: flex;
    width: 72%;
    gap: 5px;
    margin-top: 0.5rem;
}

[b-580z6bpfgb] .processing-message i {
    height: 18px !important;
    width: 18px !important;
}

[b-580z6bpfgb] .progress-bar-container {
    width: 100%;
}

.error-message[b-580z6bpfgb] {
    max-width: 555px;
    max-height: 300px;
    overflow: auto;
    margin: 2rem 5px;
    padding: 10px;
    display: flex;
    gap: 10px;
    border-left: 6px solid var(--w-border-warning);
    box-shadow: 0px 0px 0px 5px var(--w-surface-background);
}

.warning-message[b-580z6bpfgb] {
    border-left: 6px solid var(--w-border-attention) !important;
}

.job-result-summary[b-580z6bpfgb] {
    margin-top: 10px;
}

[b-580z6bpfgb] .input-file-btn {
    width: 150px;
    opacity: 0;
    height: 44px;
    cursor: pointer;
}

[b-580z6bpfgb] .import-endpoint-selected-file {
    width: 80%;
}

.custom-mapping-hint[b-580z6bpfgb] {
    font-size: 0.875rem;
    color: var(--w-content-default);
}

.custom-mapping-hint-error[b-580z6bpfgb] {
    font-size: 0.875rem;
    color: var(--w-content-warning);
}
/* /Pages/ProjectsAndDevices/PopUp/ExportDevicesButton.razor.rz.scp.css */
.import-button-wrapper[b-uvwbfpspii] {
    position: relative;
    display: inline-flex;
}

.status-dot-for-import-button[b-uvwbfpspii] {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.status-dot-for-import-button.green[b-uvwbfpspii] {
    background-color: var(--w-surface-primary);
}

.status-dot-for-import-button.yellow[b-uvwbfpspii] {
    background-color: var(--w-surface-attention);
}

.status-dot-for-import-button.red[b-uvwbfpspii] {
    background-color: var(--w-surface-warning);
}
/* /Pages/ProjectsAndDevices/PopUp/GenericMessageWindow.razor.rz.scp.css */
.popup-container[b-5f7wexljpc] {
    margin: 30px;
}

    .popup-container span[b-5f7wexljpc], div[b-5f7wexljpc] {
        display: block;
    }

.title-row[b-5f7wexljpc] {
    display: flex;
    justify-content: space-between;
}

.title[b-5f7wexljpc] {
    font-size: 24px;
    font-weight: 700;
    letter-spacing:0.05rem;
}

.header-message[b-5f7wexljpc] {
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.apply-button[b-5f7wexljpc] {
    float: right;
    margin-top: 2rem;
}
/* /Pages/ProjectsAndDevices/PopUp/GenericWindow.razor.rz.scp.css */
.popup-container[b-2zs0qrdyu0] {
    margin: 30px;
}

    .popup-container span[b-2zs0qrdyu0], div[b-2zs0qrdyu0] {
        display: block;
    }

.title-row[b-2zs0qrdyu0] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-2zs0qrdyu0] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing:0.05rem;
}

.apply-button[b-2zs0qrdyu0] {
    float: right;
    margin-top: 2rem;
}
/* /Pages/ProjectsAndDevices/PopUp/ImportDevicesButton.razor.rz.scp.css */
.import-button-wrapper[b-tr8pds9jnv] {
    position: relative;
    display: inline-flex;
}

.status-dot-for-import-button[b-tr8pds9jnv] {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

.status-dot-for-import-button.green[b-tr8pds9jnv] {
    background-color: var(--w-surface-primary);
}

.status-dot-for-import-button.yellow[b-tr8pds9jnv] {
    background-color: var(--w-surface-attention);
}

.status-dot-for-import-button.red[b-tr8pds9jnv] {
    background-color: var(--w-surface-warning);
}
/* /Pages/ProjectsAndDevices/PopUp/InviteAndRoleAssignment/AssignRoleBox.razor.rz.scp.css */
.user-row[b-hqtg5ise7v] {
    display: flex;
    margin: 15px 0;
    justify-content: space-between;
}

.avatar[b-hqtg5ise7v] {
    height: 42px;
    width: 42px;
    background-color: var(--w-surface-layer-2);
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    padding-top: 9px;
}

.email-info[b-hqtg5ise7v] {
    align-self: center;
    text-align: center;
}

.role-assign-combobox[b-hqtg5ise7v] {
    min-width: 260px;
}

.dropdown-target[b-hqtg5ise7v] {
    position: relative;
}

.dropdown-target[b-hqtg5ise7v]  lib-textbox {
    padding-right: 60px;
}

.role-dropDown-button[b-hqtg5ise7v] {
    position: absolute;
    right: 13px;
    top: 14px;
    color: var(--w-content-subtle);
    width: 16px;
    --lib-icon-size: 16px;
}

.show-clear-button[b-hqtg5ise7v] {
    position: absolute;
    top: 14px;
    right: 39px;
    width: 19px;
    --lib-icon-size: 19px;
}

.hide-clear-button[b-hqtg5ise7v] {
    display: none;
}

.cursor-pointer[b-hqtg5ise7v] {
    cursor: pointer;
}

.normal-msg-label[b-hqtg5ise7v] {
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.01rem;
}

.error-msg-label[b-hqtg5ise7v] {
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
    color: var(--w-content-warning);
    letter-spacing: 0.01rem;
}

.user-email[b-hqtg5ise7v] {
    font-weight: 400;
     margin-top: 8px;
    line-height: 24px;
    font-size: 1rem;
    margin-left: 10px;
}

.delete-button[b-hqtg5ise7v] {
    padding: 17px 13px;
    height: 52px;
}

.delete-button:hover[b-hqtg5ise7v]{
    background-color: var(--w-surface-warning);
}

.delete-button:hover .delete-text[b-hqtg5ise7v]{
    color: var(--w-content-variant-fixed);
}

[b-hqtg5ise7v] .delete-icon {
    width: 20px;
    height: 20px;
}

.delete-button:hover[b-hqtg5ise7v]  .delete-icon {
    color: var(--w-content-variant-fixed);
}

.delete-text[b-hqtg5ise7v] {
    margin-left: 3px;
}

.right[b-hqtg5ise7v] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
}

/*dropdown role style in sp-override*/
/* /Pages/ProjectsAndDevices/PopUp/InviteAndRoleAssignment/InviteAndRoleAssignmentWindow.razor.rz.scp.css */
.popup-container[b-d9le182im0] {
    margin: 30px;
}

.popup-container span[b-d9le182im0], div[b-d9le182im0] {
    display: block;
}

.pop-up-quit-button[b-d9le182im0] {
    border: 0;
    position: absolute;
    top: 30px;
    background: var(--w-surface-layer-1);
    right: 30px;
    padding: 0px;
}

.title[b-d9le182im0] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -7px;
}

.user-list[b-d9le182im0] {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    margin-top: 1rem;
}

.user-list[b-d9le182im0]::-webkit-scrollbar {
    display: none;
}

.loading-placeholder[b-d9le182im0] {
    height: 50px;
    text-align: center;
    padding: 25px;
}

.max-users-reached[b-d9le182im0] {
    background-color: var(--w-surface-layer-2);
}

.max-users-reached-admin[b-d9le182im0] {
    margin: 30px;
    justify-content: space-between;
    display: flex !important;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.max-users-reached-others[b-d9le182im0] {
    display: flex !important;
    margin: 30px;
    align-items: center;
}

[b-d9le182im0] .lock {
    width: 70px;
}

.lock-texts[b-d9le182im0] {
    margin-left: 1rem;
}

.lock-header[b-d9le182im0] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 5px;
}

.lock-content[b-d9le182im0] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

/*fake multiselect combobox. Because the library doesn't support this, it's consisted by LibTextBox, DxListBox and DxDropDown*/
[b-d9le182im0] .combobox-multiselect-menu {
    height: auto !important;
    overflow: hidden !important;
    border: 0px !important;
}

    [b-d9le182im0] .combobox-multiselect-menu .dxbl-listbox-item {
        padding: 12px !important;
        border-bottom: solid 1px var(--w-border-separator) !important;
    }

        [b-d9le182im0] .combobox-multiselect-menu .dxbl-listbox-item:hover {
            background-color: var(--w-surface-primary) !important;
        }

/* /Pages/ProjectsAndDevices/PopUp/InviteAndRoleAssignment/InviteUserComponent.razor.rz.scp.css */
.invite-row[b-9cxbwwy38u] {
    /* lib-textbox and lib-multiselect render the headline above the field: line-height (1.6rem) + 3px label margin. */
    --invite-headline-offset: calc(var(--w-text-base-line-height) + 3px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.role-select[b-9cxbwwy38u] {
    min-width: 260px;
}

.email-input[b-9cxbwwy38u] {
    width: 60%;
}

.invite-button[b-9cxbwwy38u] {
    /* Keep the Send invite button level with the input boxes, not with the headlines above them. */
    margin-top: var(--invite-headline-offset);
}
/* /Pages/ProjectsAndDevices/PopUp/LegalUpdatePopup.razor.rz.scp.css */
.popup-container[b-jkw2n3lz69] {
    margin: 30px;
}

.title-row[b-jkw2n3lz69] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.header-label[b-jkw2n3lz69] {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 0;
}

.language-switch-button[b-jkw2n3lz69] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
}

.body-text[b-jkw2n3lz69] {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.link-actions[b-jkw2n3lz69] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.link-action-row[b-jkw2n3lz69] {
    margin: 0.25rem 0;
}

.link-button[b-jkw2n3lz69] {
    display: block;
    background: none;
    border: 0;
    color: var(--w-content-default);
    margin: 0.5rem 0;
    padding: 0;
    text-align: left;
    text-decoration: underline;
}

.link-button:hover[b-jkw2n3lz69] {
    color: var(--w-content-default);
}

.confirmation-checkbox[b-jkw2n3lz69] {
    margin-top: 1.5rem;
}

.action-row[b-jkw2n3lz69] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: flex-end;
}
/* /Pages/ProjectsAndDevices/PopUp/MoveEndpointPopup.razor.rz.scp.css */
.popup-container[b-a9wuuz64gx] {
    margin: 30px;
}

.title-row[b-a9wuuz64gx] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-a9wuuz64gx] {
    font-size: 30px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.path-section[b-a9wuuz64gx] {
    margin-bottom: 1rem;
}

.field-label[b-a9wuuz64gx] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--w-content-default);
}

.path-display[b-a9wuuz64gx] {
    display: block;
    padding: 6px 10px;
    background-color: var(--w-surface-layer-2);
    border: 1px solid var(--w-border-separator);
    border-radius: 4px;
    color: var(--w-content-default);
    font-size: 14px;
    min-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.path-display:focus[b-a9wuuz64gx] {
    outline: none;
}

.path-empty[b-a9wuuz64gx] {
    color: var(--w-content-disabled);
}

.tree-section[b-a9wuuz64gx] {
    margin-bottom: 1rem;
}

.tree-wrapper[b-a9wuuz64gx] {
    border: 1px solid var(--w-border-separator);
    border-radius: 4px;
    overflow: hidden;
}

[b-a9wuuz64gx] .move-endpoint-tree {
    margin: 0;
    padding: 5px;
    max-height: 300px;
    overflow-y: auto;
}

[b-a9wuuz64gx] .move-endpoint-tree .dxbl-scroll-viewer-content {
    min-height: 180px;
}

.tree-solution-node[b-a9wuuz64gx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: var(--w-content-default);
    padding: 2px 0;
}

.tree-solution-node span:last-child[b-a9wuuz64gx],
.tree-folder-node .tree-node-name[b-a9wuuz64gx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.tree-folder-node[b-a9wuuz64gx] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    color: var(--w-content-default);
    width: 100%;
    box-sizing: border-box;
}

.tree-folder-node:hover[b-a9wuuz64gx] {
    background-color: var(--w-surface-layer-2);
}

.tree-node-selected[b-a9wuuz64gx] {
    background-color: var(--w-surface-layer-2);
}

[b-a9wuuz64gx] .radio-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 2px solid var(--w-border-info-on-white);
    border-radius: 50%;
    background-color: transparent;
    transition: border-color 0.15s, background-color 0.15s;
    flex-shrink: 0;
}

[b-a9wuuz64gx] .radio-indicator.radio-checked {
    border-color: var(--w-border-success) !important;
    background: radial-gradient(circle, var(--w-surface-success) 38%, var(--w-surface-layer-1) 38%, var(--w-surface-layer-1) 100%) !important;
}

.footer-buttons[b-a9wuuz64gx] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1.5rem;
}

[b-a9wuuz64gx] .expand-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.expand-icon-spacer[b-a9wuuz64gx] {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    flex-shrink: 0;
}

[b-a9wuuz64gx] .move-endpoint-tree .dxbl-treeview-tmpl,
[b-a9wuuz64gx] .move-endpoint-tree .dxbl-treeview-tmpl:hover,
[b-a9wuuz64gx] .move-endpoint-tree .dxbl-treeview-tmpl:focus,
[b-a9wuuz64gx] .move-endpoint-tree .dxbl-treeview-tmpl:focus-within,
[b-a9wuuz64gx] .move-endpoint-tree .dxbl-treeview-tmpl:active {
    background-color: transparent !important;
    outline: none;
}

.tree-solution-readonly[b-a9wuuz64gx] {
    color: var(--w-content-disabled);
    cursor: default;
    opacity: 0.6;
}

.confirm-section[b-a9wuuz64gx] {
    margin-bottom: 1.5rem;
}

.confirm-message[b-a9wuuz64gx] {
    font-size: 1rem;
    color: var(--w-content-default);
    line-height: 1.5;
    margin: 0;
}

.error-message[b-a9wuuz64gx] {
    color: var(--w-content-warning);
    font-size: 15px;
    margin-bottom: 0.5rem;
}
/* /Pages/ProjectsAndDevices/PopUp/MoveFolderPopup.razor.rz.scp.css */
.popup-container[b-s2a7gphxd9] {
    margin: 30px;
}

.title-row[b-s2a7gphxd9] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-s2a7gphxd9] {
    font-size: 30px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.path-section[b-s2a7gphxd9] {
    margin-bottom: 1rem;
}

.field-label[b-s2a7gphxd9] {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--w-content-default);
}

.path-display[b-s2a7gphxd9] {
    display: block;
    padding: 6px 10px;
    background-color: var(--w-surface-layer-2);
    border: 1px solid var(--w-border-separator);
    border-radius: 4px;
    color: var(--w-content-default);
    font-size: 14px;
    min-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.path-display:focus[b-s2a7gphxd9] {
    outline: none;
}

.path-empty[b-s2a7gphxd9] {
    color: var(--w-content-disabled);
}

.tree-section[b-s2a7gphxd9] {
    margin-bottom: 1rem;
}

.tree-wrapper[b-s2a7gphxd9] {
    border: 1px solid var(--w-border-separator);
    border-radius: 4px;
    overflow: hidden;
}

[b-s2a7gphxd9] .move-folder-tree {
    margin: 0;
    padding: 5px;
    max-height: 300px;
    overflow-y: auto;
}

[b-s2a7gphxd9] .move-folder-tree .dxbl-scroll-viewer-content {
    min-height: 180px;
}

.tree-solution-node[b-s2a7gphxd9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: var(--w-content-default);
    padding: 2px 0;
}

.tree-solution-node span:last-child[b-s2a7gphxd9],
.tree-folder-node .tree-node-name[b-s2a7gphxd9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}

.tree-folder-node[b-s2a7gphxd9] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    color: var(--w-content-default);
    width: 100%;
    box-sizing: border-box;
}

.tree-folder-node:hover[b-s2a7gphxd9] {
    background-color: var(--w-surface-layer-2);
}

.tree-node-selected[b-s2a7gphxd9] {
    background-color: var(--w-surface-layer-2);
}

[b-s2a7gphxd9] .radio-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 2px solid var(--w-border-info-on-white);
    border-radius: 50%;
    background-color: transparent;
    transition: border-color 0.15s, background-color 0.15s;
    flex-shrink: 0;
}

[b-s2a7gphxd9] .radio-indicator.radio-checked {
    border-color: var(--w-border-success) !important;
    background: radial-gradient(circle, var(--w-surface-success) 38%, var(--w-surface-layer-1) 38%, var(--w-surface-layer-1) 100%) !important;
}

.footer-buttons[b-s2a7gphxd9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1.5rem;
}

[b-s2a7gphxd9] .expand-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.expand-icon-spacer[b-s2a7gphxd9] {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    flex-shrink: 0;
}

[b-s2a7gphxd9] .move-folder-tree .dxbl-treeview-tmpl,
[b-s2a7gphxd9] .move-folder-tree .dxbl-treeview-tmpl:hover,
[b-s2a7gphxd9] .move-folder-tree .dxbl-treeview-tmpl:focus,
[b-s2a7gphxd9] .move-folder-tree .dxbl-treeview-tmpl:focus-within,
[b-s2a7gphxd9] .move-folder-tree .dxbl-treeview-tmpl:active {
    background-color: transparent !important;
    outline: none;
}

.tree-solution-readonly[b-s2a7gphxd9] {
    color: var(--w-content-disabled);
    cursor: default;
    opacity: 0.6;
}

.confirm-section[b-s2a7gphxd9] {
    margin-bottom: 1.5rem;
}

.confirm-message[b-s2a7gphxd9] {
    font-size: 1rem;
    color: var(--w-content-default);
    line-height: 1.5;
    margin: 0;
}

.error-message[b-s2a7gphxd9] {
    color: var(--w-content-warning);
    font-size: 15px;
    margin-bottom: 0.5rem;
}
/* /Pages/ProjectsAndDevices/PopUp/OnPremiseEvaluationReminderPopup.razor.rz.scp.css */
.popup-container[b-fdbabe4jvz] {
    margin: 30px;
}


.title-row[b-fdbabe4jvz] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.on-premise-content[b-fdbabe4jvz] {
    width: 450px;
    margin: 100px 0;
}

.on-premise-content-container[b-fdbabe4jvz] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.on-premise-information[b-fdbabe4jvz] {
    display: flex;
    gap: 30px;
}

.header-label[b-fdbabe4jvz] {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 1rem;
}

[b-fdbabe4jvz] .on-premise-msg-icon {
    width: 60px !important;
    height: 60px !important;
}

.information-label[b-fdbabe4jvz] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    margin-bottom: -5px;
}

.go-to-login[b-fdbabe4jvz] {
    margin-top: 2rem;
    margin-left: -1rem;
}
/* /Pages/ProjectsAndDevices/PopUp/ParameterSettingPopup/FileConfigurationSettingPopup.razor.rz.scp.css */
.popup-container[b-duie0guma9] {
    padding: 2rem;
}

.app-name[b-duie0guma9] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-disabled);
}

.main-title[b-duie0guma9] {
    font-size: 2rem;
    font-weight: 700;
}

.titles[b-duie0guma9] {
    width: 34%;
}

.title-row[b-duie0guma9] {
    display: flex;
    justify-content: space-between;
}

.content[b-duie0guma9] {
    display: grid;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.search-row[b-duie0guma9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.search-row[b-duie0guma9]  lib-textbox {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.sorting-key-icon[b-duie0guma9] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-key-component[b-duie0guma9] {
    padding: 1rem;
    border: 3px var(--w-border-separator) solid;
}

.new-tag[b-duie0guma9] {
    padding: 0 6px;
    background-color: var(--w-surface-primary);
}

.edit-value-component[b-duie0guma9] {
    border: 3px var(--w-border-separator) solid;
    padding: 1rem;
}

.selected-key-title[b-duie0guma9] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.title-right-items[b-duie0guma9] {
    text-align: right;
}

[b-duie0guma9] .key-selection-list {
    border: 0;
    height: 350px;
}

[b-duie0guma9] .key-selection-list li {
    padding: 0 !important;
}

[b-duie0guma9] .key-item {
    padding: 9px 20px;
    display: flex;
    justify-content: space-between;
}

[b-duie0guma9] .even-key-item {
    background-color: var(--w-surface-layer-2);
}

[b-duie0guma9] .odd-key-item {
    background-color: var(--w-surface-layer-1);
}

[b-duie0guma9] .selected-key-item {
    background-color: var(--w-surface-primary) !important;
    color: var(--w-content-default-fixed);
}

.panel-title[b-duie0guma9] {
    background-color: var(--w-surface-layer-1);
    margin-top: -25px;
    padding-left: 5px;
}


.list-wrapper[b-duie0guma9] {
    margin: 1rem 0 0 0;
    height: 400px;
}

.value-editor-wrapper[b-duie0guma9] {
    margin: 5px;
}

.reset-value-row[b-duie0guma9] {
    display: flex;
    margin-top: 1rem;
    gap: 10px;
}

.reset-value-text[b-duie0guma9] {
    display: flex;
    height: 25px;
    margin-top: 14px;
    max-width: 80%;
}

.tag-box[b-duie0guma9] {
    background-color: var(--w-surface-layer-2);
    padding: 0 5px;
    overflow-x: hidden;
    max-width: 60%;
    text-overflow: ellipsis;
}

.buttons-row[b-duie0guma9] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 18px;
    margin-top: 1rem;
}

.configure-or-default[b-duie0guma9] {
    display: flex;
    text-align: center;
}

.configure-or-default-icon[b-duie0guma9] {
    background-color: var(--w-surface-attention);
    padding: 15px 5px 0px 5px;
}

.configure-or-default-text[b-duie0guma9] {
    font-size: 12px;
    background-color: var(--w-surface-layer-2);
    padding: 8px 5px;
    text-align: left;
}

.reset-all-values[b-duie0guma9] {
    color: var(--w-content-default);
    margin: 1rem 0 2rem 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

[b-duie0guma9].key-selection-list li {
    padding: 0 !important;
}

.upload-file-row[b-duie0guma9] {
    display: flex;
    position: relative;
    gap: 10px;
}

[b-duie0guma9] .upload-file-row input[type="file"] {
    opacity:0;
    width: 100%;
    height: 50px;
    position: absolute;
    cursor: pointer;
}

[b-duie0guma9] .upload-file-textbox {
    width: 100%
}

.state-message[b-duie0guma9] {
    font-size: 12px;
    font-weight: 700;
    align-self: center;
}

.invalid-state-message[b-duie0guma9] {
    color: var(--w-content-warning);
}

.configuration-file-indicator[b-duie0guma9] {
    height: 24px;
    width: 24px;
    background-color: var(--w-surface-attention);
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    font-weight: bold;
    color: var(--w-content-default-fixed) !important;
}

.file-configuration-attention-box[b-duie0guma9] {
    max-width: 515px;
}

.file-content-preview[b-duie0guma9] {
    background-color: var(--w-surface-background);
    margin-top: 10px;
    padding: 5px 10px;
}

.file-content-preview-body[b-duie0guma9] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.file-content-detail .detail-row[b-duie0guma9]{
    height: 25px;
}

.file-content-detail label[b-duie0guma9] {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkbox-item[b-duie0guma9] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 1rem;
}
/* /Pages/ProjectsAndDevices/PopUp/ParameterSettingPopup/ParameterSortingMenu.razor.rz.scp.css */
.sorting-types-container[b-9et08tgqdc] {
    font-weight:700;
}

.sorting-type-container[b-9et08tgqdc] {
    padding: 10px;
    text-align:center;
    cursor: pointer;
}

    .sorting-type-container:hover[b-9et08tgqdc] {
        background-color: var(--w-surface-layer-2);
    }

.current-selected-sorting-type[b-9et08tgqdc] {
    background-color: var(--w-surface-layer-2);
    color: var(--w-content-variant-fixed);
}
/* /Pages/ProjectsAndDevices/PopUp/ParameterSettingPopup/ParametersSettingPopup.razor.rz.scp.css */
.popup-container[b-p4dkme0yb5] {
    padding: 2rem;
}

.app-name[b-p4dkme0yb5] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-disabled);
}

.main-title[b-p4dkme0yb5] {
    font-size: 2rem;
    font-weight: 700;
}

.titles[b-p4dkme0yb5] {
    width: 34%;
}

.title-row[b-p4dkme0yb5] {
    display: flex;
    justify-content: space-between;
}

.content[b-p4dkme0yb5] {
    display: grid;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.search-row[b-p4dkme0yb5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.search-row[b-p4dkme0yb5]  lib-textbox {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.sorting-key-icon[b-p4dkme0yb5] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-key-component[b-p4dkme0yb5] {
    padding: 1rem;
    border: 3px var(--w-border-separator) solid;
}

.new-tag[b-p4dkme0yb5] {
    padding: 0 6px;
    background-color: var(--w-surface-primary);
}

.edit-value-component[b-p4dkme0yb5] {
    border: 3px var(--w-border-separator) solid;
    padding: 1rem;
}

.selected-key-title[b-p4dkme0yb5] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.title-right-items[b-p4dkme0yb5] {
    text-align: right;
}

[b-p4dkme0yb5] .key-selection-list {
    border: 0;
    height: 350px;
}

    [b-p4dkme0yb5] .key-selection-list li {
        padding: 0 !important;
    }

[b-p4dkme0yb5] .key-item {
    padding: 9px 20px;
    display: flex;
    justify-content: space-between;
}

[b-p4dkme0yb5] .even-key-item {
    background-color: var(--w-surface-layer-2);
}

[b-p4dkme0yb5] .odd-key-item {
    background-color: var(--w-surface-layer-1);
}

[b-p4dkme0yb5] .selected-key-item {
    background-color: var(--w-surface-primary) !important;
}

.panel-title[b-p4dkme0yb5] {
    background-color: var(--w-surface-layer-1);
    margin-top: -25px;
    padding-left: 5px;
}


.list-wrapper[b-p4dkme0yb5] {
    margin: 1rem 0 0 0;
    height: 400px;
}

.value-editor-wrapper[b-p4dkme0yb5] {
    margin: 5px;
}

.reset-value-row[b-p4dkme0yb5] {
    display: flex;
    margin-top: 1rem;
    gap: 10px;
}

.reset-value-text[b-p4dkme0yb5] {
    display: flex;
    height: 25px;
    margin-top: 14px;
    max-width: 80%;
}

.tag-box[b-p4dkme0yb5] {
    background-color: var(--w-surface-layer-2);
    padding: 0 5px;
    overflow-x: hidden;
    max-width: 60%;
    text-overflow: ellipsis;
}

.buttons-row[b-p4dkme0yb5] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 18px;
}

.configure-or-default[b-p4dkme0yb5] {
    display: flex;
    text-align: center;
}

.configure-or-default-icon[b-p4dkme0yb5] {
    background-color: var(--w-surface-attention);
    padding: 15px 5px 0px 5px;
}

.configure-or-default-text[b-p4dkme0yb5] {
    font-size: 12px;
    background-color: var(--w-surface-layer-2);
    padding: 8px 5px;
    text-align: left;
}

.reset-all-values[b-p4dkme0yb5] {
    color: var(--w-content-default);
    margin: 1rem 0 2rem 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

[b-p4dkme0yb5].key-selection-list li {
    padding: 0 !important;
}
/* /Pages/ProjectsAndDevices/PopUp/ParameterSettingPopup/TemplateVersionList.razor.rz.scp.css */

.template-version[b-fzz0bv5h8m] {
    max-height: 280px;
    overflow-y: auto;
}
.version-list[b-fzz0bv5h8m] {
    margin-left: auto;
}

.text-box-container[b-fzz0bv5h8m] {
    width: 100%;
}

.version-list-header[b-fzz0bv5h8m] {
    display: flex;
    margin: 5px 0;
    gap: 5px;
}

.cursor-pointer[b-fzz0bv5h8m] {
    cursor: pointer;
}

.version-dropdown[b-fzz0bv5h8m] {
    position: absolute;
    width: 100%;
    z-index: 2;
    overflow: auto;
    left: -1px;
    top: -1px;
    cursor: pointer;
}

.package-item[b-fzz0bv5h8m] {
    border: 1px solid var(--w-border-info-on-white);
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}
/* /Pages/ProjectsAndDevices/PopUp/RenameAndDeleteSolutionWindow.razor.rz.scp.css */
.popup-container[b-kwh7mqad32] {
    margin: 30px;
}


.rename-row[b-kwh7mqad32] {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
}

.title-row[b-kwh7mqad32] {
    display: block;
    margin-bottom: 2rem;
}

.title[b-kwh7mqad32] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}


.delete-row[b-kwh7mqad32] {
    display: flex;
    margin-top: 2rem;
}

.delete-icon[b-kwh7mqad32] {
    width: 20px;
    margin-top: -2px;
}

.red-delete-icon[b-kwh7mqad32] {
    width: 20px;
    margin-top: -2px;
    transform: translateX(-80px);
    filter: drop-shadow(var(--w-content-variant-fixed) 80px 0);
}

.confirm-message[b-kwh7mqad32] {
    font-weight: 700;
    font-size: 1rem;
    margin: 14px 20px 0px 0px;
}

.red-delete-button[b-kwh7mqad32] {
    padding: 9px 10px;
    background: var(--w-surface-warning);
    color: var(--w-content-variant-fixed);
    overflow: hidden;
}

.red-delete-button-text[b-kwh7mqad32] {
    font-weight: 700;
    font-size: 1rem;
}

.loader[b-kwh7mqad32] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--w-surface-layer-1);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-kwh7mqad32 1s linear infinite;
    margin-right: 5px;
}
.loader[b-kwh7mqad32]::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 8px;
    top: 13px;
    border: 5px solid transparent;
    border-right-color: var(--w-content-variant-fixed);
    transform: rotate(294deg);
}

@keyframes rotation-b-kwh7mqad32 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.expanded-warning-text[b-kwh7mqad32] {
    margin-top: 2rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.yes-and-no-buttons[b-kwh7mqad32] {
    margin-top: 2rem;
    display: flex;
}

.warning-list-item[b-kwh7mqad32] {
    display:list-item;
    margin-left: 25px;
}
/* /Pages/ProjectsAndDevices/PopUp/ReplacePackageWindow.razor.rz.scp.css */
.wi[b-eag1jdqtun] {
    height: 24px;
    width: 24px;
}

.replace-package-window[b-eag1jdqtun] {
    padding: 30px;
}

.window-title-row[b-eag1jdqtun] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.window-title[b-eag1jdqtun] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.replace-packages-container[b-eag1jdqtun] {
    max-height: 40vh;
    overflow: auto;
}

.apps-container[b-eag1jdqtun] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 27px;
}

.applicationTile[b-eag1jdqtun] {
    background-color: var(--w-surface-layer-1);
    height: 120px;
    margin: 0 10px;
    border: 6px solid var(--w-surface-layer-2);
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    grid-column-gap: 13px;
    align-items: center;
}

.applicationTileSelected[b-eag1jdqtun] {
    border-color: var(--w-border-active);
}

    .applicationTile:hover[b-eag1jdqtun] {
        border-color: var(--w-border-subtle);
    }

    .applicationTile:hover[b-eag1jdqtun], .app-name:hover[b-eag1jdqtun], .app-description:hover[b-eag1jdqtun] {
        cursor: pointer;
    }

.app-icon[b-eag1jdqtun] {
    justify-self: start;
    margin-left: 19px;
    height: 4.5em;
    width: 4.5em;
    filter: invert(57%) sepia(82%) saturate(697%) hue-rotate(44deg) brightness(97%) contrast(105%);
}

.app-text[b-eag1jdqtun] {
    justify-self: start;
}

.app-name[b-eag1jdqtun] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-content-default);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.app-description[b-eag1jdqtun] {
    font-size: 12px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    color: var(--w-content-default);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}

.app-button[b-eag1jdqtun] {
    justify-self: end;
    margin-right: 15px;
}

.replace-warning-container[b-eag1jdqtun] {
    margin-top: 24px;
    border: 6px solid var(--w-surface-layer-2);
    margin-left: 10px;
    margin-right: 10px;
}

.replace-warning-content[b-eag1jdqtun] {
    height: 42px;
    border-left: 6px solid var(--w-border-warning);
    padding: 9px 15px 9px 15px;
    /*height: 100%;*/
    width: 100%;
}

.replace-warning-container-text[b-eag1jdqtun] {
    font-size: 1rem;
    color: var(--w-content-default);
    font-weight: 700;
    text-align: center;
    margin-left: 15px;
}

.apply-button[b-eag1jdqtun] {
    float: right;
    margin-top: 2rem;
}

/*xs*/
@media (min-width: 200px) and (max-width: 575.98px) {
    .apps-container[b-eag1jdqtun] {
        grid-template-columns: 1fr;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .apps-container[b-eag1jdqtun] {
        grid-template-columns: 1fr;
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .apps-container[b-eag1jdqtun] {
        grid-template-columns: 1fr;
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .apps-container[b-eag1jdqtun] {
        grid-template-columns: 1fr;
    }
}

/*xl*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*xxl*/
@media (min-width: 1400px) {
}
/* /Pages/ProjectsAndDevices/PopUp/SolutionQRCodeWindow.razor.rz.scp.css */
.popup-container[b-bwkmv1ly7f] {
    height: 100%;
    padding: 30px;
    overflow: hidden;
}

.popup-container span[b-bwkmv1ly7f], div[b-bwkmv1ly7f] {
    display: block;
}

.subtitle[b-bwkmv1ly7f] {
    font-size: small;
    font-weight: 400;
    margin-bottom: 10px;
}

.title[b-bwkmv1ly7f] {
    font-size: xx-large;
    font-weight: 700;
    margin-bottom: 10px;
}

[b-bwkmv1ly7f] .dxbs-tree-tmpl {
    height: 54px;
}

.dxbs-tree-tmpl :hover[b-bwkmv1ly7f] {
    background-color: var(--w-surface-layer-2);
}

.nodeTemplate[b-bwkmv1ly7f] {
    padding: 15px;
    height: 54px;
}

.treeNodeName[b-bwkmv1ly7f] {
    margin-left: 15px;
    text-align: center;
    font-size: small;
    font-weight: 400;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-bwkmv1ly7f] .dxbl-treeview {
    margin-bottom: 30px;
    overflow: auto;
    max-height: 40vh;
}

.apply-button[b-bwkmv1ly7f] {
    right: 30px;
    bottom: 30px;
    float: right;
}

.pop-up-quit-button[b-bwkmv1ly7f] {
    border: 0;
    top: 30px;
    background: var(--w-surface-layer-1);
    right: 30px;
}
/* /Pages/ProjectsAndDevices/ProjectsDevices.razor.rz.scp.css */
.homePage[b-w97h9efzz9] {
    background-color: var(--w-surface-layer-2);
    min-height: var(--main-frame-height);
}

.solutions[b-w97h9efzz9] {
    background-color: var(--w-surface-layer-2);
    margin-bottom: 50px;
}
/* /Pages/ProjectsAndDevices/SolutionComponent.razor.rz.scp.css */
.solutions-container[b-ilbfj4d5q6] {
    height: auto;
    padding: 0.5rem;
}

.folder-breadcrumb[b-ilbfj4d5q6] {
    margin-bottom: 0.5rem;
    border-bottom: 3px solid var(--w-surface-layer-2);
}

.app-container[b-ilbfj4d5q6] {
    background-color: var(--w-surface-layer-2) !important;
    border: 1px solid var(--w-border-separator);
    padding: 2rem;
}

.col[b-ilbfj4d5q6] {
    padding: 0;
}
/* /Pages/ProjectsAndDevices/Solutions.razor.rz.scp.css */
.solutions[b-bsvsq2fmmk] {
    background-color: var(--w-surface-layer-2);
    padding-top: 36px;
    margin-left: 31px;
    margin-right: 20px;
}

.no-solution-hint[b-bsvsq2fmmk] {
    display: flex;
    justify-content: center;
}

.button-panel[b-bsvsq2fmmk] {
    align-items: center;
    justify-content: center;
}
/* /Pages/ProjectsAndDevices/SolutionsToolbar.razor.rz.scp.css */
.solutions-toolbar[b-xup8nskoaw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    width: 100%;
    background-color: var(--w-surface-layer-2);
    user-select: none;
    -webkit-user-select: none;
}

.solutions-toolbar-start[b-xup8nskoaw] {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 320px;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.solutions-toolbar-actions[b-xup8nskoaw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    margin-left: auto;
    min-width: 0;
}

.hidden-button[b-xup8nskoaw] {
    visibility: hidden;
}

.export-devices-menu-item-hidden[b-xup8nskoaw] {
    display: none !important;
}

.sort-menu-search-box[b-xup8nskoaw] {
    width: 240px;
    user-select: text;
    -webkit-user-select: text;
}

.green-dot-for-filter[b-xup8nskoaw] {
    display: table-cell;
    border-radius: 18px;
    background-color: var(--w-surface-primary);
    width: 25px;
    text-align: center;
    vertical-align: middle;
    color: var(--w-content-default-fixed);
    margin-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.green-dot-for-filter-border-radius[b-xup8nskoaw] {
    display: table-cell;
    border-radius: 18px;
    background-color: var(--w-surface-primary);
    width: 30px;
    text-align: center;
    vertical-align: middle;
    color: var(--w-content-default-fixed);
    margin-right: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.filter-panel-entrance[b-xup8nskoaw] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1200px) {
    .solutions-toolbar-start[b-xup8nskoaw] {
        flex-basis: 100%;
    }

    .solutions-toolbar-actions[b-xup8nskoaw] {
        justify-content: flex-start;
        margin-left: 0;
    }
}
/* /Pages/ReleaseNotesPage.razor.rz.scp.css */
.release-notes[b-15ua2ljcpn] {
    height: 100%;
    width: 100%;
    padding: 1.5rem;
    background-color: var(--w-surface-background);
}

.release-notes-list[b-15ua2ljcpn] {
    margin: 1rem;
    padding: 1rem 2rem;
    background-color: var(--w-surface-layer-1);
}

.release-note-item[b-15ua2ljcpn] {
    margin: 1rem 0;
}

.release-note-item-link[b-15ua2ljcpn] {
    margin-left: 0.5rem;
    text-decoration: none;
    color: unset;
}
/* /Shared/ContentLanguageToggle.razor.rz.scp.css */
.language-options[b-9pkpgtvw6m] {
    display: flex;
    align-items: center;
    z-index: 5;
}

.language-name[b-9pkpgtvw6m] {
    border: 1px var(--w-border-active) solid;
    padding: 9px 12px;
    min-width: 68px;
    text-align: center;
    text-wrap: nowrap;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}

.selected-language[b-9pkpgtvw6m] {
    background-color: var(--w-surface-primary);
}

.language-option-label[b-9pkpgtvw6m]
{
    margin-right: 10px;
    font-weight: 600;
    font-size: 13px;
}
/* /Shared/DownloadPopup.razor.rz.scp.css */
.popup-container[b-bz2o7fd11j] {
    margin: 30px;
}

.title-row[b-bz2o7fd11j] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title[b-bz2o7fd11j] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.download-item[b-bz2o7fd11j] {
    align-items: center;
    display: grid;
    width: 100%;
    grid-template-columns: 40% 20% 15% 20% 5%;
    padding: 1rem 2rem;
}

.download-items-container .download-item:nth-child(odd)[b-bz2o7fd11j] {
    background-color: var(--w-surface-layer-1);
}

.download-items-container .download-item:nth-child(even)[b-bz2o7fd11j] {
    background-color: var(--w-surface-background);
}

.notice-message[b-bz2o7fd11j] {
    border: 3px solid var(--w-border-separator);
    display: flex;
    align-items: center;
    gap: 20px;
    height: 66px;
    padding: 15px;
    margin-top: 20px;
    width: fit-content;
}


.button-group[b-bz2o7fd11j] {
    margin-top: 2rem;
    float: right;
    display: flex;
    gap: 10px;
}

.no-data[b-bz2o7fd11j] {
    display: flex;
    align-items: center;
    color: var(--w-content-subtle);
    justify-content: space-around;
    height: 80.5px;
}


[b-bz2o7fd11j] .error-icon {
    color: var(--w-content-warning);
}

[b-bz2o7fd11j] .spinner-icon {
    animation: spinner-rotate-b-bz2o7fd11j 1s linear infinite;
}

@keyframes spinner-rotate-b-bz2o7fd11j {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* /Shared/Footer.razor.rz.scp.css */
.content-footer[b-4jugstkxxg] {
    background-color: var(--w-surface-layer-1);
    border-top: 1px solid var(--w-border-separator);
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    padding: 0 20px;
    line-height: 21px;

    font-size: 12px;
    color: var(--w-content-subtle);
}

a:link[b-4jugstkxxg] {
    text-decoration: none;
    color: unset;
}

a:visited[b-4jugstkxxg] {
    text-decoration: none;
    color: unset;
}

a:hover[b-4jugstkxxg] {
    text-decoration: underline;
    color: var(--w-surface-primary);
}

a:active[b-4jugstkxxg] {
    text-decoration: underline;
    color: var(--w-surface-primary);
}

.footer-links a[b-4jugstkxxg] {
    padding: 0 4px;
}

.left-items[b-4jugstkxxg] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.right-items[b-4jugstkxxg] {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .content-footer[b-4jugstkxxg] {
        padding: 8px 14px;
    }
}
/* /Shared/GridPageSizeDropdown.razor.rz.scp.css */
.grid-page-size-dropdown[b-57oys3fect] {
    float: right;
    width: 150px;
}

.page-size-extend[b-57oys3fect] {
    margin-top: -71px;
}
/* /Shared/Header.razor.rz.scp.css */
.header[b-af5ewez2mx] {
    border-bottom: 1px solid var(--w-border-separator);
}

.header-download[b-af5ewez2mx],
.header-help[b-af5ewez2mx],
.header-language[b-af5ewez2mx],
.header-company[b-af5ewez2mx] {
    position: relative;
    display: flex;
    height: 100%;
}

.header-download[b-af5ewez2mx]  lib-button,
.header-help[b-af5ewez2mx]  lib-button,
.header-language[b-af5ewez2mx]  lib-button,
.header-company[b-af5ewez2mx]  lib-button {
    height: 100%;
    --lib-button-height: 100%;
    --lib-button-border-radius: 0;
    --lib-button-hover-surface: var(--w-surface-layer-2);
}

.header-download-badge[b-af5ewez2mx] {
    position: absolute;
    top: 12px;
    right: 2px;
    border-radius: 50%;
    background: var(--w-surface-primary);
    color: var(--w-content-default-fixed);
    min-width: 16px;
    height: 16px;
    text-align: center;
    font-size: 9px;
    line-height: 16px;
    pointer-events: none;
}

/* Shared flyout panel surface: square corners + flyout elevation, matching the
   language flyout's LibActionBar (Style="--lib-actionbar-radius: 0"). */
.help-links[b-af5ewez2mx],
.user-info-menu[b-af5ewez2mx] {
    background: var(--w-surface-layer-1);
    border-radius: 0;
    box-shadow: var(--w-shadow-overlay);
}

.help-links[b-af5ewez2mx] {
    display: flex;
    flex-direction: column;
    min-width: 255px;
    max-height: 70vh;
    overflow: auto;
}

.current-language[b-af5ewez2mx] {
    font-size: var(--w-text-base-size);
    font-weight: var(--w-font-weight-regular);
    line-height: 18px;
    align-self: center;
}

.menu-items-flyout[b-af5ewez2mx] {
    cursor: pointer;
}
    .menu-items-flyout .nav-link[b-af5ewez2mx] {
        /*padding: 0 1rem;*/
        padding: 0;
    }

.organisation-line[b-af5ewez2mx] {
    display: flex;
    align-items: center;
    margin: 5px 0px;
}

.organisation[b-af5ewez2mx] {
    font-size: 12px;
    line-height: 21px;
    margin: 0px 20px;
    color: var(--w-content-subtle);
}

.line[b-af5ewez2mx] {
    width: 100%;
    height: 0px;
    /* Background/Background */

    border: 2px solid var(--w-border-separator);
    margin: 12px 0;
    /* Inside auto layout */

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.left-line[b-af5ewez2mx] {
    order: 0;
    width: 15px;
}

.right-line[b-af5ewez2mx] {
    width: 205px;
}

.user-info-menu[b-af5ewez2mx] {
    width: 100%;
    max-height: 70vh;
    overflow: auto;
    padding: 8px 0;
}

.menu-items-flyout[b-af5ewez2mx] {
    /* Auto layout */

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 30px;
    gap: 10px;
    width: 100%;
    height: 48px;
    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.menu-items-flyout:hover[b-af5ewez2mx] {
    background-color: var(--w-surface-layer-2);
}

.current-company[b-af5ewez2mx] {
    border-left: var(--w-border-active) 3px solid;
    padding-left: 27px;
    background-color: var(--w-surface-layer-2);
}

.navigation-item-text[b-af5ewez2mx] {
    height: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    /* identical to box height, or 160% */

    text-align: center;
    color: var(--w-content-default);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.company-and-avatar[b-af5ewez2mx] {
    display: flex;
    align-items: center;
    font-weight: var(--w-font-weight-regular);
    gap: 12px;
    height: 100%;
    cursor: pointer;
}

.company-name[b-af5ewez2mx] {
    font-size: 15px;
    line-height: 18px;
    color: var(--w-content-default);
    white-space: nowrap;
}

.avatar[b-af5ewez2mx] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: var(--w-surface-primary);
    color: var(--w-content-default-fixed);
    font-size: 13px;
}

a:visited[b-af5ewez2mx], a:link[b-af5ewez2mx] {
    text-decoration: none;
}

.active-href[b-af5ewez2mx] {
    background-color: var(--w-surface-layer-2) !important;
    border-left: solid 3px var(--w-border-active);
    padding-left: 27px;
}
/* /Shared/LegalAgreementReadinessGate.razor.rz.scp.css */
.legal-agreement-readiness[b-yvz7dofl2b] {
    display: grid;
    min-height: 100vh;
    padding: 2rem;
    place-items: center;
    text-align: center;
}

.legal-agreement-readiness-content[b-yvz7dofl2b] {
    display: grid;
    gap: 1rem;
    justify-items: center;
    max-width: 36rem;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-33tq53mx2t] {
    height: 101vh;
    overflow: auto;
    background-color: inherit;
}

[b-33tq53mx2t] .page-layout {
    height: 100vh !important;
}
/*            ====         */
main[b-33tq53mx2t] {
    flex: 1;
}

.sidebar[b-33tq53mx2t] {
    background-image: linear-gradient(180deg, var(--w-surface-layer-1) 0%, var(--w-surface-layer-2) 70%);
}

.top-row[b-33tq53mx2t] {
    background-color: var(--w-surface-layer-2);
    border-bottom: 1px solid var(--w-border-separator);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-33tq53mx2t]  a, .top-row .btn-link[b-33tq53mx2t] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-33tq53mx2t] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-33tq53mx2t] {
        display: none;
    }

    .top-row.auth[b-33tq53mx2t] {
        justify-content: space-between;
    }

    .top-row a[b-33tq53mx2t], .top-row .btn-link[b-33tq53mx2t] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-33tq53mx2t] {
        flex-direction: row;
    }

    .sidebar[b-33tq53mx2t] {
        width: 102px;
        height: calc(100vh - 66px);
        position: sticky;
        top: 0;
    }

    .top-row[b-33tq53mx2t] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-33tq53mx2t], article[b-33tq53mx2t] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

[b-33tq53mx2t] .user-menu-item .dxbl-menu-dropdown-toggle {
    display: none !important;
}
/* /Shared/ScheduleUpdateTimePicker.razor.rz.scp.css */
.time-picker-panel[b-1k90yfmnft] {
    margin-top: 25px;
    width: 100%;
    background-color: var(--w-surface-layer-1);
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: nowrap;
}

.time-picker-label[b-1k90yfmnft] {
    margin: 5px 5px 0 0;
    line-height: 36px;
    font-size: 15px;
    font-weight: 700;
}