@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/WAGO.SolutionsPlatform.UILibrary/WAGO.SolutionsPlatform.UILibrary.fva0z5zwsg.bundle.scp.css';

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

.billing-page[b-e9dqp9q55h] {
    background-color: var(--w-color-neutral-7);
    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-color-anthracite);
    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-color-light);
    height: 150px;
}

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

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

/*invoice*/

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

.invoice-headline-text[b-e9dqp9q55h] {
    color: var(--w-color-anthracite);
    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-color-light);
}

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

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

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

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

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

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

.invoice-unit-text[b-e9dqp9q55h] {
    color: var(--w-color-anthracite);
    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-color-anthracite);
    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-color-neutral-7),
    /* bottom "inner border" */
    inset 0 -3px 0 0 var(--w-color-primary);
    background: var(--w-color-light);
    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-color-neutral-7);
}

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

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

.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: #fff
}

.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-main-anthracite);
    font-size: 1rem;
    font-weight: 400;
    margin-block: 3px;
}
/* _content/FrameWebApp/Pages/AccountInfo/CompanyInfo.razor.rz.scp.css */
.company-view-container[b-8ry4oe57dc] {
    background-color: #fff;
    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;
}

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

.absolute-right[b-8ry4oe57dc] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #A5A8AF;
}

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

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

.label[b-8ry4oe57dc] {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: 0.01rem;
}

.info-icon[b-8ry4oe57dc] {
    width: 15px;
    margin-left: 6px;
    align-self: center;
}
/* _content/FrameWebApp/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-color-light) 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-color-warning);
    color: var(--w-color-light);
    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-color-light);
    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-color-light);
        transform: rotate(294deg);
    }

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

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

    100% {
        transform: rotate(360deg);
    }
}
/* _content/FrameWebApp/Pages/AccountInfo/UserManagement.razor.rz.scp.css */
.account-view-title[b-97r7w0wqxv] {
    margin: 2rem 2rem 3rem 2rem;
}

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


.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: #fff;
    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-color-neutral-7) !important;
}

.user-list-wrapper[b-97r7w0wqxv] {
    margin: 0 2rem 2rem 2rem;
    background: #fff;
}

.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-color-neutral-40);
}

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

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

[b-97r7w0wqxv] .odd-row {
    background-color: var(--w-color-neutral-7);
}

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

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

.info-icon[b-97r7w0wqxv] {
    width: 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-color-light) 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-color-warning);
    color: var(--w-color-light);
    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-color-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;
}

/*selected pager color should not be same with bg color*/
[b-97r7w0wqxv] .dxbl-pager-active-page-btn {
    color: #000 !important;
    opacity: 100% !important;
}

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

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

[b-97r7w0wqxv] .dxbl-grid .dxbl-text-edit {
    width: 523px;
}

    [b-97r7w0wqxv] .dxbl-grid .dxbl-text-edit > button.dxbl-btn.dxbl-btn-outline-secondary {
        order: 1;
    }

    [b-97r7w0wqxv] .dxbl-grid .dxbl-text-edit .dxbl-text-edit-input {
        padding-left: 15px !important;
    }

/* 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-color-primary) !important;
    border-bottom-color: var(--w-color-primary) !important;
}

    [b-97r7w0wqxv] .dxbl-grid-selected-row > td:first-child, [b-97r7w0wqxv] .user-row:hover > td:first-child {
        border-left-color: var(--w-color-primary) !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-color-primary) !important;
    }

/* hover */
[b-97r7w0wqxv] .dxbl-grid-header-content:hover {
    text-decoration: underline;
    text-decoration-color: var(--w-color-primary);
    color: var(--w-color-primary);
}
/* _content/FrameWebApp/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: red;
}
.info-text[b-rzbpy0birz] {
    font-size: 15px;
    line-height: 24px;
}
/* _content/FrameWebApp/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;
}

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

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

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

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

/* _content/FrameWebApp/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 gray;
}

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

.app-components-section-title[b-c6bd3rwx9w] {
    color: var(--w-color-anthracite);
    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;
}
/* _content/FrameWebApp/Pages/AppRegistration/AppDescription.razor.rz.scp.css */
.app-description-page[b-52qwnv6qhl] {
    background: var(--w-color-background);
}

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

.wi[b-52qwnv6qhl] {
    height: 24px;
    width: 24px;
}

.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-color-neutral-15);
    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-color-neutral-70);
}

.app-summary-item[b-52qwnv6qhl] {
    padding: 30px 15px 30px 15px;
    background: var(--w-color-light);
    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-color-neutral-70);
    text-align: center;
}

.app-summary-item-image[b-52qwnv6qhl] {
    height: 80px;
    width: 80px;
}

.app-summary-label[b-52qwnv6qhl] {
    margin-left: 6px;
    font-size: 30px;
    font-weight: 700;
    color: var(--w-color-anthracite);
    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-color-anthracite);
    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-color-light);
    /*desktop margin-left*/
    margin-left: 361px;
}

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

.app-description-text[b-52qwnv6qhl] {
    font-size: 15px;
    line-height: 24px;
    /*font-family: Inter;*/
    color: var(--w-color-black);
}

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

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

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

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

.description-wrapper > textarea[b-52qwnv6qhl], .description-wrapper[b-52qwnv6qhl]::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-52qwnv6qhl] {
    outline:0;
}


.benifits-editor > textarea[b-52qwnv6qhl], .benifits-editor[b-52qwnv6qhl] {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 1rem;
    line-height: 40px;
    font-weight: 400;
    border: 0;
    resize: none;
    margin-left:10px;
    width: 100%;
}

.benifits-editor > textarea:focus[b-52qwnv6qhl] {
    outline: 0;
}

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

.tick[b-52qwnv6qhl] {
    display: block;
    margin-bottom: 1rem;
    width: 24px;
}

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

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

.item-icon[b-52qwnv6qhl] {
    width: 24px;
    height: 24px;
}

.item-text[b-52qwnv6qhl] {
    width: 229px;
    /*    font-family: 'Aktiv Grotesk';*/
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #1F2837;
    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;
}
/* _content/FrameWebApp/Pages/AppRegistration/AppPackageSubSectionEditor.razor.rz.scp.css */
.editor-wrapper[b-fkjg2mzf5v] {
    
}

.title-input[b-fkjg2mzf5v] {
    border: 1px solid;
    width: 100%;
    margin-left: 5px;
}


.title-of-subsection[b-fkjg2mzf5v] {
    display: block;
    margin-bottom: 10px;
}

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

.subsection-editor[b-fkjg2mzf5v] {
    display: grid;
    border: 1px solid;
}

    .subsection-editor[b-fkjg2mzf5v]::after {
        content: attr(data-replicated-value) " ";
        white-space: pre-wrap;
        visibility: hidden;
    }


    .subsection-editor > textarea[b-fkjg2mzf5v], .subsection-editor[b-fkjg2mzf5v]::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;
    }

    .subsection-editor > textarea:focus[b-fkjg2mzf5v] {
        outline: 0;
    }
/* _content/FrameWebApp/Pages/AppRegistration/AppRegistration.razor.rz.scp.css */

/* _content/FrameWebApp/Pages/AppRegistration/ConfigurationTabs.razor.rz.scp.css */
.tab-content[b-mpr05g9pio] {
    padding: 40px 30px;
    background-color: var(--w-color-light);
}

[b-mpr05g9pio] .dxbl-active {
    background: var(--w-color-primary) !important;
}

[b-mpr05g9pio] .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    gap: 0px;
}

[b-mpr05g9pio] .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li, .dxbl-tabs > .dxbl-tabs-tablist > ul > li[b-mpr05g9pio] {
    border: solid 1px var(--w-color-primary);
}
/* _content/FrameWebApp/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-color-anthracite);
    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;
}

.active-tab[b-1u2f6oi0u5] {
    background-color: var(--w-color-light);
    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-color-anthracite);
    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;
}

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-color-light);
}

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

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

[b-1u2f6oi0u5] .dxbl-active {
    background: var(--w-color-primary) !important;
}

[b-1u2f6oi0u5] .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li, .dxbl-tabs > .dxbl-tabs-tablist > ul > li[b-1u2f6oi0u5] {
    border: solid 1px var(--w-color-primary);
}

    [b-1u2f6oi0u5] .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:nth-of-type(2) {
        margin-left: -3px !important;
    }


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

[b-1u2f6oi0u5] .invalid-codesys {
    --dxbl-text-edit-border-color: var(--dxbl-text-edit-validation-invalid-color) !important;
}
/* _content/FrameWebApp/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-color-primary);
        cursor: pointer;
    }

.dropdown-item-text[b-jzvmqoiivx] {
    color: var(--w-color-anthracite);
    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-color-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-color-neutral-15);
    display: flex;
    border-left: 4px solid var(--w-color-warning);
}
/* _content/FrameWebApp/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-color-light);
    padding: 40px 30px;
}

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

.editor-wrapper[b-a9w32gf373] {
    border: 1px solid;
}

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

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

[b-a9w32gf373] .edit-package-wrapper .package-container {
    outline: var(--w-color-background) 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;
}

.letter-counter[b-a9w32gf373] {
    position: absolute;
    right: 6px;
    top: 12px;
    color: var(--w-color-neutral-40);
}

.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-color-anthracite);
    margin-left: 3px;
}

.license-editor[b-a9w32gf373] {
    display: grid;
}

    .license-editor[b-a9w32gf373]::after {
        content: attr(data-replicated-value) " ";
        white-space: pre-wrap;
        visibility: hidden;
    }


    .license-editor > textarea[b-a9w32gf373], .license-editor[b-a9w32gf373]::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;
    }

        .license-editor > textarea:focus[b-a9w32gf373] {
            outline: 0;
        }
/* _content/FrameWebApp/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-color-warning);
    }

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

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

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

.form-item-mid[b-m93vs6p6k8] {
    width: 64%;
}

.form-item-right[b-m93vs6p6k8] {
    width: 12%;
}

.basic-info-label-block[b-m93vs6p6k8] {
    height: 1.5rem;
}
/* _content/FrameWebApp/Pages/AppRegistration/GlobalAppEndpointStack.razor.rz.scp.css */
.app-components[b-u5uv6n39f7] {
    margin: 70px 0 50px 0;
}

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

.app-components-editor[b-u5uv6n39f7] {
    margin-top: 6px;
    height: 263px;
    border: solid 1px gray;
}

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

.app-components-section-title[b-u5uv6n39f7] {
    color: var(--w-color-anthracite);
    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;
}

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

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

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

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

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

#EdgeStack-yaml-editor[b-u5uv6n39f7] {
    height: 263px;
}

#CloudStack-yaml-editor[b-u5uv6n39f7] {
}

.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;
}
/* _content/FrameWebApp/Pages/AppRegistration/MaterialNumberPairsEditor.razor.rz.scp.css */
.pair-row[b-5usgjt9xq9] {
    display: flex;
    justify-content: space-between;
}

.pair-input[b-5usgjt9xq9] {
    border: 1px solid;
    width: 45%;
}

.pair-input:focus-visible[b-5usgjt9xq9]{
    outline: 0;
    border: solid 1px var(--w-color-primary);
}

/* Chrome, Safari, Edge, Opera */
.pair-input[b-5usgjt9xq9]::-webkit-outer-spin-button,
.pair-input[b-5usgjt9xq9]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.pair-input[type=number][b-5usgjt9xq9] {
    -moz-appearance: textfield;
}

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

.text-button-label[b-5usgjt9xq9] {
    font-weight: 700;
    font-size:12px;
    color: var(--w-color-anthracite);
    margin-left: 3px;
}

.material-number-error-msg[b-5usgjt9xq9]{
    color: red;
}
/* _content/FrameWebApp/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;
}
/* _content/FrameWebApp/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;
}
/* _content/FrameWebApp/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-text[b-6j3cvqhyx6] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

.buttons-row[b-6j3cvqhyx6] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* _content/FrameWebApp/Pages/AppRegistration/Popup/ConfirmDeleteEdgeStackConfigurationsPopUp.razor.rz.scp.css */
.apply-appconfig-popup-container[b-tsl8w8izcd] {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

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

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

.info-container[b-tsl8w8izcd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.info-label[b-tsl8w8izcd] {
    color: var(--w-color-anthracite);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
}

.buttons-row[b-tsl8w8izcd] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 18px;
}
/* _content/FrameWebApp/Pages/AppRegistration/Popup/ConfirmRemoveSingleEdgeStackPopup.razor.rz.scp.css */
.popup-container[b-vxfoy7o7gz] {
    margin: 30px;
}


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

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

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

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

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


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

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

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

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

.buttons-row[b-6zkkreg1dh] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* _content/FrameWebApp/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-color-primary);
    outline: 0;
}
/* _content/FrameWebApp/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-color-neutral-40);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 160% */
    letter-spacing: 0.15px;
}

.title-large[b-x7jhwnvl5b] {
    color: var(--w-color-anthracite);
    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-color-anthracite);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
}

.text-bold[b-x7jhwnvl5b] {
    color: var(--w-color-anthracite);
    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-color-neutral-15);
    padding: 3px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
}

.code-label[b-x7jhwnvl5b] {
    color: #3C6EE1;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 175% */
    letter-spacing: 0.12px;
}
/* _content/FrameWebApp/Pages/AppRegistration/Popup/InstallationCostPopup.razor.rz.scp.css */
.popup-container[b-7voqovs6ek] {
    margin: 30px;
}


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

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

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

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

.buttons-row[b-7voqovs6ek] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* _content/FrameWebApp/Pages/AppRegistration/Summary.razor.rz.scp.css */

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

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

    .applicationTile:hover[b-6akqscthi6] {
        border: 6px solid var(--w-color-neutral-70);
    }

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

.app-icon[b-6akqscthi6] {
    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-6akqscthi6] {
    justify-self: start;
}

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

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

.letter-counter[b-6akqscthi6] {
    position: absolute;
    right: 6px;
    top: 12px;
    color: var(--w-color-neutral-40);
}

.summary-container[b-6akqscthi6] {
    background-color: var(--w-color-light);
    padding: 40px 30px;
    display: flex;
    gap: 30px;
}

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

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

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

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


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

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

.selected-icon[b-6akqscthi6] {
    border-color: var(--w-color-primary);
}

.icon-container:hover[b-6akqscthi6] {
    width: 42px;
    height: 42px;
    border-color: var(--w-color-neutral-40);
}

.selected-icon[b-6akqscthi6] {
    border-color: var(--w-color-primary) !important;
}

.switch-language-button-row[b-6akqscthi6] {
    display: inline-block;
    width: 100%;
}

.switch-language-button[b-6akqscthi6] {
    float: right;
    cursor: pointer;
    gap: 5px;
    display: flex;
}

[b-6akqscthi6] .error-text-box {
    border-color: var(--w-color-warning) !important;
}
/* _content/FrameWebApp/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-color-anthracite);
    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-color-light);
    /*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;
}

.app-compatibility-tag[b-6tbyhaqu79] {
    margin: 2px 5px 8px 0px;
    background-color: var(--w-color-neutral-40);
    color: var(--w-color-light);
    font-size: 12px;
    padding: 0 5px 0px 5px;
    line-height: 30px;
}

.toast-in-page[b-6tbyhaqu79] {
    height: auto;
    margin: 20px 20px 0px 361px;
    background-color: #fff;
    border-left: var(--w-color-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;
}
/* _content/FrameWebApp/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);
    color: var(--w-color-light);
    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-color-primary);
    }

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

.common-app-properties[b-rt3fhtlcmd] {
    background-color: var(--w-color-light);
    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%);
}

.app-button-icon[b-rt3fhtlcmd] {
    width: 36px;
    height: 36px;
}

.top-app-button-icon[b-rt3fhtlcmd] {
    filter: invert(100%) sepia(1%) saturate(1515%) hue-rotate(56deg) brightness(112%) contrast(101%);
}

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

.app-name[b-rt3fhtlcmd] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-color-anthracite);
    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-color-anthracite);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}

.white-font[b-rt3fhtlcmd] {
    color: var(--w-color-light) !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) {
}
/* _content/FrameWebApp/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;
    flex-direction: row;
}

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

.customerId-existing-dialog[b-7aburxmzum] {
    border: 1px solid var(--w-color-secondary);
    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-color-primary);
    border-radius: 50%;
    height: 3em;
    width: 3em;
    display: grid;
    align-items: center;
}

.contact-icon[b-7aburxmzum] {
    width: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;
}
/* _content/FrameWebApp/Pages/AppStore/BuyApp/CompanyDataForm.razor.rz.scp.css */
.company-data-container[b-89horydmzp] {
    border: 1px solid var(--w-color-secondary);
    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;
}

.account-view-title[b-89horydmzp] {
    margin: 20px 20px 25px 20px;
}


.absolute-right[b-89horydmzp] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #A5A8AF;
}


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

.label[b-89horydmzp] {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: 0.01rem;
}

.agreement-row[b-89horydmzp] {
    display: flex;
    margin: 5px 0px;
}

.button-icon[b-89horydmzp] {
    width: 19px;
    margin-right: 4px;
}

.error-msg-item[b-89horydmzp] {
    margin-top: 20px;
}
/* _content/FrameWebApp/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;
}
/* _content/FrameWebApp/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: #FFFFFF;

    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-image[b-iwlnz78tt5] {
    width: 80px;
    height: 80px;
}

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

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

    color: #1F2837;
    width: 182px;
    word-wrap: break-word;
}

.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-icon[b-iwlnz78tt5] {
    width: 24px;
    height: 24px;
}

.item-text[b-iwlnz78tt5] {
    width: 229px;
/*    font-family: 'Aktiv Grotesk';*/
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #1F2837;
    word-wrap: break-word;
}

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

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

    color: #1F2837;
    /* Inside auto layout */
}

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

[b-iwlnz78tt5] .dxbl-btn-primary {
    width: 100%;
}
/* _content/FrameWebApp/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: red;
    margin-top: 1rem;
}

.popup-container[b-jweygltyob] {
    min-height: 150px;
}
/* _content/FrameWebApp/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-color-neutral-70);
}

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

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

/* _content/FrameWebApp/Pages/AppStore/PackageView.razor.rz.scp.css */
.package-container[b-vcebfwocpf] {
    background-color: var(--w-color-light);
    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-color-primary) 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-color-primary);
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    line-height: 15px;
    transform: rotate(-10deg);
    align-items: flex-start;
    display: flex;
    box-shadow: 0px 4px 8px 0px rgb(0,0,0,0.08);
    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-color-primary);
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    line-height: 15px;
    transform: rotate(10deg);
    align-items: flex-start;
    display: flex;
    box-shadow: 0px 4px 8px 0px rgb(0,0,0,0.08);
    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-color-primary);
    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-color-neutral-40);
    color: var(--w-color-light);
    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%;
    }
/* _content/FrameWebApp/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-color-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-color-neutral-7);
}

.toggle-button[b-wjgxzzgwto] {
    border: 1px var(--w-color-primary) 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-color-primary);
}
/* _content/FrameWebApp/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-color-light);
    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-color-light);
    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;
}

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

.item-text[b-r7qenbucpq] {
    width: 277px;
    /*    font-family: 'Aktiv Grotesk';*/
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #1F2837;
    word-wrap: break-word;
}


/* _content/FrameWebApp/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-color-light);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 30px;
}

.icon-left-panel[b-y7z3fly4rt] {
    height: 90px;
    width: 90px;
    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;
}

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

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

.firmware-selector[b-y7z3fly4rt] {
    width: max-content;
    padding: 12px 9px 12px 9px;
    border: 1px solid var(--w-color-neutral-70);
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 9px;
}

.firmware-selector:hover[b-y7z3fly4rt], .firmware-selector-text:hover[b-y7z3fly4rt], .firmware-selector-icon:hover[b-y7z3fly4rt]{
    cursor: pointer;
}

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

.firmware-text-disabled[b-y7z3fly4rt] {
    color: var(--w-color-neutral-70) !important;
}

.firmware-selector-icon[b-y7z3fly4rt] {
    height: 24px;
    width: 24px;
}

.right-panel[b-y7z3fly4rt] {
    background: var(--w-color-light);
    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-color-anthracite);
    font-style: normal;
    line-height: 36px;
    letter-spacing: -0.3px;
}

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

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

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

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

.dropdown-item[b-y7z3fly4rt] {
    border-top: none;
    cursor: pointer;
}

.dropdown-item:hover[b-y7z3fly4rt] {
    background-color: var(--w-color-primary);
}

.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-color-secondary);
}

.contact-sales-bubble[b-y7z3fly4rt] {
    height: 42px;
    width: 42px;
    background-color: var(--w-color-primary);
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    padding-top: 9px;
}
/* _content/FrameWebApp/Pages/HomeView/ApplicationTile.razor.rz.scp.css */
.applicationTile[b-cbott6822v] {
    background-color: var(--w-color-light);
    min-height: 120px;
    margin: 0 10px;
    border: 6px solid var(--w-color-background);
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    grid-column-gap: 13px;
    align-items: center;
}

.applicationTile:hover[b-cbott6822v] {
    border: 6px solid var(--w-color-neutral-70);
}

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

.app-icon[b-cbott6822v] {
    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-cbott6822v] {
    justify-self: start;
}

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

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

.app-button[b-cbott6822v] {
    justify-self: end;
    margin-right: 15px;
}

.app-button-icon[b-cbott6822v] {
    width: 36px;
    height: 36px;
    gap: 10px;
}
/* _content/FrameWebApp/Pages/HomeView/Dropdown/AppliedAppTileDropDown.razor.rz.scp.css */
.dropdown-item[b-uyebfnjxb6] {
    height: 48px;
    padding: 12px 30px 12px 30px;
    display: flex;
}

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

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

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

.version-item[b-uyebfnjxb6] {
    padding: 12px 30px;
    border-bottom: 1px solid var(--w-color-neutral-15);
}

.version-item-text[b-uyebfnjxb6] {
    color: var(--w-color-anthracite);
    font-size: 15px;
    font-weight: 400;
}

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

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

.incapatibleapp-item[b-uyebfnjxb6] {
    padding: 0px 30px;
    border-bottom: 1px solid var(--w-color-neutral-15);
    display: flex;
    border-left: 4px solid var(--w-color-warning);
}
/* _content/FrameWebApp/Pages/HomeView/Dropdown/PackageDropDown.razor.rz.scp.css */
.packages-list[b-u6neou7cog] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 6px solid var(--w-color-background);
}

.package-item[b-u6neou7cog] {
    height: 78px;
    padding: 15px;
    border-left: 6px solid;
    border-left-color: var(--w-color-background);
    display: flex;
    align-items: center;
}

    .package-item:hover[b-u6neou7cog] {
        border-left-color: var(--w-color-primary);
    }

.packageIsSelected[b-u6neou7cog] {
    border-left-color: var(--w-color-primary);
}

.package-item-name[b-u6neou7cog] {
    font-size: 1rem;
    font-weight: 700;
}
/* _content/FrameWebApp/Pages/HomeView/EndpointComponent.razor.rz.scp.css */
.wi[b-vm5fvig4f1] {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.devices-container[b-vm5fvig4f1] {
    height: auto;
    margin-bottom: 1rem;
}

.device-container-woApps[b-vm5fvig4f1] {
    height: 68px;
    margin-bottom: 1rem;
}

.device-subcontainer-woApps[b-vm5fvig4f1] {
    height: 68px;
}

.device-container[b-vm5fvig4f1] {
    min-height: 135px;
}

.dot[b-vm5fvig4f1] {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.yellow-dot[b-vm5fvig4f1] {
    width: 10px;
    background-color: var(--w-color-attention);
    border-radius: 50%;
    margin: -26px 0 0 18px;
    height: 10px;
}

.red-dot[b-vm5fvig4f1] {
    width: 10px;
    background-color: var(--w-color-warning);
    border-radius: 50%;
    margin: -26px 0 0 18px;
    height: 10px;
}

.endpoint-control-buttons[b-vm5fvig4f1] {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: 10px;
}

.device-manager-entry[b-vm5fvig4f1] {
}

.device-name-label[b-vm5fvig4f1] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
}

.w-90[b-vm5fvig4f1] {
    width: 90%;
}

.device-name-status-container[b-vm5fvig4f1] {
    margin-left: 10px;
}

.device-status-row[b-vm5fvig4f1] {
    gap: 30px;
}

.device-provisioning-label[b-vm5fvig4f1] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

.device-status-label[b-vm5fvig4f1] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

.associate-device-href[b-vm5fvig4f1] {
    font-size: 12px;
    font-weight: 400;
    padding-left: 6px;
}

    .associate-device-href:link[b-vm5fvig4f1] {
        text-decoration: underline;
        color: unset;
    }

    .associate-device-href:visited[b-vm5fvig4f1] {
        text-decoration: none;
        color: unset;
    }

    .associate-device-href:hover[b-vm5fvig4f1] {
        text-decoration: underline;
        color: var(--w-color-primary);
    }

    .associate-device-href:active[b-vm5fvig4f1] {
        text-decoration: underline;
        color: var(--w-color-primary);
    }


.device-apps-container[b-vm5fvig4f1] {
    gap: 30px;
}

.device-app-tile[b-vm5fvig4f1] {
    min-width: 31%;
    box-shadow: 0 0 0 1px var(--w-color-neutral-15);
    outline: solid 3px transparent;
    border-left: solid 6px transparent;
    height: 54px;
}

    .device-app-tile:hover[b-vm5fvig4f1] {
        outline-color: var(--w-color-primary);
        cursor: pointer;
    }

.device-app-tile-active[b-vm5fvig4f1] {
    background: var(--w-color-neutral-7);
    border-left: solid 6px var(--w-color-primary) !important;
    outline-color: transparent !important;
}

.device-app-info[b-vm5fvig4f1] {
    margin: 0px 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.device-app-icon[b-vm5fvig4f1] {
    filter: invert(68%) sepia(68%) saturate(1222%) hue-rotate(39deg) brightness(89%) contrast(105%);
}

.device-app-label[b-vm5fvig4f1] {
    font-size: 15px;
    font-weight: 700;
    margin-left: 6px;
}

    .device-app-label:hover[b-vm5fvig4f1] {
        cursor: pointer;
    }

.icon-device-app-setting[b-vm5fvig4f1] {
    margin-right: 17px;
}

.three-dot-menu-content[b-vm5fvig4f1] {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 212px;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 8%);
    z-index: 1;
    right: 20px !important;
    border: 0;
    border-radius: 0;
}

.dropdown-menu.show[b-vm5fvig4f1] {
    display: block;
}

.three-dot-menu[b-vm5fvig4f1] {
    cursor: pointer;
}

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

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

.app-gear-menu[b-vm5fvig4f1] {
    cursor: pointer
}

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

.compatible-devices[b-vm5fvig4f1] {
    font-size: 12px;
    text-decoration-line: underline;
    cursor: pointer;
    margin-left: 10px;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .device-name-label[b-vm5fvig4f1] {
        max-width: 75%;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .device-name-label[b-vm5fvig4f1] {
        max-width: 80%;
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .device-name-label[b-vm5fvig4f1] {
        max-width: 85%;
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .device-name-label[b-vm5fvig4f1] {
        max-width: 90%;
    }
}

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

/*xxl*/
@media (min-width: 1400px) {
}
/* _content/FrameWebApp/Pages/HomeView/FolderComponent.razor.rz.scp.css */
.wi[b-m3c1usxsz4] {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.folder-list-item[b-m3c1usxsz4] {
    height: 54px;
}

    .folder-list-item:hover[b-m3c1usxsz4] {
        background-color: var(--w-color-neutral-7);
    }

.list-box-item[b-m3c1usxsz4] {
    border: 0;
    background: transparent;
    width: 100%;
    text-align: left;
    margin-left: -5px;
    line-height: 24px;
    display: inline-flex;
}

.arow-icon-folderList[b-m3c1usxsz4] {
    margin-right: 8px;
    vertical-align: middle;
}

.folderlist-name[b-m3c1usxsz4] {
    font-size: 1rem;
    font-weight: bold;
    color: var(--w-color-anthracite);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
    padding-left: 3px;
}

.three-dot-menu[b-m3c1usxsz4] {
    cursor: pointer;
    margin-left:-30px;
}

.folder-date-label[b-m3c1usxsz4] {
    color: var(--w-color-neutral-70);
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    padding-top: 2px;
}

.dropdown-toggle[b-m3c1usxsz4]::after {
    display: none;
}

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

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

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .folderlist-name[b-m3c1usxsz4] {
        max-width: 75%;
    }
}

/*sm*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .folderlist-name[b-m3c1usxsz4] {
        max-width: 80%;
    }
}

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .folderlist-name[b-m3c1usxsz4] {
        max-width: 85%;
    }
}

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .folderlist-name[b-m3c1usxsz4] {
        max-width: 90%;
    }
}

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

/*xxl*/
@media (min-width: 1400px) {
}
/* _content/FrameWebApp/Pages/HomeView/Home.razor.rz.scp.css */
.homePage[b-ym9nvixuu5] {
    background-color: var(--w-color-neutral-7);
    min-height: var(--main-frame-height);
}

.solutions[b-ym9nvixuu5] {
    background-color: var(--w-color-neutral-7);
    margin-bottom: 50px;
}

#introSolution[b-ym9nvixuu5] {
}

.myApps-tiles-container[b-ym9nvixuu5] {
    row-gap: 30px;
    column-gap: 30px;
}

.myApps-tiles[b-ym9nvixuu5] {
    min-width: 31.5%;
}
/* _content/FrameWebApp/Pages/HomeView/Marketing.razor.rz.scp.css */
.wi[b-eieab1v6ou] {
    height: 28px;
    width: 28px;
}

.col[b-eieab1v6ou] {
    padding: 0 0.5rem
}

.applicationTile[b-eieab1v6ou] {
    background-color: white;
    min-height: 120px;
}

.applicationTile:hover[b-eieab1v6ou] {
    cursor: pointer;
}

.app-name[b-eieab1v6ou] {
    font-size: 15px;
    font-weight: 700;
}

.app-description[b-eieab1v6ou] {
    font-size: 12px;
    font-weight: 400;
}

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

.introSolution[b-eieab1v6ou] {
    background-image: url(../images/marketing.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.introSolution:hover[b-eieab1v6ou]{
    cursor: pointer;
} 

.collapse-button-container[b-eieab1v6ou] {
    background-color: var(--w-color-neutral-15);
}

.introSolutionExpanded[b-eieab1v6ou] {
    min-height: 400px;
}

.introSolutionCollapsed[b-eieab1v6ou] {
    min-height: 160px;
}

.stateCollapsedHide[b-eieab1v6ou] {
    display: none !important;
}

.introSolution-content[b-eieab1v6ou] {
    color: white;
}

.new-solution-label[b-eieab1v6ou] {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
    margin-bottom: 28px;
}

.new-solution-description[b-eieab1v6ou] {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 28px;
}

.plus-icon[b-eieab1v6ou] {
    margin-right: 5px;
    height: 20px;
    width: 20px;
}

.marketing-apps[b-eieab1v6ou] {
    background-color: var(--w-color-neutral-15);
    padding: 1rem 1.5rem;
}

.expand-marketingView-button[b-eieab1v6ou] {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(182deg) brightness(101%) contrast(104%);
}

.expand-marketingView :hover[b-eieab1v6ou] {
    cursor: pointer;
}

.content-container[b-eieab1v6ou] {
    width: 100%;
    max-width: 1070px;
}

.info-container[b-eieab1v6ou] {
    color: white;
    font-size: 1rem;
}

.info-label[b-eieab1v6ou] {
    line-height: 24px;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .introSolution-content[b-eieab1v6ou] {
        padding: 48px 24px 24px 24px;

    }

    .new-solution-label[b-eieab1v6ou] {
        font-size: 27px;
    }

    .new-solution-description[b-eieab1v6ou] {
        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) {
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/AddAppWindow.razor.rz.scp.css */
.popup-container[b-en0ratahfd] {
    margin: 30px;
}

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

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

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

.apply-button-image[b-en0ratahfd] {
    width: 24px;
}

.container[b-en0ratahfd] {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.app-container[b-en0ratahfd] {
    gap: 20px;
}

.applicationTile[b-en0ratahfd] {
    background-color: white;
    min-height: 120px;
    /*    width: 390px;*/
}

.default-border[b-en0ratahfd] {
    border: 6px solid var(--w-color-background);
}

.selected-border[b-en0ratahfd] {
    border: 6px solid var(--w-color-success);
}

.add-icon:hover[b-en0ratahfd] {
    cursor: pointer;
}

.app-info[b-en0ratahfd] {
    width: calc(100% - 9em - 5px);
}

.app-info-extend[b-en0ratahfd] {
    width: calc(100% - 4.5em);
}

.app-name[b-en0ratahfd] {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.app-description[b-en0ratahfd] {
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.app-icon[b-en0ratahfd] {
    height: 4.5em;
    width: 4.5em;
}

.package-dropdown[b-en0ratahfd] {
    position: absolute;
    background-color: var(--w-color-light);
    border-bottom: 6px solid var(--w-color-background);
    width: calc(100% - 22px);
    z-index: 2;
    overflow: auto;
    max-height: 320px;
}

.hide-dropdown[b-en0ratahfd] {
    display: none;
}

.package-item[b-en0ratahfd] {
    padding: 15px;
    height: 78px;
    border-left: 6px solid var(--w-color-background);
    border-right: 6px solid var(--w-color-background);
    display: flex;
    align-items: center;
}

.package-item-selected[b-en0ratahfd] {
    border-left: 6px solid var(--w-color-primary);
}

.package-item:hover[b-en0ratahfd] {
    border-left: 6px solid var(--w-color-primary);
}

.package-name[b-en0ratahfd] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
}

.check-box[b-en0ratahfd]{
    font-weight: 700;
    font-size: 15px;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/AssociateDeviceWindow.razor.rz.scp.css */
.popup-container[b-e09igzuabz] {
    margin: 30px;
}

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

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

.left-title[b-e09igzuabz] {
    display: flex;
    gap: 1rem;
    align-self: center;
}

.hint-icon[b-e09igzuabz] {
    cursor: pointer;
    padding-top: 10px;
}

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

.letter-counter[b-e09igzuabz] {
    position: absolute;
    right: 6px;
    top: 12px;
    color: var(--w-color-neutral-40);
}

.hint-title[b-e09igzuabz] {
    font-weight: 600;
}

.serial-number-example[b-e09igzuabz] {
    font-size: 15px;
    font-weight: 400;
    padding-left: 6px;
    text-decoration: underline;
    cursor: pointer;
}

    .serial-number-example:hover[b-e09igzuabz] {
        text-decoration: underline;
        color: var(--w-color-primary);
    }

[b-e09igzuabz] .hint-flyout {
    --dxbl-flyout-bg: var(--w-color-background) !important;
}

.custom-flyout-body[b-e09igzuabz] {
    margin: 1rem;
}

.custom-flyout-footer[b-e09igzuabz] {
    flex-flow: nowrap;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    align-content: center;
    gap: 0.5rem;
}

.invalid-error[b-e09igzuabz] {
    color: var(--w-color-warning);
    margin-top: 5px;
}

.warning-error[b-e09igzuabz] {
    color: var(--w-color-attention);
    margin-top: 5px;
}

[b-e09igzuabz] .error-border {
    --dxbl-text-edit-border-color: var(--dxbl-text-edit-validation-invalid-color) !important;
}

[b-e09igzuabz] .warning-border {
    --dxbl-text-edit-border-color: var(--w-color-attention) !important;
}


.status-icon-container[b-e09igzuabz] {
    text-align: center;
}

[b-e09igzuabz] .status-icon {
    width: 120px;
    height: 120px;
}

[b-e09igzuabz] .red-close {
    color: var(--w-color-warning);
}

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

.image-detail-float-right[b-e09igzuabz] {
    position: absolute;
    right: 1rem;
    z-index: 1;
    top: 5px;
}

.detail-image[b-e09igzuabz] {
    width: 100%;
}

.valid-device-number[b-e09igzuabz] {
    text-align: center;
    margin: 1rem;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/CompatibleDevicesPopup.razor.rz.scp.css */
.popup-container[b-o3dzkme42i] {
    margin: 30px;
}

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

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

.apply-button[b-o3dzkme42i] {
    float: right;
    margin-top: 2rem;
}
.product-list-container[b-o3dzkme42i] {
    padding-right: 2rem;
}
.device-item[b-o3dzkme42i] {
    padding: 1rem;
}

.even-item[b-o3dzkme42i] {
    background-color: var(--w-color-light);
}

.odd-item[b-o3dzkme42i] {
    background-color: var(--w-color-neutral-15);
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/DeleteFolderEndpointAppWindow.razor.rz.scp.css */
.popup-container[b-09c0yc7yqq] {
    margin: 30px;
}


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

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

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

.warning-texts img[b-09c0yc7yqq] {
    margin-top: 5px;
}

.wi[b-09c0yc7yqq] {
    width: 24px;
    height: 24px;
}

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

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

.red-delete-icon[b-09c0yc7yqq] {
    width: 20px;
    margin-top: -2px;
    transform: translateX(-80px);
    filter: drop-shadow(var(--w-color-light) 80px 0);
}

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

.red-delete-button[b-09c0yc7yqq] {
    padding: 10px 10px;
    background: var(--w-color-warning);
    color: var(--w-color-light);
    overflow: hidden;
}

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

.loader[b-09c0yc7yqq] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--w-color-light);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-09c0yc7yqq 1s linear infinite;
    margin-right:5px;
}
.loader[b-09c0yc7yqq]::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 8px;
    top: 13px;
    border: 5px solid transparent;
    border-right-color: var(--w-color-light);
    transform: rotate(294deg);
}

@keyframes rotation-b-09c0yc7yqq {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* _content/FrameWebApp/Pages/HomeView/PopUp/GenericWindow.razor.rz.scp.css */
.popup-container[b-qqfb66ox9z] {
    margin: 30px;
}

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

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

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

.apply-button[b-qqfb66ox9z] {
    float: right;
    margin-top: 2rem;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/InviteAndRoleAssignment/AssignRoleBox.razor.rz.scp.css */
.user-row[b-hkjp94w08t] {
    display: flex;
    margin: 15px 0;
    justify-content: space-between;
}

.avatar[b-hkjp94w08t] {
    height: 42px;
    width: 42px;
    background-color: var(--w-color-neutral-15);
    border-radius: 50%;
    display: inline-block;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    padding-top: 9px;
}

.email-info[b-hkjp94w08t] {
    align-self: center;
    text-align: center;
}

.role-assign-combobox[b-hkjp94w08t] {
    min-width: 260px;
}


.role-dropDown-button[b-hkjp94w08t] {
    position: absolute;
    right: 13px;
    top: 14px;
    color: #A5A8Af;
    width: 16px;
}

.show-clear-button[b-hkjp94w08t] {
    position: absolute;
    top: 14px;
    right: 39px;
    width: 19px;
}

[b-hkjp94w08t] .role-dropDown-button + input {
    padding-right:60px !important;
}

.hide-clear-button[b-hkjp94w08t] {
    display: none;
}

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

.normal-msg-label[b-hkjp94w08t] {
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.01rem;
}

.error-msg-label[b-hkjp94w08t] {
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
    color: var(--w-color-warning);
    letter-spacing: 0.01rem;
}

.user-email[b-hkjp94w08t] {
    font-weight: 400;
     margin-top: 8px; 
    line-height: 24px;
    font-size: 1rem;
    margin-left: 10px;
}

.delete-button[b-hkjp94w08t] {
    padding: 17px 13px;
    height: 52px;
}

.delete-button:hover[b-hkjp94w08t]{
    background-color: var(--w-color-warning);
}

.delete-button:hover .delete-text[b-hkjp94w08t]{
    color: #fff;
}

.delete-icon[b-hkjp94w08t] {
    height: 20px;
}

.delete-button:hover .delete-icon[b-hkjp94w08t] {
    filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);
}

.delete-text[b-hkjp94w08t] {
    margin-left: 3px;
}

[b-hkjp94w08t] .error-highlight-textbox {
    border-color: var(--w-color-warning) !important;
}

[b-hkjp94w08t] .success-highlight-textbox {
    border-color: var(--w-color-primary) !important;
}

.right[b-hkjp94w08t] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
}

/*dropdown role style in sp-override*/
/* _content/FrameWebApp/Pages/HomeView/PopUp/InviteAndRoleAssignment/InviteAndRoleAssignmentWindow.razor.rz.scp.css */
.popup-container[b-uq3w7bzzak] {
    margin: 30px;
}

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

.pop-up-quit-button[b-uq3w7bzzak] {
    border: 0;
    position: absolute;
    top: 30px;
    background: var(--w-color-light);
    right: 30px;
    padding: 0px;
}

.title[b-uq3w7bzzak] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -7px;
}

.user-list[b-uq3w7bzzak] {
    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-uq3w7bzzak]::-webkit-scrollbar {
    display: none;
}

.loading-placeholder[b-uq3w7bzzak] {
    height: 50px;
    text-align: center;
    padding: 25px;
}

.max-users-reached[b-uq3w7bzzak] {
    background-color: var(--w-color-neutral-7);
}

.max-users-reached-admin[b-uq3w7bzzak] {
    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-uq3w7bzzak] {
    display: flex !important;
    margin: 30px;
    align-items: center;
}

img.lock[b-uq3w7bzzak] {
    width: 70px;
}

.lock-texts[b-uq3w7bzzak] {
    margin-left: 1rem;
}

.lock-header[b-uq3w7bzzak] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 5px;
}

.lock-content[b-uq3w7bzzak] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

/*fake multiselect combobox. Because DevExpress doesn't have this, it's consisted by DxTextBox, DxListBox and DxDropDown*/
[b-uq3w7bzzak] .combobox-multiselect-menu {
    height: auto !important;
    overflow: hidden !important;
    border: 0px !important;
}

    [b-uq3w7bzzak] .combobox-multiselect-menu .dxbl-listbox-item {
        padding: 12px !important;
        border-bottom: solid 1px var(--w-color-secondary) !important;
    }

        [b-uq3w7bzzak] .combobox-multiselect-menu .dxbl-listbox-item:hover {
            background-color: var(--w-color-primary) !important;
        }

/* _content/FrameWebApp/Pages/HomeView/PopUp/InviteAndRoleAssignment/InviteUserComponent.razor.rz.scp.css */
.invite-row[b-f6kn6teo1n] {
    display: flex;
    justify-content: space-between;
}

.role-assign-combobox[b-f6kn6teo1n] {
    min-width: 260px;
}

.email-input[b-f6kn6teo1n] {
    width: 60%;
}

.absolute-right[b-f6kn6teo1n] {
    position: absolute;
    right: 13px;
    top: 16px;
    color: #A5A8Af;
    width: 16px;
}

.show-clear-button[b-f6kn6teo1n] {
    position: absolute;
    top: 14px;
    right: 39px;
    width: 19px;
}

.hide-clear-button[b-f6kn6teo1n] {
    display: none;
}

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

.normal-msg-label[b-f6kn6teo1n] {
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.01rem;
}

.error-msg-label[b-f6kn6teo1n] {
    margin-top: 6px;
    font-weight: bold;
    font-size: 12px;
    color: var(--w-color-warning);
    letter-spacing: 0.01rem;
}

[b-f6kn6teo1n] .email-input .dxbl-text-edit {
    border-right: 0px;
}

[b-f6kn6teo1n] .error-highlight-textbox {
    border-color: var(--w-color-warning) !important;
}

[b-f6kn6teo1n] .success-highlight-textbox {
    border-color: var(--w-color-primary) !important;
}

.role-dropDownButton[b-f6kn6teo1n] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
}

[b-f6kn6teo1n] .role-dropDownButton + input {
    padding-right: 60px !important;
}

/*dropdown role style in sp-override*/
/* _content/FrameWebApp/Pages/HomeView/PopUp/OnPremiseEvaluationReminderPopup.razor.rz.scp.css */
.popup-container[b-84fbzdz1un] {
    margin: 30px;
}


.title-row[b-84fbzdz1un] {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.on-premise-content[b-84fbzdz1un] {
    width: 450px;
    margin: 100px 0;
}

.on-premise-content-container[b-84fbzdz1un] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.on-premise-information[b-84fbzdz1un] {
    display: flex;
    gap: 30px;
}

.header-label[b-84fbzdz1un] {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 1rem;
}

[b-84fbzdz1un] .on-premise-msg-icon {
    width: 60px !important;
    height: 60px !important;
}

.information-label[b-84fbzdz1un] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    margin-bottom: -5px;
}

.go-to-login[b-84fbzdz1un] {
    margin-top: 2rem;
    margin-left: -1rem;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/ParameterSettingPopup/FileConfigurationSettingPopup.razor.rz.scp.css */
.popup-container[b-k4afgo6v2x] {
    padding: 2rem;
}

.app-name[b-k4afgo6v2x] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-color-neutral-40);
}

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

.titles[b-k4afgo6v2x] {
    width: 34%;
}

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

.content[b-k4afgo6v2x] {
    display: grid;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.search-text-icon[b-k4afgo6v2x] {
    align-self: center;
    margin-right: 5px;
    margin-top: 5px;
}

.sorting-key-icon[b-k4afgo6v2x] {
    cursor: pointer;
}

.select-key-component[b-k4afgo6v2x] {
    padding: 1rem;
    border: 3px var(--w-color-neutral-15) solid;
}

.new-tag[b-k4afgo6v2x] {
    padding: 0 6px;
    background-color: var(--w-color-primary);
}

.edit-value-component[b-k4afgo6v2x] {
    border: 3px var(--w-color-neutral-15) solid;
    padding: 1rem;
}

.selected-key-title[b-k4afgo6v2x] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.title-right-items[b-k4afgo6v2x] {
    text-align: right;
}

[b-k4afgo6v2x] .key-selection-list {
    border: 0;
    height: 350px;
}

    [b-k4afgo6v2x] .key-selection-list li {
        padding: 0 !important;
    }

[b-k4afgo6v2x] .key-item {
    padding: 9px 20px;
    display: flex;
    justify-content: space-between;
}

[b-k4afgo6v2x] .even-key-item {
    background-color: var(--w-color-neutral-15);
}

[b-k4afgo6v2x] .odd-key-item {
    background-color: var(--w-color-light);
}

[b-k4afgo6v2x] .selected-key-item {
    background-color: var(--w-color-primary) !important;
}

.panel-title[b-k4afgo6v2x] {
    background-color: #fff;
    margin-top: -25px;
    padding-left: 5px;
}


.list-wrapper[b-k4afgo6v2x] {
    margin: 1rem 0 0 0;
    height: 400px;
}

.value-editor-wrapper[b-k4afgo6v2x] {
    margin: 5px;
}

.reset-value-row[b-k4afgo6v2x] {
    display: flex;
    margin-top: 1rem;
    gap: 10px;
}

.reset-value-text[b-k4afgo6v2x] {
    display: flex;
    height: 25px;
    margin-top: 14px;
    max-width: 80%;
}

.tag-box[b-k4afgo6v2x] {
    background-color: var(--w-color-neutral-15);
    padding: 0 5px;
    overflow-x: hidden;
    max-width: 60%;
    text-overflow: ellipsis;
}

.buttons-row[b-k4afgo6v2x] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 18px;
    margin-top: 1rem;
}

.configure-or-default[b-k4afgo6v2x] {
    display: flex;
    text-align: center;
}

.configure-or-default-icon[b-k4afgo6v2x] {
    background-color: var(--w-color-attention);
    padding: 15px 5px 0px 5px;
}

.configure-or-default-text[b-k4afgo6v2x] {
    font-size: 12px;
    background-color: var(--w-color-neutral-15);
    padding: 8px 5px;
    text-align: left;
}

.reset-all-values[b-k4afgo6v2x] {
    color: var(--w-color-anthracite);
    margin: 1rem 0 2rem 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

[b-k4afgo6v2x].key-selection-list li {
    padding: 0 !important;
}

.upload-file-row[b-k4afgo6v2x] {
    display: flex;
    position: relative;
    gap: 10px;
}

[b-k4afgo6v2x] .upload-file-row input[type="file"] {
    opacity:0;
    width: 100%;
    height: 50px;
    position: absolute;
    cursor: pointer;
}

[b-k4afgo6v2x] .upload-file-textbox {
    width: 100%
}

[b-k4afgo6v2x] .invalid-file {
    width: 100%;
    --dxbl-text-edit-border-color: var(--dxbl-text-edit-validation-invalid-color) !important;
}

[b-k4afgo6v2x] .valid-file {
    width: 100%;
    --dxbl-text-edit-border-color: var(--dxbl-text-edit-validation-valid-color) !important;
}

.state-message[b-k4afgo6v2x] {
    font-size: 12px;
    font-weight: 700;
    align-self: center;
}

.invalid-state-message[b-k4afgo6v2x] {
    color: var(--w-color-warning);
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/ParameterSettingPopup/ParameterSortingMenu.razor.rz.scp.css */
.sorting-types-container[b-vshj8gkw73] {
    font-weight:700;
}

.sorting-type-container[b-vshj8gkw73] {
    padding: 10px;
    text-align:center;
    cursor: pointer;
}

    .sorting-type-container:hover[b-vshj8gkw73] {
        background-color: var(--w-color-neutral-15);
    }

.current-selected-sorting-type[b-vshj8gkw73] {
    background-color: var(--w-color-neutral-70);
    color: var(--w-color-light);
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/ParameterSettingPopup/ParametersSettingPopup.razor.rz.scp.css */
.popup-container[b-fn3k2jvgr5] {
    padding: 2rem;
}

.app-name[b-fn3k2jvgr5] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w-color-neutral-40);
}

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

.titles[b-fn3k2jvgr5] {
    width: 34%;
}

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

.content[b-fn3k2jvgr5] {
    display: grid;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.search-text-icon[b-fn3k2jvgr5] {
    align-self: center;
    margin-right: 5px;
    margin-top: 5px;
}

.sorting-key-icon[b-fn3k2jvgr5] {
    cursor: pointer;
}

.select-key-component[b-fn3k2jvgr5] {
    padding: 1rem;
    border: 3px var(--w-color-neutral-15) solid;
}

.new-tag[b-fn3k2jvgr5] {
    padding: 0 6px;
    background-color: var(--w-color-primary);
}

.edit-value-component[b-fn3k2jvgr5] {
    border: 3px var(--w-color-neutral-15) solid;
    padding: 1rem;
}

.selected-key-title[b-fn3k2jvgr5] {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.title-right-items[b-fn3k2jvgr5] {
    text-align: right;
}

[b-fn3k2jvgr5] .key-selection-list {
    border: 0;
    height: 350px;
}

    [b-fn3k2jvgr5] .key-selection-list li {
        padding: 0 !important;
    }

[b-fn3k2jvgr5] .key-item {
    padding: 9px 20px;
    display: flex;
    justify-content: space-between;
}

[b-fn3k2jvgr5] .even-key-item {
    background-color: var(--w-color-neutral-15);
}

[b-fn3k2jvgr5] .odd-key-item {
    background-color: var(--w-color-light);
}

[b-fn3k2jvgr5] .selected-key-item {
    background-color: var(--w-color-primary) !important;
}

.panel-title[b-fn3k2jvgr5] {
    background-color: #fff;
    margin-top: -25px;
    padding-left: 5px;
}


.list-wrapper[b-fn3k2jvgr5] {
    margin: 1rem 0 0 0;
    height: 400px;
}

.value-editor-wrapper[b-fn3k2jvgr5] {
    margin: 5px;
}

.reset-value-row[b-fn3k2jvgr5] {
    display: flex;
    margin-top: 1rem;
    gap: 10px;
}

.reset-value-text[b-fn3k2jvgr5] {
    display: flex;
    height: 25px;
    margin-top: 14px;
    max-width: 80%;
}

.tag-box[b-fn3k2jvgr5] {
    background-color: var(--w-color-neutral-15);
    padding: 0 5px;
    overflow-x: hidden;
    max-width: 60%;
    text-overflow: ellipsis;
}

.buttons-row[b-fn3k2jvgr5] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 18px;
}

.configure-or-default[b-fn3k2jvgr5] {
    display: flex;
    text-align: center;
}

.configure-or-default-icon[b-fn3k2jvgr5] {
    background-color: var(--w-color-attention);
    padding: 15px 5px 0px 5px;
}

.configure-or-default-text[b-fn3k2jvgr5] {
    font-size: 12px;
    background-color: var(--w-color-neutral-15);
    padding: 8px 5px;
    text-align: left;
}

.reset-all-values[b-fn3k2jvgr5] {
    color: var(--w-color-anthracite);
    margin: 1rem 0 2rem 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    gap: 10px;
}

[b-fn3k2jvgr5].key-selection-list li {
    padding: 0 !important;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/ParameterSettingPopup/TemplateVersionList.razor.rz.scp.css */

.template-version[b-hu24myksub] {
    max-height: 280px;
    overflow-y: auto;
}
.version-list[b-hu24myksub] {
    margin-left: auto;
}

.text-box-container[b-hu24myksub] {
    width: 100%;
}

.dropDown-button[b-hu24myksub] {
    position: absolute;
    right: 13px;
    top: 12px;
    color: #A5A8Af;
    width: 16px;
}

.version-list-header[b-hu24myksub] {
    display: flex;
    margin: 5px 0;
    gap: 5px;
}

[b-hu24myksub] .dropDown-button + input {
    padding-right: 60px !important;
}

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

[b-hu24myksub] .version-textbox > input {
    font-weight: 700 !important;
    width: 230px !important;
    font-size: 15px;
    cursor: pointer;
    padding: 12px 15px;
}

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

.package-item[b-hu24myksub] {
    border: 1px solid var(--w-color-neutral-40);
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/RenameAndDeleteSolutionWindow.razor.rz.scp.css */
.popup-container[b-sb5lv15ux5] {
    margin: 30px;
}


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

.title-row[b-sb5lv15ux5] {
    display: block;
    margin-bottom: 2rem;
}

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


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

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

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

.confirm-message[b-sb5lv15ux5] {
    font-weight: 700;
    font-size: 1rem;
    margin: 14px 20px 0px 0px;
}

.red-delete-button[b-sb5lv15ux5] {
    padding: 9px 10px;
    background: var(--w-color-warning);
    color: var(--w-color-light);
    overflow: hidden;
}

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

.loader[b-sb5lv15ux5] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--w-color-light);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-sb5lv15ux5 1s linear infinite;
    margin-right: 5px;
}
.loader[b-sb5lv15ux5]::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 8px;
    top: 13px;
    border: 5px solid transparent;
    border-right-color: var(--w-color-light);
    transform: rotate(294deg);
}

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

.solution-name-label[b-sb5lv15ux5]{
    font-size: 12px;
    font-weight: bold;
    margin-top: 6px;
    letter-spacing: 0.01rem;
}

.expanded-warning-text[b-sb5lv15ux5] {
    margin-top: 2rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.yes-and-no-buttons[b-sb5lv15ux5] {
    margin-top: 2rem;
    display: flex;
}

.warning-list-item[b-sb5lv15ux5] {
    display:list-item;
    margin-left: 25px;
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/ReplacePackageWindow.razor.rz.scp.css */
.wi[b-zshmgtckof] {
    height: 24px;
    width: 24px;
}

.replace-package-window[b-zshmgtckof] {
    padding: 30px;
}

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

.window-title[b-zshmgtckof] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.replace-packages-container[b-zshmgtckof] {
    max-height: 40vh;
    overflow: auto;
}

.apps-container[b-zshmgtckof] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 27px;
}

.applicationTile[b-zshmgtckof] {
    background-color: var(--w-color-light);
    height: 120px;
    margin: 0 10px;
    border: 6px solid var(--w-color-background);
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    grid-column-gap: 13px;
    align-items: center;
}

.applicationTileSelected[b-zshmgtckof] {
    border-color: var(--w-color-primary);
}

    .applicationTile:hover[b-zshmgtckof] {
        border-color: var(--w-color-neutral-70);
    }

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

.app-icon[b-zshmgtckof] {
    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-zshmgtckof] {
    justify-self: start;
}

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

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

.app-button[b-zshmgtckof] {
    justify-self: end;
    margin-right: 15px;
}

.replace-warning-container[b-zshmgtckof] {
    margin-top: 24px;
    border: 6px solid var(--w-color-neutral-7);
    margin-left: 10px;
    margin-right: 10px;
}

.replace-warning-content[b-zshmgtckof] {
    height: 42px;
    border-left: 6px solid var(--w-color-warning);
    padding: 9px 15px 9px 15px;
    /*height: 100%;*/
    width: 100%;
}

.replace-warning-container-text[b-zshmgtckof] {
    font-size: 1rem;
    color: var(--w-color-anthracite);
    font-weight: 700;
    text-align: center;
    margin-left: 15px;
}

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

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

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

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

/*lg*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .apps-container[b-zshmgtckof] {
        grid-template-columns: 1fr;
    }
}

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

/*xxl*/
@media (min-width: 1400px) {
}
/* _content/FrameWebApp/Pages/HomeView/PopUp/SolutionQRCodeWindow.razor.rz.scp.css */
.popup-container[b-xi51datwqs] {
    height: 100%;
    padding: 30px;
    overflow: hidden;
}

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

.subtitle[b-xi51datwqs] {
    font-size: small;
    font-weight: 400;
    margin-bottom: 10px;
}

.title[b-xi51datwqs] {
    font-size: xx-large;
    font-weight: 700;
    margin-bottom: 10px;
}

[b-xi51datwqs] .dxbs-tree-tmpl {
    height: 54px;
}

.dxbs-tree-tmpl :hover[b-xi51datwqs] {
    background-color: var(--w-color-neutral-7);
}

.nodeTemplate[b-xi51datwqs] {
    padding: 15px;
    height: 54px;
}

.treeNodeName[b-xi51datwqs] {
    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-xi51datwqs] .dxbl-treeview {
    margin-bottom: 30px;
    overflow: auto;
    max-height: 40vh;
}

.apply-button[b-xi51datwqs] {
    right: 30px;
    bottom: 30px;
    float: right;
}

.pop-up-quit-button[b-xi51datwqs] {
    border: 0;
    top: 30px;
    background: var(--w-color-light);
    right: 30px;
}
/* _content/FrameWebApp/Pages/HomeView/SolutionComponent.razor.rz.scp.css */
.wi[b-y3k7gvdzyk] {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.solutions-container[b-y3k7gvdzyk] {
    height: auto;
    padding: 2rem;
}

.reduce-tab-margin-top[b-y3k7gvdzyk] {
    margin-top: -75px !important;
}

.app-container[b-y3k7gvdzyk] {
    background-color: var(--w-color-neutral-15) !important;
    border: 1px solid var(--w-color-neutral-15);
    padding: 2rem;
}

.col[b-y3k7gvdzyk] {
    padding: 0;
}

.app-container-item[b-y3k7gvdzyk] {
    justify-self: start;
}

.tab-item[b-y3k7gvdzyk] {
    padding: 15px 0;
}

.tab-item-name[b-y3k7gvdzyk] {
    font-size: 1rem !important;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    padding: 3px 10px 3px 10px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100ch;
}

.underline:hover[b-y3k7gvdzyk] {
    text-decoration: underline;
}

.add-endpoint-button[b-y3k7gvdzyk] {
    margin-left: 15px;
}

[b-y3k7gvdzyk] .dxbl-listbox-item {
    padding-left: 0px !important;
}

[b-y3k7gvdzyk] .dxbl-scroll-viewer {
    border-bottom: 3px solid var(--w-color-neutral-7);
}

[b-y3k7gvdzyk] .tab-container .dxbl-tabs {
    border: 0 !important;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    [b-y3k7gvdzyk] .dxbs-menu .dx-menu-bar > ul > .dx-menu-item {
        display: none;
    }
}

/*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) {
}
/* _content/FrameWebApp/Pages/HomeView/Solutions.razor.rz.scp.css */
.wi[b-kruqj1b7tt] {
    height: 24px;
    width: 24px;
}

/*menu*/ 
[b-kruqj1b7tt] .dx-menu-bar {
    margin-bottom: -65px;
}

[b-kruqj1b7tt] .dx-menu-item-image {
    height: 19px !important;
    width: 20px !important;
}

[b-kruqj1b7tt] .invite-to-customer-icon {
    width: 25px !important;
    height: 25px !important;
}

[b-kruqj1b7tt] .menu-sort-button {
    z-index: 2;
}

[b-kruqj1b7tt] .dxbl-menu-dropdown-toggle {
    display: none !important;
}

[b-kruqj1b7tt] .dx-menu-item-text {
    font-size: 15px;
    font-weight: 700;
}

[b-kruqj1b7tt] .dxbs-menu .dx-menu-bar > ul > .dx-menu-item {
    height: 48px;
    margin-top: 7px;
}

[b-kruqj1b7tt] .dxbl-menu-item:hover {
    background: #D9D9D9;
}


[b-kruqj1b7tt] .sortMenu {
    background-color: var(--w-color-neutral-7);

}

[b-kruqj1b7tt] .sortMenu .menu-sort-button .dxbl-menu-item button {
    background-color: var(--w-color-neutral-7);
}

[b-kruqj1b7tt] .dxbl-group > .dxbl-group-header {
    background-color: var(--w-color-light);
}

/*accordion search*/
[b-kruqj1b7tt] .dxbl-accordion-filter {
    width: 121px;
    margin-bottom: 12px;
    left: 100%;
    margin-top: -57px;
}

[b-kruqj1b7tt] .accordionEn .dxbl-accordion-filter {
    margin-left: -224px !important;
}

[b-kruqj1b7tt] .accordionDe .dxbl-accordion-filter {
    margin-left: -261px !important;
}

[b-kruqj1b7tt] .menu-sort-button .dxbl-menu-item .dxbl-btn {
    height: 50px;
}

/*fix search input border gap*/
[b-kruqj1b7tt] .dxbl-accordion-filter .dxbl-group-header .dxbl-navigation-filter .dxbl-btn {
    height: 47px;
    padding-left: 8px;
    padding-top: 3px;
}

[b-kruqj1b7tt] .dxbl-accordion-filter > .dxbl-group-header.dxbl-accordion-group-header {
    padding: 0 !important;
    padding-right: 10px !important;
}

.solutions[b-kruqj1b7tt] {
    background-color: var(--w-color-neutral-7);
    padding-top: 36px;
    margin-left: 31px;
    margin-right: 20px;
}

.addNewSolution[b-kruqj1b7tt] {
    padding-bottom: 33px;
}

.solutions-end[b-kruqj1b7tt] {
    align-self: center;
}

.icon-people[b-kruqj1b7tt] {
    align-self: center;
}

.icon-share[b-kruqj1b7tt] {
    align-self: center;
}

#numberOfSolutionsLabel[b-kruqj1b7tt] {
    align-self: center;
    font-size: 15px;
    font-weight: 400;
}

[b-kruqj1b7tt] .dxbl-group.dxbl-accordion-group.dxbl-accordion-item {
    margin-bottom: 0.8rem !important;
}

[b-kruqj1b7tt] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    background: var(--w-color-light);
}

[b-kruqj1b7tt] .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn {
    background-color: transparent !important;
}

[b-kruqj1b7tt] .dxbl-accordion-item[expanded-state="True"] {
    border-top: 6px solid var(--w-color-primary) !important;
    z-index: 1 !important;
}

[b-kruqj1b7tt] .dxbl-accordion-group-body {
    background-color: var(--w-color-light);
}

[b-kruqj1b7tt] .dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn {
    background: none;
}

.accordion-header[b-kruqj1b7tt] {
    height: 66px;
}

#solution-header-label[b-kruqj1b7tt] {
    align-self: center;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 1335px;
}

.header-details-button[b-kruqj1b7tt] {
}

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

[b-kruqj1b7tt] .dxbl-group-header.dxbl-accordion-group-header {
    height: 48px;
    padding: 0 2rem;
}

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    /*accordion search*/
    [b-kruqj1b7tt] .dxbl-accordion-filter {
        display: none !important;
    }

    /*menu*/
    [b-kruqj1b7tt] .dx-menu-bar {
        margin-bottom: 0px;
    }
}

/*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) {
}
/* _content/FrameWebApp/Pages/HomeView/SortMenuComponent.razor.rz.scp.css */
[b-prs65ohb01] .dx-menu-bar {
    margin-bottom: -65px;
}

[b-prs65ohb01] .dx-menu-item-image {
    height: 19px !important;
    width: 20px !important;
}

[b-prs65ohb01] .menu-sort-button {
    z-index: 2;
}

[b-prs65ohb01] .dx-menu-item-text {
    font-size: 15px;
    font-weight: 700;
}

[b-prs65ohb01] .dx-menu-dropdown-item {
    height: 48px !important;
}

[b-prs65ohb01] .dxbs-menu .dx-menu-bar > ul > .dx-menu-item {
    height: 48px;
    margin-top: 7px;
}

[b-prs65ohb01] .dxbs-menu .dx-menu-item.sort-menu-item-selected.dx-menu-dropdown-item {
    background-color: var(--w-color-neutral-70);
    color: var(--w-color-light);
}

[b-prs65ohb01] .dxbl-menu-item:hover {
    background: #D9D9D9;
}

.my-solution-label[b-prs65ohb01] {
    color: var(--w-color-anthracite);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
}
/* _content/FrameWebApp/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-color-anthracite);
    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: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-top: 26px;
    margin-left: 40px;
}

.green-available-dot[b-mz3y02imr2] {
    background-color: #6EC800;
}

.red-available-dot[b-mz3y02imr2] {
    background-color: #BB0522;
}

.white-available-dot[b-mz3y02imr2] {
    background-color: #fff;
    border: 1px #bebebe solid;
}

.cell-title[b-mz3y02imr2] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: #A5A8AF;
}

.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: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-left: 30px;
}
.red-dot[b-mz3y02imr2] {
    background-color: var(--w-color-warning);
}

.green-dot[b-mz3y02imr2] {
    background-color: green;
}

.yellow-dot[b-mz3y02imr2] {
    background-color: yellow;
}

.white-dot[b-mz3y02imr2] {
    background-color: white;
}


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

.cell-content-path[b-mz3y02imr2] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: #A5A8AF;
}

.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-color-light);
}

.highlight-header-cell[b-mz3y02imr2] {
    border-bottom: 3px solid var(--w-color-primary);
    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;
}

.pencil-icon[b-mz3y02imr2] {
    width: 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-color-neutral-7);
    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-color-light) !important;
}

.need-to-apply-template-info[b-mz3y02imr2] {
    margin-right: 10%;
    cursor: pointer;
    color: rgba(0, 0, 0)
}

[b-mz3y02imr2] .dxbl-checkbox > .dxbl-text:last-child {
    padding-left: 0px !important;
}
/* _content/FrameWebApp/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 #000;
    padding: 10px;
    margin-bottom: 25px;
    max-height: 450px;
    overflow-y: auto;
}
/* _content/FrameWebApp/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;
}

/* _content/FrameWebApp/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;
}

.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-color-light);
}

.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;
}
/* _content/FrameWebApp/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: #fff
}

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

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

.cell-title[b-exobk0j30q] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: #A5A8AF;
}

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

.cell-content-path[b-exobk0j30q] {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: #A5A8AF;
}

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

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

[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-color-neutral-7);
}

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

.dropDown-button[b-hsqtbpgyn1] {
    position: absolute;
    right: 13px;
    top: 12px;
    color: #A5A8Af;
    width: 16px;
}


[b-hsqtbpgyn1] .dropDown-button + input {
    padding-right: 60px !important;
}

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

[b-hsqtbpgyn1] .version-textbox > input {
    font-weight: 700 !important;
    width: 230px !important;
    font-size: 15px;
    cursor: pointer;
    padding: 12px 15px;
}

.gray-textbox-bg[b-hsqtbpgyn1] {
    background-color: var(--w-color-neutral-7);
}

[b-hsqtbpgyn1] .gray-textbox-bg > input {
    background-color: var(--w-color-neutral-7);
}

[b-hsqtbpgyn1] .light-textbox-bg > input {
    background-color: var(--w-color-light);
}

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

.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-color-neutral-40);
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
}
/* _content/FrameWebApp/Pages/Licences/AddLicenceWindow.razor.rz.scp.css */
.popup-container[b-i0v6si0po2] {
    margin: 30px;
}

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

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

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

.error-message[b-i0v6si0po2] {
    margin-top: 12px;
    color: red;
}

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

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

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

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


[b-i0v6si0po2] .add-licence-memoBox {
    line-height: 24px !important;
}
/* _content/FrameWebApp/Pages/Licences/LicencesOverview.razor.rz.scp.css */
.title-row[b-v22bjgus82] {
    display: flex;
    justify-content: space-between;
    margin: 30px 30px;
    align-items: center;
}

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

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

.counter-and-button[b-v22bjgus82] {
    display: flex;
    align-items: center;
}

.licence-counter[b-v22bjgus82] {
    font-size: 15px;
    font-weight: 400;
}

.add-licence-button[b-v22bjgus82] {
    margin-left: 20px;
}

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

.licence-cell[b-v22bjgus82] {
    min-height: 97px;
    padding-top: 20px;
    padding-left: 10px;
}

.available-dot[b-v22bjgus82] {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-top:26px;
    margin-left: 40px;
}

.green-available-dot[b-v22bjgus82] {
    background-color: #6EC800;
}

.yellow-bound-dot[b-v22bjgus82] {
    background-color: #FFFC33;
}

.red-available-dot[b-v22bjgus82] {
    background-color: #BB0522;
}

.white-available-dot[b-v22bjgus82] {
    background-color: #fff;
    border: 1px #bebebe solid;
}

.cell-title[b-v22bjgus82] {
    display: block;
    font-size: 12px;
    line-height: 21px;
    color: #A5A8AF;
}

.article-number[b-v22bjgus82] {
    font-size:12px;
    font-weight:400;
    line-height:21px;
}

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

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

.header-cell[b-v22bjgus82] {
    width: 100%;
    min-height: 55px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

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

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

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

.pencil-icon[b-v22bjgus82] {
    width: 20px;
    pointer-events: all !important;
    margin-right: 9px;
    margin-top: 16px;
}

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

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

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


[b-v22bjgus82] .dxbl-grid{
    border: 0;
}

[b-v22bjgus82] .dxbl-grid th{
    border: 0 !important;
}

[b-v22bjgus82] .dxbl-grid td{
    border: 0 !important;
}

[b-v22bjgus82] .dxbl-grid-header-content {
    border-bottom: 7px var(--w-color-neutral-7) solid;
}

[b-v22bjgus82] .dxbl-grid-column-resize-anchor {
    opacity: 100% !important;
    background-color: var(--w-color-neutral-7);
    pointer-events: all !important;
}

[b-v22bjgus82] .dxbl-grid-header-content span{
    width: 100%;
}
/*effect after new licenses added with 3 sec green border*/
[b-v22bjgus82] .dxbl-grid-selected-row .licence-cell {
    border-top: 3px solid var(--w-color-primary);
    border-bottom: 3px solid var(--w-color-primary);
}

[b-v22bjgus82] .dxbl-grid-selected-row .first-licence-cell {
    border-left: 3px solid var(--w-color-primary);
}

[b-v22bjgus82] .dxbl-grid-selected-row .last-licence-cell {
    border-right: 3px solid var(--w-color-primary);
}
/* _content/FrameWebApp/Pages/NotAuthorized.razor.rz.scp.css */
body[b-gtek1al1ey] {
}
/* _content/FrameWebApp/Pages/OpenDeviceManagerPage.razor.rz.scp.css */
.app-frame[b-b0p84u4b0n] {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
/* _content/FrameWebApp/Pages/OpenSolutionApp.razor.rz.scp.css */
.app-frame[b-vsrivoirmn] {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
/* _content/FrameWebApp/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-color-secondary);
    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-color-primary);
    border-radius: 50%;
    height: 3em;
    width: 3em;
    display: grid;
    align-items: center;
}

.contact-icon[b-9zzv5nuxji] {
    width: 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;
}
/* _content/FrameWebApp/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;
}

.contact-icon[b-qe04wur7ww] {
    width: 32px;
}
/* _content/FrameWebApp/Pages/PaymentPlans/DismissPlanPopup.razor.rz.scp.css */
.popup-container[b-vvhz0it3uy] {
    margin: 30px;
}

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

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


/* _content/FrameWebApp/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;
}
/* _content/FrameWebApp/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;
}
/* _content/FrameWebApp/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-color-primary);
    padding-top: 7px;
}

.your-plan-expired[b-b9xxchulpr] {
    background-color: var(--w-color-warning);
    padding-top: 7px;
    color: var(--w-color-light);
    height: 36px;
}

.plan-package-content[b-b9xxchulpr] {
    height: fit-content;
    background-color: var(--w-color-light);
    width: 300px;
    padding: 2rem 1rem;
    display: grid;
    min-width: 300px;
    position: relative;
}

.plan-is-selected[b-b9xxchulpr] {
    border: solid 6px var(--w-color-primary);
}


.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;
}
/* _content/FrameWebApp/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;
}
/* _content/FrameWebApp/Pages/PortalPages/Login.razor.rz.scp.css */
.cursor-pointer[b-0d0g0ykd2b] {
    cursor: pointer;
}

.login-label[b-0d0g0ykd2b] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px;
}

.login-input[b-0d0g0ykd2b] {
    width: 100%;
    height: 47px;
    border: 0.8px solid var(--w-color-neutral-70);
    outline: 0 !important;
    padding: 12px 9px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

    .login-input:focus-visible[b-0d0g0ykd2b] {
        border: 0.8px solid var(--w-color-primary) !important;
    }

.label[b-0d0g0ykd2b] {
    color: var(--w-main-anthracite);
    font-size: 1rem;
    font-weight: 400;
    margin-block: 3px;
}

.label-password[b-0d0g0ykd2b]{
    margin-top: 12px;
}

.login-button-group[b-0d0g0ykd2b] {
    margin: 20px 0 40px 0;
}

.secondary-text-color[b-0d0g0ykd2b] {
    color: #d2d4d7;
}

.forget-password-button[b-0d0g0ykd2b] {
    align-self: center;
    margin-left: -14px !important;
}

.login-content[b-0d0g0ykd2b] {
    width: 450px;
    margin: 100px 0;
}

.password-textbox[b-0d0g0ykd2b] {
    display: flex;
    position: relative;
}

.absolute-right[b-0d0g0ykd2b] {
    position: absolute;
    right: 9px;
    color: #A5A8AF;
    top: 13px;
    z-index: 10;
}

.show-password[b-0d0g0ykd2b] {
    filter: invert(68%) sepia(15%) saturate(112%) hue-rotate(184deg) brightness(96%) contrast(89%);
}
.passwordIsNotVisible[b-0d0g0ykd2b] {
    margin-bottom: 0px;
}

.passwordIsVisible[b-0d0g0ykd2b] {
    margin-bottom: 2px;
}

.error-label[b-0d0g0ykd2b] {
    color: red;
}

.login-content-container[b-0d0g0ykd2b] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.login-with-azure-ad[b-0d0g0ykd2b]{
    text-align:center;
}

.pop-up-container[b-0d0g0ykd2b] {
    margin: 30px;
}

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

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

.hrdivider[b-0d0g0ykd2b] {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

    .hrdivider span[b-0d0g0ykd2b] {
        position: absolute;
        top: -8px;
        left: 44%;
        background: var(--w-color-light);
        padding: 0 20px;
        font-weight: bold;
        font-size: 12px;
        color: var(--w-color-neutral-70)
    }

/* _content/FrameWebApp/Pages/PortalPages/Portal.razor.rz.scp.css */
.logo-top-label[b-x3uulu06ui] {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 60px;
}

.logo-bottom-label[b-x3uulu06ui] {
    font-weight: 700;
    font-size: 18px;
    margin-top: 60px;
}

.carousel-template[b-x3uulu06ui] {
    background-color: #eff0f2;
    height: 100%;
    overflow: hidden;
}
/* _content/FrameWebApp/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-color-anthracite);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 175% */
    letter-spacing: 0.12px;
    margin-top: 8px;
}

.item-title[b-y8unolya6c] {
    color: var(--w-color-anthracite);
    font-size: 1rem;
    font-weight: 400;
    margin-block: 3px;
}

.register-form-item[b-y8unolya6c] {
    margin-bottom: 10px;
}

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

.absolute-right[b-y8unolya6c] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #A5A8AF;
}

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

.button-row[b-y8unolya6c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.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;
    font-size: 12px;
}

.bold-checkbox-item[b-y8unolya6c] {
    font-weight: 700;
    white-space: nowrap;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 10px;
    color: #000;
    align-self: center;
}

.checkbox-item[b-y8unolya6c] {
    margin-left: 12px;
    line-height: 21px;
    padding-top: 6px;
    align-self: center;
}

.create-company-account-text[b-y8unolya6c] {
    font-weight: 700;
    font-size: 15px;
}

.customer-id-radio-container[b-y8unolya6c] {
    margin: 5px 0;
}

[b-y8unolya6c] .dxbl-checkbox.invalid {
    outline: 0 !important;
}


.confirm-email-item[b-y8unolya6c] {
    display: block;
    margin-bottom: 2rem;
}
/* _content/FrameWebApp/Pages/PortalPages/ResetPwd.razor.rz.scp.css */
.absolute-right[b-nhb02n5xz2] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #A5A8AF;
}

.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: red;
    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;
}
/* _content/FrameWebApp/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: red;
    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;
}
/* _content/FrameWebApp/Shared/Footer.razor.rz.scp.css */
.content-footer[b-4jugstkxxg] {
    background-color: var(--w-color-light);
    border-top: 1px solid var(--w-color-secondary);
    padding: 0 20px;
    line-height: 21px;
    font-family: "aktiv-grotesk-std", sans-serif;
    font-size: 12px;
    color: var(--w-color-neutral-70);
}

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-color-primary);
}

a:active[b-4jugstkxxg] {
    text-decoration: underline;
    color: var(--w-color-primary);
}

.footer-links a[b-4jugstkxxg] {
    padding: 0 4px;
}

.left-items[b-4jugstkxxg] {
    display: flex;
    gap: 20px;
}
/* _content/FrameWebApp/Shared/Header.razor.rz.scp.css */
.header[b-af5ewez2mx] {
    border-bottom: 1px solid var(--w-color-secondary);
}

.header-item[b-af5ewez2mx] {
    width: 100%;
    height: 100%;
    align-content: center;
}

    .header-item:hover[b-af5ewez2mx] {
        background-color: var(--w-color-neutral-7);
    }

.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-color-neutral-70);
}

.line[b-af5ewez2mx] {
    width: 100%;
    height: 0px;
    /* Background/Background */

    border: 2px solid #EFF0F1;
    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;
}

.fly-out[b-af5ewez2mx] {
    padding: 15px 0px;
    width: 328px;
    max-height: 70vh;
}

.user-info-menu[b-af5ewez2mx] {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 100px 117px rgba(0, 0, 0, 0.04), 0px 36.5016px 42.7069px rgba(0, 0, 0, 0.03), 0px 17.7209px 20.7334px rgba(0, 0, 0, 0.02), 0px 8.6871px 10.1639px rgba(0, 0, 0, 0.0182259);
    width: 348px !important;
    max-height: 70vh !important;
    overflow: auto;
}

.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-color-neutral-7);
}

.current-company[b-af5ewez2mx] {
    border-left: var(--w-color-primary) 3px solid;
    padding-left: 27px;
    background-color: var(--w-color-neutral-7);
}

.navigation-item-text[b-af5ewez2mx] {
    height: 24px;
    /* BodyText/BaseCopy-Bold */

    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    /* identical to box height, or 160% */

    text-align: center;
    color: var(--w-color-anthracite);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.company-and-avatar[b-af5ewez2mx] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem;
}

.company-name[b-af5ewez2mx] {
    margin: 0px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
}

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

a:visited[b-af5ewez2mx], a:link[b-af5ewez2mx] {
    text-decoration: none;
}

.active-href[b-af5ewez2mx] {
    background-color: var(--w-color-neutral-7) !important;
    border-left: solid 3px var(--w-color-primary);
    padding-left: 27px;
}
/* _content/FrameWebApp/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, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-33tq53mx2t] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    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: 250px;
        height: 100vh;
        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;
}
/* _content/FrameWebApp/Shared/ReleaseNotes.razor.rz.scp.css */
.release-notes[b-lorgicjys9] {
    height: 100%;
    width: 100%;
    padding: 1.5rem;
    background-color: var(--w-color-background);
}

.release-notes-list[b-lorgicjys9] {
    margin: 1rem;
    padding: 1rem 2rem;
    background-color: var(--w-color-white);
}

.release-note-item[b-lorgicjys9] {
    margin: 1rem 0;
}

.release-note-item-link[b-lorgicjys9] {
    margin-left: 0.5rem;
    text-decoration: none;
    color: unset;
}