@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/WAGO.SolutionsPlatform.UILibrary/WAGO.SolutionsPlatform.UILibrary.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/ChangePasswordFormInPopup.razor.rz.scp.css */
.absolute-right[b-accu82i9nc] {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #A5A8AF;
}

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

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

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

.pop-up-quit-button[b-accu82i9nc] {
    border: 0;
    background: #fff
}

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

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

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

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

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

.headline-text[b-accu82i9nc] {
    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/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/Home.razor.rz.scp.css */
.homePage[b-876c33104k] {
    background-color: var(--w-color-neutral-7);
    min-height: var(--main-frame-height);
}

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

#introSolution[b-876c33104k] {
}

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

.myApps-tiles[b-876c33104k] {
    min-width: 31.5%;
}
/* _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/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/Shared/AppRegistration/AppDefinition.razor.rz.scp.css */
.app-definition-container[b-luttuevzt6] {
    height: 100%;
    overflow: auto;
    padding: 0px 30px;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

.cost-info-text[b-luttuevzt6] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}
/* _content/FrameWebApp/Shared/AppRegistration/AppDescription.razor.rz.scp.css */
.app-description-page[b-wfoi0uv1bd] {
    background: var(--w-color-background);
}

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

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

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

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

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

.app-summary-container[b-wfoi0uv1bd] {
    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-wfoi0uv1bd] {
    order: 2;
    align-self: center;
    width: 100%;
}

.image-size-label[b-wfoi0uv1bd] {
    font-size: 1rem;
    color: var(--w-color-neutral-70);
}

.app-summary-item[b-wfoi0uv1bd] {
    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-wfoi0uv1bd] {
    height: 100%;
    width: 100%;
}


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

.size-text[b-wfoi0uv1bd] {
    font-size: 1rem;
    font-weight: 400;
    color: var(--w-color-neutral-70);
    text-align: center;
}

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

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

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

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

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

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

.app-details-container[b-wfoi0uv1bd] {
    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-wfoi0uv1bd] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}

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

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

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

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

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

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


.benifits-editor > textarea[b-wfoi0uv1bd], .benifits-editor[b-wfoi0uv1bd] {
    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-wfoi0uv1bd] {
    outline: 0;
}

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

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

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

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

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

.item-text[b-wfoi0uv1bd] {
    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-wfoi0uv1bd] {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin: 50px 0 75px 0;
}

.cost-info-text[b-wfoi0uv1bd] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}
/* _content/FrameWebApp/Shared/AppRegistration/AppPackageSubSectionEditor.razor.rz.scp.css */
.editor-wrapper[b-9dw28n0s9v] {
    
}

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


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

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

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

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


    .subsection-editor > textarea[b-9dw28n0s9v], .subsection-editor[b-9dw28n0s9v]::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-9dw28n0s9v] {
        outline: 0;
    }
/* _content/FrameWebApp/Shared/AppRegistration/AppRegistration.razor.rz.scp.css */

/* _content/FrameWebApp/Shared/AppRegistration/EdgeCloudStack.razor.rz.scp.css */
.app-components[b-yiuewns443] {
    margin-top: 32px;
}

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

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

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

.app-components-section-title[b-yiuewns443] {
    color: var(--w-color-anthracite);
    font-size: 1rem;
    font-weight: 400;
}

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

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

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

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

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

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

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

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

/* _content/FrameWebApp/Shared/AppRegistration/EditPackage.razor.rz.scp.css */
.edit-package-container[b-y3at0kgo3g] {
    height: 100%;
    overflow: auto;
    padding: 0px 30px;
}

.edit-package-title-row[b-y3at0kgo3g] {
    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-y3at0kgo3g] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    background-color: var(--w-color-light);
    padding: 40px 30px;
}

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

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

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

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

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

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

[b-y3at0kgo3g] .edit-package-wrapper .package-container {
    outline: var(--w-color-background) 5px solid;
}

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

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

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

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

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

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

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

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

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

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


    .license-editor > textarea[b-y3at0kgo3g], .license-editor[b-y3at0kgo3g]::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-y3at0kgo3g] {
            outline: 0;
        }

/* _content/FrameWebApp/Shared/AppRegistration/MaterialNumberPairsEditor.razor.rz.scp.css */
.pair-row[b-slw8xczya8] {
    display: flex;
    justify-content: space-between;
}

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

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

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

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

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

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

.material-number-error-msg[b-slw8xczya8]{
    color: red;
}
/* _content/FrameWebApp/Shared/AppRegistration/Popup/ConfirmDeleteAndLeavePopup.razor.rz.scp.css */
.popup-container[b-1iy0fvwr46] {
    margin: 30px;
}


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

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

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

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

.buttons-row[b-1iy0fvwr46] {
    display: flex;
    gap: 1rem;
    float: right;
}
/* _content/FrameWebApp/Shared/AppRegistration/Popup/EdgeStackChangedPopup.razor.rz.scp.css */
.popup-container[b-xmnpbnzixf] {
    margin: 30px;
}


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

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

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

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

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

.version-number-input:focus-visible[b-xmnpbnzixf]{
    border: 1px solid var(--w-color-primary);
    outline: 0;
}
/* _content/FrameWebApp/Shared/AppRegistration/Popup/InstallationCostPopup.razor.rz.scp.css */
.popup-container[b-llfuxfoifs] {
    margin: 30px;
}


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

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

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

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

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

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

.applicationTile[b-mi79h8lnhk] {
    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-mi79h8lnhk] {
        border: 6px solid var(--w-color-neutral-70);
    }

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

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

.app-name[b-mi79h8lnhk] {
    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-mi79h8lnhk] {
    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-mi79h8lnhk] {
    position: absolute;
    right: 6px;
    top: 12px;
    color: var(--w-color-neutral-40);
}

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

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

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

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

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


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

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

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

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

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

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

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

[b-mi79h8lnhk] .error-text-box {
    border-color: var(--w-color-warning) !important;
}
/* _content/FrameWebApp/Shared/AppRegistration/VSCodeEditor.razor.rz.scp.css */
.code-editor-container[b-slmdw6k2px] {
    width: 100%;
    height: 263px;
}

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

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

#CloudStack-yaml-editor[b-slmdw6k2px] {

}
/* _content/FrameWebApp/Shared/AppStore/AppDetails.razor.rz.scp.css */
.appDetailsCover[b-x9msfppygu] {
/*    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-x9msfppygu] {
    width: 100%;
}

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

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

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

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

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

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

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

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

.app-details-container[b-x9msfppygu] {
    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-x9msfppygu] {
    display: grid;
    margin-bottom: 15px;
}

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

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

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

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

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

.benefit-text[b-x9msfppygu] {
    font-size: 1rem;
    font-weight: 400;
}
/* _content/FrameWebApp/Shared/AppStore/AppStore.razor.rz.scp.css */
.appstore[b-srbwyvgqa7] {
    padding: 2rem;
    min-height: var(--main-frame-height);
}

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

.apps-container[b-srbwyvgqa7] {
    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-srbwyvgqa7] {
    background-color: var(--w-color-neutral-70);
    color: var(--w-color-light);
    font-size: 12px;
    font-weight: 400;
    padding: 5px;
}


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

.top-app[b-srbwyvgqa7] {
    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-srbwyvgqa7] {
    height: 108px;
    cursor: pointer;
    border: solid transparent 6px;
    overflow: hidden;
}

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

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

.common-app-properties[b-srbwyvgqa7] {
    background-color: var(--w-color-light);
    padding: 30px 15px 30px 15px;
}

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

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

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

.app-name[b-srbwyvgqa7] {
    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-srbwyvgqa7] {
    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-srbwyvgqa7] {
    color: var(--w-color-light) !important;
}

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

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

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

/*md*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .apps-container[b-srbwyvgqa7] {
        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/Shared/AppStore/BuyApp/BuyProcessPopUp.razor.rz.scp.css */
.popup-container[b-vlf938pkqx] {
    padding: 30px;
    height:100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow:auto;
}

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

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


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

.title-row[b-vlf938pkqx] {
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
}

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

.customerId-existing-dialog[b-vlf938pkqx] {
    border: 1px solid var(--w-color-secondary);
    padding: 15px;
}

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

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

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

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

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

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

.contact-icon[b-vlf938pkqx] {
    width:22px;
    margin-left:0.7em;
}

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

.success-msg-container[b-vlf938pkqx] {
    margin: 30px 20px;
}
/* _content/FrameWebApp/Shared/AppStore/BuyApp/CompanyDataForm.razor.rz.scp.css */
.company-data-container[b-osgrpjffl6] {
    border: 1px solid var(--w-color-secondary);
    margin: 10px 0px 0px 0px;
    padding: 15px 15px 5px 15px;
}

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

.button-row[b-16qd76e5cf] {
    display: flex;
    float: right;
    margin-top: 2rem;
}
/* _content/FrameWebApp/Shared/AppStore/FloatingDetails.razor.rz.scp.css */
.floating-container[b-3woiy2ckrv] {
    /*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-3woiy2ckrv]::-webkit-scrollbar {
    display: none;
}

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

.app-image[b-3woiy2ckrv] {
    width: 80px;
    height: 80px;
}

.app-name[b-3woiy2ckrv] {
/*    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-3woiy2ckrv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 9px;
}

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

.item-icon[b-3woiy2ckrv] {
    width: 24px;
    height: 24px;
}

.item-text[b-3woiy2ckrv] {
    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-3woiy2ckrv] {
/*    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-3woiy2ckrv] {
    width: 100%;
}

[b-3woiy2ckrv] .dxbl-btn-primary {
    width: 100%;
}
/* _content/FrameWebApp/Shared/AppStore/ImageDetailPopup.razor.rz.scp.css */
.float-right[b-zj4intw462] {
    position: absolute;
    right: 1rem;
    z-index: 1;
    top:5px;
}

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

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

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

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

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

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

.error-message[b-zj4intw462] {
    color: red;
    margin-top: 1rem;
}

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

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

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

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

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

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

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

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

.size-text[b-np68wgzruh] {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    color: var(--w-color-neutral-70);
}

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

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

/* _content/FrameWebApp/Shared/AppStore/PackageView.razor.rz.scp.css */
.package-container[b-yar8gbf93x] {
    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-yar8gbf93x] {
    outline: solid var(--w-color-primary) 5px;
}

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

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

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

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

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

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

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

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

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

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


.hightlight-label-left[b-yar8gbf93x] {
    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-yar8gbf93x] {
    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-yar8gbf93x] {
    display: flex;
    padding: 44px 0px 10px 0px;
    justify-content: center;
}

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

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

.edit-package[b-yar8gbf93x] {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
/* _content/FrameWebApp/Shared/AppStore/RTFDemoArchive.razor.rz.scp.css */
/* _content/FrameWebApp/Shared/AppStore/SelectPackages.razor.rz.scp.css */
.packages[b-7xbwzwxles] {
    margin: 45px 20px 0px 361px;
}
.select-package[b-7xbwzwxles] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
}

.packages-container[b-7xbwzwxles] {
    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-7xbwzwxles]::-webkit-scrollbar{
    height: 5px;
}

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

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

.toggle-buttons[b-7xbwzwxles] {
    display: flex;
    align-items: center;
    z-index: 5;
    background-color: var(--w-color-neutral-7);
}

.toggle-button[b-7xbwzwxles] {
    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-7xbwzwxles] {
    background-color: var(--w-color-primary);
}
/* _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 */
.menu-item-img[b-af5ewez2mx] {
    height: 36px;
    width: 36px;
}

.language-submenu[b-af5ewez2mx] {
    width: 148px
}

.language-item[b-af5ewez2mx] {
    height: 48px;
    width: auto;
    padding: 12px 10px 12px 10px;
    border-left: 3px solid transparent;
}

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

.selected-language[b-af5ewez2mx] {
    border-left-color: var(--w-color-primary);
    background-color: var(--w-color-neutral-7);
}

.language-item-text[b-af5ewez2mx] {
    font-size: 0.8rem;
    color: var(--w-color-anthracite);
    font-weight: 400;
}

    .language-item-text:hover[b-af5ewez2mx] {
        cursor: pointer;
    }

.header[b-af5ewez2mx] {
    border-bottom: 1px solid var(--w-color-secondary);
}

[b-af5ewez2mx] .dxbs-menu {
    height: 76px;
}

.menu-items-flyout[b-af5ewez2mx] {
    cursor: pointer;
}

[b-af5ewez2mx] .menu-items-flyout .nav-link {
    /*padding: 0 1rem;*/
    padding: 0;
}

[b-af5ewez2mx] .dxbs-menu .dx-menu-title {
    padding: .3rem 0;
}

[b-af5ewez2mx] .dxbs-menu .dropdown-menu.dx-dropdown-menu {
    border-radius: 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;
}

.fly-out-my-account[b-af5ewez2mx] {
    /* Auto layout */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 30px;
    gap: 15px;
    position: relative;
    width: 220px;
    /*    height: 300px;*/

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

.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;
    /* margin-left: 5px; */
}

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

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

.activeHref[b-af5ewez2mx] {
    background-color: var(--w-color-neutral-7) !important;
    border-left: solid 3px var(--w-color-primary);
}
/* _content/FrameWebApp/Shared/HomeView/ApplicationTile.razor.rz.scp.css */
.applicationTile[b-yw986iqa1m] {
    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-yw986iqa1m] {
    border: 6px solid var(--w-color-neutral-70);
}

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

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

.app-name[b-yw986iqa1m] {
    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-yw986iqa1m] {
    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-yw986iqa1m] {
    justify-self: end;
    margin-right: 15px;
}

.app-button-icon[b-yw986iqa1m] {
    width: 36px;
    height: 36px;
    gap: 10px;
}
/* _content/FrameWebApp/Shared/HomeView/Dropdown/GenericDropdown.razor.rz.scp.css */
.dropdown-item[b-qixpew7z8g] {
    height: 48px;
    padding: 12px 30px 12px 30px;
}

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

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

    .dropdown-item-text:hover[b-qixpew7z8g] {
        cursor: pointer;
    }
/* _content/FrameWebApp/Shared/HomeView/Dropdown/PackageDropDown.razor.rz.scp.css */
.packages-list[b-fze4c2m2ms] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 6px solid var(--w-color-background);
}

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

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

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

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

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

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

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

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

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


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

.device-manager-entry[b-4x9kd86b0l]{
}

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

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

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

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

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

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

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

.device-app-tile[b-4x9kd86b0l] {
    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-4x9kd86b0l] {
        outline-color: var(--w-color-primary);
        cursor: pointer;
    }

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

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

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

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

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

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

.three-dot-menu-content[b-4x9kd86b0l] {
    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-4x9kd86b0l] {
    display: block;
}

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

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

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

.app-gear-menu[b-4x9kd86b0l] {
    cursor: pointer
}
/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    .device-name-label[b-4x9kd86b0l] {
        max-width: 75%;
    }
}

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

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

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

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

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

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

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

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

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

.folderlist-name[b-x9pja6ky8b] {
    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%;
}

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

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

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

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

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

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

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

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

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

/*xxl*/
@media (min-width: 1400px) {
}
/* _content/FrameWebApp/Shared/HomeView/Marketing.razor.rz.scp.css */
.wi[b-qajquu01yp] {
    height: 28px;
    width: 28px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

    .new-solution-description[b-qajquu01yp] {
        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/Shared/HomeView/PopUp/AddAppWindow.razor.rz.scp.css */
.popup-container[b-qb0gxf87o5] {
    margin: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.package-dropdown[b-qb0gxf87o5] {
    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-qb0gxf87o5] {
    display: none;
}

.package-item[b-qb0gxf87o5] {
    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-qb0gxf87o5] {
    border-left: 6px solid var(--w-color-primary);
}

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

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

.check-box[b-qb0gxf87o5]{
    font-weight: 700;
    font-size: 15px;
}
/* _content/FrameWebApp/Shared/HomeView/PopUp/DeleteFolderEndpointAppWindow.razor.rz.scp.css */
.popup-container[b-f6v755836a] {
    margin: 30px;
}


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

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

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

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

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

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

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

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

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

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

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

.loader[b-f6v755836a] {
    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-f6v755836a 1s linear infinite;
    margin-right:5px;
}
.loader[b-f6v755836a]::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-f6v755836a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* _content/FrameWebApp/Shared/HomeView/PopUp/GenericWindow.razor.rz.scp.css */
.popup-container[b-8o9wyg3r26] {
    margin: 30px;
}

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

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

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

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

.avatar[b-yt1dnuf88p] {
    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-yt1dnuf88p] {
    align-self: center;
    text-align: center;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lock-content[b-os189dqd40] {
    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-os189dqd40] .combobox-multiselect-menu {
    height: auto !important;
    overflow: hidden !important;
    border: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

.go-to-login[b-t6uryojpck] {
    margin-top: 2rem;
    margin-left: -1rem;
}
/* _content/FrameWebApp/Shared/HomeView/PopUp/RenameAndDeleteSolutionWindow.razor.rz.scp.css */
.popup-container[b-ugnb19hiz6] {
    margin: 30px;
}


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

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

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


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

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

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

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

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

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

.loader[b-ugnb19hiz6] {
    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-ugnb19hiz6 1s linear infinite;
    margin-right: 5px;
}
.loader[b-ugnb19hiz6]::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-ugnb19hiz6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

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

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

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

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

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

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

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

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

.applicationTile[b-6ytey3085n] {
    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-6ytey3085n] {
    border-color: var(--w-color-primary);
}

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

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

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

.app-name[b-6ytey3085n] {
    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-6ytey3085n] {
    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-6ytey3085n] {
    justify-self: end;
    margin-right: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tab-item-name[b-mt6difw2hh] {
    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-mt6difw2hh] {
    text-decoration: underline;
}

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

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

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

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

/*xs*/
@media (min-width: 0px) and (max-width: 575.98px) {
    [b-mt6difw2hh] .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/Shared/HomeView/Solutions.razor.rz.scp.css */
.wi[b-4voe4sfqy3] {
    height: 24px;
    width: 24px;
}

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

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

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

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

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

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

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

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


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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-details-button[b-4voe4sfqy3] {
}

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

[b-4voe4sfqy3] .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-4voe4sfqy3] .dxbl-accordion-filter {
        display: none !important;
    }

    /*menu*/
    [b-4voe4sfqy3] .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/Shared/HomeView/SortMenuComponent.razor.rz.scp.css */
[b-n6pilfzgvk] .dx-menu-bar {
    margin-bottom: -65px;
}

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

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

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

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

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

[b-n6pilfzgvk] .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-n6pilfzgvk] .dxbl-menu-item:hover {
    background: #D9D9D9;
}

.my-solution-label[b-n6pilfzgvk] {
    color: var(--w-color-anthracite);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
}
/* _content/FrameWebApp/Shared/ItemUpdates/EndpointList.razor.rz.scp.css */
.title-row[b-nwu96syjv2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.your-choice[b-nwu96syjv2] {
    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-nwu96syjv2] {
    border: 1px solid var(--w-color-anthracite);
    align-items: center;
    height: 55px;
    padding: 0px 10px;
    display: flex;
    gap: 5px;
}

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

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

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

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

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

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

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

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

.dot[b-nwu96syjv2] {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-left: 30px;
}
.red-dot[b-nwu96syjv2] {
    background-color: var(--w-color-warning);
}

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

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

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


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

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

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

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

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

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

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

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

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

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

.header-title[b-nwu96syjv2] {
    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-nwu96syjv2]{
    width: 24px;
}
/*::deep .dxbl-grid-header-content {
    border-bottom: 7px var(--w-color-neutral-7) solid;
}*/
[b-nwu96syjv2] .dxbl-grid-column-resize-anchor {
    opacity: 100% !important;
    background-color: var(--w-color-neutral-7);
    pointer-events: all !important;
}

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

[b-nwu96syjv2] .dxbl-grid-header-row > .dxbl-grid-selection-cell {
    background-color: var(--w-color-light) !important;
}
/* _content/FrameWebApp/Shared/ItemUpdates/FilterEndpointsPopup.razor.rz.scp.css */
.popup-container[b-12cfsmicwh] {
    margin: 30px;
}

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

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

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

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

.tree-container[b-12cfsmicwh] {
    border: 1px solid #000;
    padding: 10px;
    margin-bottom: 25px;
    max-height: 450px;
    overflow-y: auto;
}
/* _content/FrameWebApp/Shared/ItemUpdates/JobList.razor.rz.scp.css */
.sections-list[b-lzd68jkp4v] {
    margin: 4rem 0;
}
.update-title-row[b-lzd68jkp4v] {
    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-lzd68jkp4v] {
    margin: 4rem 0;
}

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

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

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

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

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

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

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

.no-package-availabel[b-j6c98avywj]{
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
/* _content/FrameWebApp/Shared/ItemUpdates/UpdatingJobComponent.razor.rz.scp.css */
.summary[b-iit74iptm9] {
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}


.even-row[b-iit74iptm9] {
    background-color: #fff
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.package-item[b-kp1xrl6k45] {
    border: 1px solid var(--w-color-neutral-40);
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
}
/* _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/NotAuthorized.razor.rz.scp.css */
body[b-30zndk67hb] {
}
/* _content/FrameWebApp/Shared/PortalPages/ConfirmedEmail.razor.rz.scp.css */
.confirmed-email-content-container[b-g5n6lran51] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.confirmed-email-content[b-g5n6lran51] {
    width: 450px;
    margin: 100px 0;
}

.button-row[b-g5n6lran51] {
    float: right;
}
/* _content/FrameWebApp/Shared/PortalPages/Login.razor.rz.scp.css */
.cursor-pointer[b-govzmqfp6s] {
    cursor: pointer;
}

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

.login-input[b-govzmqfp6s] {
    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-govzmqfp6s] {
        border: 0.8px solid var(--w-color-primary) !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .hrdivider span[b-govzmqfp6s] {
        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/Shared/PortalPages/Portal.razor.rz.scp.css */
.logo-top-label[b-7tnfz8o0x5] {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 60px;
}

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

.carousel-template[b-7tnfz8o0x5] {
    background-color: #eff0f2;
    height: 100%;
    overflow: hidden;
}
/* _content/FrameWebApp/Shared/PortalPages/Register.razor.rz.scp.css */
.register-form-shared-row[b-4m6bapsbl4] {
    display: flex;
    justify-content: space-between;
}

    .register-form-shared-row .register-form-item[b-4m6bapsbl4] {
        width: 48%;
    }

.register-label[b-4m6bapsbl4] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.register-content-container[b-4m6bapsbl4] {
    height: 100%;
    width: 100%;
    overflow: auto;
}


.register-content[b-4m6bapsbl4] {
    width: 450px;
    margin: 100px 0;
}

.salutation-title[b-4m6bapsbl4] {
    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-4m6bapsbl4] {
    color: var(--w-color-anthracite);
    font-size: 1rem;
    font-weight: 400;
    margin-block: 3px;
}

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

.salutation-row[b-4m6bapsbl4] {
    margin-top: 10px;
    margin-bottom: 12px;
}

.radio-container[b-4m6bapsbl4] {
    display: flex;
    margin-bottom: -10px;
}

.text-box-container[b-4m6bapsbl4] {
    margin-top: 5px;
}

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

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

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

.login-row[b-4m6bapsbl4] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.resend-row[b-4m6bapsbl4] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox-row[b-4m6bapsbl4] {
    display: flex;
    font-size: 12px;
}

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

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

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

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

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


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

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

.login-label[b-s9yjaso3im] {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

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


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


.error-label[b-s9yjaso3im] {
    color: red;
    align-self: center;
}

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

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

.textbox-container[b-s9yjaso3im] {
    margin-bottom: 12px;
}
/* _content/FrameWebApp/Shared/PortalPages/SendVerification.razor.rz.scp.css */
.cursor-pointer[b-6xbxonhbhx] {
    cursor: pointer;
}

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

.textbox-container[b-6xbxonhbhx] {
    margin-bottom: 12px;
}

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


.error-label[b-6xbxonhbhx] {
    color: red;
    align-self: center;
    margin-top: 1rem;
}

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

.button-row[b-6xbxonhbhx] {
    display: flex;
    justify-content: space-between;
}
/* _content/FrameWebApp/Shared/SolutionPlanner/AllowUsage/AllowUsagePopup.razor.rz.scp.css */
.popup-container[b-hir83yir2a] {
    padding: 30px;
    height: 100%;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow: auto;
}

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

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


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

.customerId-existing-dialog[b-hir83yir2a] {
    border: 1px solid var(--w-color-secondary);
    padding: 15px;
}

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

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

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

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

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

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

.contact-icon[b-hir83yir2a] {
    width: 22px;
    margin-left: 0.7em;
}

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

.success-msg-container[b-hir83yir2a] {
    margin: 30px 20px;
}
/* _content/FrameWebApp/Shared/SolutionPlanner/ContactUsPopup.razor.rz.scp.css */
.popup-container[b-ajajjaqrhd] {
    margin: 30px;
}

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

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


.contact-method[b-ajajjaqrhd] {
    margin-top: 1rem;
    gap: 6px;
    align-items: center;
    font-size: 1rem;
    display: flex;
    font-weight: 400;
}

.working-time[b-ajajjaqrhd] {
    display: grid;
    grid-template-columns: 186px 123px;
    grid-template-rows: 29px 20px;
    font-weight: 400;
    font-size: 1rem;
}

.contact-icon[b-ajajjaqrhd] {
    width: 32px;
}
/* _content/FrameWebApp/Shared/SolutionPlanner/DismissPlanPopup.razor.rz.scp.css */
.popup-container[b-qjj9d5o05j] {
    margin: 30px;
}

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

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


/* _content/FrameWebApp/Shared/SolutionPlanner/GenericServiceMaintaincePopup.razor.rz.scp.css */
.popup-container[b-egklqdsn66] {
    display: flex;
    padding: 2rem;
    gap: 1rem;
    align-items: center;
}

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

span.title[b-egklqdsn66] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.3px;
}

.float-right[b-egklqdsn66] {
    position: absolute;
    right: 30px;
}

.no-permission[b-egklqdsn66] {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
}

.button-row[b-egklqdsn66] {
    margin-top: 1rem;
}

.current-plan[b-egklqdsn66] {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
}
/* _content/FrameWebApp/Shared/SolutionPlanner/SelectPlanPopup.razor.rz.scp.css */
.popup-container[b-31uzdunh4k] {
    margin: 30px;
}

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

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

.apply-button[b-31uzdunh4k] {
    float: right;
    margin-top: 2rem;
}
/* _content/FrameWebApp/Shared/SolutionPlanner/SolutionPlanner.razor.rz.scp.css */
.title[b-xa9z171f2s] {
    margin: 30px 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.plan-packages[b-xa9z171f2s] {
    display: flex;
    gap: 20px;
    margin: 30px 0px;
}


.your-plan[b-xa9z171f2s] {
    height: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.your-plan-selected[b-xa9z171f2s] {
    background-color: var(--w-color-primary);
    padding-top: 7px;
}

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

.plan-package-content[b-xa9z171f2s] {
    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-xa9z171f2s] {
    border: solid 6px var(--w-color-primary);
}


.plan-title[b-xa9z171f2s] {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
}

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

.description-item[b-xa9z171f2s] {
    gap: 17px;
    display: flex;
}

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

span.description[b-xa9z171f2s] {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.cost-info[b-xa9z171f2s] {
    text-align: center;
    padding: 15px;
    margin: 30px 0px;
}

.price[b-xa9z171f2s] {
    font-size: 36px;
    font-weight: 700;
    padding: 0 5px;
}

.cost-description[b-xa9z171f2s] {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
}

.selected-button[b-xa9z171f2s] {
    text-align: center;
}

.plans-container[b-xa9z171f2s] {
    margin: 0px 30px;
}