/* /Components/AppNotifications/AppNotification.razor.rz.scp.css */
.app-notification-template[b-c8ciy1uqbj] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.success[b-c8ciy1uqbj] {
    background-color: var(--qdt-dark-green);
    color: var(--qdt-white);
}

.success .close-btn[b-c8ciy1uqbj] {
    color: var(--qdt-white);
}

.error[b-c8ciy1uqbj] {
    background-color: var(--qdt-red);
    color: var(--qdt-white);
}

.error .close-btn[b-c8ciy1uqbj] {
    color: var(--qdt-white);
}

.opening[b-c8ciy1uqbj] {
    animation: fadeIn-b-c8ciy1uqbj 0.5s;
}

.closing[b-c8ciy1uqbj] {
    animation: fadeOut-b-c8ciy1uqbj 0.5s;
}

.closed[b-c8ciy1uqbj] {
    display: none;
}

.close-btn[b-c8ciy1uqbj] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    outline: none;
}

.close-btn i[b-c8ciy1uqbj] {
    font-size: 16px;
}

@keyframes fadeIn-b-c8ciy1uqbj {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut-b-c8ciy1uqbj {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* /Components/AppNotifications/AppNotificationsOutput.razor.rz.scp.css */
.notifications-output[b-9fwcpr7mtl] {
    position: fixed;
    bottom: 32px;
    right: 32px;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    z-index: 1000;
}
/* /Components/AppNotifications/QuestionBankImportSuccessNotification.razor.rz.scp.css */
.notification-content[b-vt94u47qcn] {
    display: flex;
    align-items: center;
}

.notification-content a[b-vt94u47qcn] {
    color: var(--qdt-white);
}
/* /Components/Approvals/ApproveRejectSurveyDialog.razor.rz.scp.css */
.comment-meta[b-lgl4qex36f] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.char-count[b-lgl4qex36f] {
    margin-left: auto;
    font-size: 12px;
    color: var(--qdt-light-grey);
    white-space: nowrap;
}
/* /Components/Approvals/ApproverListItem.razor.rz.scp.css */
.approver-row[b-ypl5eviz3c] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    background-color: var(--qdt-white);
}

.avatar[b-ypl5eviz3c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--qdt-white);
    font-size: 14px;
    font-weight: 500;
    flex-shrink: 0;
}

.approver-info[b-ypl5eviz3c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.approver-name[b-ypl5eviz3c] {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: var(--qdt-black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approver-email[b-ypl5eviz3c] {
    font-size: 12px;
    line-height: 16px;
    color: var(--qdt-light-grey);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approver-status[b-ypl5eviz3c] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
    text-align: right;
}

.status-badge[b-ypl5eviz3c] {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}

.approver-row.approved .status-badge[b-ypl5eviz3c] {
    color: var(--qdt-dark-green);
}

.approver-row.rejected .status-badge[b-ypl5eviz3c] {
    color: var(--qdt-red, #d64545);
}

.approver-row.pending .status-badge[b-ypl5eviz3c] {
    color: var(--qdt-light-grey);
}

.decided[b-ypl5eviz3c] {
    font-size: 12px;
    color: var(--qdt-light-grey);
}

.comment[b-ypl5eviz3c] {
    font-size: 12px;
    color: var(--qdt-grey);
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.remove-approver[b-ypl5eviz3c] {
    visibility: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    color: var(--qdt-light-grey);
    cursor: pointer;
    font-size: 18px;
}

.remove-approver:hover[b-ypl5eviz3c] {
    color: var(--qdt-red, #d64545);
    background-color: var(--qdt-stroke-grey);
}

.approver-row:hover .remove-approver[b-ypl5eviz3c] {
    visibility: visible;
}
/* /Components/Approvals/ApproversTab.razor.rz.scp.css */
.approvers-tab[b-l1rowy6zh2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 0 32px;
    min-height: 0;
    overflow: hidden;
}

.loader[b-l1rowy6zh2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.approvers-header[b-l1rowy6zh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.approvers-header .title[b-l1rowy6zh2] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 500;
    color: var(--qdt-black);
}

.approval-percent[b-l1rowy6zh2] {
    font-size: 13px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.header-actions[b-l1rowy6zh2] {
    display: flex;
    gap: 8px;
}

.approvers-content[b-l1rowy6zh2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.approver-list[b-l1rowy6zh2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.list-empty[b-l1rowy6zh2] {
    padding-top: 40px;
    text-align: center;
    font-size: 15px;
    color: var(--qdt-grey);
}
/* /Components/Approvals/ManageApproversDialog.razor.rz.scp.css */
.approver-option[b-e11puu1q9o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar[b-e11puu1q9o] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--qdt-white);
    font-size: 12px;
    font-weight: 500;
    flex-shrink: 0;
}

.approver-option-info[b-e11puu1q9o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.approver-option-name[b-e11puu1q9o] {
    font-size: 14px;
    color: var(--qdt-black);
}

.approver-option-email[b-e11puu1q9o] {
    font-size: 12px;
    color: var(--qdt-light-grey);
}
/* /Components/Approvals/SurveyApprovalActions.razor.rz.scp.css */
.survey-approval-actions[b-0c3ugjd8dv] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Components/Areas/AreaForm.razor.rz.scp.css */
.area-form-container[b-2ai05zdhvj], 
.area-form-container[b-2ai05zdhvj]  form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.area-form[b-2ai05zdhvj] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-height: 190px;
}

.buttons[b-2ai05zdhvj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}
/* /Components/Areas/AreaListItem.razor.rz.scp.css */
.area-list-item[b-fnv81u827t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    flex: 1 1 30%;
    max-width: 32%;
    column-gap: 8px;
    padding: 13px 16px;
    border-radius: 8px;
    border: 1px solid var(--qdt-stroke-grey);
    cursor: pointer;
    height: 150px;
    background-color: var(--qdt-white);
}

.info[b-fnv81u827t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height:100%;
}

.name[b-fnv81u827t] {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: var(--qdt-black);
    flex:1;
}

.params[b-fnv81u827t] {
    display: flex;
    align-items: center;
    column-gap: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey);
}


i[b-fnv81u827t] {
    font-size: 20px;
    color: var(--qdt-dark-green);
}

.area-list-item.selected[b-fnv81u827t],
.area-list-item:hover[b-fnv81u827t] {
    border: 1px solid var(--qdt-dark-green);
}

.area-list-item.disabled[b-fnv81u827t] {
    opacity: 0.8;
    cursor: not-allowed;
}
/* /Components/Areas/AreaSettings.razor.rz.scp.css */

.area-settings-block[b-yzrn68f6sc] {
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132),0 .6px 1.8px 0 rgba(0, 0, 0, .108);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    background-color: var(--qdt-white);
    max-width: 60%;
    min-width: 640px;
}

.area-form[b-yzrn68f6sc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 15px;
}

    .area-form .buttons[b-yzrn68f6sc] {
        display: flex;
        gap: 16px;
        justify-content: end;
    }
/* /Components/Areas/AreasList.razor.rz.scp.css */
.areas-list[b-qklx6s9z5f] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.title[b-qklx6s9z5f] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-black);
}

.list[b-qklx6s9z5f] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* /Components/Areas/AreaUsersList.razor.rz.scp.css */
.area-users-list[b-mmdk9bzc64] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 0;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132),0 .6px 1.8px 0 rgba(0, 0, 0, .108);
    background-color: var(--qdt-white);
}

.top[b-mmdk9bzc64] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.title[b-mmdk9bzc64] {
    font-size: 15px;
    font-weight: 500;
    color: var(--qdt-black);
}

.actions[b-mmdk9bzc64] {
    display: flex;
    justify-content: flex-end;
    column-gap: 20px;
}

.list[b-mmdk9bzc64] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .list[b-mmdk9bzc64]  .user-item {
        padding: 15px 15px;
        border: none;
        border-top: 1px solid var(--qdt-stroke-grey);
        border-radius: unset;
    }
        .list[b-mmdk9bzc64]  .user-item:hover {
            background-color: #f8f9fa;
        }

        .list[b-mmdk9bzc64]  .user-item .email {
            padding-left: unset;
        }

        .list-empty[b-mmdk9bzc64] {
            font-weight: 400;
            font-size: 14px;
            text-align: center;
            color: var(--qdt-light-grey);
        }
/* /Components/Areas/Dialogs/CreateOrEditAreaDialog.razor.rz.scp.css */
.invite-users-dialog .k-dialog-content[b-9647pakof8] {
    padding-top: 0;
}

.content[b-9647pakof8] {
    margin-top: -15px;
    
}
/* /Components/Areas/Dialogs/InviteUsersDialog.razor.rz.scp.css */
.content[b-x3385ocvni]  form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.buttons[b-x3385ocvni] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}
/* /Components/Areas/QuestionBankPoolOption.razor.rz.scp.css */
.question-bank-pool-option-container[b-6luzfkygvl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pool-option[b-6luzfkygvl] {
    display: flex;
    align-items: center;
}

.pool-option label[b-6luzfkygvl] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pool-option .option-name[b-6luzfkygvl] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
}

.pool-areas[b-6luzfkygvl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-light-grey);
    max-height: 110px;
}

.pool-areas span[b-6luzfkygvl] {
    padding-left: 25px;
}

.locale[b-6luzfkygvl] {
    color: var(--qdt-light-grey);
}
/* /Components/Areas/QuestionBankSharing.razor.rz.scp.css */
.qbank-sharing[b-hqo0hd25si] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

legend[b-hqo0hd25si] {
    font-size: 12px;
}

.sharing-options[b-hqo0hd25si] {
    display: flex;
    gap: 30px;
}

label[b-hqo0hd25si] {
    display: flex;
    gap: 4px;
    align-items:center;
}

.pools[b-hqo0hd25si] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px 7px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

.pools.invalid[b-hqo0hd25si] {
    border: 1px solid var(--qdt-red);
}

.empty[b-hqo0hd25si] {
    color: var(--qdt-light-grey);
}

.pools .header[b-hqo0hd25si] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pools .header > div[b-hqo0hd25si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pools .header > div .title[b-hqo0hd25si] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey);
}

.pools .body[b-hqo0hd25si] {
    max-height: 200px;
}

.pools-loader[b-hqo0hd25si] {
    display: flex;
    justify-content: center;
}
/* /Components/Areas/UsersForm.razor.rz.scp.css */
.users-form[b-r8c813uoj9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.title[b-r8c813uoj9] {
    font-size: 12px;
    font-weight: 400;
    color: var(--qdt-black);
}

.list[b-r8c813uoj9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 300px;
    gap: 8px;
}
/* /Components/Areas/UsersFormItem.razor.rz.scp.css */
.user-item-form[b-4kwshmeiss] {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.form-content[b-4kwshmeiss] {
    flex: 1;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}

.user-item-form.invalid .form-content[b-4kwshmeiss] {
    border: 1px solid var(--qdt-red);
}

.controls[b-4kwshmeiss] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 45px;
    padding: 7px 12px;
}

.left[b-4kwshmeiss] {
    flex: 1;
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.left[b-4kwshmeiss]  .email-container.filled {
    flex: 1;
}

.text[b-4kwshmeiss] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px;
    white-space: nowrap;
    color: var(--qdt-light-grey);
}

.text[b-4kwshmeiss]  .button.link {
    font-size: 12px;
}

.users-list[b-4kwshmeiss] {
    display: flex;
    flex-direction: column;
}

.users-list-empty[b-4kwshmeiss] {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: var(--qdt-light-grey);
}

.users-list-item[b-4kwshmeiss] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 20px;
    padding: 0 12px;
    color: var(--qdt-light-grey);
    cursor: pointer;
}

.users-list-item.selected[b-4kwshmeiss], .users-list-item:hover[b-4kwshmeiss] {
    background-color: #D9D9D933;
}
/* /Components/Authentication/Profile.razor.rz.scp.css */
.profile-container[b-qxsflzmnjz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.profile-btn[b-qxsflzmnjz], .logout-btn[b-qxsflzmnjz] {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
}

.tenant[b-qxsflzmnjz],
.area-item[b-qxsflzmnjz],
.logout-btn[b-qxsflzmnjz] {
    padding: 10px 14px;
    line-height: 20px;
    font-weight: 500;
    font-size: 14px;
}

.user[b-qxsflzmnjz],
.logout-btn[b-qxsflzmnjz] {
    padding: 24px 14px;
}

    .user .name[b-qxsflzmnjz],
    .user .email[b-qxsflzmnjz] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .user .name[b-qxsflzmnjz] {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: var(--qdt-black);
    }

    .user .email[b-qxsflzmnjz] {
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: #808386;
    }

.profile-btn[b-qxsflzmnjz] {
    column-gap: 2px;
    padding: 4px 6px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .15s ease;
}

    .profile-btn:hover[b-qxsflzmnjz] {
        background-color: #F2F9FF;
    }

    .profile-btn:active[b-qxsflzmnjz] {
        background-color: #E9F8D2;
    }

    .profile-btn i[b-qxsflzmnjz] {
        color: var(--qdt-grey-button);
        font-size: 16px;
    }

.user-avatar[b-qxsflzmnjz] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: var(--logout-userlogo-bg);
    border-radius: 50%;
    color: var(--logout-userlogo-text);
    font-size: 15px;
    text-transform: uppercase;
}

.profile-popover-content[b-qxsflzmnjz] {
    width: 262px;
    max-width: 262px;
    background-color: var(--qdt-white);
    border: 1px solid #394138;
    border-radius: 8px;
    overflow: hidden;
}

    .profile-popover-content .tenant[b-qxsflzmnjz] {
        background-color: #394138;
        color: var(--qdt-white);
        text-overflow: ellipsis;
    }

.areas[b-qxsflzmnjz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 144px;
    border-top: 1px solid var(--qdt-stroke-grey);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    overflow: hidden;
}

    .areas .title[b-qxsflzmnjz] {
        padding: 8px 14px 0 14px;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: var(--qdt-light-grey);
    }

    .areas .list[b-qxsflzmnjz] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .areas .list .area-item[b-qxsflzmnjz] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: var(--qdt-black);
            cursor: pointer;
        }

            .areas .list .area-item.current[b-qxsflzmnjz] {
                cursor: default;
            }

            .areas .list .area-item:not(.current):hover[b-qxsflzmnjz] {
                background-color: #F2F9FF;
            }

            .areas .list .area-item:not(.current):active[b-qxsflzmnjz] {
                background-color: #E9F8D2;
            }

    .areas .area-item .current-area[b-qxsflzmnjz] {
        padding: 4px 8px;
        background-color: var(--qdt-bg-green);
        border-radius: 34px;
        color: var(--qdt-dark-green);
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
    }

.logout-btn[b-qxsflzmnjz] {
    display: flex;
    align-items: center;
    column-gap: 16px;
    width: 100%;
    cursor: pointer;
}

    .logout-btn:hover[b-qxsflzmnjz] {
        background-color: #F2F9FF;
    }

    .logout-btn:active[b-qxsflzmnjz] {
        background-color: #E9F8D2;
    }

    .logout-btn i[b-qxsflzmnjz] {
        font-size: 20px;
    }
/* /Components/Comments/CommentEditor.razor.rz.scp.css */
.comment-editor[b-8mns64nebv] {
    position: relative;
    margin-top: 7px;

}
    .comment-editor[b-8mns64nebv]  .k-textarea {
        border-radius: 0 4px 4px 4px;
       
        
    }
        .comment-editor[b-8mns64nebv]  .k-textarea.internal {
            border-color: var(--green-dark);
            background-color: var(--qdt-soft-black);
            color: #fff;
        }
            .comment-editor[b-8mns64nebv]  .k-textarea.internal textarea::placeholder {
                color: #fff;
                opacity: 0.6;
            }
            .comment-editor[b-8mns64nebv]  .k-textarea.external {
                border-color: var(--qdt-blue);
            }

        .comment-editor[b-8mns64nebv]  .k-textarea textarea {
            font-size: 12px;
            padding-bottom: 35px;
            max-height: 410px;
        }

.comment-mode-switcher[b-8mns64nebv] {
    display:flex;
}

    .comment-mode-switcher label[b-8mns64nebv] {
        color: #fff;
        cursor: pointer;
        border-radius: 4px 4px 0 0;
        background-color: var(--qdt-light-grey);
        font-size:12px;
        padding: 4px 5px;
    }

    .comment-mode-switcher .internal[b-8mns64nebv] {
    }
        .comment-mode-switcher .internal.active[b-8mns64nebv] {
            background-color: var(--green-dark);
        }

    .comment-mode-switcher .external[b-8mns64nebv] {
    }
        .comment-mode-switcher .external.active[b-8mns64nebv] {
            background-color: var(--qdt-blue);
        }

.comment-editor-actions[b-8mns64nebv] {
    margin-top: 5px;
    display: flex;
    font-size: 14px;
    gap: 3px;
    justify-content: end;
}

.comment-editor .send-btn[b-8mns64nebv], .comment-editor[b-8mns64nebv]  .send-btn {
   
}

.comment-editor .attach-btn[b-8mns64nebv], .comment-editor[b-8mns64nebv]  .attach-btn {
    margin-right: auto;
}

.comment-editor .loading-overlay[b-8mns64nebv] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.5);
    cursor: progress;
    z-index: 1;
    display: none;
}

.comment-editor .loading-overlay.sending[b-8mns64nebv]{
    display: block;
}
.comment-editor .loading-overlay > div[b-8mns64nebv] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    width: 100%;
    height: 100%;
}
/* /Components/Comments/CommentMessage.razor.rz.scp.css */
.comment-message[b-ooarjq6fdf] {
    width: 75%;
    margin-bottom: 12px;
}

    .comment-message.own-comment[b-ooarjq6fdf]{
        margin-left: auto;
    }

    .comment-message.deleting[b-ooarjq6fdf] {
        cursor: wait;
    }

    .comment-message:first-child[b-ooarjq6fdf] {
        margin-bottom: 7px;
    } 
    .comment-message:last-child[b-ooarjq6fdf] {
        margin-bottom: 0;
    }

    .comment-message.skip-author[b-ooarjq6fdf] {
        margin-bottom: 7px;
    }

.comment-author[b-ooarjq6fdf] {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}

.comment-author .user-pic[b-ooarjq6fdf] {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-author .user-name[b-ooarjq6fdf] {
    margin-left: 5px;
    font-size: 13px;
    max-width: 100px;
    overflow: hidden;
    text-overflow:ellipsis;
}

.text-block[b-ooarjq6fdf] {
    border-radius: 4px;
    background-color: #fff;
    padding: 9px;
    font-size: 12px;
}

.internal .text-block[b-ooarjq6fdf] {
    background-color: var(--qdt-soft-black);
    color: #fff;
}
    .text-block .text-block-meta[b-ooarjq6fdf] {
        display: flex;
        align-items: center;
        margin-bottom: 7px;
    }

        .text-block .text-block-meta .access-level[b-ooarjq6fdf] {
            font-size: 12px;
            background-color: var(--green-dark);
            border-radius: 4px;
            padding: 1px 4px;
            color: #fff;
            font-weight: 400;
        }

        .text-block .text-msg[b-ooarjq6fdf] {
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow: auto;
        }


.external .text-block .text-block-meta .access-level[b-ooarjq6fdf] {
    background-color: var(--qdt-blue);
}

.text-block .text-block-meta .time-stamp[b-ooarjq6fdf] {
    font-size: 9px;
    color: rgba(#000, .4);
    margin-left: auto;
}

[b-ooarjq6fdf] .menu-button {
    border: none;
    background: unset;
    margin-left: 1px;
    padding: 2px 0 2px 1px;
    cursor: pointer;
}
[b-ooarjq6fdf] .menu-button .k-button-arrow {
    display: none;
}

[b-ooarjq6fdf] .internal .menu-button {color: #fff;}
/* /Components/Comments/CommentsContainer.razor.rz.scp.css */
.comments-container[b-xnmlk4tgte] {
    flex-shrink: 0;
    background-color: #fff;
    max-height: var(--survey-page-content-body-max-height);
    overflow-y: auto;
}

.fullscreen .comments-container[b-xnmlk4tgte] {
    max-height: var(--survey-page-content-body-max-height-fullscreen);
}

.comments-container-header[b-xnmlk4tgte] {
    display: flex;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    padding: 17px 10px 10px;
}

.comments-container-header .x-button[b-xnmlk4tgte], [b-xnmlk4tgte] .comments-container-header .x-button {
    width: 23px;
    height: 23px;
    border-radius: 50px;
    margin-left: auto;
    color: var(--input-placeholder-text);
    background-color: transparent;
}

.comment-title[b-xnmlk4tgte] {
    font-size: 15px;
}

.comments-container .comments-container-body[b-xnmlk4tgte] {
    height: calc(100% - 54px);
    padding: 10px;
    overflow-y: auto;
}

[b-xnmlk4tgte] .k-tabstrip-content {
    border: none;
    padding-left: 0;
    padding-right: 0;
}

[b-xnmlk4tgte] .comments-tab-panel .k-content {
    outline: none;
}

.resizer[b-xnmlk4tgte] {
    position: absolute;
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    touch-action: none;
    cursor: w-resize;
}
/* /Components/Comments/CommentsThread.razor.rz.scp.css */
.comments-thread[b-wh10d4uenc] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    padding: 10px;
    background-color: #fff;
    margin-top: 5px;
}

    .comments-thread.unread[b-wh10d4uenc],
    .comments-thread.expanded[b-wh10d4uenc] {
        border: 1px solid var(--qdt-dark-green);
    }

    .comments-thread .comments-thread-head[b-wh10d4uenc] {
        display: flex;
    }

        .comments-thread .comments-thread-head .actions[b-wh10d4uenc] {
            margin-left: auto;
        }

    .comments-thread .comments-thread-participants[b-wh10d4uenc] {
        display: flex;
        gap: 4px;
        cursor: pointer;
        flex-grow: 1;
    }

        .comments-thread .comments-thread-participants .user-pic[b-wh10d4uenc] {
            width: 24px;
            height: 24px;
            border-radius: 12px;
            font-size: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: default;
        }


.thread-starter[b-wh10d4uenc] {
    margin: 3px 3px 3px 0;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acl-summary[b-wh10d4uenc] {
    display: flex;
    gap: 15px;
    font-size: 12px;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
}

    .acl-summary .unread-count[b-wh10d4uenc] {
        border-radius: 60px;
        padding: 1px 3px;
        font-size: 12px;
        line-height: 15px;
        display: inline-block;
        color: #fff;
        margin-left: 3px;
    }

        .acl-summary .unread-count.external[b-wh10d4uenc] {
            background-color: var(--qdt-dark-green);
        }

        .acl-summary .unread-count.internal[b-wh10d4uenc] {
            background-color: var(--qdt-blue);
        }

.comments-thread .comments-list[b-wh10d4uenc] {
    border-radius: 4px;
    background-color: var(--qdt-beige);
    padding: 12px;
}

    .comments-thread .comments-list .unread-comments-divider[b-wh10d4uenc] {
        display: flex;
        align-items: center;
        color: var(--qdt-light-grey);
        line-height: 9px;
        font-size: 8px;
    }

        .comments-thread .comments-list .unread-comments-divider[b-wh10d4uenc]:before,
        .comments-thread .comments-list .unread-comments-divider[b-wh10d4uenc]:after {
            flex: 1;
            content: '';
            padding: 1px;
            background-color: var(--qdt-light-grey);
        }

        .comments-thread .comments-list .unread-comments-divider[b-wh10d4uenc]:before{
            margin: 5px 5px 5px -10px ;
        }
                
        .comments-thread .comments-list .unread-comments-divider[b-wh10d4uenc]:after {
            margin: 5px -10px 5px 5px;
        }
/* /Components/Comments/CommentsThreadList.razor.rz.scp.css */
.comments-thread-list[b-97s1cjkewt] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    padding: 5px 7px;
    margin-bottom: 8px;
    background-color: var(--qdt-white);
}

    .comments-thread-list.unread[b-97s1cjkewt] {
        background-color: var(--qdt-bg-green);
    }

    .comments-thread-list.expanded[b-97s1cjkewt] {
        background-color: var(--qdt-beige);
    }


    .comments-thread-list .header[b-97s1cjkewt] {
        display: flex;
        cursor: pointer;
        align-items: center;
    }

        .comments-thread-list .header .title[b-97s1cjkewt] {
            font-size: 15px;
            font-weight: 500;
            color: #111111;
            flex-grow: 1;
            text-overflow: ellipsis;
            overflow: hidden;
            height: 20px;
            white-space: nowrap;
            margin-bottom: 10px;
        }

            .comments-thread-list .header .title .subject-icon .ti[b-97s1cjkewt] {
                color: var(--qdt-light-grey);
            }

        .comments-thread-list .header .actions[b-97s1cjkewt] {
            margin-left: auto;
            display: flex;
            align-items: center;
        }

            .comments-thread-list .header .actions .unread-comments-info[b-97s1cjkewt] {
                position: relative;
                margin-right: 10px;
            }

                .comments-thread-list .header .actions .unread-comments-info .badge-count[b-97s1cjkewt] {
                    font-family: "Segoe UI";
                    position: absolute;
                    padding: 1px 3px;
                    border-radius: 33px;
                    min-width: 20px;
                    background-color: var(--qdt-dark-green);
                    font-size: 12px;
                    line-height: 14px;
                    color: #fff;
                    top: -3px;
                    left: 50%;
                    text-align: center;
                }

    .comments-thread-list .thread-subject[b-97s1cjkewt] {
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 500;
    }

    .comments-thread-list .threads-info[b-97s1cjkewt] {
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        cursor: pointer;
        margin-bottom: 5px;
    }

        .comments-thread-list .threads-info[b-97s1cjkewt]  .thread-open-editor {
            border-color: var(--qdt-dark-green);
            background-color: var(--qdt-dark-green);
            color: var(--qdt-white);
            font-size: 12px;
            line-height: 14px;
            font-weight: 400;
            padding: 6px 10px 4px;
        }

    .comments-thread-list .start-new-thread[b-97s1cjkewt] {
        background-color: var(--qdt-white);
        border-radius: 4px;
        border: 1px solid var(--qdt-dark-green);
        padding: 10px;
    }

        .comments-thread-list .start-new-thread label[b-97s1cjkewt] {
            color: var(--qdt-dark-green);
            font-size: 13px;
            line-height: 14px;
            font-family: "Segoe UI";
        }

[b-97s1cjkewt] .menu-button {
    border: none;
    background: unset;
    margin-left: 1px;
    padding: 2px 0 2px 1px;
}

    [b-97s1cjkewt] .menu-button .k-button-arrow {
        display: none;
    }
/* /Components/Common/Accordion.razor.rz.scp.css */
.accordion[b-eatjczub8w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.header[b-eatjczub8w] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    height: 42px;
    min-height: 42px;
    padding-left: 20px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}

.header .title[b-eatjczub8w] {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: var(--qdt-black);
}

.header i[b-eatjczub8w] {
    font-size: 18px;
    color: var(--qdt-black);
}

.accordion.disabled .header[b-eatjczub8w] {
    cursor: not-allowed;
    opacity: 0.5;
}
/* /Components/Common/AddAnswerButton.razor.rz.scp.css */
.add-answer-btn-container[b-uwru3eabis] {
    max-width: 70px;
}

.add-answer-btn-container[b-uwru3eabis]  .add-answer-btn button {
    font-size: 12px;
    padding: 2px 3px;
    gap: 4px;
}

.add-answer-btn-container[b-uwru3eabis]  .add-answer-btn i {
    font-size: 16px;
}

    .add-answer-btn-container[b-uwru3eabis]  .add-answer-btn .arrow-btn {
        padding: 4px 3px;
    }
/* /Components/Common/AddTopicButton.razor.rz.scp.css */
.add-topic-btn-container[b-fdd6idc9gh] {
    max-width: 70px;
}

.add-topic-btn-container[b-fdd6idc9gh]  .add-topic-btn button {
    font-size: 12px;
    padding: 2px 3px;
    gap: 4px;
}

.add-topic-btn-container[b-fdd6idc9gh]  .add-topic-btn i {
    font-size: 16px;
}

    .add-topic-btn-container[b-fdd6idc9gh]  .add-topic-btn .arrow-btn {
        padding: 4px 3px;
    }
/* /Components/Common/Alert.razor.rz.scp.css */
.qdt-alert[b-eetnuommw0] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 9px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
}

.icon[b-eetnuommw0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 22px;
}

.qdt-alert.solid.danger[b-eetnuommw0] {
    background-color: var(--qdt-alert-danger);
    border: 1px solid var(--qdt-alert-danger);
    color: var(--qdt-white);
}

.qdt-alert.outline.danger[b-eetnuommw0] {
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-alert-danger);
    color: var(--qdt-alert-danger);
}

.qdt-alert.solid.info[b-eetnuommw0] {
    background-color: var(--qdt-alert-info);
    border: 1px solid var(--qdt-alert-info);
    color: var(--qdt-white);
}

.qdt-alert.outline.info[b-eetnuommw0] {
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-alert-info);
    color: var(--qdt-alert-info);
}

.qdt-alert.solid[b-eetnuommw0]  .link {
    color: inherit;
    text-decoration: underline;
}

.qdt-alert.solid[b-eetnuommw0]  .link:not(.disabled):hover {
    text-decoration: none;
}

.qdt-alert.solid[b-eetnuommw0]  .link:not(.disabled):active,
.qdt-alert.solid[b-eetnuommw0]  .link:not(.disabled):focus {
    color: inherit;
}
/* /Components/Common/AuditLog/AuditBankMembershipBanner.razor.rz.scp.css */
.bank-banner[b-5sg2hmhve2] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    margin: 20px 0;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.bank-banner .ti[b-5sg2hmhve2] {
    font-size: 14px;
}

.bank-banner.success[b-5sg2hmhve2] {
    background: var(--qdt-bg-green);
    border: 1px solid var(--qdt-stroke-green);
    color: var(--qdt-dark-green);
}

.bank-banner.danger[b-5sg2hmhve2] {
    background: #fce8e6;
    border: 1px solid #f1b0a8;
    color: #c5221f;
}
/* /Components/Common/AuditLog/AuditLogContent.razor.rz.scp.css */
.audit-log[b-fsknivfs38] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 60vh;
    overflow-y: auto;
}

.audit-log-state[b-fsknivfs38] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 0;
    color: var(--text-secondary, #6b7280);
}

.audit-timeline[b-fsknivfs38] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.audit-entry[b-fsknivfs38] {
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    padding: 12px 16px;
}

.audit-entry-header[b-fsknivfs38] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-badge[b-fsknivfs38] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--surface-muted, #f3f4f6);
}

.audit-badge.created[b-fsknivfs38] {
    background: #e6f4ea;
    color: #137333;
}

.audit-badge.updated[b-fsknivfs38] {
    background: #e8f0fe;
    color: #0b57d0;
}

.audit-badge.deleted[b-fsknivfs38] {
    background: #fce8e6;
    color: #c5221f;
}

.audit-user[b-fsknivfs38] {
    font-weight: 600;
}

.audit-time[b-fsknivfs38] {
    margin-left: auto;
    color: var(--text-secondary, #6b7280);
    font-size: 12px;
}

.audit-changes[b-fsknivfs38] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 10px;
    font-size: 13px;
}

.audit-changes th[b-fsknivfs38],
.audit-changes td[b-fsknivfs38] {
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid var(--border-color, #f0f0f0);
    vertical-align: top;
    overflow-wrap: anywhere;
}

.audit-changes th[b-fsknivfs38] {
    color: var(--text-secondary, #6b7280);
    font-weight: 600;
}

.audit-changes .field[b-fsknivfs38],
.audit-changes th:first-child[b-fsknivfs38] {
    font-weight: 500;
    width: 24%;
}

.audit-changes .previous[b-fsknivfs38],
.audit-changes .current[b-fsknivfs38],
.audit-changes th:nth-child(2)[b-fsknivfs38],
.audit-changes th:nth-child(3)[b-fsknivfs38] {
    width: 38%;
}

.audit-changes tr.added[b-fsknivfs38] {
    background: #e6f4ea;
}

.audit-changes tr.added .current[b-fsknivfs38] {
    color: #137333;
    font-weight: 500;
}

.audit-changes tr.removed[b-fsknivfs38] {
    background: #fce8e6;
}

.audit-changes tr.removed .previous[b-fsknivfs38] {
    color: #c5221f;
    font-weight: 500;
    text-decoration: line-through;
}

.audit-changes tr.modified .previous[b-fsknivfs38] {
    color: #c5221f;
    text-decoration: line-through;
}

.audit-changes tr.modified .current[b-fsknivfs38] {
    color: #137333;
    font-weight: 500;
}

.audit-changes td.empty[b-fsknivfs38] {
    color: var(--text-secondary, #6b7280);
    font-weight: 400;
    text-decoration: none;
}

.audit-log-error-inline[b-fsknivfs38] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #c5221f;
}

.audit-log-load-more[b-fsknivfs38] {
    display: flex;
    justify-content: center;
}

.audit-entity[b-fsknivfs38] {
    border: 1px solid var(--border-color, #e5e7eb);
    border-left-width: 3px;
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: 8px;
}

.audit-entity.added[b-fsknivfs38] {
    border-left-color: #137333;
}

.audit-entity.removed[b-fsknivfs38] {
    border-left-color: #c5221f;
}

.audit-entity.modified[b-fsknivfs38] {
    border-left-color: #1a73e8;
}

.audit-entity-header[b-fsknivfs38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.audit-entity-title[b-fsknivfs38] {
    font-weight: 600;
    font-size: 13px;
}

.audit-entity-kind[b-fsknivfs38] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-secondary, #6b7280);
}

.audit-entity .audit-changes[b-fsknivfs38] {
    margin-top: 8px;
}

/* /Components/Common/AuditLog/QuestionTranslationsAuditContent.razor.rz.scp.css */
.audit-log[b-j7m6ee53s3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 60vh;
    overflow-y: auto;
}

.audit-log-state[b-j7m6ee53s3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 0;
    color: #6b7280;
}

.audit-timeline[b-j7m6ee53s3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.audit-entry[b-j7m6ee53s3] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
}

.audit-entry-header[b-j7m6ee53s3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-badge[b-j7m6ee53s3] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    background: #f3f4f6;
}

.audit-badge.created[b-j7m6ee53s3] {
    background: #e6f4ea;
    color: #137333;
}

.audit-badge.updated[b-j7m6ee53s3] {
    background: #e8f0fe;
    color: #0b57d0;
}

.audit-badge.deleted[b-j7m6ee53s3] {
    background: #fce8e6;
    color: #c5221f;
}

.audit-user[b-j7m6ee53s3] {
    font-weight: 600;
}

.audit-time[b-j7m6ee53s3] {
    margin-left: auto;
    color: #6b7280;
    font-size: 12px;
}

.audit-entity-subheader[b-j7m6ee53s3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.audit-entity-subheader .capture-entity-type[b-j7m6ee53s3] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
}

.audit-entity-subheader .capture-code[b-j7m6ee53s3] {
    font-size: 12px;
    color: #6b7280;
}

.audit-entity-subheader .capture-label[b-j7m6ee53s3] {
    font-weight: 400;
    color: #6b7280;
}

.audit-entity-subheader .capture-locale[b-j7m6ee53s3] {
    font-size: 12px;
    color: #6b7280;
}

.audit-entity-subheader .capture-text[b-j7m6ee53s3] {
    flex-basis: 100%;
    margin-top: 2px;
    font-size: 12px;
    color: #6b7280;
}

.audit-entity-subheader .capture-empty[b-j7m6ee53s3] {
    color: #6b7280;
}

.audit-changes[b-j7m6ee53s3] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 10px;
    font-size: 13px;
}

.audit-changes th[b-j7m6ee53s3],
.audit-changes td[b-j7m6ee53s3] {
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.audit-changes th[b-j7m6ee53s3] {
    color: #6b7280;
    font-weight: 600;
}

.audit-changes .field[b-j7m6ee53s3],
.audit-changes th:first-child[b-j7m6ee53s3] {
    font-weight: 500;
    width: 24%;
}

.audit-changes .previous[b-j7m6ee53s3],
.audit-changes .current[b-j7m6ee53s3],
.audit-changes th:nth-child(2)[b-j7m6ee53s3],
.audit-changes th:nth-child(3)[b-j7m6ee53s3] {
    width: 38%;
}

.audit-changes tr.added .current[b-j7m6ee53s3] {
    color: #137333;
    font-weight: 500;
}

.audit-changes tr.removed .previous[b-j7m6ee53s3] {
    color: #c5221f;
    font-weight: 500;
    text-decoration: line-through;
}

.audit-changes tr.modified .previous[b-j7m6ee53s3] {
    color: #c5221f;
    text-decoration: line-through;
}

.audit-changes tr.modified .current[b-j7m6ee53s3] {
    color: #137333;
    font-weight: 500;
}

.audit-changes td.empty[b-j7m6ee53s3] {
    color: #6b7280;
    font-weight: 400;
    text-decoration: none;
}

.audit-log-error-inline[b-j7m6ee53s3] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #c5221f;
}

.audit-log-load-more[b-j7m6ee53s3] {
    display: flex;
    justify-content: center;
}
/* /Components/Common/AuditLog/RulesAuditContent.razor.rz.scp.css */
.audit-log[b-g63gkhbs3r] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 60vh;
    overflow-y: auto;
}

.audit-log-state[b-g63gkhbs3r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 0;
    color: #6b7280;
}

.audit-timeline[b-g63gkhbs3r] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.audit-entry[b-g63gkhbs3r] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    max-width: 100%;
    /* Flex item of .audit-log — without this a wide nested-condition tree could stretch the card past the dialog. */
    min-width: 0;
}

.audit-entry-header[b-g63gkhbs3r] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-badge[b-g63gkhbs3r] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    background: #f3f4f6;
}

.audit-badge.created[b-g63gkhbs3r] {
    background: #e6f4ea;
    color: #137333;
}

.audit-badge.updated[b-g63gkhbs3r] {
    background: #e8f0fe;
    color: #0b57d0;
}

.audit-badge.deleted[b-g63gkhbs3r] {
    background: #fce8e6;
    color: #c5221f;
}

.audit-user[b-g63gkhbs3r] {
    font-weight: 600;
}

.audit-time[b-g63gkhbs3r] {
    margin-left: auto;
    color: #6b7280;
    font-size: 12px;
}

.rule-changes[b-g63gkhbs3r] {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rule-change[b-g63gkhbs3r] {
    border-left: 3px solid #e5e7eb;
    padding: 4px 0 4px 12px;
    /* Deeply nested condition trees (20px indent per level) can exceed the card width — scroll the whole change row
       so Before/After stay aligned and the coloured kind-border stays fixed at the scroll edge. min-width:0 keeps the
       row (a flex item of .rule-changes) from stretching the card instead of scrolling. */
    overflow-x: auto;
    min-width: 0;
}

.rule-change.added[b-g63gkhbs3r] {
    border-left-color: #137333;
}

.rule-change.removed[b-g63gkhbs3r] {
    border-left-color: #c5221f;
}

.rule-change.modified[b-g63gkhbs3r] {
    border-left-color: #b06000;
}

.rule-change-head[b-g63gkhbs3r] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rule-change-head .change-kind[b-g63gkhbs3r] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 1px 8px;
    border-radius: 10px;
    background: #f3f4f6;
    color: #4b5563;
}

.rule-change.added .change-kind[b-g63gkhbs3r] {
    background: #e6f4ea;
    color: #137333;
}

.rule-change.removed .change-kind[b-g63gkhbs3r] {
    background: #fce8e6;
    color: #c5221f;
}

.rule-change.modified .change-kind[b-g63gkhbs3r] {
    background: #fef7e0;
    color: #8a5000;
}

.rule-change-head .script-label[b-g63gkhbs3r] {
    font-size: 12px;
    color: #6b7280;
}

.sentence[b-g63gkhbs3r] {
    margin-top: 4px;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 6px;
    font-size: 13px;
    width: max-content;
}

.sentence .sentence-label[b-g63gkhbs3r] {
    font-weight: 600;
    color: #6b7280;
}

.rule-change.removed .sentence.previous[b-g63gkhbs3r],
.rule-change.modified .sentence.previous[b-g63gkhbs3r] {
    opacity: 0.7;
}

.audit-log-error-inline[b-g63gkhbs3r] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #c5221f;
}

.audit-log-load-more[b-g63gkhbs3r] {
    display: flex;
    justify-content: center;
}
/* /Components/Common/AuditLog/RuleSentence.razor.rz.scp.css */
/* No wrapping: a sentence stays on one line and overflows to the horizontal scroll on its container (.rule-change).
   Children never shrink, so blocks keep their natural width and drive the scroll. */
.rule-sentence[b-q55hhlvdj2] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px 8px;
    font-size: 13px;
    line-height: 1.4;
}

/* Nothing inside a sentence shrinks — every block keeps its natural width so the row overflows to the horizontal
   scroll on its container (.rule-change) instead of squashing. */
.rule-sentence[b-q55hhlvdj2],
.rule-sentence *[b-q55hhlvdj2] {
    flex-shrink: 0;
}

.kw[b-q55hhlvdj2] {
    color: #6b7280;
}

/* D16: the fixed owner subject ("this question" / "this question template") — reads as prose, not a boxed entity. */
.subject[b-q55hhlvdj2] {
    font-weight: 600;
    color: #374151;
}

/* D17: leading "In [group]" scope clause for a Group-scoped block. */
.scope-prefix[b-q55hhlvdj2] {
    display: inline-flex;
    align-items: center;
    gap: 6px 8px;
}

.ent-operator[b-q55hhlvdj2] {
    font-weight: 700;
    color: #1f2937;
}

/* Nested complex conditions: a column with the operator between children (as the live condition editor stacks them).
   Each And/Or group brackets its children with a left guide-rail; nested groups stack rails, so depth is readable. */
.cond-tree[b-q55hhlvdj2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    border-left: 2px solid #e5e7eb;
    padding-left: 12px;
}

.cond-node[b-q55hhlvdj2] {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px 8px;
}

.cond-connector .ent-operator[b-q55hhlvdj2] {
    font-weight: 700;
    color: #1f2937;
}

.entity[b-q55hhlvdj2] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    padding: 2px 8px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #f9fafb;
}

.entity .ent-type[b-q55hhlvdj2] {
    font-weight: 600;
    color: #374151;
    flex-shrink: 0;
}

/* Variable name: match the system's .var-name — bold, default text colour, ellipsised at 100px. */
.entity .ent-var[b-q55hhlvdj2] {
    font-weight: 600;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.entity .ent-code[b-q55hhlvdj2] {
    color: #6b7280;
    font-size: 12px;
}

.entity .ent-text[b-q55hhlvdj2] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: italic;
    color: #1f2937;
}

.ent-value[b-q55hhlvdj2] {
    font-weight: 600;
    color: #137333;
}

.ent-unknown[b-q55hhlvdj2] {
    font-weight: 600;
    font-style: italic;
    color: #c5221f;
}

.answer-list[b-q55hhlvdj2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

/* Randomization exclusions: grouped by entity type (answers apart from topics), each a height-bounded scroll region.
   The cap is scoped to .exclude-group so the shared .answer-list (e.g. "is one of" lists) stays uncapped. */
.exclude-group[b-q55hhlvdj2] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.exclude-group .answer-list[b-q55hhlvdj2] {
    max-height: 150px;
    overflow-y: auto;
}
/* /Components/Common/Breadcrumbs.razor.rz.scp.css */
.breadcrumbs-list[b-tewu8won9w] {
    display: flex;
    align-items: center;
    
}

.item[b-tewu8won9w] {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 0 10px;
}

.item:first-child[b-tewu8won9w] {
    padding-left: 0;
}

.item:last-child[b-tewu8won9w] {
    padding-right: 0;
}

.item a[b-tewu8won9w], .item span[b-tewu8won9w] {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: var(--qdt-grey);
    
}

.item:not(:last-child) a[b-tewu8won9w], .item:not(:last-child) span[b-tewu8won9w] {
    max-width: 92px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.item .ti[b-tewu8won9w] {
    font-size: 12px;
    color: var(--qdt-grey);
}
/* /Components/Common/Buttons/Button.razor.rz.scp.css */
.button[b-n6gth5ci0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    border-radius: 8px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.button .ti[b-n6gth5ci0c] {
    font-size: 20px;
}

/* Medium size styles ↓ */

.medium[b-n6gth5ci0c] {
    padding: 9px;
}

/* Medium size styles ↑ */

/* Small size styles ↓ */
.small[b-n6gth5ci0c] {
    padding: 1px 9px;
}

/* Small size styles ↑ */

/* Primary styles ↓ */
.primary[b-n6gth5ci0c] {
    background-color: var(--qdt-dark-green);
    border: 1px solid var(--qdt-dark-green);
    color: var(--white);
}

.primary:not(.disabled):hover[b-n6gth5ci0c] {
    background-color: #4C7E06;
    border: 1px solid #4C7E06;
}

.primary:not(.disabled):active[b-n6gth5ci0c],
.primary:not(.disabled):focus[b-n6gth5ci0c] {
    background-color: #3F650A;
    border: 1px solid #335407;
}

.primary.disabled[b-n6gth5ci0c] {
    background-color: #BEBEBE;
    border: 1px solid #BEBEBE;
}

/* Primary styles ↑ */

/* Secondary styles ↓ */
.secondary[b-n6gth5ci0c] {
    padding: 9px;
    background-color: var(--qdt-white);
    border: 1px solid #CCCCCC;
    color: var(--qdt-grey-button);
}

.secondary:not(.disabled):hover[b-n6gth5ci0c] {
    background-color: #EBEBEB;
    border-color: #AAAAAA;
}

.secondary:not(.disabled):active[b-n6gth5ci0c],
.secondary:not(.disabled):focus[b-n6gth5ci0c] {
    background-color: #EBEAEA;
    border: 1px solid var(--qdt-grey-button);
}

.secondary.disabled[b-n6gth5ci0c] {
    color: #BEBEBE;
    border: 1px solid #CCCCCC;
}

/* Secondary styles ↑ */

/* Wave styles ↓ */
.wave[b-n6gth5ci0c] {
    padding: 9px;
    background-color: #1E98EE;
    border: 1px solid #1E98EE;
    color: var(--qdt-white);
}

.wave:not(.disabled):hover[b-n6gth5ci0c] {
    background-color: #028CED;
    border: 1px solid #028CED;
}

.wave:not(.disabled):active[b-n6gth5ci0c],
.wave:not(.disabled):focus[b-n6gth5ci0c] {
    background-color: #007DD5;
    border: 1px solid #007DD5;
}

.wave.disabled[b-n6gth5ci0c] {
    color: #BEBEBE;
    border: 1px solid #CCCCCC;
}

/* Wave styles ↑ */

/* Warning styles ↓ */

.warning[b-n6gth5ci0c] {
    background-color: var(--qdt-yellow);
    border: 1px solid var(--qdt-yellow);
    color: var(--qdt-white);
}

.warning:not(.disabled):hover[b-n6gth5ci0c] {
    background-color: #E6C025;
    border: 1px solid #E6C025;
}

.warning:not(.disabled):active[b-n6gth5ci0c],
.warning:not(.disabled):focus[b-n6gth5ci0c] {
    background-color: #E6C025;
    border: 1px solid #DAAF00;
}

.warning.disabled[b-n6gth5ci0c] {
    background-color: #BEBEBE;
    border: 1px solid #BEBEBE;
}

/* Warning styles ↑ */

/* Danger styles ↓ */

.danger[b-n6gth5ci0c] {
    background-color: var(--qdt-red);
    border: 1px solid var(--qdt-red);
    color: var(--qdt-white);
}

.danger:not(.disabled):hover[b-n6gth5ci0c] {
    background-color: #C94F4F;
    border: 1px solid #C94F4F;
}

.danger:not(.disabled):active[b-n6gth5ci0c],
.danger:not(.disabled):focus[b-n6gth5ci0c] {
    background-color: #B04040;
    border: 1px solid #B04040;
}

.danger.disabled[b-n6gth5ci0c] {
    background-color: #BEBEBE;
    border: 1px solid #BEBEBE;
}

/* Danger styles ↑ */

/* Ghost styles ↓ */
.ghost[b-n6gth5ci0c] {
    padding: 2px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.ghost:not(.disabled):hover[b-n6gth5ci0c] {
    background-color: #F2F2F2;
}

.ghost:not(.disabled):active[b-n6gth5ci0c],
.ghost:not(.disabled):focus[b-n6gth5ci0c] {
    color: #4C7E06;
}

.ghost.disabled[b-n6gth5ci0c] {
    color: #BEBEBE;
}

/* Ghost styles ↑ */

/* Link styles ↓ */

.link[b-n6gth5ci0c] {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-dark-green)
}

.link:not(.disabled):hover[b-n6gth5ci0c] {
    text-decoration: underline;
}

.link:not(.disabled):active[b-n6gth5ci0c],
.link:not(.disabled):focus[b-n6gth5ci0c] {
    color: #4C7E06;
}

.link.disabled[b-n6gth5ci0c] {
    color: #BEBEBE;
}

/* Link styles ↑ */
/* /Components/Common/Buttons/IconButton.razor.rz.scp.css */
.icon-btn[b-6qrszjfq0j] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
}

.icon-btn:focus[b-6qrszjfq0j],
.icon-btn:focus-visible[b-6qrszjfq0j] {
    outline: 2px solid var(--qdt-stroke-grey);
    outline-offset: 2px;
}

/* Medium styles ↓ */
.medium[b-6qrszjfq0j] {
    width: 24px;
    height: 24px;
    font-size: 20px;
}

/* Medium styles ↑ */

/* Small styles ↓ */
.small[b-6qrszjfq0j] {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

/* Small styles ↑ */

/* Default styles ↓ */
.default[b-6qrszjfq0j] {
    color: #808386;
}

.default:not(.disabled):hover[b-6qrszjfq0j] {
    background-color: #F2F2F2;
}

.default:not(.disabled):active[b-6qrszjfq0j] {
    color: #49515A;
}

/* Default styles ↑ */

/* Primary styles ↓ */
.primary[b-6qrszjfq0j] {
    color: var(--qdt-dark-green);
}

.primary:not(.disabled):hover[b-6qrszjfq0j] {
    background-color: #F2F2F2;
    color: #4C7E06;
}

.primary:not(.disabled):active[b-6qrszjfq0j] {
    background-color: #F2F2F2;
    color: #335407;
}

/* Primary styles ↑ */

/* Danger styles ↓ */
.danger[b-6qrszjfq0j] {
    color: #FF6C68;
}

.danger:not(.disabled):hover[b-6qrszjfq0j] {
    background-color: var(--qdt-white);
    color: #F34F4A;
}

.danger:not(.disabled):active[b-6qrszjfq0j] {
    background-color: var(--qdt-white);
    color: #D5322D;
}

/* Danger styles ↑ */

/* See DropdownButton: a disabled button swallows the click, which stops ancestors that listen for it - such as the
   question editor's locked-question warning - from ever seeing it. */
.icon-btn.disabled[b-6qrszjfq0j] {
    opacity: 0.8;
    pointer-events: none;
}
/* /Components/Common/Chip.razor.rz.scp.css */
.chip[b-uorr5g76ap] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 1px 5px;
    border-radius: 4px;
}

.content[b-uorr5g76ap] {
    max-width: 120px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.remove-btn[b-uorr5g76ap] {
    display: grid;
    place-items: center;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}

    .remove-btn:hover i[b-uorr5g76ap] {
        font-weight: 600;
    }

.primary[b-uorr5g76ap] {
    background-color: #EBF6FF;
    border: 1px solid #EBF6FF;
}

    .primary[b-uorr5g76ap], .primary .remove-btn i[b-uorr5g76ap] {
        color: var(--qdt-light-blue);
    }

.primary-outline[b-uorr5g76ap] {
    background-color: transparent;
    border: 1px solid var(--qdt-light-blue);
}

    .primary-outline[b-uorr5g76ap], .primary-outline .remove-btn i[b-uorr5g76ap] {
        color: var(--qdt-light-blue);
    }

.success[b-uorr5g76ap] {
    background-color: var(--qdt-dark-green);
    border: 1px solid var(--qdt-dark-green);
    color: var(--qdt-white)
}

    .success[b-uorr5g76ap], .success .remove-btn i[b-uorr5g76ap] {
        color: var(--qdt-white);
    }

.danger[b-uorr5g76ap] {
    background-color: #FEB6B6;
    border: 1px solid #FEB6B6;
    color: var(--qdt-white);
}

    .danger[b-uorr5g76ap], .danger .remove-btn i[b-uorr5g76ap] {
        color: var(--qdt-red);
    }

.disabled[b-uorr5g76ap] {
    background-color: #D9D9D9;
    border: 1px solid #D9D9D9;
    color: var(--qdt-white);
}

.reordered[b-uorr5g76ap] {
    background-color: #D9D9D9;
    border: 1px solid #D9D9D9;
    color: var(--qdt-white);
}
/* /Components/Common/CodeEditor/CodeEditor.razor.rz.scp.css */
.code-editor[b-c3c1tmxrnw] {
    border: 1px solid var(--border-color, #d5d7da);
    border-radius: 4px;
    overflow: hidden;
}

.code-editor[b-c3c1tmxrnw]  .cm-editor {
    min-height: 96px;
    max-height: 200px;
    font-size: 13px;
}

.code-editor[b-c3c1tmxrnw]  .cm-scroller {
    overflow: auto;
    font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.code-editor-readonly[b-c3c1tmxrnw] {
    border-color: var(--qdt-stroke-grey, #e4e7eb);
}

.code-editor-readonly[b-c3c1tmxrnw]  .cm-editor {
    background: var(--disabled-bg, #f5f5f5);
    color: var(--qdt-grey, #6c757d);
    cursor: not-allowed;
}

.code-editor-readonly[b-c3c1tmxrnw]  .cm-cursor {
    display: none;
}
/* /Components/Common/CodeEditor/ExpressionPropertiesEditor.razor.rz.scp.css */
.expression-properties-editor[b-aeid662i3p] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.expression-field[b-aeid662i3p] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.expression-flags[b-aeid662i3p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.expression-flags .flag[b-aeid662i3p] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* Read-only: mute labels/flags and disable interaction cues so it visibly
   differs from the editable state (the CodeMirror surface is dimmed by
   .code-editor-readonly in CodeEditor.razor.css). */
.expression-properties-editor.readonly label[b-aeid662i3p],
.expression-properties-editor.readonly .expression-flags .flag span[b-aeid662i3p] {
    color: var(--qdt-grey, #6c757d);
}

.expression-properties-editor.readonly .expression-flags .flag[b-aeid662i3p] {
    cursor: not-allowed;
}
/* /Components/Common/ConfirmDialog.razor.rz.scp.css */
body[b-yewd9icyxe] {
}
/* /Components/Common/Dialog/QdtDialog.razor.rz.scp.css */
.qdt-dialog-wrapper[b-uzb0agocrz] {
    position: fixed;
    inset: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qdt-dialog-overlay[b-uzb0agocrz] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.qdt-dialog[b-uzb0agocrz] {
    position: relative;
    z-index: 1;
    background: var(--qdt-white);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 90vh;
}

.qdt-dialog-header[b-uzb0agocrz] {
    padding: 18px 16px;
    background-color: var(--qdt-white);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    display: flex;
    align-items: center;
    gap: 8px;
}

.qdt-dialog-title[b-uzb0agocrz] {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-black);
}

.qdt-dialog-body[b-uzb0agocrz] {
    padding: 21px 16px 32px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.qdt-dialog-footer[b-uzb0agocrz] {
    display: flex;
    gap: 16px;
    padding: 0 16px 32px;
    justify-content: flex-end;
    flex-shrink: 0;
}
/* /Components/Common/Dropdowns/DropdownButton.razor.rz.scp.css */
.dropdown-button-container[b-a07uy2is1r] {
    position: relative;
    z-index: 10;
}

.dropdown-label[b-a07uy2is1r] {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-black);
}

.disabled .dropdown-label[b-a07uy2is1r] {
    opacity: 0.5;
}

button[b-a07uy2is1r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 16px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 20px;
    transition: all 0.3s;
}

.actions[b-a07uy2is1r] {
    display: flex;
    align-items: center;
}

.delete[b-a07uy2is1r] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
}

.delete:hover[b-a07uy2is1r] {
    opacity: 1;
}

.arrow[b-a07uy2is1r] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 5px;
    transition: all 0.3s;
}

.arrow i[b-a07uy2is1r] {
    transition: all 0.3s;
}

.dropdown-list[b-a07uy2is1r] {
    width: 100%;
    border-radius: 4px;
    background-color: var(--qdt-white);
    box-shadow: 0 4px 4px 0 #00000040;
    overflow: hidden;
}

.dropdown-list-inner[b-a07uy2is1r] {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.opening .dropdown-list[b-a07uy2is1r] {
    animation: showDropdown 0.5s ease-in-out;
}

.search-container[b-a07uy2is1r] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 12px 6px 12px;
}

.search-container[b-a07uy2is1r]  .search-box {
    width: 100%;
}

/* Base styles */
.base button[b-a07uy2is1r] {
    padding: 1px 0 1px 6px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    color: var(--qdt-grey);
}

.base button:hover[b-a07uy2is1r] {
    border: 1px solid var(--qdt-light-grey);
}

.base button:active[b-a07uy2is1r] {
    border: 1px solid var(--qdt-grey);
}

.base button .arrow[b-a07uy2is1r] {
    color: var(--qdt-black);
}

/* Primary styles */
.primary button[b-a07uy2is1r] {
    padding: 0 0 0 16px;
    background-color: var(--qdt-dark-green);
    border: none;
    color: var(--qdt-white);
}

.primary .arrow[b-a07uy2is1r] {
    border-left: 1px solid var(--qdt-stroke-green);
}

.primary button:hover[b-a07uy2is1r] {
    background-color: #4F8604;
}

.primary button:active[b-a07uy2is1r] {
    background-color: #487707;
}

/* PrimaryOutline styles */
.primary-outline button[b-a07uy2is1r] {
    padding: 0 0 0 16px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-dark-green);
    color: var(--qdt-dark-green);
}

.opening .arrow i[b-a07uy2is1r], .opened .arrow i[b-a07uy2is1r] {
    transform: rotate(180deg);
}

.closing .arrow i[b-a07uy2is1r], .arrow i[b-a07uy2is1r] {
    transform: rotate(0deg);
}

/* A disabled <button> fires no click event at all, so the click never reaches the ancestor that handles it - the
   question editor relies on it to show the "linked to the question bank" warning. Letting the pointer through hands
   the event to the container instead, which is how the disabled TextBox and the Telerik inputs already behave. */
.disabled button[b-a07uy2is1r], .disabled button:hover[b-a07uy2is1r], .disabled button:active[b-a07uy2is1r] {
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}

/* /Components/Common/Dropdowns/DropdownListOption.razor.rz.scp.css */
.dropdown-list-option[b-wy7e0ku79r] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    padding: 7px 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: var(--qdt-grey);
    cursor: pointer;
}

.dropdown-list-option[b-wy7e0ku79r]  i {
    font-size: 18px;
    color: var(--qdt-grey-button);
}

.dropdown-list-option:hover[b-wy7e0ku79r] {
    background-color: #F2F9FF;
}

.dropdown-list-option:active[b-wy7e0ku79r] {
    background-color: #CEE6FA;
}

.dropdown-list-option.disabled[b-wy7e0ku79r] {
    cursor: not-allowed;
    opacity: 0.6;
}

.dropdown-list-option.disabled:hover[b-wy7e0ku79r],
.dropdown-list-option.disabled:active[b-wy7e0ku79r] {
    background-color: transparent;
}
/* /Components/Common/Dropdowns/SplitButton.razor.rz.scp.css */
.dropdown-button-container[b-ehjrxnlmey] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    height: 100%;
}

.main-btn[b-ehjrxnlmey] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 16px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 15px;
    line-height: 20px;
    transition: all 0.3s;
}

.arrow-btn[b-ehjrxnlmey] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 5px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.3s;
    line-height: 20px;
}

.main-btn:disabled[b-ehjrxnlmey],
.arrow-btn:disabled[b-ehjrxnlmey] {
    cursor: not-allowed;
}

.arrow i[b-ehjrxnlmey] {
    transition: all 0.3s;
}

.dropdown-list[b-ehjrxnlmey] {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 1px 2px 0 #00000040;
    overflow: hidden;
}

.dropdown-list-inner[b-ehjrxnlmey] {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.opening .dropdown-list[b-ehjrxnlmey] {
    animation: showDropdown 0.5s ease-in-out;
}

.search-container[b-ehjrxnlmey] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 12px 6px 12px;
}

.search-container[b-ehjrxnlmey]  .search-box {
    width: 100%;
}

/* Primary styles */
.primary .main-btn[b-ehjrxnlmey], .primary .arrow-btn[b-ehjrxnlmey] {
    background-color: var(--qdt-dark-green);
    border: none;
    color: var(--qdt-white);
}

.primary .arrow-btn[b-ehjrxnlmey] {
    border-left: 1px solid var(--qdt-stroke-green);
}

.primary .main-btn:hover[b-ehjrxnlmey], .primary .arrow-btn:hover[b-ehjrxnlmey] {
    background-color: #4F8604;
}

.primary .main-btn:active[b-ehjrxnlmey], .primary .arrow-btn:active[b-ehjrxnlmey] {
    background-color: #487707;
}

.primary .main-btn:disabled[b-ehjrxnlmey], .primary .arrow-btn:disabled[b-ehjrxnlmey] {
    background-color: var(--qdt-disable);
    border: none;
    color: var(--qdt-white);
}

.dropdown-list.primary[b-ehjrxnlmey] {
    background-color: var(--qdt-beige);
    border: 1px solid var(--qdt-stroke-grey);
    border-bottom: none;
}

.dropdown-list.primary[b-ehjrxnlmey]  .dropdown-list-option {
    color: var(--qdt-black);
}

.dropdown-list.primary[b-ehjrxnlmey]  .dropdown-list-option:hover {
    background-color: var(--qdt-stroke-grey);
}

.dropdown-list.primary[b-ehjrxnlmey]  .dropdown-list-option:active {
    box-shadow: inset 0 0 4px 0 #00000040;
}


/* Primary-Outline styles */

.primary-outline .main-btn[b-ehjrxnlmey], .primary-outline .arrow-btn[b-ehjrxnlmey] {
    background-color: transparent;
    border: 1px solid var(--qdt-dark-green);
    color: var(--qdt-dark-green);
}

.primary-outline .arrow-btn[b-ehjrxnlmey] {
    border-left: none;
}

.primary-outline .main-btn:disabled[b-ehjrxnlmey], .primary-outline .arrow-btn:disabled[b-ehjrxnlmey] {
    background-color: var(--qdt-white);
    border-color: var(--qdt-disable);
    color: var(--qdt-disable);
}

.dropdown-list.primary-outline[b-ehjrxnlmey] {
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-dark-green);
    border-radius: 4px;
}

.dropdown-list.primary-outline[b-ehjrxnlmey]  .dropdown-list-option {
    justify-content: flex-start;
    padding: 1px 3px;
    border-bottom: 1px solid var(--qdt-dark-green);
    color: var(--qdt-dark-green);
    line-height: 18px;
}

.dropdown-list.primary-outline[b-ehjrxnlmey]  .dropdown-list-option:last-child {
    border-bottom: none;
}

.dropdown-list.primary-outline[b-ehjrxnlmey]  .dropdown-list-option:hover {
    background-color: var(--qdt-stroke-grey);
}

.dropdown-list.primary-outline[b-ehjrxnlmey]  .dropdown-list-option:active {
    box-shadow: inset 0 0 4px 0 #00000040;
}
/* /Components/Common/ExpandableBreadcrumbs.razor.rz.scp.css */
.expandable-breadcrumbs[b-on4g8vowbs] {
    display: flex;
    color: var(--qdt-light-grey);
    font-size: 15px;
    margin-bottom: 4px;
    align-items: center;
    max-width: 100%;
    flex-wrap: wrap;
}

    .expandable-breadcrumbs a[b-on4g8vowbs] {
        text-decoration: none;
        display: inline-block;
        max-width: 15%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--qdt-light-grey);
        
    }

        .expandable-breadcrumbs a.expanded[b-on4g8vowbs] {
            max-width: unset;
            overflow: unset;
        }

        .ti[b-on4g8vowbs] {
            margin: 0 4px 2px;
            align-self: end;
        }

.hidden-items[b-on4g8vowbs] {
    margin-right: 4px;
    padding: 0 8px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent;
   
}

    .hidden-items:hover[b-on4g8vowbs] {
        background-color: var(--qdt-light-beige);
    }
/* /Components/Common/Form/DateInput.razor.rz.scp.css */
.date-input-container[b-0j2fr7lzup] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.label[b-0j2fr7lzup] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 20px;
}

.asterisk[b-0j2fr7lzup] {
    color: var(--qdt-red);
}

.date-input[b-0j2fr7lzup] {
    position: relative;
    display: flex;
    width: 100%;
}

    .date-input input[b-0j2fr7lzup] {
        width: 100%;
        outline: none;
        color: #000;
        font-size: 12px;
    }

    /* Primary styles ↓ */
    .date-input:not(.disabled).primary[b-0j2fr7lzup] {
        padding: 1px;
    }

    .date-input.primary input[b-0j2fr7lzup] {
        padding: 6px;
        border: 1px solid var(--qdt-stroke-grey);
        border-radius: 8px;
    }

    .date-input.primary:not(.invalid) input:hover[b-0j2fr7lzup] {
        box-shadow: 0 0 0 1px #E9F8D2;
    }

    .date-input.primary:not(.invalid) input:active[b-0j2fr7lzup],
    .date-input.primary:not(.invalid) input:focus[b-0j2fr7lzup] {
        box-shadow: 0 0 0 1px var(--qdt-stroke-green);
    }

    .date-input.primary.invalid input[b-0j2fr7lzup] {
        box-shadow: 0 0 0 1px var(--qdt-red);
    }
    /* Primary styles ↑ */

    /* Neutral styles */
    .date-input.neutral input[b-0j2fr7lzup] {
        padding: 0;
        margin: 0;
        outline: none;
        border: none;
        border-bottom: 1px solid transparent;
    }

        .date-input.neutral input:hover[b-0j2fr7lzup],
        .date-input.neutral input:active[b-0j2fr7lzup],
        .date-input.neutral input:focus[b-0j2fr7lzup] {
            outline: none;
            border: none;
            border-bottom: 1px solid transparent;
        }

    .date-input.neutral.invalid input[b-0j2fr7lzup] {
        border-bottom: 1px solid var(--qdt-red);
    }

    /* Neutral styles ↑ */


    .date-input.disabled[b-0j2fr7lzup] {
        opacity: 0.8;
        pointer-events: none;
    }
/* /Components/Common/Form/DropdownMultiSelect.razor.rz.scp.css */
.dropdown-multiselect-container[b-11tmbmombc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.label[b-11tmbmombc] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 20px;
}

.asterisk[b-11tmbmombc] {
    color: var(--qdt-red);
}

.dropdown-multiselect-container:has(.primary)[b-11tmbmombc] {
    padding: 1px;
}

.dropdown-multiselect[b-11tmbmombc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    width: 100%;
    cursor: pointer;
}

.values-container[b-11tmbmombc] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

.values[b-11tmbmombc] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 10px;
    row-gap: 4px;
}

.values .value-item[b-11tmbmombc] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 1px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
}

.values .value-text[b-11tmbmombc] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
}

.value-placeholder[b-11tmbmombc] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-grey);
}

.icon[b-11tmbmombc] {
    font-size: 20px;
    color: #808386;
}

.dropdown-multiselect-panel[b-11tmbmombc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 #00000040;
    z-index: 10;
}

.search-container[b-11tmbmombc] {
    padding: 8px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

.dropdown-multiselect-options[b-11tmbmombc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 250px;
}

.dropdown-multiselect-option-item[b-11tmbmombc] {
    display: flex;
    align-items: center;
    padding: 9px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    font-size: 12px;
    font-weight: 400;
    color: var(--qdt-black);
    cursor: pointer;
}

.dropdown-multiselect-option-item:hover[b-11tmbmombc] {
    background-color: #F2F9FF;
}

.dropdown-multiselect-option-item.selected[b-11tmbmombc],
.dropdown-multiselect-option-item:active[b-11tmbmombc] {
    background-color: #E9F8D2;
}

.dropdown-multiselect-option-item.disabled[b-11tmbmombc] {
    background-color: inherit;
    color: var(--qdt-black);
    opacity: 0.8;
    cursor: not-allowed;
    pointer-events: none;
}

.dropdown-multiselect-option-item.phantom[b-11tmbmombc] {
    border: 1px solid var(--qdt-red);
    color: var(--qdt-red);
    cursor: pointer;
}

.dropdown-multiselect-option-item.phantom.selected[b-11tmbmombc] {
    background-color: #FFE9E9;
}

.dropdown-multiselect.disabled[b-11tmbmombc] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Primary styles ↓ */
.dropdown-multiselect.primary[b-11tmbmombc] {
    padding: 6px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}

.dropdown-multiselect.primary:not(.invalid):hover[b-11tmbmombc],
.dropdown-multiselect.primary:not(.invalid):focus[b-11tmbmombc] {
    box-shadow: 0 0 0 1px #E9F8D2;
}

.dropdown-multiselect.primary.invalid[b-11tmbmombc] {
    box-shadow: 0 0 0 1px var(--qdt-red);
}

/* Primary styles ↑ */

/* Neutral styles ↓ */
.dropdown-multiselect.neutral[b-11tmbmombc] {
    border-bottom: 1px solid transparent;
}

.dropdown-multiselect.neutral.invalid[b-11tmbmombc] {
    border-bottom: 1px solid var(--qdt-red);
}

/* Neutral styles ↑ */

.empty-options[b-11tmbmombc] {
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey);
}
/* /Components/Common/Form/DropdownSelect.razor.rz.scp.css */
.dropdown-select-container[b-0dm2hwciur] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.label[b-0dm2hwciur] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 20px;
}

.asterisk[b-0dm2hwciur] {
    color: var(--qdt-red);
}

.dropdown-select-container:has(.primary)[b-0dm2hwciur] {
    padding: 1px;
}

.dropdown-select[b-0dm2hwciur] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
    cursor: pointer;
}

.dropdown-select.disabled[b-0dm2hwciur] {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

input[b-0dm2hwciur] {
    flex: 1;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-black);
}

input[b-0dm2hwciur]::placeholder {
    color: var(--qdt-grey);
}

.icon[b-0dm2hwciur] {
    font-size: 20px;
    color: #808386;
}

.popover-content[b-0dm2hwciur] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    gap: 4px;
    overflow: hidden;
}

.popover-content .search-container[b-0dm2hwciur] {
    padding: 5px 9px;
}

.dropdown-select-options[b-0dm2hwciur],
.dropdown-select-options-empty[b-0dm2hwciur]
{
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 #00000040;
    max-height: 250px;
}

.dropdown-select-options-empty[b-0dm2hwciur] {
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 12px;
    font-weight: 400;
    color: var(--qdt-grey);
}

.dropdown-select-option-item[b-0dm2hwciur] {
    display: flex;
    align-items: center;
    padding: 9px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    font-size: 12px;
    font-weight: 400;
    color: var(--qdt-black);
    cursor: pointer;
}

.dropdown-select-option-item:hover[b-0dm2hwciur] {
    background-color: #F2F9FF;
}

.dropdown-select-option-item.selected[b-0dm2hwciur],
.dropdown-select-option-item:active[b-0dm2hwciur] {
    background-color: #E9F8D2;
}

.dropdown-select-option-item.disabled[b-0dm2hwciur] {
    background-color: inherit;
    color: var(--qdt-black);
    opacity: 0.8;
    cursor: not-allowed;
    pointer-events: none;
}

/* Primary styles ↓ */
.dropdown-select.primary[b-0dm2hwciur] {
    padding: 6px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}

.dropdown-select.primary:not(.invalid):hover[b-0dm2hwciur],
.dropdown-select.primary:not(.invalid):focus[b-0dm2hwciur] {
    box-shadow: 0 0 0 1px #E9F8D2;
}

.dropdown-select.primary.invalid[b-0dm2hwciur] {
    box-shadow: 0 0 0 1px var(--qdt-red);
}
/* Primary styles ↑ */

/* Neutral styles ↓ */
.dropdown-select.neutral[b-0dm2hwciur] {
    border-bottom: 1px solid transparent;
}

.dropdown-select.neutral.invalid[b-0dm2hwciur] {
    border-bottom: 1px solid var(--qdt-red);
}
/* Neutral styles ↑ */
/* /Components/Common/Form/NumericBox.razor.rz.scp.css */
.numericbox-container[b-2s7ap0nhcb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.label[b-2s7ap0nhcb] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 20px;
}

.asterisk[b-2s7ap0nhcb] {
    color: var(--qdt-red);
}

.numericbox[b-2s7ap0nhcb] {
    position: relative;
    display: flex;
    width: 100%;
}

.numericbox input[b-2s7ap0nhcb] {
    width: 100%;
    outline: none;
    color: #000;
    font-size: 12px;
    padding: 9px 6px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    -moz-appearance: textfield;
    appearance: textfield;
}

.numericbox input[b-2s7ap0nhcb]::-webkit-outer-spin-button,
.numericbox input[b-2s7ap0nhcb]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.numericbox:not(.disabled) input:hover[b-2s7ap0nhcb] {
    box-shadow: 0 0 0 1px #E9F8D2;
}

.numericbox:not(.disabled) input:active[b-2s7ap0nhcb],
.numericbox:not(.disabled) input:focus[b-2s7ap0nhcb] {
    box-shadow: 0 0 0 1px var(--qdt-stroke-green);
}

.numericbox.disabled input[b-2s7ap0nhcb] {
    border: 1px solid var(--qdt-stroke-grey);
    box-shadow: none;
    opacity: 0.5;
    pointer-events: none;
}

.numericbox.invalid input[b-2s7ap0nhcb],
.numericbox.invalid input:hover[b-2s7ap0nhcb],
.numericbox.invalid input:active[b-2s7ap0nhcb],
.numericbox.invalid input:focus[b-2s7ap0nhcb] {
    border-color: var(--qdt-red);
    box-shadow: 0 0 0 1px var(--qdt-red);
}
/* /Components/Common/Form/QdtInputText.razor.rz.scp.css */
.editor-holder[b-icdzvvqprl] {
    position: relative;
    border: none;
    width: 100%;
}


.editor-holder.hide-toolbar[b-icdzvvqprl]  .k-editor.telerik-blazor .k-toolbar {
    display: none;
}

.k-input[b-icdzvvqprl] {
    border-color: transparent;
    background-color: transparent;
}

.k-input-inner[b-icdzvvqprl] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    white-space: pre-wrap;
}


.popover[b-icdzvvqprl] {
    position: absolute;
    bottom: -10px;
    right: 25px;
    display: none;
    z-index: 1;
    background-color: var(--qdt-white);
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
}
.edit-button[b-icdzvvqprl] {
    color: var(--qdt-grey-button);
    font-size: 12px;
}

.editor-holder:hover .popover[b-icdzvvqprl], .popover:has(.dropdown-button-container.opened)[b-icdzvvqprl] {
    display: flex;
}

.empty-placeholder[b-icdzvvqprl] {
    color: var(--qdt-light-grey);
}

.pre-wrap[b-icdzvvqprl]  p {
    margin-bottom: 3px;
}

[b-icdzvvqprl] .k-editor-content p{
    margin-bottom:1px;
}

.editor-holder[b-icdzvvqprl]  .k-editor-content p {
    margin-bottom: 1px;
}

.editor-holder[b-icdzvvqprl]  .k-editor-content > .ProseMirror {
    padding-top: 3px;
    padding-bottom: 3px;
}
/* /Components/Common/Form/SearchBox.razor.rz.scp.css */
.search-box[b-vwckvqm86o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.search-input-container[b-vwckvqm86o] {
    position: relative;
    display: flex;
    padding: 1px;
}

.search-icon[b-vwckvqm86o] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    color: #BFBFBF;
}

[b-vwckvqm86o] .clear-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}

input[b-vwckvqm86o] {
    width: 100%;
    padding: 6px 6px 6px 38px;
    outline: none;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    color: #000;
    font-size: 12px;
}

.search-box.has-value input[b-vwckvqm86o] {
    padding-left: 38px;
}

input:hover:not([disabled])[b-vwckvqm86o] {
    box-shadow: 0 0 0 1px #E9F8D2;
}

input:active:not([disabled])[b-vwckvqm86o], input:focus:not([disabled])[b-vwckvqm86o] {
    box-shadow: 0 0 0 1px var(--qdt-stroke-green);
}

/* /Components/Common/Form/TextAreaBox.razor.rz.scp.css */
.textareabox-container[b-sa6qpopk4n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.label[b-sa6qpopk4n] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 20px;
}

.asterisk[b-sa6qpopk4n] {
    color: var(--qdt-red);
}

.textareabox[b-sa6qpopk4n] {
    position: relative;
    display: flex;
    width: 100%;
}

.textareabox textarea[b-sa6qpopk4n] {
    width: 100%;
    outline: none;
    color: #000;
    font-size: 12px;
    padding: 9px 6px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    resize: vertical;
    font-family: inherit;
}

.textareabox:not(.disabled) textarea:hover[b-sa6qpopk4n] {
    box-shadow: 0 0 0 1px #E9F8D2;
}

.textareabox:not(.disabled) textarea:active[b-sa6qpopk4n],
.textareabox:not(.disabled) textarea:focus[b-sa6qpopk4n] {
    box-shadow: 0 0 0 1px var(--qdt-stroke-green);
}

.textareabox.disabled textarea[b-sa6qpopk4n] {
    border: 1px solid var(--qdt-stroke-grey);
    box-shadow: none;
    opacity: 0.5;
    pointer-events: none;
}
/* /Components/Common/Form/TextBox.razor.rz.scp.css */
.textbox-container[b-7kak5hujlv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.label[b-7kak5hujlv] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 20px;
}
.asterisk[b-7kak5hujlv] {
    color: var(--qdt-red);
}

.textbox[b-7kak5hujlv] {
    position: relative;
    display: flex;
    width: 100%;
}

.textbox input[b-7kak5hujlv] {
    width: 100%;
    outline: none;
    color: #000;
    font-size: 12px;
}

/* Primary styles ↓ */
.textbox.primary input[b-7kak5hujlv] {
    padding: 9px 6px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}

.textbox.primary:not(.invalid, .disabled) input:hover[b-7kak5hujlv] {
    box-shadow: 0 0 0 1px #E9F8D2;
}

.textbox.primary:not(.invalid, .disabled) input:active[b-7kak5hujlv],
.textbox.primary:not(.invalid, .disabled) input:focus[b-7kak5hujlv] {
    box-shadow: 0 0 0 1px var(--qdt-stroke-green);
}

.textbox.primary.invalid input[b-7kak5hujlv] {
    box-shadow: 0 0 0 1px var(--qdt-red);
}

.textbox.primary.disabled input[b-7kak5hujlv] {
    border: 1px solid var(--qdt-stroke-grey);
    box-shadow: none;
    opacity: 0.5;
    pointer-events: none;
}

/* Primary styles ↑ */

/* Neutral styles */
.textbox.neutral input[b-7kak5hujlv] {
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid transparent;
}

.textbox.neutral input:hover[b-7kak5hujlv],
.textbox.neutral input:active[b-7kak5hujlv],
.textbox.neutral input:focus[b-7kak5hujlv] {
    outline: none;
    border: none;
    border-bottom: 1px solid transparent;
}

.textbox.neutral.invalid input[b-7kak5hujlv] {
    border-bottom: 1px solid var(--qdt-red);
}

.textbox.neutral.disabled input[b-7kak5hujlv] {
    border: none;
    opacity: 0.8;
    pointer-events: none;
}

/* Neutral styles ↑ */
/* /Components/Common/Loader.razor.rz.scp.css */
.loader[b-3fy2rh3mqq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.loader-spinner[b-3fy2rh3mqq] {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    border-style: solid;
    border-color: var(--qdt-stroke-grey);
    border-top-color: var(--qdt-dark-green);
    animation: qdt-loader-spin-b-3fy2rh3mqq 0.9s linear infinite;
}

.small .loader-spinner[b-3fy2rh3mqq] {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

.medium .loader-spinner[b-3fy2rh3mqq] {
    width: 24px;
    height: 24px;
    border-width: 3px;
}

.large .loader-spinner[b-3fy2rh3mqq] {
    width: 40px;
    height: 40px;
    border-width: 4px;
}

@keyframes qdt-loader-spin-b-3fy2rh3mqq {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Common/Pagination/Pagination.razor.rz.scp.css */
.qdt-pagination-wrapper[b-nic5xeheob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 12px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

.qdt-pagination[b-nic5xeheob] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
}

    .qdt-pagination .page-btn[b-nic5xeheob] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 8px;
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: transparent;
        color: var(--qdt-black);
        font-size: 13px;
        line-height: 1;
        cursor: pointer;
        user-select: none;
    }

        .qdt-pagination .page-btn:hover:not(:disabled):not(.active)[b-nic5xeheob] {
            background-color: var(--qdt-list-item-hover);
        }

        .qdt-pagination .page-btn.active[b-nic5xeheob] {
            background-color: var(--qdt-bg-green);
            color: var(--qdt-dark-green);
            border-color: var(--qdt-bg-green);
            font-weight: 600;
        }

        .qdt-pagination .page-btn.nav[b-nic5xeheob] {
            color: var(--qdt-grey);
        }

            .qdt-pagination .page-btn.nav i[b-nic5xeheob] {
                font-size: 14px;
            }

        .qdt-pagination .page-btn:disabled[b-nic5xeheob] {
            color: var(--qdt-light-grey);
            cursor: default;
        }

    .qdt-pagination .ellipsis[b-nic5xeheob] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        color: var(--qdt-grey);
        font-size: 13px;
        user-select: none;
    }

.qdt-pagination-wrapper .items-info[b-nic5xeheob] {
    font-size: 13px;
    color: var(--qdt-grey);
    padding: 0 4px;
}
/* /Components/Common/Questions/LocationSettingsFields.razor.rz.scp.css */
.location-settings[b-59ezqzv8p4] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
    align-items: flex-start;
}

/* SR-1883: the dropdown button sits on the child component's root, so scoped CSS needs ::deep to reach it.
   Constrain it to the mode label's width instead of stretching across the whole answer container. */
.location-settings[b-59ezqzv8p4]  .location-mode-dropdown {
    width: 265px;
    max-width: 100%;
}

.set-as-interview-location[b-59ezqzv8p4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.readonly .set-as-interview-location label[b-59ezqzv8p4] {
    opacity: 0.5;
}
/* /Components/Common/Questions/MultimediaSettingsFields.razor.rz.scp.css */
.multimedia-settings[b-etjybnyckc] {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 12px 0;
}

.preview-block[b-etjybnyckc] {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.dropzone[b-etjybnyckc],
.recorder[b-etjybnyckc] {
    display: grid;
    place-items: center;
    min-height: 120px;
    border-radius: 8px;
    background-color: var(--qdt-light-beige);
    transition: border-color .15s, background-color .15s;
}

.dropzone[b-etjybnyckc] {
    border: 2px dashed var(--qdt-stroke-grey);
}

/* SR-1881: the dashed green a valid drop target uses everywhere else in the app - see the questionnaire tree. */
.dropzone.drag-over[b-etjybnyckc] {
    border-color: var(--qdt-dark-green);
    background-color: var(--qdt-bg-green);
}

/* SR-1881: solid, not dashed - the device records this one, so it is never a drop target. */
.recorder[b-etjybnyckc] {
    border: 1px solid var(--qdt-stroke-grey);
}

.dropzone.readonly[b-etjybnyckc],
.recorder.readonly[b-etjybnyckc] {
    opacity: .6;
}

.preview-content[b-etjybnyckc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 6px;
    /* Keeps dragleave from firing as the pointer crosses the icon and labels, which would flicker the highlight. */
    pointer-events: none;
}

.preview-content i[b-etjybnyckc] {
    font-size: 28px;
    color: var(--qdt-light-grey);
}

.preview-content .prompt[b-etjybnyckc] {
    font-size: 13px;
    line-height: 15px;
    color: var(--qdt-grey);
}

.dropzone.drag-over .preview-content i[b-etjybnyckc],
.dropzone.drag-over .preview-content .prompt[b-etjybnyckc] {
    color: var(--qdt-dark-green);
}

.record-button[b-etjybnyckc] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
}

.record-button i[b-etjybnyckc] {
    font-size: 22px;
    color: var(--qdt-red);
}

.hints[b-etjybnyckc] {
    display: flex;
    column-gap: 6px;
}

.preview-note[b-etjybnyckc] {
    margin: 0;
    font-size: 11px;
    line-height: 13px;
    color: var(--qdt-light-grey);
}

.field[b-etjybnyckc] {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
}

/* SR-1881: DropdownButton sizes itself from its container, so the width the settings dropdowns had as a Telerik
   parameter lives here instead. */
.field[b-etjybnyckc]  .settings-dropdown {
    width: 220px;
}

.field[b-etjybnyckc]  .settings-dropdown button {
    font-size: 13px;
    line-height: 18px;
    color: var(--qdt-black);
}

/* SR-1881: DropdownButton fills its disabled state grey, which suits the primary variant but not a settings field.
   A locked multimedia question keeps the white field and dims it, the way the open-ended settings next to it do. */
.field[b-etjybnyckc]  .settings-dropdown.disabled button {
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    color: var(--qdt-black);
    opacity: .5;
}

.field.attachments[b-etjybnyckc] {
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}

.field.attachments[b-etjybnyckc]  .numericbox {
    width: 64px;
}

.attachments-range-error[b-etjybnyckc] {
    color: var(--qdt-red);
    font-size: 12px;
}

/* SR-1881: the labels stay black and lose opacity when the question is locked, rather than turning grey - QA asked
   for the same treatment the open-ended question gives its locked settings. */
.readonly .field > label[b-etjybnyckc],
.readonly .field.attachments span[b-etjybnyckc] {
    opacity: .5;
}

.extension-input[b-etjybnyckc] {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.extension-input[b-etjybnyckc]  .extension-textbox {
    width: 160px;
}

.extension-list[b-etjybnyckc] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}
/* /Components/Common/QuestionType.razor.rz.scp.css */
.question-type[b-r6tmzia8z7] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
    color: var( --qdt-light-grey);
}

.question-type .icon[b-r6tmzia8z7] {
    color: var( --qdt-light-grey);
}
/* /Components/Common/QuestionTypeDropdown.razor.rz.scp.css */
/* /Components/Common/SearchMatchBadges.razor.rz.scp.css */
.search-match-badges[b-q8a2lvvf53] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.search-match-badge[b-q8a2lvvf53] {
    padding: 3px 5px;
    background: #cef1de;
    font-size: 12px;
    border-radius: 4px;
}
/* /Components/Common/Sidebars/Sidebar.razor.rz.scp.css */
.sidebar[b-677oheopxj] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 420px;
    max-width: 760px;
    height: 100%;
    padding: 0 0 11px 0;
    background-color: var(--white);
    border: none;
    border-top-right-radius: 8px;
    z-index: 100;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, opacity 0.3s ease-in-out;
    box-shadow: 0 4px 4px 0 #00000040;
}

.sidebar.collapsed[b-677oheopxj] {
    width: 32px;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.expander-btn[b-677oheopxj] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 7px;
    width: 32px;
    height: 24px;
    padding: 0;
    background-color: #9DCF52;
    background-image: none;
    border: none;
    border-top-right-radius: 8px;
    color: var(--qdt-white);
    user-select: none;
}

.expander-btn i[b-677oheopxj] {
    font-size: 16px;
}
/* /Components/Common/Switch.razor.rz.scp.css */
.switch[b-verky46izu] {
    display: flex;
}

.switch input[b-verky46izu] {
    display: none;
}

label[b-verky46izu] {
    display: flex;
    align-items: center;
    column-gap: 6px;
    cursor: pointer;
}

.slider[b-verky46izu] {
    position: relative;
    background-color: #D9D9D9;
    transition: .4s;
    border-radius: 20px;
}

.slider[b-verky46izu]:before {
    position: absolute;
    content: "";
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + label .slider[b-verky46izu] {
    background-color: var(--qdt-dark-green);
}

input:disabled + label[b-verky46izu] {
    cursor: not-allowed;
}

/* Sizes */
.default .slider[b-verky46izu] {
    width: 32px;
    height: 18px;
}

.default .slider[b-verky46izu]::before {
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
}

.default input:checked + label .slider[b-verky46izu]:before {
    transform: translateX(14px);
}

.small .slider[b-verky46izu] {
    width: 18px;
    height: 12px;
}

.small .slider[b-verky46izu]::before {
    width: 8px;
    height: 8px;
    left: 2px;
    bottom: 2px;
}

.small input:checked + label .slider[b-verky46izu]:before {
    transform: translateX(6px);
}

.disabled[b-verky46izu] {
    opacity: 0.8;
}
/* /Components/Common/Tabs.razor.rz.scp.css */
.tabs-container[b-e4ucj97g0w] {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--qdt-stroke-green);
    user-select: none;
    -ms-overflow-style: none;
    overflow-x: auto;
}

.tabs-container[b-e4ucj97g0w]::-webkit-scrollbar {
    display: none;
}

.tabs-list[b-e4ucj97g0w] {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs-list-item[b-e4ucj97g0w], .add-tab-item[b-e4ucj97g0w] {
    display: flex;
    border-bottom: 2px solid transparent;
    padding: 7px 10px;
}

.tabs-list-item[b-e4ucj97g0w] {
    text-decoration: none;
    cursor: pointer;
}

.add-tab-item[b-e4ucj97g0w] {
    flex-direction: column;
    justify-content: flex-end;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item, .tabs-lit-item .tab-item[b-e4ucj97g0w] {
    font-size: 15px;
    font-weight: 500;
    color: var(--qdt-grey);
    text-decoration: none;
}

.tabs-list-item.active[b-e4ucj97g0w], .tabs-list-item:has(.active)[b-e4ucj97g0w] {
    border-bottom-color: var(--qdt-dark-green);
    cursor: default;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabs-list-item.disabled[b-e4ucj97g0w] {
    cursor: not-allowed;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item.disabled {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--qdt-grey);
    opacity: 0.6;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item.disabled .tab-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item.disabled .tab-loader {
    flex-shrink: 0;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item.disabled.error {
    color: var(--qdt-red, #d33);
    opacity: 1;
}

.tabs-list-item[b-e4ucj97g0w]  .tab-item.disabled.error .tab-error-icon {
    font-size: 16px;
    flex-shrink: 0;
}
/* /Components/Common/TextboxContainer.razor.rz.scp.css */
.textbox-container[b-b5u42cxlp6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.textbox-container label[b-b5u42cxlp6] {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-black);
}
/* /Components/Common/TextHighLighter.razor.rz.scp.css */
.highlight[b-czb46085r2], [b-czb46085r2] .highlight {
    background-color: var(--yellow-op-25);
}
/* /Components/Common/TreeNode.razor.rz.scp.css */
.flattened-tree-node[b-tnecq11t8d] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    height: 40px;
}

.flattened-tree-node .disabled[b-tnecq11t8d] {
    color: var(--qdt-dark-green);
    font-size: 24px;
    margin-right: 5px;
}

.flattened-tree-node .time-stamp[b-tnecq11t8d] {
    margin-left: auto;
    padding-left: 10px;
    color: var(--qdt-light-grey);
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
}
/* /Components/Common/VirtualizedTreeView.razor.rz.scp.css */
[b-z2vg15o7k8] div > button.node > span.text,
[b-z2vg15o7k8] div > div.node > div.text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}
/* /Components/CustomFields/AddCustomFieldsForm.razor.rz.scp.css */
.add-custom-fields-form-container[b-3pvb7899rq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.add-custom-fields-form-container[b-3pvb7899rq]  form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.add-custom-fields-form[b-3pvb7899rq], .field-items-list[b-3pvb7899rq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 250px;
}

.field-item[b-3pvb7899rq] {
    display: flex;
    align-items: flex-end;
    column-gap: 10px;
}

.field-item[b-3pvb7899rq]  .dropdown-select-container,
.field-item[b-3pvb7899rq]  .textbox-container {
    width: 100%;
}

[b-3pvb7899rq] .k-textbox, [b-3pvb7899rq] .k-picker {
    border-radius: 8px;
}

[b-3pvb7899rq] .k-textbox .k-input-inner, [b-3pvb7899rq] .k-picker {
    height: 36px;
}

[b-3pvb7899rq] .k-picker {
    background-color: transparent;
}

.delete-btn[b-3pvb7899rq] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-light-grey);
    background-color: transparent;
    padding: 0;
    margin-bottom: 8px;
    border: none;
}

[b-3pvb7899rq] .add-btn {
    width: 70px;
}

[b-3pvb7899rq] .add-btn, [b-3pvb7899rq] .add-btn i {
    font-size: 12px;
    font-weight: 400;
}

.buttons[b-3pvb7899rq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 14px;
}

.buttons[b-3pvb7899rq]  .confirm-btn, .buttons[b-3pvb7899rq]  .cancel-btn {
    height: 40px;
    border-radius: 8px;
}

.buttons[b-3pvb7899rq]  .confirm-btn {
    width: 47px;
}

.buttons[b-3pvb7899rq]  .cancel-btn {
    width: 66px;
}
/* /Components/CustomFields/CustomFieldDefinitionForm.razor.rz.scp.css */
.custom-field-form-container[b-k54r1qma8f]  form {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.custom-field-form[b-k54r1qma8f] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 50%;
}

[b-k54r1qma8f] .k-textbox, [b-k54r1qma8f] .k-picker {
    border-radius: 8px;
}

[b-k54r1qma8f] .k-textbox .k-input-inner, [b-k54r1qma8f] .k-picker {
    height: 36px;
}

[b-k54r1qma8f] .k-picker {
    background-color: transparent;
}

.custom-field-form[b-k54r1qma8f]  .dropdown-values {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.custom-field-form[b-k54r1qma8f]  .dropdown-values .title {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-black);
}

.dropdown-values .dropdown-value[b-k54r1qma8f] {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.delete-btn[b-k54r1qma8f] {
    display: grid;
    place-items: center;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-light-grey);
}

.delete-btn-placeholder[b-k54r1qma8f] {
    width: 20px;
}

[b-k54r1qma8f] .add-btn {
    width: 100px;
}

[b-k54r1qma8f] .add-btn, [b-k54r1qma8f] .add-btn i {
    font-size: 12px;
    font-weight: 400;
}

.buttons[b-k54r1qma8f] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}

.buttons[b-k54r1qma8f]  .confirm-btn, .buttons[b-k54r1qma8f]  .cancel-btn {
    height: 40px;
}

.buttons[b-k54r1qma8f]  .confirm-btn {
    width: 53px;
}

.buttons[b-k54r1qma8f]  .cancel-btn {
    width: 66px;
}
/* /Components/CustomFields/CustomFieldDefinitionListItem.razor.rz.scp.css */
.custom-field-list-item[b-3cawmil33y] {
    display: grid;
    grid-template-columns: 5fr 2fr 2fr 1fr;
    column-gap: 16px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    align-items: center;
    color: var(--qdt-black);
    transition: background-color 0.2s ease-in;
}
    .custom-field-list-item:hover[b-3cawmil33y] {
        background-color: #f8f9fa;
    }

    .custom-field-list-item:last-child[b-3cawmil33y] {
        border-radius: 0 0 8px 8px;
        border-bottom: none;
    }

    .type[b-3cawmil33y] {
        display: flex;
        flex-direction: column;
        width: 140px;
        gap: 14px;
    }

.field-name[b-3cawmil33y], .field-type[b-3cawmil33y], .dropdown-value[b-3cawmil33y] {
    display: flex;
    align-items: center;
    padding: 14px 14px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.field-name[b-3cawmil33y] {
    flex:1;
    max-width: 90%;
    overflow: hidden;
    text-overflow:ellipsis;
    cursor: pointer;
}

.field-type[b-3cawmil33y] {
    color: var(--qdt-grey);
}

.dropdown-value[b-3cawmil33y] {
    padding: unset;
}
    [b-3cawmil33y] .options {
    margin-left: auto;
    margin-right: 4px;
}
[b-3cawmil33y] .options button {
    width: 20px !important;
    height: 20px !important;
    color: var(--qdt-grey-button) !important;
    font-size: 20px !important;
}

[b-3cawmil33y] .textbox-container, .dropdown-values[b-3cawmil33y], .dropdown-values .list[b-3cawmil33y] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dropdown-values .title[b-3cawmil33y] {
    font-size: 12px;
    font-weight: 400;
    color: var(--qdt-black);
    text-decoration:underline;
    cursor:pointer;
}

.dropdown-values .list[b-3cawmil33y] {
    max-height: 120px;
}


/* /Components/CustomFields/CustomFieldValueForm.razor.rz.scp.css */
/* /Components/CustomFields/Dialogs/AddCustomFieldDialog.razor.rz.scp.css */
/* /Components/CustomFields/Dialogs/CreateOrEditCustomFieldDefinitionDialog.razor.rz.scp.css */
/* /Components/Dialogs/AddChapterFromQuestionBankGroupsDialog.razor.rz.scp.css */
.content[b-kjc0wzomw7] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
/* /Components/Dialogs/AddQuestionDialogLayout.razor.rz.scp.css */
.create-question-dialog-layout[b-jc4xqmabau] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    outline: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

.overlay[b-jc4xqmabau] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

.background[b-jc4xqmabau] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 90%;
    height: 100%;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10002;
}

.content[b-jc4xqmabau] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 75%;
    height: 72%;
    max-height: 72%;
    background-color: var(--qdt-white);
}
/* /Components/Dialogs/AddSurveyFromQuestionBankGroupsDialog.razor.rz.scp.css */
.content[b-ncz6bh2gqd] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.content[b-ncz6bh2gqd]  .textbox-container input, .content[b-ncz6bh2gqd]  .search-input-container {
    height: 40px;
}

.content[b-ncz6bh2gqd]  .textbox-container, .content[b-ncz6bh2gqd]  .search-box {
    width: 50%;
}

.buttons[b-ncz6bh2gqd] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-ncz6bh2gqd]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Dialogs/ConfirmActionDialog.razor.rz.scp.css */
.content[b-jy8k60wdo0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px 0;
    border-radius: 4px;
    font-weight: 400;
    color: var(--qdt-black);
}

.content .subtitle[b-jy8k60wdo0] {
    font-size: 15px;
    line-height: 20px;
}

.content .message[b-jy8k60wdo0] {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}
/* /Components/Dialogs/CreateGroupDialog.razor.rz.scp.css */
.content[b-3cvv9fa4xa] {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.tags[b-3cvv9fa4xa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tags .title[b-3cvv9fa4xa] {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.tags[b-3cvv9fa4xa]  .tag-list {
    flex-wrap: wrap;
    padding: 10px 6px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}
/* /Components/Dialogs/DeleteChapterDialog.razor.rz.scp.css */
.content[b-6qgqg0o7qw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px 0;
    border-radius: 4px;
    font-weight: 400;
    color: var(--qdt-black);
}

.content .title[b-6qgqg0o7qw] {
    font-size: 15px;
    line-height: 20px;
}

.content .text[b-6qgqg0o7qw] {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}
/* /Components/Dialogs/DeleteQuestionDialog.razor.rz.scp.css */
.content[b-qpnyutvbh2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px 0;
    border-radius: 4px;
    font-weight: 400;
    color: var(--qdt-black);
}

.content .title[b-qpnyutvbh2] {
    font-size: 15px;
    line-height: 20px;
}

.content .question-text[b-qpnyutvbh2] {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    max-height: 20vh;
    overflow-y: auto;
    width: 100%;
}

.content .question-text .variable-name[b-qpnyutvbh2] {
    font-weight: 700;
    margin-right: 6px;
}
/* /Components/Dialogs/DeleteThreadDialog.razor.rz.scp.css */
.content[b-zyevb799mx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px 0;
    border-radius: 4px;
    font-weight: 400;
    color: var(--qdt-black);
}

.content .title[b-zyevb799mx] {
    font-size: 15px;
    line-height: 20px;
}

.content .subject[b-zyevb799mx] {
    white-space: pre;
    border-left: 2px solid var(--qdt-bg-yellow);
    padding: 10px 20px;
}
/* /Components/Dialogs/DeleteTranslationDialog.razor.rz.scp.css */
.content[b-00idmf8hii] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 5px 0;
    border-radius: 4px;
    font-weight: 400;
    color: var(--qdt-black);
}

.content .title[b-00idmf8hii] {
    font-size: 15px;
    line-height: 20px;
}

.content .question-text[b-00idmf8hii] {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}
/* /Components/Dialogs/DynamicTextSelector.razor.rz.scp.css */
.top-line[b-ohsg03ick6] {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .top-line .actions[b-ohsg03ick6] {
        display: flex;
        gap: 18px;
    }

.actions .qdt-btn-primary[b-ohsg03ick6] {
    padding: 5px 10px;
}

.list[b-ohsg03ick6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 395px;
}

.required-error[b-ohsg03ick6] {
    color: var(--qdt-red);
}
/* /Components/Dialogs/MoveSurveyToFolderDialog.razor.rz.scp.css */
.content[b-uyjktdnovr] {
    display: flex;
    flex-direction: column;
}

.content[b-uyjktdnovr]  .search-input-container {
    width: 50%;
    height: 40px;
}

.buttons[b-uyjktdnovr] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-uyjktdnovr]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Dialogs/MultiPasteDialog.razor.rz.scp.css */

/* /Components/Dialogs/QuestionBankGroupsFiltersDialog.razor.rz.scp.css */

/* /Components/Dialogs/QuestionBankQuestionsFiltersDialog.razor.rz.scp.css */

/* /Components/Dialogs/QuestionTypesList.razor.rz.scp.css */
.question-types-list[b-keg9gej5b4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 12px;
    padding: 6px 12px;
}

.title[b-keg9gej5b4], .category-title[b-keg9gej5b4] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.categories-list[b-keg9gej5b4] {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}

.category-item[b-keg9gej5b4] {
    flex-shrink: 0;
    width: 232px;
    max-width: 232px;
}

.questions-list[b-keg9gej5b4] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* /Components/Dialogs/RichTextDialog.razor.rz.scp.css */
[b-mt5zaucmvx] .k-editor {
    max-height: 75vh;
}
/* /Components/Dialogs/SaveEntityAsQuestionBankGroupDialog.razor.rz.scp.css */
.content[b-rg86qmdt69] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.content[b-rg86qmdt69]  .textbox-container input, .content[b-rg86qmdt69]  .search-input-container {
    height: 40px;
}

.content[b-rg86qmdt69]  .textbox-container, .content[b-rg86qmdt69]  .search-box {
    width: 50%;
}

.buttons[b-rg86qmdt69] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-rg86qmdt69]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Dialogs/SaveGroupsAsChapterDialog.razor.rz.scp.css */
.content[b-9418o9adw9] {
    display: flex;
    flex-direction: column;
}

    .content[b-9418o9adw9]  .textbox-container input, .content[b-9418o9adw9]  .search-input-container {
        height: 40px;
    }

    .content[b-9418o9adw9]  .textbox-container, .content[b-9418o9adw9]  .search-box {
        width: 50%;
    }

.buttons[b-9418o9adw9] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

    .buttons[b-9418o9adw9]  button {
        width: 60px;
        padding: 5px 0;
    }

.form-name-container[b-9418o9adw9] {
    margin-bottom: 30px;
}
/* /Components/Dialogs/SaveGroupsAsSurveyDialog.razor.rz.scp.css */
.content[b-vvtio8dhev] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.content[b-vvtio8dhev]  .textbox-container input, .content[b-vvtio8dhev]  .search-input-container {
    height: 40px;
}

.content[b-vvtio8dhev]  .textbox-container, .content[b-vvtio8dhev]  .search-box {
    width: 50%;
}

.buttons[b-vvtio8dhev] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-vvtio8dhev]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Dialogs/SaveQuestionTemplatesInSurveyDialog.razor.rz.scp.css */
.content[b-f635xw3p19] {
    display: flex;
    flex-direction: column;
}

.content[b-f635xw3p19]  .search-input-container {
    height: 40px;
}

.content[b-f635xw3p19]  .search-box {
    width: 50%;
}

.tree-selectors[b-f635xw3p19] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.buttons[b-f635xw3p19] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-f635xw3p19]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Dialogs/SurveyItemsReorderingDialog.razor.rz.scp.css */
.content[b-7j2qzd8r2d] {
    display: flex;
    flex-direction: column;
}

.content[b-7j2qzd8r2d]  .search-input-container {
    width: 50%;
    height: 40px;
}

.buttons[b-7j2qzd8r2d] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-7j2qzd8r2d]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Dialogs/TranslationExportDialog.razor.rz.scp.css */
.target-language[b-mvov30p53h] 
{
    margin-bottom: 7px;
}
/* /Components/Dialogs/UpdateQuestionTemplateConfirmDialog.razor.rz.scp.css */
.content .message[b-w134i65fy5] {
    margin: 16px 0;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

.content .question-container .label[b-w134i65fy5] {
    color: var(--qdt-light-grey);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

.content .question-container .text[b-w134i65fy5] {
    font-size: 15px;
    line-height: 14px;
    font-weight: 400;
}

.content .checkbox-container[b-w134i65fy5] {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
}

.content .checkbox-container .select-all[b-w134i65fy5] {
    color: var(--green-dark);
    font-size: 15px;
    line-height: 14px;
    font-weight: 400;
}

.content .checkbox-container input[b-w134i65fy5] {
    width: 18px;
    height: 18px;
}

.content .surveys-label[b-w134i65fy5] {
    color: var(--qdt-light-grey);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

.content .surveys-container[b-w134i65fy5] {
    max-height: 500px;
    overflow-y: auto;
}

.content .surveys-container .survey-item[b-w134i65fy5] {
    display: flex;
    gap: 6px;
    justify-content: space-evenly;
    margin-bottom: 5px;
}

.content .surveys-container .survey-item .icon a[b-w134i65fy5] {
    color: inherit;
    text-decoration: none;
}

.content .surveys-container .survey-item .name[b-w134i65fy5] {
    flex: 1;
}

.content .surveys-container .survey-item .checkbox-container[b-w134i65fy5] {
    width: 18px;
    height: 18px;
}

/* /Components/Dialogs/UseScaleDialog.razor.rz.scp.css */
/* /Components/ExceptionHandling/ApplicationErrorMessage.razor.rz.scp.css */
.app-error-wrapper[b-qdierss7wj] {
    display: grid;
    height: 100vh;
    width: 100vw;
    grid-row-gap: 1rem;
    grid-template-rows: 0.2fr auto;
}

.app-error-message[b-qdierss7wj] {
    text-align: center;
}

.app-error-close-btn[b-qdierss7wj] {
    background-color: var(--qdt-dark-green);
    border: 1px solid var(--qdt-dark-green);
    color: var(--white);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    outline: none;
    position: relative;
    transition: color .2s ease-in-out;
}

.app-error-debug-info[b-qdierss7wj] {
    overflow-y: auto;
}
/* /Components/ImportFromQuestionBank/ResultTree.razor.rz.scp.css */
.result-tree-container[b-jrci6zg0qa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title[b-jrci6zg0qa] {
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
}

.result-tree[b-jrci6zg0qa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 13px 17px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}
/* /Components/ImportFromQuestionBank/ResultTreeNode.razor.rz.scp.css */
.result-tree-node[b-mroxo7rj6n] {
    position: relative;
}

.expander-btn-placeholder[b-mroxo7rj6n] {
    width: 16px;
    height: 16px;
}

.actions[b-mroxo7rj6n] {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    align-items: center;
    column-gap: 14px;
    height: calc(100% - 4px);
    padding: 6px 12px;
    background-color: var(--qdt-white);
    z-index: 1;
}

.result-tree-node:hover .actions[b-mroxo7rj6n] {
    display: flex;
}

.dd-handle[b-mroxo7rj6n] {
    display: grid;
    place-items: center;
    font-size: 20px;
    color: var(--qdt-grey-button);
    cursor: grab;
}
/* /Components/ImportFromQuestionBank/SourceTree.razor.rz.scp.css */
.source-tree-container[b-plujqgs8r6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.title[b-plujqgs8r6] {
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
}

.source-tree[b-plujqgs8r6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 13px 17px;
    gap: 2px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    overflow: hidden;
}

.source-tree[b-plujqgs8r6]  .search-box {
    width: 75%;
    max-width: 75%;
}

.virtualized-list[b-plujqgs8r6] {
    padding: 10px 0;
}
/* /Components/ImportFromQuestionBank/SourceTreeNode.razor.rz.scp.css */
.source-tree-node[b-9mze58qepo] {
    position: relative;
    margin-bottom: 3px;
    min-height: 36px;
    height: 38px;
}

.node[b-9mze58qepo] {
    padding: 3px 0;
}

.node .summary[b-9mze58qepo]{
    display:flex;
    flex-direction: column;
}

    .node .summary .counters[b-9mze58qepo] {
        font-size: 12px;
        color: var(--qdt-light-grey2);
        cursor: default;
    }
    .node .summary .text[b-9mze58qepo] {
        font-size: 15px;
    }
        .actions[b-9mze58qepo] {
            display: none;
            position: absolute;
            top: 2px;
            right: 1px;
            align-items: center;
            column-gap: 14px;
            height: calc(100% - 4px);
            padding: 7px 12px;
            background-color: var(--qdt-white);
            z-index: 1;
        }

.source-tree-node:hover .actions[b-9mze58qepo] {
    display: flex;
}
/* /Components/ImportFromQuestionBank/TreeBuilder.razor.rz.scp.css */
.tree-builder-container[b-l5wthl2g5h] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.actions[b-l5wthl2g5h] {
    display: flex;
    justify-content: flex-end;
}

.tree-builder[b-l5wthl2g5h] {
    position: relative;
    display: flex;
    column-gap: 10px;
    max-height: 350px;
    overflow: hidden;
}

.loader[b-l5wthl2g5h] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
/* /Components/Localizations/Dialogs/EditLanguageLabelDialog.razor.rz.scp.css */
.edit-language-label-form[b-k74xyj345e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.edit-language-label-form[b-k74xyj345e]  .textbox-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.edit-language-label-form[b-k74xyj345e]  .validation-message {
    font-size: 12px;
    color: var(--qdt-red, #d32f2f);
}

.buttons[b-k74xyj345e] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
}
/* /Components/Localizations/LanguageLabelListItem.razor.rz.scp.css */
.language-list-item[b-aiyzl6ems7] {
    display: grid;
    grid-template-columns: 1fr 3fr 3fr 80px;
    column-gap: 16px;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    color: var(--qdt-black);
    font-size: 14px;
    transition: background-color 0.2s ease-in;
}

.language-list-item:hover[b-aiyzl6ems7] {
    background-color: #f8f9fa;
    cursor: pointer;
}

.language-list-item:last-child[b-aiyzl6ems7] {
    border-radius: 0 0 8px 8px;
    border-bottom: none;
}

.code[b-aiyzl6ems7] {
    font-weight: 500;
    text-transform: uppercase;
}

.default-name[b-aiyzl6ems7],
.custom-name[b-aiyzl6ems7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.default-name .international[b-aiyzl6ems7],
.custom-name .international[b-aiyzl6ems7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.default-name .native[b-aiyzl6ems7],
.custom-name .native[b-aiyzl6ems7] {
    font-size: 12px;
    color: var(--qdt-grey);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-name .empty[b-aiyzl6ems7] {
    color: var(--qdt-grey);
}

.actions[b-aiyzl6ems7] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Notification/AreaBoundApprovalNotifications.razor.rz.scp.css */
.notification-item[b-nrqov1ipi9] {
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 9px;
}

.notification-item:hover[b-nrqov1ipi9] {
    background-color: #f8f9fa;
}

.notification-item .survey-name[b-nrqov1ipi9] {
    padding-left: 8px;
}

.notification-item .timestamp[b-nrqov1ipi9] {
    color: var(--qdt-light-grey);
    padding-left: 8px;
}
/* /Components/Notification/AreaBoundNotifications.razor.rz.scp.css */
.area-bound-notifications[b-dffalt35zz] {
    border-bottom: solid 1px var(--qdt-stroke-grey);
}

.area-header[b-dffalt35zz] {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px 10px 17px;
}

.area-header .title[b-dffalt35zz] {
    font-size: 15px;
    font-weight: 500;
    flex: 1;
    display: flex;
    gap: 3px;
}

    .area-header .title .title-inner[b-dffalt35zz] {
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-dffalt35zz] .show-more {
    color: var(--qdt-dark-green);
    font-size: 12px;
    margin: 4px 4px 4px auto;
}
/* /Components/Notification/CommentNotificationItem.razor.rz.scp.css */
.notification-item[b-oef8fg8cp9] {
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
    text-decoration:none;
    display:flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 9px;
}

.notification-item:hover[b-oef8fg8cp9] {
    background-color: #f8f9fa;
}

.notification-item .timestamp[b-oef8fg8cp9] {
    color: var(--qdt-light-grey);
    padding-left: 8px;
}

.notification-item .comment-count[b-oef8fg8cp9] {
    margin: 4px 0;
}

.notification-item .comment-count > span[b-oef8fg8cp9] {
    color: var(--qdt-dark-green);
    border-radius: 34px;
    background-color: var(--qdt-bg-green);
    padding: 4px 8px;
}

.notification-item .survey-name[b-oef8fg8cp9] {
    padding-left: 8px;
}
/* /Components/Notification/NotificationDropdown.razor.rz.scp.css */
.notification-dropdown[b-q20tntz4bn] {
    position: relative;
}

    .notification-dropdown .dd-trigger[b-q20tntz4bn] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
        border-radius: 6px;
        background-color: transparent;
        font-size: 24px;
        cursor: pointer;
        transition: background-color .15s ease;
    }

        .notification-dropdown .dd-trigger:hover[b-q20tntz4bn] {
            background-color: #F2F9FF;
        }

        .notification-dropdown .dd-trigger:active[b-q20tntz4bn] {
            background-color: #E9F8D2;
        }

        .notification-dropdown .dd-trigger .total-count[b-q20tntz4bn] {
            position: absolute;
            top: 0;
            left: 100%;
            transform: translate(-50%, -25%);
            display: flex;
            justify-content: center;
            align-items: center;
            width: 25px;
            height: 18px;
            font-size: 12px;
            background-color: var(--qdt-yellow);
            border-radius: 10px;
        }

.notification-list[b-q20tntz4bn] {
    background-color: #fff;
    min-width: 300px;
    box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, .08);
    border-radius: 4px;
    max-height: 295px;
    overflow-y: auto;
    color: var(--qdt-black);
}

    .notification-list .total[b-q20tntz4bn] {
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
        padding: 11px 14px;
    }

.section-title[b-q20tntz4bn] {
    padding: 10px 14px 6px 14px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--qdt-light-grey);
}

/* Clear visual break between the approvals and comments feeds. */
.notification-section + .notification-section[b-q20tntz4bn] {
    border-top: 8px solid var(--qdt-beige);
}

.notifications[b-q20tntz4bn] {
    border-top: 1px solid var(--qdt-stroke-grey);
}

.notification-empty[b-q20tntz4bn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 14px;
    color: var(--qdt-light-grey);
}

    .notification-empty i[b-q20tntz4bn] {
        font-size: 32px;
    }

    .notification-empty span[b-q20tntz4bn] {
        font-size: 13px;
        font-weight: 500;
    }
/* /Components/Popovers/DynamicTextPopover.razor.rz.scp.css */
#popover-x[b-vuyklkuogx] {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    display: none;
    z-index: 10999;
}

.option-container[b-vuyklkuogx] {
    max-height: 120px;
    font-size:12px;
}

.value-item[b-vuyklkuogx] {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

    .value-item:hover[b-vuyklkuogx] {
        background-color: var( --light-blue-2);
    }

    .value-item:active[b-vuyklkuogx], .value-item:focus[b-vuyklkuogx], .value-item.selected[b-vuyklkuogx] {
        background-color: var(--qdt-bg-green-2);
    }

.deleted[b-vuyklkuogx] {
    font-size:12px;
    padding: 1px 3px;
    max-width: 140px;
    display:block;
}
/* /Components/Popovers/Popover.razor.rz.scp.css */
.popover-container[b-dtxvx7i6ew] {
    position: absolute;
    /* hide popover outside the viewport to allow js code to render it, calculate its size and reposition popover */
    top: -100%;
    left: -100%;
    z-index: -1;
}

.opened[b-dtxvx7i6ew], .opening[b-dtxvx7i6ew] {
    z-index: 999999;
}

.opening[b-dtxvx7i6ew] {
    animation: fadeIn 0.5s ease-in-out;
}
/* /Components/QuestionBank/Answers/AnswersContainer.razor.rz.scp.css */
body[b-ptvhmbvq4x] {
}
/* /Components/QuestionBank/Answers/AnswersContainerReadonlyView.razor.rz.scp.css */
/* /Components/QuestionBank/Answers/Location/LocationReadonlyView.razor.rz.scp.css */
.location-readonly-view[b-1avrbt1knd] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.location-mode[b-1avrbt1knd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .location-mode label[b-1avrbt1knd] {
        color: var(--qdt-item-hidden);
        font-size: 12px;
    }

    .location-mode .value[b-1avrbt1knd] {
        font-size: 14px;
        font-weight: 500;
        color: var(--qdt-black);
    }

.flag[b-1avrbt1knd] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

    .flag.on[b-1avrbt1knd] {
        color: var(--qdt-black);
    }

    .flag.off[b-1avrbt1knd] {
        color: var(--qdt-grey);
    }
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionCheckboxList.razor.rz.scp.css */
.answer-list[b-cer491lhea] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions[b-cer491lhea] {
    margin-left: 110px;
}

[b-cer491lhea] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionCheckboxListItem.razor.rz.scp.css */
.answer-item[b-f6cd1l76r6] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-f6cd1l76r6] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-f6cd1l76r6] {
            padding-top: 3px;
        }

.answer-item-inner .var-name[b-f6cd1l76r6] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-f6cd1l76r6] {
        opacity: 1;
    }

.answer-item-inner[b-f6cd1l76r6]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-f6cd1l76r6]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:active,:focus,:hover)[b-f6cd1l76r6]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-f6cd1l76r6]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-f6cd1l76r6]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-f6cd1l76r6]  .answer-code {
    width: 55px;
}

    .answer-item-inner[b-f6cd1l76r6]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-f6cd1l76r6]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-f6cd1l76r6]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-f6cd1l76r6]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-f6cd1l76r6]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-f6cd1l76r6]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-f6cd1l76r6]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-f6cd1l76r6]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-f6cd1l76r6]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}


.question-editor:hover .var-name[b-f6cd1l76r6], .question-editor:has(:focus) .var-name[b-f6cd1l76r6], .question-editor:has(:active) .var-name[b-f6cd1l76r6] {
    opacity: 1;
}

.answer-text[b-f6cd1l76r6] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-f6cd1l76r6] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-f6cd1l76r6] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-f6cd1l76r6]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-f6cd1l76r6] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-f6cd1l76r6] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionCheckboxListReadonlyView.razor.rz.scp.css */
.answers-list[b-cx1pi5ayom] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 180px;
    margin-bottom: 15px;
}

.answer-item[b-cx1pi5ayom] {
    display: flex;
    align-items: start;
    gap: 5px;
}

.var-name[b-cx1pi5ayom] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text[b-cx1pi5ayom] {
    padding-left: 5px;
}

.var-name[b-cx1pi5ayom], .text[b-cx1pi5ayom] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}

.code[b-cx1pi5ayom] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-cx1pi5ayom] {
        color: var(--qdt-black);
    }
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionGrid.razor.rz.scp.css */
.multiselect-container-inner[b-g6cuti0fxg]{
    display: flex;
}

    .multiselect-container-inner .answer-actions[b-g6cuti0fxg] {
        padding-left: 20px;
        padding-top: 40px;
    }

.grid-wrapper[b-g6cuti0fxg] {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.grid[b-g6cuti0fxg] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-g6cuti0fxg] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list th[b-g6cuti0fxg] {
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            /*position: sticky;
            top: 0;*/
            vertical-align: top;
        }

            .grid .answer-list th:first-child[b-g6cuti0fxg] {
                border-left: none;
            }
            

        .grid .answer-list th[b-g6cuti0fxg],
        .grid .answer-list .answer[b-g6cuti0fxg] {
            background-color: #fff;
            width: 200px;
        }

        .grid .answer-list .sticky-col[b-g6cuti0fxg] {
            position: sticky;
            left: 0px;
            top: 0;
            width: 290px;
            max-width: 290px;
            z-index: 3;
        }

    .grid .topic-list[b-g6cuti0fxg] {
    }
        .grid .topic-list .topic .sticky-col[b-g6cuti0fxg] {
            position: sticky;
            left: 0px;
            width: 290px;
            max-width: 290px;
            z-index: 2;
            background-color: white;
            border-left: 1px solid var(--qdt-stroke-grey);
        }

        .grid .topic-list .topic:hover[b-g6cuti0fxg], .grid .topic-list .topic:hover .sticky-col[b-g6cuti0fxg] {
            background-color: var(--qdt-hover-blue);
        }

        .grid .topic-list .topic td[b-g6cuti0fxg] {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: var(--qdt-stroke-grey);
            width: 200px;
        }

        .grid .topic-list .topic td:first-child[b-g6cuti0fxg]{
            border-left: none;
        }

        [b-g6cuti0fxg] .answer-actions .k-button, .topic-actions[b-g6cuti0fxg]  .k-button {
            color: var(--qdt-dark-green);
            font-size: 12px;
        }

.topic-actions[b-g6cuti0fxg]{
    padding-top: 20px;
    padding-left: 7px;
}
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionGridAnswerItem.razor.rz.scp.css */
.answer-item[b-is0slrot3c] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 100%;
    font-size: 12px;
    gap: 10px;
    margin: 3px auto 24px;
}

.top-block[b-is0slrot3c] {
    display: flex;
    gap: 3px;
    width: 100%;
    align-items: center;
}

.answer-item[b-is0slrot3c]  .k-input {
    font-size: 12px;
}

.answer-item .var-name[b-is0slrot3c] {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 90%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .answer-item .var-name:has(.k-invalid)[b-is0slrot3c] {
        opacity: 1;
    }

.answer-item[b-is0slrot3c]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item[b-is0slrot3c]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item[b-is0slrot3c]  .var-name .k-textbox .k-input-inner {
    padding-block: 4px;
    padding-inline: 6px;
}

.answer-item:has(:active,:focus,:hover)[b-is0slrot3c]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-is0slrot3c]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: white;
}

.answer-item[b-is0slrot3c]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

/* answer-code */
.answer-item[b-is0slrot3c]  .answer-code {
    width: 55px;
}

    .answer-item[b-is0slrot3c]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item[b-is0slrot3c]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item:has(:active,:focus,:hover)[b-is0slrot3c]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-is0slrot3c]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-is0slrot3c]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item .answer-text[b-is0slrot3c] {
    border-radius: 4px;
    width: 100%;
}

/* answer-text */
.answer-item[b-is0slrot3c]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item:has(:focus, :hover, :active)[b-is0slrot3c]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-is0slrot3c]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-is0slrot3c]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item[b-is0slrot3c]  .answer-text .k-editor .k-editor-content {
    border: 0px none transparent !important;
    border-radius: 4px !important;
}

.answer-item[b-is0slrot3c]  .answer-text .popover {
    bottom: -15px;
    right: 5px;
}

.dragdrop-answer-grip[b-is0slrot3c] {
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-is0slrot3c] {
    opacity: 1;
}



.answer-item:has(:active,:focus,:hover)[b-is0slrot3c]  .var-name .answer-actions-button {
    opacity: 1;
}

.question-editor:hover .var-name[b-is0slrot3c], .question-editor:has(:focus, :active) .var-name[b-is0slrot3c] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionGridReadonlyView.razor.rz.scp.css */
.grid-wrapper[b-7g912s6ute] {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.grid[b-7g912s6ute] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-7g912s6ute] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list .answer[b-7g912s6ute] {
            width: 200px;
            min-width: 200px;
            background-color: #fff;
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            position: sticky;
            top: 0;
        }

        .grid .answer-list th:first-child[b-7g912s6ute] {
            border-left: none;
        }

        .grid .answer-list .sticky-col[b-7g912s6ute] {
            position: sticky;
            left: 0px;
            top: 0;
            z-index: 3;
        }

    .grid .topics-list .sticky-col[b-7g912s6ute] {
        position: sticky;
        left: 0px;
        z-index: 2;
        background-color: white;
        border-left: 1px solid var(--qdt-stroke-grey);
    }

    .grid .topics-list .topic[b-7g912s6ute], .grid .topics-list .checkbox-cell[b-7g912s6ute] {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: var(--qdt-stroke-grey);
        width: 200px;
    }

        .grid .topics-list .topic:first-child[b-7g912s6ute] {
            border-left: none;
        }

        .grid .topics-list .topic .checkbox-cell[b-7g912s6ute] {
            text-align: center;
        }

    .grid .answer-content[b-7g912s6ute] {
        padding: 3px 0 24px 0;
    }

    .grid .answer-content[b-7g912s6ute], .grid .topic-content[b-7g912s6ute] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .grid .var-name[b-7g912s6ute], .grid .text[b-7g912s6ute] {
        font-size: 12px;
        font-weight: 500;
        color: var(--qdt-black);
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .grid .var-name[b-7g912s6ute] {
        width: 65px;
        max-width: 65px;
    }

    .grid .code[b-7g912s6ute] {
        color: var(--qdt-autogenerated-prop);
    }

        .grid .code.explicit[b-7g912s6ute] {
            color: var(--qdt-black);
        }

    .grid .text[b-7g912s6ute] {
        width: 150px;
        max-width: 150px;
    }

    .grid .topics-list .checkbox-cell[b-7g912s6ute] {
        text-align: center;
    }
/* /Components/QuestionBank/Answers/MultipleSelection/MultipleSelectionGridTopicItem.razor.rz.scp.css */
.topic-item[b-e324e6qt4p] {
    align-items: center;
    display: flex;
    font-size: 12px;
    padding-bottom: 20px;
    gap: 3px;
}

    .topic-item[b-e324e6qt4p]  .k-input {
        font-size: 12px;
    }

    .topic-item .var-name[b-e324e6qt4p] {
        display: flex;
        align-items: center;
        position: relative;
        width: 75px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

        .topic-item .var-name:has(.k-invalid)[b-e324e6qt4p] {
            opacity: 1;
        }

    .topic-item[b-e324e6qt4p]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item[b-e324e6qt4p]  .var-name.explicit .k-textbox {
        color: var(--qdt-black);
    }

    .topic-item:has(:active,:focus,:hover)[b-e324e6qt4p]  .var-name .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .topic-item[b-e324e6qt4p]  .var-name:has(:focus) .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-white);
    }

    .topic-item[b-e324e6qt4p]  .var-name .k-textbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    /* topic-code */
    .topic-item[b-e324e6qt4p]  .topic-code {
        width: 55px;
    }

        .topic-item[b-e324e6qt4p]  .topic-code .k-numerictextbox {
            border: 1px solid transparent;
            border-radius: 4px !important;
            font-size: 12px;
            transition: background-color 0.3s ease-out;
            color: var(--qdt-autogenerated-prop);
        }

        .topic-item[b-e324e6qt4p]  .topic-code.explicit .k-numerictextbox {
            color: var(--qdt-black);
        }

    .topic-item:has(:active,:focus,:hover)[b-e324e6qt4p]  .topic-code .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .topic-item[b-e324e6qt4p]  .topic-code .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .topic-item[b-e324e6qt4p]  .topic-code:has(:focus) .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    /* topic-text */
    .topic-item .topic-text[b-e324e6qt4p] {
        flex: 1;
    }

    .topic-item[b-e324e6qt4p]  .topic-text .k-editor {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

    .topic-item:has(:focus, :hover, :active)[b-e324e6qt4p]  .topic-text .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .topic-item[b-e324e6qt4p]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .topic-item[b-e324e6qt4p]  .topic-text:has(:focus) .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    .topic-item[b-e324e6qt4p]  .topic-text .k-editor .k-editor-content {
        border: 0px none transparent !important;
        border-radius: 4px !important;
    }

    .topic-item[b-e324e6qt4p]  .topic-text .popover {
        bottom: -15px;
        right: 5px;
    }


.ti.ti-grip-vertical[b-e324e6qt4p] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .ti.ti-grip-vertical[b-e324e6qt4p] {
    opacity: 1;
}

.question-editor:has(:active,:focus,:hover) .var-name[b-e324e6qt4p] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/NumericGrid/NumericGrid.razor.rz.scp.css */
.numeric-grid[b-0ww3eju4sb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.numeric-grid-settings[b-0ww3eju4sb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.range-validation[b-0ww3eju4sb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.range-validation[b-0ww3eju4sb]  .numericbox {
    width: 64px;
}

.range-validation-error[b-0ww3eju4sb] {
    color: var(--qdt-red);
    font-size: 12px;
}
/* /Components/QuestionBank/Answers/NumericGrid/NumericGridItem.razor.rz.scp.css */
.topic-item[b-wv08ltjx5w] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .topic-item:last-child[b-wv08ltjx5w] {
        margin-bottom: 20px;
    }

    .topic-item .topic-item-inner[b-wv08ltjx5w] {
        cursor: default;
        display: grid;
        grid-template-columns: 100px 55px 1fr auto;
        align-items: center;
        column-gap: 5px;
        row-gap: 6px;
    }

.topic-item-inner .var-name[b-wv08ltjx5w] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-wv08ltjx5w] {
        opacity: 1;
    }

.topic-item-inner[b-wv08ltjx5w]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.topic-item-inner[b-wv08ltjx5w]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item-inner:has(:focus, :hover, :active)[b-wv08ltjx5w]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-wv08ltjx5w]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-wv08ltjx5w]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-code */
.topic-item-inner[b-wv08ltjx5w]  .topic-code {
    width: 55px;
}

    .topic-item-inner[b-wv08ltjx5w]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item-inner[b-wv08ltjx5w]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item-inner:has(:active,:focus,:hover)[b-wv08ltjx5w]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-wv08ltjx5w]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-wv08ltjx5w]  .topic-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-text */
.topic-item-inner[b-wv08ltjx5w]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-wv08ltjx5w]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-wv08ltjx5w]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-wv08ltjx5w]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.topic-text[b-wv08ltjx5w] {
    flex: 1;
    display: flex;
    position: relative;
}

.numeric-grid-preview[b-wv08ltjx5w] {
    grid-row: 2;
    grid-column: 3 / -1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.numeric-grid-affix[b-wv08ltjx5w] {
    color: var(--qdt-grey);
    font-size: 12px;
    white-space: nowrap;
}

.numeric-grid-preview[b-wv08ltjx5w]  .numericbox {
    width: 72px;
}

[b-wv08ltjx5w] .topic-text .topic-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-wv08ltjx5w] .topic-text .topic-menu-button .ti {
        color: var(--qdt-grey);
    }

.topic-item:has(:active,:focus,:hover)[b-wv08ltjx5w]  .topic-text .topic-menu-button {
    opacity: 1;
}

.dragdrop-topic-grip[b-wv08ltjx5w] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding-top: 3px;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-wv08ltjx5w] {
    opacity: 1;
}

.question-editor:hover .var-name[b-wv08ltjx5w],
.question-editor:has(:focus) .var-name[b-wv08ltjx5w],
.question-editor:has(:active) .var-name[b-wv08ltjx5w] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/NumericGrid/NumericGridReadonlyView.razor.rz.scp.css */
.range[b-yy5519bwvc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 15px;
}

    .range .range-min[b-yy5519bwvc],
    .range .range-max[b-yy5519bwvc] {
        padding: 2px 8px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 4px;
    }

.topic-wrap[b-yy5519bwvc] {
    display: grid;
    grid-template-columns: 100px 55px 1fr;
    align-items: center;
    column-gap: 5px;
    row-gap: 4px;
}

.numeric-grid-preview[b-yy5519bwvc] {
    grid-row: 2;
    grid-column: 3 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.numeric-grid-affix[b-yy5519bwvc] {
    color: var(--qdt-gray-600, #6b7280);
    font-size: 13px;
}

.numeric-grid-input-preview[b-yy5519bwvc] {
    display: inline-block;
    width: 80px;
    height: 28px;
    border: 1px solid var(--qdt-gray-300, #d1d5db);
    border-radius: 4px;
    background: var(--qdt-gray-100, #f3f4f6);
}
/* /Components/QuestionBank/Answers/OpendEnded/AdditionalAnswerItem.razor.rz.scp.css */
.answer-item[b-2zsdn3fltz] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-2zsdn3fltz] {
        cursor: default;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-2zsdn3fltz] {
            display: flex;
            align-items: center;
        }

.answer-item-inner .var-name[b-2zsdn3fltz] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-2zsdn3fltz] {
        opacity: 1;
    }

.answer-item-inner[b-2zsdn3fltz]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-2zsdn3fltz]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-2zsdn3fltz]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-2zsdn3fltz]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-2zsdn3fltz]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-2zsdn3fltz]  .answer-code {
    width: 55px;
}

    .answer-item-inner[b-2zsdn3fltz]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-2zsdn3fltz]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-2zsdn3fltz]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-2zsdn3fltz]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-2zsdn3fltz]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-2zsdn3fltz]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-2zsdn3fltz]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-2zsdn3fltz]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-2zsdn3fltz]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-2zsdn3fltz] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-2zsdn3fltz] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-2zsdn3fltz] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-2zsdn3fltz]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-2zsdn3fltz] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-2zsdn3fltz] {
    opacity: 1;
}

.question-editor:hover .var-name[b-2zsdn3fltz],
.question-editor:has(:focus) .var-name[b-2zsdn3fltz],
.question-editor:has(:active) .var-name[b-2zsdn3fltz] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/OpendEnded/OpendEndedContainer.razor.rz.scp.css */
.answer-container[b-jwmpirkglw] {
    display: flex;
    flex-direction:column;
    gap: 15px;
}

[b-jwmpirkglw] .dd-text-size.k-valid {
    border-color: rgba(0, 0, 0, 0.08);
}

[b-jwmpirkglw] .dd-text-size:hover {
    background-color: transparent;
    color: #000;
}

.text-section[b-jwmpirkglw] {
    display:flex;
    flex-direction:column;
    gap: 5px;
    align-items:stretch;
}

.text-section[b-jwmpirkglw]  .respondent-answer-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--qdt-light-grey);
}

.text-section[b-jwmpirkglw]  .btn-add-text {
    width: 44px;
    height: 44px;
}

.txt-wrap[b-jwmpirkglw] {
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    column-gap: 5px;
}
    .txt-wrap label[b-jwmpirkglw] {
        color: var(--qdt-item-hidden);
        font-size: 12px;
    }

    .txt-wrap[b-jwmpirkglw]  .k-input {
        font-size: 14px;
        border: 1px solid var(--menu-items-text-grey);
    }

    .txt-wrap[b-jwmpirkglw]  .k-textbox:hover {
        
    }

    .txt-wrap .ti-x[b-jwmpirkglw] {
        color: var(--menu-items-text-grey);
        cursor: pointer;
    }

.length-validation[b-jwmpirkglw] {
    display: flex;
    align-items: center;
    font-size: 15px;
}
    .length-validation[b-jwmpirkglw]  .k-numerictextbox {
        margin: 0 5px;
    }
    
    .length-validation[b-jwmpirkglw]  .k-numerictextbox.k-valid {
        border-color: rgba(0, 0, 0, 0.08);
    }
    
    .length-validation[b-jwmpirkglw]  .k-numerictextbox .k-input-inner {
        font-size: 16px;
    }
    
    .limit-length-lbl[b-jwmpirkglw] {
        margin-left: 5px;
    }

.length-validation[b-jwmpirkglw]  .k-checkbox-wrap {
    align-self: center;
}

.question-editor:has(:focus, :hover, :active) .text-section[b-jwmpirkglw]  .var-name {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/OpendEnded/OpenEndedReadonlyView.razor.rz.scp.css */
.open-ended-readonly-view[b-cp4t9s99ur] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.answer-text-size[b-cp4t9s99ur], .min-length[b-cp4t9s99ur], .max-length[b-cp4t9s99ur], .text-after[b-cp4t9s99ur], .text-before[b-cp4t9s99ur], .text-after-placeholder[b-cp4t9s99ur], .text-before-placeholder[b-cp4t9s99ur], .var-name[b-cp4t9s99ur], .respondent-answer-placeholder[b-cp4t9s99ur] {
    font-size: 14px;
    font-weight: 500;
    color: var(--qdt-black);
}

.length[b-cp4t9s99ur], .text-section[b-cp4t9s99ur] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.text-section[b-cp4t9s99ur] {
    flex-flow: row wrap;
}

.min-length[b-cp4t9s99ur], .max-length[b-cp4t9s99ur] {
    flex-shrink: 0;
    width: 45px;
    height: 28px;
    padding: 2px 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    font-size: 16px;
}

.var-name[b-cp4t9s99ur], .text-before[b-cp4t9s99ur], .text-after[b-cp4t9s99ur] {
    flex-shrink: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.respondent-answer-placeholder[b-cp4t9s99ur] {
    flex-shrink: 0;
    width: 280px;
    color: var(--qdt-grey);
}

.var-name[b-cp4t9s99ur] {
    width: 120px;
    max-width: 120px;
}

.text-after[b-cp4t9s99ur], .text-before[b-cp4t9s99ur], .text-after-placeholder[b-cp4t9s99ur], .text-before-placeholder[b-cp4t9s99ur] {
    width: 200px;
    max-width: 200px;
}

.text-after-placeholder[b-cp4t9s99ur], .text-before-placeholder[b-cp4t9s99ur] {
    color: var(--qdt-grey);
}

.answer-list[b-cp4t9s99ur] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.answer-item[b-cp4t9s99ur] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.var-name[b-cp4t9s99ur] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-cp4t9s99ur] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-cp4t9s99ur] {
        color: var(--qdt-black);
    }

.text[b-cp4t9s99ur] {
    padding-left: 5px;
}

.var-name[b-cp4t9s99ur], .text[b-cp4t9s99ur] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Answers/SingleChoice/AutoCompeleListReadonlyView.razor.rz.scp.css */
.answer-list[b-2ov0ryw1qg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.answer-item[b-2ov0ryw1qg] {
    display: flex;
    align-items: start;
    width: 100%;
    gap: 5px;
    cursor: pointer;
}

.var-name[b-2ov0ryw1qg] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text[b-2ov0ryw1qg] {
    flex: 1;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.answer-item.selected .text[b-2ov0ryw1qg] {
    border: 1px solid var(--qdt-dark-green);
    background-color: var(--qdt-beige);
}

.var-name[b-2ov0ryw1qg], .text[b-2ov0ryw1qg] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}


.settings[b-2ov0ryw1qg] {
    display: flex;
    gap: 25px;
    flex: 1;
}

    .settings label[b-2ov0ryw1qg] {
        width: 200px;
    }

.search-mode[b-2ov0ryw1qg], .answers-visibility[b-2ov0ryw1qg] {
    display: flex;
    align-items: center;
}

    .search-mode label[b-2ov0ryw1qg] {
        width: 100px;
        user-select: none;
        font-size: 15px;
    }

    .answers-visibility label[b-2ov0ryw1qg] {
        width: 130px;
        user-select: none;
        font-size: 15px;
    }

.code[b-2ov0ryw1qg] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-2ov0ryw1qg] {
        color: var(--qdt-black);
    }
/* /Components/QuestionBank/Answers/SingleChoice/AutoCompleteList.razor.rz.scp.css */
.answer-list[b-b8zh1jjzkq] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.head[b-b8zh1jjzkq] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-left: 108px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.answer-list-container[b-b8zh1jjzkq]  .add-answer {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.answer-list-container[b-b8zh1jjzkq]  .autocomplete-input {
    font-size: 12px;
    border: 1px solid var(--qdt-light-grey);
}

.answer-list-container[b-b8zh1jjzkq]  .k-autocomplete {
    margin-bottom: 10px;
}

.actions[b-b8zh1jjzkq] {
    margin-left: 110px;
}

.answer-list-container[b-b8zh1jjzkq]  .add-answer {
    color: var(--qdt-dark-green);
    font-size: 12px;
}


.settings[b-b8zh1jjzkq] {
    display: flex;
    gap: 25px;
    flex:1;
}
    .settings label[b-b8zh1jjzkq] {
        width: 200px;
    }

.search-mode[b-b8zh1jjzkq], .answers-visibility[b-b8zh1jjzkq] {
    display: flex;
    align-items: center;
}

    .search-mode label[b-b8zh1jjzkq] {
        width: 100px;
        user-select:none;
        font-size: 15px;
    }

    .answers-visibility label[b-b8zh1jjzkq] {
        width: 130px;
        user-select: none;
        font-size: 15px;
    }

.answer-list .no-items[b-b8zh1jjzkq] {
    font-size: 12px;
    margin-left: 108px;
    color: var(--qdt-light-grey);
}
/* /Components/QuestionBank/Answers/SingleChoice/AutoCompleteListItem.razor.rz.scp.css */
.answer-item[b-hfjxtjm44k] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-hfjxtjm44k] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }


.answer-item-inner .var-name[b-hfjxtjm44k] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-hfjxtjm44k] {
        opacity: 1;
    }

.answer-item-inner[b-hfjxtjm44k]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-hfjxtjm44k]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-hfjxtjm44k]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-hfjxtjm44k]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-hfjxtjm44k]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-hfjxtjm44k]  .answer-code .k-numerictextbox {
    width: 55px;
}

.answer-item-inner[b-hfjxtjm44k]  .answer-code .k-numerictextbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item .answer-item-inner[b-hfjxtjm44k]  .answer-code.explicit .k-numerictextbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:active,:focus,:hover)[b-hfjxtjm44k]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-hfjxtjm44k]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-hfjxtjm44k]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-hfjxtjm44k]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-hfjxtjm44k]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-hfjxtjm44k]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-hfjxtjm44k]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-hfjxtjm44k] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-hfjxtjm44k] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-hfjxtjm44k] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-hfjxtjm44k]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-hfjxtjm44k] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-hfjxtjm44k] {
    opacity: 1;
}

.question-editor:hover .var-name[b-hfjxtjm44k],
.question-editor:has(:focus) .var-name[b-hfjxtjm44k],
.question-editor:has(:active) .var-name[b-hfjxtjm44k] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/Carousel/OptionsToolBox.razor.rz.scp.css */
.answer-options[b-d18zsg5bpp] {
    margin-top: 25px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    grid-column-gap: 25px;
}

    .answer-options > .option[b-d18zsg5bpp] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .answer-options > .option > .label[b-d18zsg5bpp] {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }

        .answer-options > .option .info[b-d18zsg5bpp] {
            position: relative;
        }

            .answer-options > .option .info:hover .info-box[b-d18zsg5bpp] {
                display: flex;
            }

        .answer-options > .option .info-box[b-d18zsg5bpp] {
            --info-box-width: 350px;
            --info-box-height: 110px;
            --info-box-margin-left: calc(var(--info-box-width) / -2);
            --info-box-margin-top: calc((0px - var(--info-box-height)) - 25px);
            display: none;
            font-size: 12pt;
            align-items: center;
            gap: 10px;
            box-sizing: border-box;
            position: absolute;
            z-index: 10;
            background-color: var(--qdt-white);
            width: var(--info-box-width);
            height: var(--info-box-height);
            padding: 5px;
            border: 0.5px solid var(--qdt-stroke-grey);
            border-radius: 10px;
            overflow-y: auto;
            margin-left: var(--info-box-margin-left);
            margin-top: var(--info-box-margin-top);
        }
/* /Components/QuestionBank/Answers/SingleChoice/Carousel/SingleChoiceCarousel.razor.rz.scp.css */
.topic-list[b-ylri3sit69] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.answer-list-container[b-ylri3sit69] {
    margin-top: 25px;
}

    .answer-list-container .answer-list[b-ylri3sit69] {
        padding-right: 0;
        overflow: auto;
        margin-bottom: 15px;
    }



.list-title[b-ylri3sit69] {
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.actions[b-ylri3sit69] {
    margin-left: 110px;
}

[b-ylri3sit69] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.answer-options[b-ylri3sit69] {
    margin: 25px 0;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    grid-column-gap: 25px;
}

    .answer-options > .option[b-ylri3sit69] {
        display: flex;
        align-items: center;
        gap: 10px;
    }
/* /Components/QuestionBank/Answers/SingleChoice/Carousel/SingleChoiceCarouselAnswerItem.razor.rz.scp.css */
.answer-item[b-eo64ool865] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-eo64ool865] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-eo64ool865] {
            padding-top: 3px;
        }

.answer-item-inner .var-name[b-eo64ool865] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-eo64ool865] {
        opacity: 1;
    }

.answer-item-inner[b-eo64ool865]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-eo64ool865]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-eo64ool865]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-eo64ool865]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-eo64ool865]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-eo64ool865]  .answer-code {
    width: 55px;
}

    .answer-item-inner[b-eo64ool865]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-eo64ool865]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-eo64ool865]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-eo64ool865]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-eo64ool865]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-eo64ool865]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-eo64ool865]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-eo64ool865]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-eo64ool865]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-eo64ool865] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-eo64ool865] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-eo64ool865] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-eo64ool865]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-eo64ool865] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-eo64ool865] {
    opacity: 1;
}

.question-editor:hover .var-name[b-eo64ool865],
.question-editor:has(:focus) .var-name[b-eo64ool865],
.question-editor:has(:active) .var-name[b-eo64ool865] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/Carousel/SingleChoiceCarouselReadonlyView.razor.rz.scp.css */
.list-title[b-dk4tecm5rp] {
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.answer-list-container[b-dk4tecm5rp] {
    margin-top: 25px;
}

.answer-list[b-dk4tecm5rp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px 0 15px;
}

.answer-item[b-dk4tecm5rp] {
    display: flex;
    align-items: start;
    gap: 5px;
}

.topic-list[b-dk4tecm5rp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.topic-item[b-dk4tecm5rp] {
    display: flex;
    align-items: start;
    gap: 5px;
}

.var-name[b-dk4tecm5rp] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-dk4tecm5rp] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-dk4tecm5rp] {
        color: var(--qdt-black);
    }

.text[b-dk4tecm5rp] {
    padding-left: 5px;
}

.var-name[b-dk4tecm5rp], .text[b-dk4tecm5rp] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Answers/SingleChoice/Carousel/SingleChoiceCarouselTopicItem.razor.rz.scp.css */
.topic-item[b-sn0azz5yn6] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .topic-item:last-child[b-sn0azz5yn6] {
        margin-bottom: 20px;
    }

    .topic-item .topic-item-inner[b-sn0azz5yn6] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }

        .topic-item .topic-item-inner .type-icon[b-sn0azz5yn6] {
            padding-top: 3px;
        }

.topic-item-inner .var-name[b-sn0azz5yn6] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-sn0azz5yn6] {
        opacity: 1;
    }

.topic-item-inner[b-sn0azz5yn6]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.topic-item-inner[b-sn0azz5yn6]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item-inner:has(:focus, :hover, :active)[b-sn0azz5yn6]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-sn0azz5yn6]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-sn0azz5yn6]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-code */
.topic-item-inner[b-sn0azz5yn6]  .topic-code {
    width: 55px;
}

    .topic-item-inner[b-sn0azz5yn6]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item-inner[b-sn0azz5yn6]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item-inner:has(:active,:focus,:hover)[b-sn0azz5yn6]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-sn0azz5yn6]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-sn0azz5yn6]  .topic-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-text */
.topic-item-inner[b-sn0azz5yn6]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-sn0azz5yn6]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-sn0azz5yn6]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-sn0azz5yn6]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.topic-text[b-sn0azz5yn6] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-sn0azz5yn6] .topic-text .topic-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-sn0azz5yn6] .topic-text .topic-menu-button .ti {
        color: var(--qdt-grey);
    }

.topic-item:has(:active,:focus,:hover)[b-sn0azz5yn6]  .topic-text .topic-menu-button {
    opacity: 1;
}

.dragdrop-topic-grip[b-sn0azz5yn6] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-sn0azz5yn6] {
    opacity: 1;
}

.question-editor:hover .var-name[b-sn0azz5yn6],
.question-editor:has(:focus) .var-name[b-sn0azz5yn6],
.question-editor:has(:active) .var-name[b-sn0azz5yn6] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/DateTime/AdditionalAnswerItem.razor.rz.scp.css */
.answer-item[b-2furfxxx16] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-2furfxxx16] {
        cursor: default;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-2furfxxx16] {
            display: flex;
            align-items: center;
        }

.answer-item-inner .var-name[b-2furfxxx16] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-2furfxxx16] {
        opacity: 1;
    }

.answer-item-inner[b-2furfxxx16]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-2furfxxx16]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-2furfxxx16]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-2furfxxx16]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-2furfxxx16]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-2furfxxx16]  .answer-code {
    width: 55px;
}

    .answer-item-inner[b-2furfxxx16]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-2furfxxx16]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-2furfxxx16]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-2furfxxx16]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-2furfxxx16]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-2furfxxx16]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-2furfxxx16]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-2furfxxx16]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-2furfxxx16]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-2furfxxx16] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-2furfxxx16] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-2furfxxx16] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-2furfxxx16]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-2furfxxx16] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-2furfxxx16] {
    opacity: 1;
}

.question-editor:hover .var-name[b-2furfxxx16],
.question-editor:has(:focus) .var-name[b-2furfxxx16],
.question-editor:has(:active) .var-name[b-2furfxxx16] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/DateTime/SingleChoiceDateTime.razor.rz.scp.css */
.date-time-answer-container[b-h618jalnru] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}

.field-row[b-h618jalnru] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-row[b-h618jalnru]  .today-now-button {
    border-radius: 4px;
}

/* The preview field is optional and never submitted for validation — an invalid/red state can only
   come from the picker's own eager (while-typing) parsing, not a genuine validation failure, so any
   highlight here follows the app's green accent instead of Telerik's default red. */
.field-row[b-h618jalnru]  .k-invalid {
    border-color: var(--qdt-stroke-green) !important;
    box-shadow: none !important;
}

.checkbox-row[b-h618jalnru],
.time-format-row[b-h618jalnru],
.calendar-type-row[b-h618jalnru] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.time-only-section[b-h618jalnru],
.date-only-section[b-h618jalnru] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.capture-section[b-h618jalnru] {
    display: flex;
    gap: 12px;
}
/* /Components/QuestionBank/Answers/SingleChoice/DateTime/SingleChoiceDateTimeReadonlyView.razor.rz.scp.css */
.date-time-readonly-view[b-qpj1lgfx2w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setting-row[b-qpj1lgfx2w] {
    font-size: 14px;
    font-weight: 500;
    color: var(--qdt-black);
    display: flex;
    gap: 5px;
}

.setting-label[b-qpj1lgfx2w] {
    color: var(--qdt-grey);
}

.answer-list[b-qpj1lgfx2w] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.answer-item[b-qpj1lgfx2w] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.var-name[b-qpj1lgfx2w] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-qpj1lgfx2w] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-qpj1lgfx2w] {
        color: var(--qdt-black);
    }

.text[b-qpj1lgfx2w] {
    padding-left: 5px;
}

.var-name[b-qpj1lgfx2w], .text[b-qpj1lgfx2w] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Answers/SingleChoice/Numeric/AdditionalAnswerItem.razor.rz.scp.css */
.answer-item[b-k856h2edrs] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-k856h2edrs] {
        cursor: default;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-k856h2edrs] {
            display: flex;
            align-items: center;
        }

.answer-item-inner .var-name[b-k856h2edrs] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-k856h2edrs] {
        opacity: 1;
    }

.answer-item-inner[b-k856h2edrs]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-k856h2edrs]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-k856h2edrs]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-k856h2edrs]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-k856h2edrs]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-k856h2edrs]  .answer-code {
    width: 55px;
}

    .answer-item-inner[b-k856h2edrs]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-k856h2edrs]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-k856h2edrs]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-k856h2edrs]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-k856h2edrs]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-k856h2edrs]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-k856h2edrs]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-k856h2edrs]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-k856h2edrs]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-k856h2edrs] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-k856h2edrs] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-k856h2edrs] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-k856h2edrs]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-k856h2edrs] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-k856h2edrs] {
    opacity: 1;
}

.question-editor:hover .var-name[b-k856h2edrs],
.question-editor:has(:focus) .var-name[b-k856h2edrs],
.question-editor:has(:active) .var-name[b-k856h2edrs] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/Numeric/SingleChoiceNumeric.razor.rz.scp.css */
.answer-container[b-5i79b7p819] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.text-section[b-5i79b7p819] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
    margin-top: 10px;
}

    .text-section[b-5i79b7p819]  .btn-add-text {
        width: 44px;
        height: 44px;
    }

.txt-wrap[b-5i79b7p819] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    column-gap: 5px;
}

    .txt-wrap label[b-5i79b7p819] {
        color: var(--qdt-item-hidden);
        font-size: 12px;
    }

    .txt-wrap[b-5i79b7p819]  .k-input {
        font-size: 14px;
        border: 1px solid var(--menu-items-text-grey);
    }

    .txt-wrap[b-5i79b7p819]  .k-textbox:hover {
    }

    .txt-wrap .ti-x[b-5i79b7p819] {
        color: var(--menu-items-text-grey);
        cursor: pointer;
    }

.range-validation[b-5i79b7p819] {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
}

    .range-validation[b-5i79b7p819]  .k-numerictextbox {
        margin: 0 5px;
    }

        .range-validation[b-5i79b7p819]  .k-numerictextbox.k-valid {
            border-color: rgba(0, 0, 0, 0.08);
        }

        .range-validation[b-5i79b7p819]  .k-numerictextbox .k-input-inner {
            font-size: 16px;
        }

.limit-range-lbl[b-5i79b7p819] {
    margin-left: 5px;
}

.range-validation[b-5i79b7p819]  .k-checkbox-wrap {
    align-self: center;
}

.question-editor:has(:focus, :hover, :active) .text-section[b-5i79b7p819]  .var-name {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/Numeric/SingleChoiceNumericReadonlyView.razor.rz.scp.css */
.numeric-readonly-view[b-92c7irtuzw] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.range-min[b-92c7irtuzw], .range-max[b-92c7irtuzw], .text-after[b-92c7irtuzw], .text-before[b-92c7irtuzw], .text-after-placeholder[b-92c7irtuzw], .text-before-placeholder[b-92c7irtuzw], .var-name[b-92c7irtuzw] {
    font-size: 14px;
    font-weight: 500;
    color: var(--qdt-black);
}

.range[b-92c7irtuzw], .text-section[b-92c7irtuzw] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.range[b-92c7irtuzw] {
    margin-top: 10px;
}

.text-section[b-92c7irtuzw] {
    flex-flow: row wrap;
}

.range-min[b-92c7irtuzw], .range-max[b-92c7irtuzw] {
    flex-shrink: 0;
    width: 45px;
    height: 28px;
    padding: 2px 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    font-size: 16px;
}

.var-name[b-92c7irtuzw], .text-before[b-92c7irtuzw], .text-after[b-92c7irtuzw] {
    flex-shrink: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.var-name[b-92c7irtuzw] {
    width: 120px;
    max-width: 120px;
}

.text-after[b-92c7irtuzw], .text-before[b-92c7irtuzw], .text-after-placeholder[b-92c7irtuzw], .text-before-placeholder[b-92c7irtuzw] {
    width: 200px;
    max-width: 200px;
}

.text-after-placeholder[b-92c7irtuzw], .text-before-placeholder[b-92c7irtuzw] {
    color: var(--qdt-grey);
}

.answer-list[b-92c7irtuzw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.answer-item[b-92c7irtuzw] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.var-name[b-92c7irtuzw] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-92c7irtuzw] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-92c7irtuzw] {
        color: var(--qdt-black);
    }

.text[b-92c7irtuzw] {
    padding-left: 5px;
}

.var-name[b-92c7irtuzw], .text[b-92c7irtuzw] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceHighlightBordersList.razor.rz.scp.css */
.answer-list[b-03xzp03uhg] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions[b-03xzp03uhg] {
    margin-left: 110px;
}

[b-03xzp03uhg] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceHighlightBordersListItem.razor.rz.scp.css */
.answer-item[b-3e2y5bitdu] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-3e2y5bitdu] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }

.answer-item-inner .var-name[b-3e2y5bitdu] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-3e2y5bitdu] {
        opacity: 1;
    }

.answer-item-inner[b-3e2y5bitdu]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-3e2y5bitdu]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-3e2y5bitdu]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-3e2y5bitdu]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-3e2y5bitdu]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-3e2y5bitdu]  .answer-code {
    width: 55px;
}

    .answer-item-inner[b-3e2y5bitdu]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-3e2y5bitdu]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-3e2y5bitdu]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-3e2y5bitdu]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-3e2y5bitdu]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-3e2y5bitdu]  .answer-text .k-editor {
    border: 1px solid var(--qdt-black);
    border-top-color: var(--qdt-black) !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-3e2y5bitdu]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-3e2y5bitdu]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-3e2y5bitdu]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-3e2y5bitdu] {
    flex: 1;
    display: flex;
    position: relative;
}

.answer-item.selected .answer-item-inner[b-3e2y5bitdu]  .answer-text .k-editor.k-valid {
    border: 1px solid var(--qdt-dark-green) !important;
    background-color: var(--qdt-beige);
}

[b-3e2y5bitdu] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-3e2y5bitdu] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-3e2y5bitdu]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-3e2y5bitdu] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-3e2y5bitdu] { 
    opacity: 1;
}

.question-editor:hover .var-name[b-3e2y5bitdu],
.question-editor:has(:focus) .var-name[b-3e2y5bitdu],
.question-editor:has(:active) .var-name[b-3e2y5bitdu] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceHighlightBordersListReadonlyView.razor.rz.scp.css */
.answer-list[b-th4g4or19p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.answer-item[b-th4g4or19p] {
    display: flex;
    align-items: start;
    width: 100%;
    gap: 5px;
    cursor: pointer;
}

.var-name[b-th4g4or19p] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-th4g4or19p] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-th4g4or19p] {
        color: var(--qdt-black);
    }

.text[b-th4g4or19p] {
    flex: 1;
    padding: 4px 8px;
    border: 1px solid var(--qdt-black);
    border-radius: 4px;
}

.answer-item.selected .text[b-th4g4or19p] {
    border: 1px solid var(--qdt-dark-green);
    background-color: var(--qdt-beige);
}

.var-name[b-th4g4or19p], .text[b-th4g4or19p] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceRadioList.razor.rz.scp.css */
.answer-list[b-t4khufu0mb] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions[b-t4khufu0mb] {
    margin-left: 110px;
}

[b-t4khufu0mb] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceRadioListItem.razor.rz.scp.css */
.answer-item[b-z1g7610vsj] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item .answer-item-inner[b-z1g7610vsj] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-z1g7610vsj] {
            padding-top: 3px;
        }

.answer-item-inner .var-name[b-z1g7610vsj] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-z1g7610vsj] {
        opacity: 1;
    }

.answer-item-inner[b-z1g7610vsj]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-z1g7610vsj]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-z1g7610vsj]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-z1g7610vsj]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-z1g7610vsj]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-code */
.answer-item-inner[b-z1g7610vsj]  .answer-code {
    width: 55px;
}

.answer-item-inner[b-z1g7610vsj]  .answer-code .k-numerictextbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item-inner[b-z1g7610vsj]  .answer-code.explicit .k-numerictextbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:active,:focus,:hover)[b-z1g7610vsj]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-z1g7610vsj]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-z1g7610vsj]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-z1g7610vsj]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-z1g7610vsj]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-z1g7610vsj]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-z1g7610vsj]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-z1g7610vsj] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-z1g7610vsj] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-z1g7610vsj] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-z1g7610vsj]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-z1g7610vsj] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-z1g7610vsj] {
    opacity: 1;
}

.question-editor:hover .var-name[b-z1g7610vsj],
.question-editor:has(:focus) .var-name[b-z1g7610vsj],
.question-editor:has(:active) .var-name[b-z1g7610vsj] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceRadioListReadonlyView.razor.rz.scp.css */
.answer-list[b-4p83v1x40c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}

.answer-item[b-4p83v1x40c] {
    display: flex;
    align-items: start;
    gap: 5px;
}

.var-name[b-4p83v1x40c] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-4p83v1x40c] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-4p83v1x40c] {
        color: var(--qdt-black);
    }

.text[b-4p83v1x40c] {
    padding-left: 5px;
}

.var-name[b-4p83v1x40c], .text[b-4p83v1x40c] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceSlider.razor.rz.scp.css */
.answer-list-container[b-v9o47fe8w7] {
    display: flex;
    gap: 20px;
}

.answer-list[b-v9o47fe8w7] {
    overflow-x: auto;
}


.answer-list-container .slider-actions[b-v9o47fe8w7] {
    display: flex;
    margin-top: 112px;
    align-items: flex-start;
    font-size: 12px;
}

.answer-list-container .slider-container .range-ticks[b-v9o47fe8w7] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    padding: 0;
    margin: 0;
}

.answer-list-container .slider-container .range-ticks li[b-v9o47fe8w7] {
    display: block;
    width: 12px;
    height: 12px;
    min-height: unset;
    border-radius: 50%;
    background-color: var(--qdt-stroke-grey);
}

.answer-list-container .slider-container .range-ticks li.in-selected-range[b-v9o47fe8w7] {
    background-color: var(--qdt-dark-green);
}

[b-v9o47fe8w7] .slider-actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.slider-container[b-v9o47fe8w7] {
    margin-bottom: 20px;
}

.slider-container .range-slider[b-v9o47fe8w7] {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(100% - 154px);
    margin: 0 auto;
}

.slider-container input[type=range][b-v9o47fe8w7] {
    width: 100%;
    -webkit-appearance: none;
    background-color: var(--qdt-stroke-grey);
    height: 5px;
    border-radius: 15px;
    margin: 0;
}

.slider-container input[type=range][b-v9o47fe8w7]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--qdt-dark-green);
    border-radius: 15px;
    appearance: none;
    width: 12px;
    height: 12px;
    margin: 0;
}

.slider-container .range-options-list[b-v9o47fe8w7] {
    display: flex;
    justify-content: space-between;
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceSliderItem.razor.rz.scp.css */

.answer-item[b-f4b23zs0c9] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

    .answer-item .var-name[b-f4b23zs0c9] {
        max-width: 100px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        position: relative;
        display: flex;
    }

        .answer-item .var-name:has(.k-invalid)[b-f4b23zs0c9] {
            opacity: 1;
        }

    .answer-item[b-f4b23zs0c9]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item[b-f4b23zs0c9]  .var-name.explicit .k-textbox {
        color: var(--qdt-black);
    }

    .answer-item:has(:focus, :hover, :active)[b-f4b23zs0c9]  .var-name .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-f4b23zs0c9]  .var-name .k-textbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .answer-item[b-f4b23zs0c9]  .var-name:has(:focus) .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    /* answer-code */
    .answer-item[b-f4b23zs0c9]  .answer-code {
        width: 55px;
    }

    .answer-item[b-f4b23zs0c9]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item[b-f4b23zs0c9]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

    .answer-item:has(:active,:focus,:hover)[b-f4b23zs0c9]  .answer-code .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-f4b23zs0c9]  .answer-code .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .answer-item[b-f4b23zs0c9]  .answer-code:has(:focus) .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    /* answer-text */
    .answer-item[b-f4b23zs0c9]  .answer-text .k-editor {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

    .answer-item:has(:focus, :hover, :active)[b-f4b23zs0c9]  .answer-text .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-f4b23zs0c9]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .answer-item[b-f4b23zs0c9]  .answer-text:has(:focus) .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }


.question-editor:has(:focus, :hover, :active) .var-name[b-f4b23zs0c9] {
    opacity: 1;
}

[b-f4b23zs0c9] .var-name .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-f4b23zs0c9] .var-name .answer-menu-button .k-button-arrow {
        display: none;
    }

.answer-item:has(:active,:focus,:hover)[b-f4b23zs0c9]  .var-name .answer-menu-button {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoice/SingleChoiceSliderReadonlyView.razor.rz.scp.css */
.answer-list-container[b-qiig9a4bim] {
    display: flex;
    gap: 20px;
}

.answer-list[b-qiig9a4bim] {
    overflow-x: auto;
}

.answer-list-container .slider-actions[b-qiig9a4bim] {
    display: flex;
    margin-top: 112px;
    align-items: flex-start;
    font-size: 12px;
}

.answer-list-container .slider-container .range-ticks[b-qiig9a4bim] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 8px;
    pointer-events: none;
    padding: 0;
}

    .answer-list-container .slider-container .range-ticks li[b-qiig9a4bim] {
        display: block;
        width: 12px;
        height: 12px;
        min-height: unset;
        border-radius: 50%;
        background-color: var(--qdt-stroke-grey);
    }

        .answer-list-container .slider-container .range-ticks li.in-selected-range[b-qiig9a4bim] {
            background-color: var(--qdt-dark-green);
        }

.slider-container .range-slider[b-qiig9a4bim] {
    position: relative;
    width: calc(100% - 154px);
    margin: 0 auto;
}

.slider-container input[type=range][b-qiig9a4bim] {
    width: 100%;
    -webkit-appearance: none;
    background-color: var(--qdt-stroke-grey);
    height: 5px;
    border-radius: 15px;
    margin-top: 10px;
}

    .slider-container input[type=range][b-qiig9a4bim]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: var(--qdt-dark-green);
        border-radius: 15px;
        appearance: none;
        width: 12px;
        height: 12px;
        margin: 0;
    }

.slider-container .range-options-list[b-qiig9a4bim] {
    display: flex;
    justify-content: space-between;
}

    .slider-container .range-options-list .answer-item[b-qiig9a4bim] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

.var-name[b-qiig9a4bim] {
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-qiig9a4bim] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-qiig9a4bim] {
        color: var(--qdt-black);
    }

.text[b-qiig9a4bim] {
    width: 150px;
    max-width: 150px;
}

.var-name[b-qiig9a4bim], .text[b-qiig9a4bim] {
    font-size: 12px;
    font-weight: 500;
    color: var(--qdt-black);
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* /Components/QuestionBank/Answers/SingleChoiceGrid/SingleSelectionGrid.razor.rz.scp.css */
.singleselect-container-inner[b-wf1424r0wg] {
    display: flex;
}

    .singleselect-container-inner .answer-actions[b-wf1424r0wg] {
        padding-left: 20px;
        padding-top: 40px;
    }

.grid-wrapper[b-wf1424r0wg] {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.grid[b-wf1424r0wg] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-wf1424r0wg] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list th[b-wf1424r0wg] {
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            /*position: sticky;
            top: 0;*/
            vertical-align: top;
        }

            .grid .answer-list th:first-child[b-wf1424r0wg] {
                border-left: none;
            }
            

        .grid .answer-list th[b-wf1424r0wg],
        .grid .answer-list .answer[b-wf1424r0wg] {
            background-color: #fff;
            width: 200px;
        }

        .grid .answer-list .sticky-col[b-wf1424r0wg] {
            position: sticky;
            left: 0px;
            top: 0;
            width: 290px;
            max-width: 290px;
            z-index: 3;
        }

    .grid .topic-list[b-wf1424r0wg] {
    }
        .grid .topic-list .topic .sticky-col[b-wf1424r0wg] {
            position: sticky;
            left: 0px;
            width: 290px;
            min-width: 290px;
            max-width: 290px;
            z-index: 2;
            background-color: white;
            border-left: 1px solid var(--qdt-stroke-grey);
        }

        .grid .topic-list .topic:hover[b-wf1424r0wg], .grid .topic-list .topic:hover .sticky-col[b-wf1424r0wg] {
            background-color: var(--qdt-hover-blue);
        }

        .grid .topic-list .topic td[b-wf1424r0wg] {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: var(--qdt-stroke-grey);
            width: 200px;
        }

        .grid .topic-list .topic td:first-child[b-wf1424r0wg]{
            border-left: none;
        }

        [b-wf1424r0wg] .answer-actions .k-button, .topic-actions[b-wf1424r0wg]  .k-button {
            color: var(--qdt-dark-green);
            font-size: 12px;
        }

.topic-actions[b-wf1424r0wg]{
    padding-top: 20px;
    padding-left: 7px;
}
/* /Components/QuestionBank/Answers/SingleChoiceGrid/SingleSelectionGridAnswerItem.razor.rz.scp.css */
.answer-item[b-ciegmk14a9] {
    align-items: start;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 100%;
    font-size: 12px;
    gap: 10px;
    margin: 3px auto 24px;
}

.top-block[b-ciegmk14a9] {
    display: flex;
    gap: 3px;
    width: 100%;
    align-items: center;
}

.answer-item[b-ciegmk14a9]  .k-input {
    font-size: 12px;
}

.answer-item .var-name[b-ciegmk14a9] {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 90%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .answer-item .var-name:has(.k-invalid)[b-ciegmk14a9] {
        opacity: 1;
    }

.answer-item[b-ciegmk14a9]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.answer-item[b-ciegmk14a9]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item[b-ciegmk14a9]  .var-name .k-textbox .k-input-inner {
    padding-block: 4px;
    padding-inline: 6px;
}

.answer-item:has(:active,:focus,:hover)[b-ciegmk14a9]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ciegmk14a9]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: white;
}

.answer-item[b-ciegmk14a9]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

/* answer-code */
.answer-item[b-ciegmk14a9]  .answer-code {
    width: 55px;
}

    .answer-item[b-ciegmk14a9]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item[b-ciegmk14a9]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item:has(:active,:focus,:hover)[b-ciegmk14a9]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ciegmk14a9]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-ciegmk14a9]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item .answer-text[b-ciegmk14a9] {
    border-radius: 4px;
    width: 100%;
}

/* answer-text */
.answer-item[b-ciegmk14a9]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item:has(:focus, :hover, :active)[b-ciegmk14a9]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ciegmk14a9]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-ciegmk14a9]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item[b-ciegmk14a9]  .answer-text .k-editor .k-editor-content {
    border: 0px none transparent !important;
    border-radius: 4px !important;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-ciegmk14a9] {
    opacity: 1;
}

.answer-item[b-ciegmk14a9]  .answer-text .popover {
    bottom: -15px;
    right: 5px;
}

.dragdrop-answer-grip[b-ciegmk14a9] {
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-ciegmk14a9] {
    opacity: 1;
}

.question-editor:hover .var-name[b-ciegmk14a9], .question-editor:has(:focus, :active) .var-name[b-ciegmk14a9] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoiceGrid/SingleSelectionGridReadonlyView.razor.rz.scp.css */
.grid-wrapper[b-xoj9tkl6mf] {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.grid[b-xoj9tkl6mf] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-xoj9tkl6mf] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list .answer[b-xoj9tkl6mf] {
            width: 200px;
            min-width: 200px;
            background-color: #fff;
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            position: sticky;
            top: 0;
        }

        .grid .answer-list th:first-child[b-xoj9tkl6mf] {
            border-left: none;
        }

        .grid .answer-list .sticky-col[b-xoj9tkl6mf] {
            position: sticky;
            left: 0px;
            top: 0;
            z-index: 3;
        }

    .grid .topics-list .sticky-col[b-xoj9tkl6mf] {
        position: sticky;
        left: 0px;
        z-index: 2;
        background-color: white;
        border-left: 1px solid var(--qdt-stroke-grey);
    }

    .grid .topics-list .topic[b-xoj9tkl6mf], .grid .topics-list .checkbox-cell[b-xoj9tkl6mf] {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: var(--qdt-stroke-grey);
        width: 200px;
    }

        .grid .topics-list .topic:first-child[b-xoj9tkl6mf] {
            border-left: none;
        }

        .grid .topics-list .topic .checkbox-cell[b-xoj9tkl6mf] {
            text-align: center;
        }

    .grid .answer-content[b-xoj9tkl6mf] {
        padding: 3px 0 24px 0;
    }

    .grid .answer-content[b-xoj9tkl6mf], .grid .topic-content[b-xoj9tkl6mf] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .grid .var-name[b-xoj9tkl6mf], .grid .text[b-xoj9tkl6mf] {
        font-size: 12px;
        font-weight: 500;
        color: var(--qdt-black);
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .grid .var-name[b-xoj9tkl6mf] {
        width: 65px;
        max-width: 65px;
    }

    .grid .code[b-xoj9tkl6mf] {
        color: var(--qdt-autogenerated-prop);
    }

        .grid .code.explicit[b-xoj9tkl6mf] {
            color: var(--qdt-black);
        }

    .grid .text[b-xoj9tkl6mf] {
        width: 150px;
        max-width: 150px;
    }

    .grid .topics-list .checkbox-cell[b-xoj9tkl6mf] {
        text-align: center;
    }
/* /Components/QuestionBank/Answers/SingleChoiceGrid/SingleSelectionGridTopicItem.razor.rz.scp.css */
.topic-item[b-vlkz55iwoe] {
    align-items: start;
    display: flex;
    font-size: 12px;
    padding-bottom: 20px;
    gap: 3px;
}

    .topic-item[b-vlkz55iwoe]  .k-input {
        font-size: 12px;
    }

    .topic-item .var-name[b-vlkz55iwoe] {
        display: flex;
        align-items: center;
        position: relative;
        width: 75px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

        .topic-item .var-name:has(.k-invalid)[b-vlkz55iwoe] {
            opacity: 1;
        }

    .topic-item[b-vlkz55iwoe]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item[b-vlkz55iwoe]  .var-name.explicit .k-textbox {
        color: var(--qdt-black);
    }

    .topic-item:has(:active,:focus,:hover)[b-vlkz55iwoe]  .var-name .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .topic-item[b-vlkz55iwoe]  .var-name:has(:focus) .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-white);
    }

    .topic-item[b-vlkz55iwoe]  .var-name .k-textbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    /* topic-code */
    .topic-item[b-vlkz55iwoe]  .topic-code {
        width: 55px;
    }

        .topic-item[b-vlkz55iwoe]  .topic-code .k-numerictextbox {
            border: 1px solid transparent;
            border-radius: 4px !important;
            font-size: 12px;
            transition: background-color 0.3s ease-out;
            color: var(--qdt-autogenerated-prop);
        }

        .topic-item[b-vlkz55iwoe]  .topic-code.explicit .k-numerictextbox {
            color: var(--qdt-black);
        }

    .topic-item:has(:active,:focus,:hover)[b-vlkz55iwoe]  .topic-code .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .topic-item[b-vlkz55iwoe]  .topic-code .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .topic-item[b-vlkz55iwoe]  .topic-code:has(:focus) .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    /* topic-text */
    .topic-item .topic-text[b-vlkz55iwoe] {
        flex: 1;
    }

    .topic-item[b-vlkz55iwoe]  .topic-text .k-editor {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

    .topic-item:has(:focus, :hover, :active)[b-vlkz55iwoe]  .topic-text .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .topic-item[b-vlkz55iwoe]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .topic-item[b-vlkz55iwoe]  .topic-text:has(:focus) .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    .topic-item[b-vlkz55iwoe]  .topic-text .k-editor .k-editor-content {
        border: 0px none transparent !important;
        border-radius: 4px !important;
    }

    .topic-item[b-vlkz55iwoe]  .topic-text .popover {
        bottom: -15px;
        right: 5px;
    }

.ti.ti-grip-vertical[b-vlkz55iwoe] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .ti.ti-grip-vertical[b-vlkz55iwoe] {
    opacity: 1;
}

.question-editor:has(:active,:focus,:hover) .var-name[b-vlkz55iwoe] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoiceGrid/StarBar.razor.rz.scp.css */
.answers-list-container[b-6f4shx8i15] {
    display: flex;
    flex-direction: column;
}

.topic-list[b-6f4shx8i15] {
    max-height: 180px;
    overflow: auto;
}

.numeric-btn[b-6f4shx8i15]
{
    height: 100%;
}

.actions[b-6f4shx8i15] {
    padding-left: 110px;
    margin: 6px 0;
}

[b-6f4shx8i15] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/QuestionBank/Answers/SingleChoiceGrid/StarBarItem.razor.rz.scp.css */
.topic-item[b-aoac29qoky] {
    margin-left: 0;
    margin-right: 0;
}

    .topic-item .topic-item-inner[b-aoac29qoky], .topic-item .answer-item-inner[b-aoac29qoky] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
        margin-bottom: 3px;
    }


.topic-item-inner .var-name[b-aoac29qoky] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-aoac29qoky] {
        opacity: 1;
    }

.topic-item-inner[b-aoac29qoky]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    color: var(--qdt-autogenerated-prop);
}

.topic-item-inner[b-aoac29qoky]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item-inner:has(:focus, :hover, :active)[b-aoac29qoky]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-aoac29qoky]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-aoac29qoky]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-code */
.topic-item-inner[b-aoac29qoky]  .topic-code {
    width: 55px;
}

    .topic-item-inner[b-aoac29qoky]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item-inner[b-aoac29qoky]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item-inner:has(:active,:focus,:hover)[b-aoac29qoky]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-aoac29qoky]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-aoac29qoky]  .topic-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-text */
.topic-item-inner[b-aoac29qoky]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-aoac29qoky]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-aoac29qoky]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-aoac29qoky]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.topic-text[b-aoac29qoky] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-aoac29qoky] .topic-text .topic-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-aoac29qoky] .topic-text .topic-menu-button .k-button-arrow {
        display: none;
    }

.topic-item:has(:active,:focus,:hover)[b-aoac29qoky]  .topic-text .topic-menu-button {
    opacity: 1;
}

.dd-grip[b-aoac29qoky] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dd-grip[b-aoac29qoky] {
    opacity: 1;
}


.answer-item-inner .var-name[b-aoac29qoky] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-aoac29qoky] {
        opacity: 1;
    }

.answer-item-inner[b-aoac29qoky]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-aoac29qoky]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-aoac29qoky]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-aoac29qoky]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item-inner .ti[b-aoac29qoky] {
    font-size: 16px;
}

.answer-item-inner .ti-star[b-aoac29qoky] {
    color: var(--qdt-light-grey);
}

.answer-item-inner .ti-star-filled[b-aoac29qoky] {
    color: var(--qdt-dark-green);
}

.answer-stars[b-aoac29qoky] {
    margin-left: 152px;
}

.question-editor:hover .var-name[b-aoac29qoky],
.question-editor:has(:focus) .var-name[b-aoac29qoky],
.question-editor:has(:active) .var-name[b-aoac29qoky] {
    opacity: 1;
}
/* /Components/QuestionBank/Answers/SingleChoiceGrid/StarBarReadonlyView.razor.rz.scp.css */
.topic-stars .ti-star[b-52fi3regkp] {
    color: var(--qdt-light-grey);
}

.topic-item[b-52fi3regkp] {
    font-size: 12px;
}

.var-name[b-52fi3regkp] {
    width: 100px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.code[b-52fi3regkp] {
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
    font-weight: 500;
    min-width: 35px;
    text-align: center;
}

    .code.explicit[b-52fi3regkp] {
        color: var(--qdt-black);
    }

.settings[b-52fi3regkp] {
    font-size: 15px;
}

    .settings .number-box[b-52fi3regkp] {
        padding: 2px 8px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 4px;
    }
/* /Components/QuestionBank/CustomFields/CustomFields.razor.rz.scp.css */
.custom-fields-wrapper[b-1c42rt0n8o] {
    position: relative;
}

/* SR-1859: block all input while a custom-field save is in flight so no second
   whole-template update races the first (would collide on QuestionCustomFields). */
.custom-fields-wrapper.saving[b-1c42rt0n8o] {
    pointer-events: none;
    opacity: 0.6;
}

.custom-fields[b-1c42rt0n8o] {
    display: grid;
    margin: 15px;
}

.custom-fields .header[b-1c42rt0n8o] {
    display: flex;
    justify-content: space-between;
}

.custom-fields .header .title[b-1c42rt0n8o] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.custom-fields .header .actions[b-1c42rt0n8o] {
    display: flex;
    align-items: center;
}

.custom-fields .header .actions[b-1c42rt0n8o]  .create-btn {
    height: 40px;
    width: 100px;
    border-radius: 8px;
}

.custom-fields .fields[b-1c42rt0n8o] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
}

.custom-fields .fields .title[b-1c42rt0n8o] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.custom-fields .fields .name[b-1c42rt0n8o] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field[b-1c42rt0n8o] {
    display: grid;
    align-items: center;
    grid-template-columns: auto 32px;
    gap: 8px;
}

.custom-fields .fields .field .name[b-1c42rt0n8o] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field .value[b-1c42rt0n8o]  input,
.custom-fields .fields .field .value[b-1c42rt0n8o]  textarea {
    font-size: 12px;
}

.custom-fields .fields .field .value[b-1c42rt0n8o]  .k-textbox,
.custom-fields .fields .field .value[b-1c42rt0n8o]  .k-textarea,
.custom-fields .fields .field .value[b-1c42rt0n8o]  .k-picker {
    border-radius: 8px;
}

.custom-fields .fields .field .value[b-1c42rt0n8o]  .k-textbox .k-input-inner,
.custom-fields .fields .field .value[b-1c42rt0n8o]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.custom-fields .fields .field .value[b-1c42rt0n8o]  .k-textarea textarea {
    field-sizing: content;
}

.custom-fields .fields .field .delete-btn[b-1c42rt0n8o] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.custom-fields > .actions[b-1c42rt0n8o] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.custom-fields > .actions a[b-1c42rt0n8o] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}


.topics-wrapper[b-1c42rt0n8o] {
    display: grid;
    margin: 15px 0 5px;
    border-top: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper > .header[b-1c42rt0n8o] {
    display: flex;
    padding: 15px 15px 5px;
}

.topics-wrapper > .header > .title[b-1c42rt0n8o] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.topics-wrapper .topics[b-1c42rt0n8o] {
    display: grid;
}

.topics-wrapper .topics > .header[b-1c42rt0n8o] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    padding: 5px 15px;
}

.topics-wrapper .topics > .header > .title[b-1c42rt0n8o] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic[b-1c42rt0n8o] {
    display: grid;
    border-top: solid 1px var(--qdt-stroke-grey);
    padding: 15px;
    row-gap: 5px;
}

.topics-wrapper .topics > .topic:last-child[b-1c42rt0n8o] {
    border-bottom: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper .topics > .topic > .overview[b-1c42rt0n8o] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    align-items: center;
    cursor: pointer;
}

.topics-wrapper .topics > .topic > .overview .name[b-1c42rt0n8o] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .overview .text[b-1c42rt0n8o] {
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topics-wrapper .topics > .topic > .overview.expanded[b-1c42rt0n8o] {
    grid-template-columns: 25px 150px 100px auto;
}

.topics-wrapper .topics > .topic > .overview.expanded .text[b-1c42rt0n8o] {
    grid-column: 1 / -1;
    overflow: visible;
    white-space: normal;
    padding: 5px 0 5px 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields[b-1c42rt0n8o] {
    padding-left: 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields[b-1c42rt0n8o] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .title[b-1c42rt0n8o] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .name[b-1c42rt0n8o] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field[b-1c42rt0n8o] {
    display: grid;
    grid-template-columns: auto 32px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .name[b-1c42rt0n8o] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  input,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  textarea {
    font-size: 12px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  .k-textbox,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  .k-textarea,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  .k-picker {
    border-radius: 8px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  .k-textbox .k-input-inner,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1c42rt0n8o]  .k-textarea textarea {
    field-sizing: content;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .delete-btn[b-1c42rt0n8o] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions[b-1c42rt0n8o] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions a[b-1c42rt0n8o] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}
/* /Components/QuestionBank/Dialogs/ConfirmBreakQBankLogicDialog.razor.rz.scp.css */
.icon[b-udqm2oyifo] {
    color: var(--qdt-red);
    font-size: 24px;
}

[b-udqm2oyifo](.qdt-dialog-title) {
    display: flex;
    align-items: center;
    gap: 4px;
}

.message[b-udqm2oyifo] {
    font-size: 16px;
    font-weight: 400;
    color: var(--qdt-black);
    margin-bottom: 8px;
}

.details[b-udqm2oyifo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0;
    max-height: 400px;
}

.rule-reference[b-udqm2oyifo] {
    background: #ffffff;
    border: 1px solid rgba(20, 20, 20, 0.06);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rule-reference .group-context[b-udqm2oyifo] {
    font-size: 11px;
    font-weight: 500;
    color: var(--qdt-secondary-text, #6b7280);
    padding: 2px 0;
}

.rule-reference .question-reference[b-udqm2oyifo] {
    display: grid;
    grid-template-columns: 20px auto 1fr;
    gap: 6px;
    align-items: start;
    padding: 8px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 6px;
    background: transparent;
}

.rule-reference .question-reference > :nth-child(1)[b-udqm2oyifo] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rule-reference .question-reference .var-name[b-udqm2oyifo],
.rule-reference .answer-reference .var-name[b-udqm2oyifo],
.rule-reference .topic-reference .var-name[b-udqm2oyifo] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rule-reference .question-reference .var-name[b-udqm2oyifo] {
    font-weight: 600;
    font-size: 12px;
    color: var(--qdt-black);
}

.rule-reference .question-reference .text[b-udqm2oyifo] {
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rule-reference .answer-references[b-udqm2oyifo],
.rule-reference .topic-references[b-udqm2oyifo] {
    display: grid;
    gap: 6px;
}

.rule-reference .answer-reference[b-udqm2oyifo],
.rule-reference .topic-reference[b-udqm2oyifo] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px;
    align-items: start;
    padding: 8px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 6px;
    background: #f7f9fc;
}

.rule-reference .answer-reference .var-name[b-udqm2oyifo],
.rule-reference .topic-reference .var-name[b-udqm2oyifo] {
    font-weight: 600;
    color: var(--qdt-black);
    font-size: 12px;
}

.rule-reference .answer-reference .text[b-udqm2oyifo],
.rule-reference .topic-reference .text[b-udqm2oyifo] {
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 1.25;
}
/* /Components/QuestionBank/Dialogs/DetailedView.razor.rz.scp.css */
.dialog-body[b-7ok84t8pje] {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    min-height: 350px;
    max-height: 500px;
    overflow-y: scroll;
    margin: 15px 0 10px;
}

    .dialog-body[b-7ok84t8pje]  .qdt-alert {
        margin: 20px 38px 0;
    }

    .dialog-body[b-7ok84t8pje]  .question-editor {
        border: none;
        padding: unset;
    }
/* /Components/QuestionBank/Dialogs/QuestionTemplateAuditLogDialog.razor.rz.scp.css */
.buttons[b-fgi3fcovxu] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}
/* /Components/QuestionBank/DynamicText/DynamicTextActionsPanel.razor.rz.scp.css */
.qbank-dynamic-text-actions-panel[b-8p59beaw61] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title[b-8p59beaw61] {
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
}

.actions[b-8p59beaw61] {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

[b-8p59beaw61] .add-btn {
    min-width: 88px;
    height: 40px;
    padding: 5px 5px;
}

/* /Components/QuestionBank/DynamicText/DynamicTextEditor.razor.rz.scp.css */
.dynamic-text-editor[b-ap0jxzqzk7] {
    position: relative;
    
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
    border-radius: 8px;
}

[b-ap0jxzqzk7] form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header[b-ap0jxzqzk7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px;
}

.dynamic-text-editor.expanded .header[b-ap0jxzqzk7] {
    padding-bottom: unset;
}
.header[b-ap0jxzqzk7]  .dynamic-text-name {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.3s ease-out;
}

        .header[b-ap0jxzqzk7]  .dynamic-text-name:not(.readonly):has(:focus, :hover, :active) {
            border: 1px solid var(--qdt-stroke-green);
            border-top-color: var(--qdt-stroke-green) !important;
            background-color: var(--qdt-bg-green);
        }

        .header[b-ap0jxzqzk7]  .dynamic-text-name:not(.readonly).k-invalid {
            border: 1px solid var(--qdt-red) !important;
            border-top-color: var(--qdt-red) !important;
            background-color: transparent;
        }

        .header[b-ap0jxzqzk7]  .dynamic-text-name:not(.readonly):has(:focus) {
            border: 1px solid var(--qdt-stroke-green);
            background-color: transparent;
        }

        .header[b-ap0jxzqzk7]  .dynamic-text-name.readonly:has(:focus) {
            border-color: transparent;
            box-shadow: none;
        }

.actions[b-ap0jxzqzk7] {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.actions .expander-btn[b-ap0jxzqzk7] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
    background-color: transparent;
}

.body[b-ap0jxzqzk7] {
    display: none;
    padding: 0 23px 23px 23px;
}

.dynamic-text-editor.expanded .body[b-ap0jxzqzk7] {
    display: block;
}

.form-buttons[b-ap0jxzqzk7] {
    display: flex;
    justify-content: end;
    gap: 8px;
}

.form-buttons[b-ap0jxzqzk7]  .submit-btn, .form-buttons[b-ap0jxzqzk7]  .cancel-btn {
    width: auto;
    padding: 5px 15px;
}

.loading-overlay[b-ap0jxzqzk7] {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
}
/* /Components/QuestionBank/DynamicText/DynamicTextFiltersPanel.razor.rz.scp.css */
.qbank-dynamic-text-filters-panel[b-s4xayf7bmq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background-color: var(--qdt-white);
    border-radius: 8px;
}

.qbank-dynamic-text-filters-panel[b-s4xayf7bmq]  .search-box {
    width: 40%;
    height: 38px;
}
/* /Components/QuestionBank/DynamicText/DynamicTextItemsList.razor.rz.scp.css */
.dynamic-text-items[b-6y63p5skus] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.dynamic-text-items-list[b-6y63p5skus] {
    display: flex;
    flex-direction: column;
    width: 48%;
    max-height: 306px;
    gap: 4px;
}

[b-6y63p5skus] .add-btn {
    width: auto;
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/QuestionBank/DynamicText/DynamicTextItemsListItem.razor.rz.scp.css */
.dynamic-text-item[b-ek80rr5quo] {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

    .dynamic-text-item:last-child[b-ek80rr5quo] {
        margin-bottom: 10px;
    }

.text[b-ek80rr5quo]  .dynamic-text-item-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.dynamic-text-item[b-ek80rr5quo]  .text .k-input {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.dynamic-text-item:has(:focus, :hover, :active)[b-ek80rr5quo]  .text .k-input {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.dynamic-text-item:has(:focus, :hover, :active)[b-ek80rr5quo]  .dynamic-text-item-menu-button {
    opacity: 1;
}

.dynamic-text-item[b-ek80rr5quo]  .text .k-input.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.dynamic-text-item[b-ek80rr5quo]  .text:has(:focus) .k-input {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.text[b-ek80rr5quo] {
    flex: 1;
    display: flex;
    position: relative;
}

.dd-grip[b-ek80rr5quo] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.dynamic-text-item:has(:active,:focus,:hover) .dd-grip[b-ek80rr5quo] {
    opacity: 1;
}
/* /Components/QuestionBank/DynamicText/DynamicTextSelectorRow.razor.rz.scp.css */
.dynamic-text-definition[b-r0iywyycv0] {
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

.header[b-r0iywyycv0] {
    display: flex;
    gap: 20px;
    padding: 15px 20px;
    cursor:pointer;
}

    .header i.ti[b-r0iywyycv0] {
        margin-left: auto;
    }

.body[b-r0iywyycv0] {
    padding: 15px 20px;
}
.list[b-r0iywyycv0] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
}
    .list .item[b-r0iywyycv0] {
        padding: 10px 10px;
        border-bottom: 1px solid var(--qdt-stroke-grey);
        cursor: pointer;
    }

    .list .item:last-child[b-r0iywyycv0]{
        border:none;
    }

.item.selected[b-r0iywyycv0] {
    background-color: #E9F8D2;
}
/* /Components/QuestionBank/GroupDetailsSidebar.razor.rz.scp.css */
.content[b-s2yw0sr380] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 44px 20px 44px 33px;
    overflow: hidden;
}

.content[b-s2yw0sr380]  .search-box {
    height: auto;
}

.content[b-s2yw0sr380]  .group-tree {
    flex: 1;
}
/* /Components/QuestionBank/Groups/GroupDetailsList.razor.rz.scp.css */
.group-details-list[b-dbd59pvj7k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px 8px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-green);
    border-radius: 8px;
    overflow: hidden;
}

.title[b-dbd59pvj7k] {
    font-size: 20px;
    line-height: 14px;
    margin-bottom: 10px;
}

.list[b-dbd59pvj7k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

    .list[b-dbd59pvj7k]  .groups-list {
        overflow-y: unset;
    }

.group-details-list-empty[b-dbd59pvj7k] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Groups/GroupsActionsPanel.razor.rz.scp.css */
.qbank-groups-actions-panel[b-ktv1yj5lua] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 8px 0;
    gap: 20px;
}

.filler[b-ktv1yj5lua] {
    flex: 1;
}

[b-ktv1yj5lua] .use-btn {
    height: 36px;
}
/* /Components/QuestionBank/Groups/GroupSearchItem.razor.rz.scp.css */
.group-search-item[b-cr3oqb909j] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    height: 72px;
    min-height: 72px;
    padding: 5px 35px;
    background-color: var(--qdt-white);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    text-decoration: none;
}

.group-search-item:last-child[b-cr3oqb909j] {
    border-bottom: none;
}

.icon[b-cr3oqb909j] {
    display: grid;
    place-items: center;
    font-size: 18px;
    color: var(--qdt-dark-green);
}

.content[b-cr3oqb909j] {
    flex: 1;
}

.name[b-cr3oqb909j] {
    color: var(--qdt-black);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}
/* /Components/QuestionBank/Groups/GroupsFiltersWidget.razor.rz.scp.css */
.qbank-groups-filters-widget[b-t9ln7ktwyy] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 15px;
    padding: 24px 0 16px 0;
    overflow: hidden;
}

.controls[b-t9ln7ktwyy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 36px 16px 36px;
    border-bottom: 1px solid var(--qdt-stroke-green);
}

.controls[b-t9ln7ktwyy]  .search-box {
    width: 40%;
}

.results-info[b-t9ln7ktwyy] {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 0 36px;
}

.results-amount[b-t9ln7ktwyy] {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-grey);
}

.list[b-t9ln7ktwyy] {
    flex: 1;
}

.list-loading[b-t9ln7ktwyy], .list-empty[b-t9ln7ktwyy] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.list-empty[b-t9ln7ktwyy] {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}

.pager-container[b-t9ln7ktwyy] {
    padding: 0 38px;
}
/* /Components/QuestionBank/Groups/GroupsList.razor.rz.scp.css */
.groups-list[b-ye2hh81o6g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 9px;
    overflow-y: hidden;
}

.groups-list[b-ye2hh81o6g]  .groups-list-item {
    border-radius: 4px;
}

.header[b-ye2hh81o6g] {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr 1fr 2fr 1fr;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: var(--qdt-light-grey);
}

.questions[b-ye2hh81o6g], .tags[b-ye2hh81o6g] {
    text-align: center;
}

.body[b-ye2hh81o6g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* /Components/QuestionBank/Groups/GroupsListItem.razor.rz.scp.css */
.groups-list-item[b-4j0979okuv] {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr 1fr 2fr 1fr;
    align-items: center;
    height: 66px;
    min-height: 66px;
    padding: 0 7px 0 17px;
    background-color: var(--qdt-white);
    border: 1px solid #D9D9D9;
    cursor: pointer;
}

.groups-list-item:hover[b-4j0979okuv] {
    border: 1px solid var(--qdt-dark-green);
}

.icon[b-4j0979okuv] {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--qdt-dark-green);
}

.name .textbox-container[b-4j0979okuv] {
    width: 50%;
}

.name[b-4j0979okuv]  .k-textbox {
    width: 100%;
    padding-block: 1px;
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-black);
    transition: background-color 0.3s ease-out;
}

.name:has(:focus, :hover, :active)[b-4j0979okuv]  .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.name:has(:focus)[b-4j0979okuv]  .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.questions[b-4j0979okuv], .tags[b-4j0979okuv] {
    text-align: center;
}

.questions[b-4j0979okuv] {
    font-size: 15px;
    font-weight: 500;
    color: var(--qdt-black);
}

.tags-list[b-4j0979okuv] {
    display: flex;
    flex-flow: row wrap;
    column-gap: 8px;
    row-gap: 16px;
    max-width: 358px;
}

.date[b-4j0979okuv] {
    display: flex;
    align-items: center;
    column-gap: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey);
}

.actions[b-4j0979okuv] {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 18px;
    column-gap: 6px;
    color: var(--qdt-black);
}

    .actions .checkbox-container[b-4j0979okuv] {
        cursor: pointer;
        line-height: 18px;
    }

        .actions .checkbox-container input[b-4j0979okuv] {
            width: 18px;
            height: 18px;
        }

.dd-grip[b-4j0979okuv] {
    color: var(--qdt-grey);
    cursor: move;
    transition: opacity 0.3s ease-in-out;
}
/* /Components/QuestionBank/Groups/GroupsTreeSelect.razor.rz.scp.css */
.groups-tree-select[b-6cboqj2tap] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.groups-tree-select[b-6cboqj2tap]  .virtualized-list {
    max-height: 185px;
    padding: 10px 0;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}
/* /Components/QuestionBank/Groups/GroupsTreeSelectNode.razor.rz.scp.css */
.group-tree-select-node[b-7az9zcvc7g] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    height: 40px;
}


.node .summary[b-7az9zcvc7g] {
    display: flex;
    flex-direction: column;
}

    .node .summary .counters[b-7az9zcvc7g] {
        font-size: 12px;
        color: var(--qdt-light-grey2);
        cursor: default;
    }

    .node .summary .text[b-7az9zcvc7g] {
        font-size: 15px;
    }
/* /Components/QuestionBank/Groups/GroupTree.razor.rz.scp.css */
.group-tree[b-aj850gkyc1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.list[b-aj850gkyc1] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.group-tree.draggable-container--is-dragging.draggable-container--over .list[b-aj850gkyc1] {
    cursor: grabbing;
}


.loader[b-aj850gkyc1] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee80;
    cursor: wait;
}
/* /Components/QuestionBank/Groups/GroupTreeNode.razor.rz.scp.css */
.group-tree-node.active[b-tew9huanlp] {
    background-color: #0000001A;
    border-width: 0px;
}

.group-tree-node .node[b-tew9huanlp] {
    gap: 4px;
}

.tree-node .var-name[b-tew9huanlp] {
    max-width: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 3px;
}

.tree-node .name[b-tew9huanlp] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon.dd-handle[b-tew9huanlp] {
    cursor: move;
}

.actions[b-tew9huanlp] {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.actions .checkbox[b-tew9huanlp] {
    width: 14px;
    height: 14px;
}

.rule-slot[b-tew9huanlp] {
    width: 15px;
    height: 15px;
}

.rule-block-invalid-icon[b-tew9huanlp] {
    color: var(--qdt-red) !important;
}

.rule-indicators[b-tew9huanlp] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 15px;
    height: 15px;
    align-items: center;
}

.rule-indicators .rule-indicator[b-tew9huanlp] {
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

.rule-indicators .rule-indicator.rule-show[b-tew9huanlp] {
    background-color: var(--qdt-rule-item-show);
}

.rule-indicators .rule-indicator.rule-jump[b-tew9huanlp] {
    background-color: var(--qdt-rule-item-jump);
}

.rule-indicators .rule-indicator.rule-default[b-tew9huanlp] {
    background-color: var(--qdt-grey);
}

/* /Components/QuestionBank/LinkedItems/LinkedGroups.razor.rz.scp.css */
.linked-groups[b-icdlkrdk52] {
    margin-bottom: 10px;
}

h3[b-icdlkrdk52] {
    padding: 0 37px 5px;
    font-size: 15px;
    color: var(--qdt-dark-green);
    margin-top: 20px;
}


.linked-item[b-icdlkrdk52] {
    padding: 10px 37px 10px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

.target-anchor[b-icdlkrdk52] {
    display: flex;
    align-items: center;
}

.linked-item a[b-icdlkrdk52] {
    color: var(--qdt-black);
    font-size: 15px;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

    .linked-item a:hover[b-icdlkrdk52] {
        text-decoration: none;
    }

.show-more[b-icdlkrdk52] {
    cursor: pointer;
    color: #BFBFBF;
    text-align: right;
    margin-right: 20px;
    margin-top: 10px;
}
/* /Components/QuestionBank/LinkedItems/LinkedItems.razor.rz.scp.css */
.question-linked-items[b-qbu5j039a9] {
    padding: 30px 0 20px;
}
/* /Components/QuestionBank/LinkedItems/LinkedQuestionnaires.razor.rz.scp.css */
h3[b-rhuk4ksqd0] {
    padding: 0 37px 5px;
    font-size: 15px;
    color: var(--qdt-dark-green);
}


.linked-area[b-rhuk4ksqd0] {
    padding: 0 37px 0;
}

    .linked-area > span[b-rhuk4ksqd0] {
        color: var(--qdt-light-grey);
    }

.linked-questionnaires .linked-area:not(:first-child)[b-rhuk4ksqd0] {
    margin-top: 10px;
}



.linked-item[b-rhuk4ksqd0] {
    padding: 10px 37px 10px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

.target-anchor[b-rhuk4ksqd0] {
    display: flex;
    align-items: center;
}

.linked-item a[b-rhuk4ksqd0] {
    color: var(--qdt-black);
    font-size: 15px;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

    .linked-item a:hover[b-rhuk4ksqd0] {
        text-decoration: none;
    }

.show-more[b-rhuk4ksqd0] {
    cursor: pointer;
    color: #BFBFBF;
    text-align: right;
    margin-right: 20px;
    margin-top: 10px;
}

.linked-questionnaires--historical[b-rhuk4ksqd0] {
    margin-top: 16px;
}

    .linked-questionnaires--historical h3[b-rhuk4ksqd0] {
        color: var(--qdt-light-grey);
    }

.linked-item--historical[b-rhuk4ksqd0] {
    opacity: 0.65;
}

    .linked-item--historical a[b-rhuk4ksqd0] {
        text-decoration: line-through;
    }

.historical-badge[b-rhuk4ksqd0] {
    margin-left: 8px;
    padding: 2px 8px;
    font-size: 11px;
    color: var(--qdt-light-grey);
    background-color: var(--qdt-stroke-grey);
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* /Components/QuestionBank/QuestionBankViewSwitch.razor.rz.scp.css */
.view-buttons[b-t35clg23e3] {
    display: flex;
    align-items: center;
}

    .view-buttons[b-t35clg23e3]  .k-button {
        display: grid;
        place-items: center;
        width: 24px;
        height: 24px;
        padding: 0;
        border: none;
        border-radius: 0;
        background-color: transparent;
        color: var(--qdt-grey-button);
    }

.view-buttons[b-t35clg23e3]  .k-button:hover, .view-buttons[b-t35clg23e3]  .k-button.selected {
    background-color: #0000001A;
}

.view-buttons[b-t35clg23e3]  .k-button .k-button-text {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-size: 24px;
}
/* /Components/QuestionBank/Questions/InstructionBox.razor.rz.scp.css */
.instruction-box[b-ojenbkjvq4] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-beige);
    padding: 14px;
    display: flex;
    position: relative;
    margin: 20px 0;
    gap: 10px;
}

    .instruction-box .close[b-ojenbkjvq4] {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
    }
    .instruction-box .instructions[b-ojenbkjvq4] {
        width: 100%;
    }

    .instruction-box .instructions label[b-ojenbkjvq4] {
        font-size: 15px;
        font-weight: 400;
        color: var(--qdt-black);
    }

    [b-ojenbkjvq4] .instructions .k-textarea {
        border-radius: 4px;
        border: 1px solid var(--qdt-stroke-grey);       
    }
    [b-ojenbkjvq4] .instructions .k-textarea textarea {
        min-height: 50px;
        color: var(--qdt-black);
        font-size: 12px;
    }
/* /Components/QuestionBank/Questions/QuestionBankQuestionsActionsPanel.razor.rz.scp.css */
.qbank-questions-actions-panel[b-m4gb762gor] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 8px 0;
    gap: 20px;
}

.filler[b-m4gb762gor] {
    flex: 1;
}

[b-m4gb762gor] .use-btn {
    width: 154px;
}

/* /Components/QuestionBank/Questions/QuestionBankQuestionsFiltersPanel.razor.rz.scp.css */
.qbank-questions-filters-panel[b-u9oap26zfw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    padding: 16px 28px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
    border-radius: 4px;
}

.controls[b-u9oap26zfw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 42px;
}

[b-u9oap26zfw] .search-box {
    width: 40%;
}

.dropdowns[b-u9oap26zfw] {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
}

.dropdowns[b-u9oap26zfw]  .dropdown-button-container {
    width: 144px;
    height: 100%;
}

.filler[b-u9oap26zfw] {
    flex: 1;
}

.selected-filters[b-u9oap26zfw] {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}
/* /Components/QuestionBank/Questions/QuestionBankQuestionsFiltersWidget.razor.rz.scp.css */
.qbank-questions-filters-widget[b-iofy7ww04e] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 15px;
    padding: 24px 0 16px 0;
    overflow: hidden;
}

.controls-container[b-iofy7ww04e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 48px;
    padding: 0 38px 16px 38px;
    border-bottom: 1px solid var(--qdt-stroke-green);
}

.controls-container[b-iofy7ww04e]  .use-btn {
    width: auto;
    padding: 7px 15px;
    font-size: 12px;
}

.controls[b-iofy7ww04e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.controls[b-iofy7ww04e]  .search-box {
    width: 40%;
}

.controls > div:first-child[b-iofy7ww04e] {
    display: flex;
    align-content: stretch;
    column-gap: 48px;
    width: 100%;
}

.dropdowns[b-iofy7ww04e] {
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.dropdowns[b-iofy7ww04e] {
    display: flex;
    align-items: center;
    gap: 30px;
}

.dropdowns[b-iofy7ww04e]  .entity-types-dropdown, .dropdowns[b-iofy7ww04e]  .tags-dropdown {
    width: 144px;
    max-width: 144px;
    height: 100%;
}

.dropdowns[b-iofy7ww04e]  .tags-dropdown .search-box {
    width: 100%;
}

.selected-filters[b-iofy7ww04e] {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    width: 100%;
    gap: 8px;
}

.clear-btn[b-iofy7ww04e] {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    color: var(--qdt-red);
    font-size: 18px;
    transition: background-color 0.3s;
}

.clear-btn:hover[b-iofy7ww04e] {
    background-color: var(--qdt-stroke-grey);
}

.clear:active[b-iofy7ww04e] {
    background-color: var(--qdt-light-grey);
}

.results-info[b-iofy7ww04e] {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 0 38px;
}

.results-info .results-amount[b-iofy7ww04e] {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-grey);
}

.list-loading[b-iofy7ww04e], .list-empty[b-iofy7ww04e] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.list-empty[b-iofy7ww04e] {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}

.list[b-iofy7ww04e] {
    flex: 1;
    padding: 0 36px;
}

.list.Full[b-iofy7ww04e] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
}

    .list.Collapsed[b-iofy7ww04e] {
        padding-bottom: 15px;
    }

    .pager-container[b-iofy7ww04e] {
        padding: 0 38px;
    }
/* /Components/QuestionBank/Questions/QuestionCollapsedView.razor.rz.scp.css */
.question-collapsed-view[b-ui1kl6vc70] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 10px 17px 20px 17px;
    border: 1px solid #BFBFBF;
    border-radius: 8px;
}

.question-collapsed-view:hover[b-ui1kl6vc70] {
    border: 1px solid var(--qdt-dark-green);
}

.question-collapsed-view-header[b-ui1kl6vc70] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info[b-ui1kl6vc70] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #808386;
}

.info .type-icon[b-ui1kl6vc70] {
    font-size: 14px;
}

.question-collapsed-view-body[b-ui1kl6vc70] {
    font-size: 15px;
    font-weight: 500;
    color: var(--qdt-black);
}

[b-ui1kl6vc70] .question-type {
    font-size:12px;
}

.rule-block-invalid-indicator[b-ui1kl6vc70] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rule-block-invalid-indicator .icon[b-ui1kl6vc70] {
    color: var(--qdt-red);
}

.question-collapsed-view-header .actions[b-ui1kl6vc70] {
    display:flex;
    gap: 3px;
}

[b-ui1kl6vc70] .randomization-invalid-button {
    color: var(--qdt-red);
}

[b-ui1kl6vc70] .randomization-button {
    position: relative;
}

.randomization-indicator[b-ui1kl6vc70] {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
}
/* /Components/QuestionBank/Questions/QuestionsList.razor.rz.scp.css */
.questions-list[b-muv5ogn1yu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Components/QuestionBank/Questions/QuestionsListItem.razor.rz.scp.css */
.questions-list-item[b-tok1n1pev5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 82px;
    min-height: 82px;
    column-gap: 6px;
    padding: 0 20px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
}

.type[b-tok1n1pev5] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--qdt-light-grey);
}

.content[b-tok1n1pev5] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.text[b-tok1n1pev5] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-black);
    height: 25px;
    overflow-y: auto;
}

.dd-grip[b-tok1n1pev5] {
    color: var(--qdt-grey);
    cursor: move;
    transition: opacity 0.3s ease-in-out;
}
/* /Components/QuestionBank/Questions/QuestionTemplateAccordion.razor.rz.scp.css */
.qbank-question-accordion[b-0v7da7r3a5] {
    width: 100%;
    margin-bottom:15px;
}

.wrap[b-0v7da7r3a5] {
    border: 1px solid var(--qdt-autogenerated-prop);
    border-radius:8px;
    overflow:hidden;
}

.header-container[b-0v7da7r3a5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    background-color: var(--qdt-white);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    padding: 0 15px 5px;
}

.header[b-0v7da7r3a5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    height: 35px;
    color: var(--qdt-black);
    cursor: pointer;
}

    .header .var-name[b-0v7da7r3a5]{
        max-width: 250px;
        overflow: hidden;
        text-overflow:ellipsis;
    }

    .header .meta-info[b-0v7da7r3a5]{
        display: flex;
        gap: 18px;
    }

.header .tools-box[b-0v7da7r3a5] {
    display: flex;
    gap: 7px;
    align-items: center;
}

    .header-inner[b-0v7da7r3a5] {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

.expanded .header[b-0v7da7r3a5] {
    border-bottom: none;
}

.question-type[b-0v7da7r3a5] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--qdt-light-grey);
}

.header .content[b-0v7da7r3a5] {
    flex: 1;
}

.tags[b-0v7da7r3a5] {
    display: flex;
    flex-flow: row wrap;
    column-gap: 10px;
    row-gap: 2px;
}

.tag[b-0v7da7r3a5] {
    font-size: 12px;
    font-weight: 400;
    padding-block: 2px;
    padding-inline: 6px;
    background-color: #EBF6FF;
    border-radius: 4px;
    color: var(--qdt-light-blue);
}

.text[b-0v7da7r3a5] {
    font-size: 15px;
    font-weight: 400;
}

.checkbox-container[b-0v7da7r3a5] {
    cursor: pointer;
    line-height: 18px;
}

    .checkbox-container input[b-0v7da7r3a5] {
        width: 18px;
        height: 18px;
    }


.body[b-0v7da7r3a5] {
    padding: 12px 35px 20px 35px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
}

    .body[b-0v7da7r3a5]  .question-editor-container {
        padding: 0;
    }

.qbank-question-accordion .qbank-question-added[b-0v7da7r3a5] {
    color: var(--qdt-dark-green);
    font-size: 24px;
}

.action-buttons[b-0v7da7r3a5] {
    display:flex;
    gap:3px;
    align-items:center;
}
.action-buttons .k-button[b-0v7da7r3a5] {
    color: var(--qdt-grey-button);
}

.action-buttons[b-0v7da7r3a5]  .ti {
    font-size: 20px;
    color: var(--qdt-grey-button);
}

.action-buttons[b-0v7da7r3a5]  .randomization-button {
    position: relative;
}

/* SR-1840: broken question-scoped randomization references. */
.action-buttons[b-0v7da7r3a5]  .randomization-invalid-button .ti {
    color: var(--qdt-red);
}

/* SR: indicates the template carries a question-scoped randomization default. */
.action-buttons[b-0v7da7r3a5]  .randomization-indicator {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
}

[b-0v7da7r3a5] .tag-list {
    margin-bottom: 8px;
}

.qbank-question-accordion.expanded[b-0v7da7r3a5]  .question-editor {
    border:none;
    padding: unset;
}
/* /Components/QuestionBank/Questions/QuestionTemplateEditor.razor.rz.scp.css */
.question-editor-container[b-5qenhcf079] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 26px 37px;
    background-color: var(--qdt-white);
    border-radius: 4px;
}

.question-editor-container-header[b-5qenhcf079] {
    display: flex;
    justify-content: space-between;
    gap: 3px;
}

.question-editor[b-5qenhcf079] {
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    padding: 23px 32px 10px;
    margin-bottom: 10px;
    color: var(--qdt-black);
}

.question-editor-header[b-5qenhcf079] {
    display: flex;
    margin-bottom: 10px;
    gap: 5px;
}

.question-editor:last-child[b-5qenhcf079] {
    margin-bottom: 5px;
}


.question-editor-header .question-type[b-5qenhcf079] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

    .question-editor-header .question-type .ti[b-5qenhcf079] {
        color: var(--qdt-light-grey);
    }

.question-editor-header .actions[b-5qenhcf079] {
    margin-left: auto;
    display: flex;
}

    .question-editor-header .actions .insturtions-inidicator[b-5qenhcf079] {
        background-color: var(--qdt-dark-green);
        border-radius: 50%;
        position: absolute;
        width: 5px;
        height: 5px;
        top: 1px;
        right: 5px;
    }

[b-5qenhcf079] .question-editor-header .var-name input {
    font-size: 15px;
    color: var(--qdt-autogenerated-prop);
}

[b-5qenhcf079] .question-editor-header .var-name.explicit input {
    color: var(--qdt-black);
}

[b-5qenhcf079] .question-editor-header .var-name {
    border: 1px solid transparent !important;
}

    [b-5qenhcf079] .question-editor-header .var-name.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        border-radius: 4px !important;
    }

.RadioList .question-text[b-5qenhcf079], .CheckboxList .question-text[b-5qenhcf079], .HighlightBordersList .question-text[b-5qenhcf079] {
    margin-bottom: 8px;
}

.Slider .question-text[b-5qenhcf079] {
    margin-bottom: 16px;
}

.Grid .question-text[b-5qenhcf079] {
    margin-bottom: 26px;
}

.OpenEnded .question-text[b-5qenhcf079] {
    margin-bottom: 20px;
}

[b-5qenhcf079] .question-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
}

[b-5qenhcf079] .question-text:hover .k-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    border-radius: 4px !important;
}

[b-5qenhcf079] .k-textbox:not(.k-invalid),
[b-5qenhcf079] .k-textarea:not(.k-invalid) {
    border: none;
    font-size: 20px;
}

    [b-5qenhcf079] .k-textbox.k-focus, [b-5qenhcf079] .k-textarea.k-focus {
        box-shadow: none;
    }

.right-action-bar[b-5qenhcf079] {
    display: flex;
    justify-content: end;
    gap: 8px;
}

    .right-action-bar[b-5qenhcf079]  .k-button:not(.submit-btn, .cancel-btn) {
        font-size: 18px;
        color: var(--qdt-black);
    }

    .right-action-bar[b-5qenhcf079]  .submit-btn, .right-action-bar[b-5qenhcf079]  .cancel-btn {
        width: auto;
        padding: 5px 15px;
    }

.toggle-btn[b-5qenhcf079] {
    color: var(--menu-items-text-grey);
    margin-right: 3px;
    margin-top: 5px;
}

[b-5qenhcf079] ::placeholder {
    color: var(--qdt-light-grey);
}

.loading-overlay[b-5qenhcf079] {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
}

.question-editor-container-header[b-5qenhcf079]  .tag-list {
    flex: 1;
}

.answers[b-5qenhcf079]  .answer-list .answer-item:last-child {
    margin-bottom: 20px;
}

/* SR-1840 (design D10): question-scoped randomization entry in the expanded view, mirroring QuestionTemplateAccordion. */
.action-buttons[b-5qenhcf079] {
    display: flex;
    gap: 3px;
    align-items: center;
}

.action-buttons[b-5qenhcf079]  .ti {
    font-size: 20px;
    color: var(--qdt-grey-button);
}

.action-buttons[b-5qenhcf079]  .randomization-button {
    position: relative;
}

.action-buttons[b-5qenhcf079]  .randomization-invalid-button .ti {
    color: var(--qdt-red);
}

.action-buttons[b-5qenhcf079]  .randomization-indicator {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
}
/* /Components/QuestionBank/Questions/QuestionTemplateReadonlyView.razor.rz.scp.css */
.question-template-readonly-view[b-yrpv7q3kjq] {
    padding: 23px 32px 10px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
    border-radius: 4px;
    color: var(--qdt-black);
}

.header[b-yrpv7q3kjq] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.header-inner[b-yrpv7q3kjq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-actions[b-yrpv7q3kjq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 5px;
}

.info-block[b-yrpv7q3kjq] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.var-name[b-yrpv7q3kjq] {
    width: 250px;
    max-width: 250px;
}

.question-type[b-yrpv7q3kjq] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 15px;
}

    .question-type i[b-yrpv7q3kjq] {
        color: var(--qdt-grey);
    }

.question-text[b-yrpv7q3kjq] {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: var(--qdt-black);
    white-space: pre-wrap;
}

.question-template-readonly-view .qbank-question-added[b-yrpv7q3kjq] {
    color: var(--qdt-dark-green);
    font-size: 24px;
}

.rule-block-invalid-indicator[b-yrpv7q3kjq] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rule-block-invalid-indicator .icon[b-yrpv7q3kjq] {
    color: var(--qdt-red);
}

[b-yrpv7q3kjq] .randomization-invalid-button {
    color: var(--qdt-red);
}

[b-yrpv7q3kjq] .randomization-button {
    position: relative;
}

.randomization-indicator[b-yrpv7q3kjq] {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
}
/* /Components/QuestionBank/Questions/TagsDropdown.razor.rz.scp.css */
.empty-list[b-84rlupbbbe] {
    padding: 4px 12px;
    color: var(--qdt-grey);
    text-align: center;
}
/* /Components/QuestionBank/Rules/ConditionRulesContainer.razor.rz.scp.css */
.rule-container[b-5dakc6w2xy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 16px;
}

.question-meta[b-5dakc6w2xy] {
    display: flex;
    gap: 10px;
    padding-bottom: 7px;
}

.question-text[b-5dakc6w2xy] {
    padding-bottom: 7px;
}

.rules-container[b-5dakc6w2xy] {
    max-height: 400px;
}

.rule-container-footer[b-5dakc6w2xy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 4px;
}

[b-5dakc6w2xy] .loading {
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

[b-5dakc6w2xy] .qdt-alert {
    margin: 0 !important;
}
/* /Components/QuestionBank/Rules/QBankComparisonConditionComponent.razor.rz.scp.css */
[b-oihmrroqam] .dropdown-select-container:has(.condition-group) {
    max-width: 200px;
}
/* /Components/QuestionBank/Rules/QBankRuleComponent.razor.rz.scp.css */
[b-5foj8a296v] .dropdown-select-container:has(.condition-group) {
    max-width: 200px;
}
/* /Components/QuestionBank/Rules/Templates/GroupOptionTemplate.razor.rz.scp.css */
.group-option-template[b-z2ep34gph6] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.group-label[b-z2ep34gph6] {
    font-weight: 700;
}

.group-name[b-z2ep34gph6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/QuestionBank/Scales/ScaleEditor.razor.rz.scp.css */
.scale-editor[b-wl3q9fsv2x] {
    position: relative;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
    border-radius: 8px;
}

[b-wl3q9fsv2x] form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header[b-wl3q9fsv2x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px;
}
.scale-editor.expanded .header[b-wl3q9fsv2x] {
    padding-bottom: unset;
}

.header[b-wl3q9fsv2x]  .scale-name {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.3s ease-out;
}

.header[b-wl3q9fsv2x]  .scale-name:not(.readonly):has(:focus, :hover, :active) {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.header[b-wl3q9fsv2x]  .scale-name:not(.readonly).k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.header[b-wl3q9fsv2x]  .scale-name:not(.readonly):has(:focus) {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.header[b-wl3q9fsv2x]  .scale-name.readonly:has(:focus) {
    border-color: transparent;
    box-shadow: none;
}

.actions[b-wl3q9fsv2x] {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.actions .expander-btn[b-wl3q9fsv2x] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
    background-color: transparent;
}

.body[b-wl3q9fsv2x] {
    display: none;
    padding: 0 23px 23px 23px;
}

.scale-editor.expanded .body[b-wl3q9fsv2x] {
    display: block;
}

.form-buttons[b-wl3q9fsv2x] {
    display: flex;
    justify-content: end;
    gap: 8px;
}

.form-buttons[b-wl3q9fsv2x]  .submit-btn, .form-buttons[b-wl3q9fsv2x]  .cancel-btn {
    width: auto;
    padding: 5px 15px;
}

.loading-overlay[b-wl3q9fsv2x] {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
}
/* /Components/QuestionBank/Scales/ScaleItemsList.razor.rz.scp.css */
.scale-items[b-jczwzo7923] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.scale-items-list[b-jczwzo7923] {
    display: flex;
    flex-direction: column;
    width: 48%;
    max-height: 306px;
    gap: 4px;
}

[b-jczwzo7923] .add-btn {
    width: auto;
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/QuestionBank/Scales/ScaleItemsListItem.razor.rz.scp.css */
.scale-item[b-yz95h0sfz0] {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

    .scale-item:last-child[b-yz95h0sfz0] {
        margin-bottom: 10px;
    }

    .scale-item .code[b-yz95h0sfz0] {
        max-width: 55px;
        transition: opacity 0.3s ease-in-out;
        position: relative;
    }



    .scale-item:hover .code[b-yz95h0sfz0],
    .scale-item:has(:focus) .code[b-yz95h0sfz0],
    .scale-item:has(:active) .code[b-yz95h0sfz0] {
        opacity: 1;
    }

    .scale-item[b-yz95h0sfz0]  .code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .scale-item.explicit[b-yz95h0sfz0]  .code .k-numerictextbox {
        color: var(--qdt-black);
    }

    .scale-item:has(:focus, :hover, :active)[b-yz95h0sfz0]  .code .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .scale-item[b-yz95h0sfz0]  .code .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .scale-item[b-yz95h0sfz0]  .code:has(:focus) .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

.text[b-yz95h0sfz0]  .scale-item-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.scale-item[b-yz95h0sfz0]  .text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.scale-item:has(:focus, :hover, :active)[b-yz95h0sfz0]  .text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.scale-item:has(:focus, :hover, :active)[b-yz95h0sfz0]  .scale-item-menu-button {
    opacity: 1;
}

.scale-item[b-yz95h0sfz0]  .text .k-editor.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.scale-item[b-yz95h0sfz0]  .text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.text[b-yz95h0sfz0] {
    flex: 1;
    display: flex;
    position: relative;
}

.dd-grip[b-yz95h0sfz0] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.scale-item:has(:active,:focus,:hover) .dd-grip[b-yz95h0sfz0] {
    opacity: 1;
}
/* /Components/QuestionBank/Scales/ScaleReadonlyView.razor.rz.scp.css */
.scale-readonly-view[b-ie24pvyiq1] {
    padding: 12px 23px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}

.header[b-ie24pvyiq1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.name[b-ie24pvyiq1] {
    font-size: 15px;
    font-weight: 500;
    color: var(--qdt-black);
    margin-bottom: 5px;
}

.code-conflict[b-ie24pvyiq1] {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: var(--qdt-bg-yellow);
    font-size: 11px;
    font-weight: 300;
}
.actions[b-ie24pvyiq1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 35px;
}

.actions[b-ie24pvyiq1]  .use-btn {
    width: 48px;
    height: 40px;
    border-radius: 8px;
}

.body[b-ie24pvyiq1] {
    display: flex;
    flex-direction: column;
    width: 48%;
    max-height: 306px;
    gap: 4px;
}

.scale-item[b-ie24pvyiq1] {
    display: flex;
    align-items: center;
    column-gap: 14px;
}

.scale-item .code[b-ie24pvyiq1], .scale-item .name[b-ie24pvyiq1] {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scale-item .code[b-ie24pvyiq1] {
    width: 32px;
    max-width: 32px;
    color: var(--qdt-autogenerated-prop);
    font-weight: 500;
}

.scale-item .code.explicit[b-ie24pvyiq1] {
    color: var(--qdt-black);
}

.scale-item .name[b-ie24pvyiq1] {
    flex: 1;
    font-weight: 400;
    color: var(--qdt-black);
}
/* /Components/QuestionBank/Scales/ScalesActionsPanel.razor.rz.scp.css */
.qbank-scales-actions-panel[b-zut3f2j586] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title[b-zut3f2j586] {
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
}

.actions[b-zut3f2j586] {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

[b-zut3f2j586] .add-btn {
    width: 88px;
    height: 40px;
}

/* /Components/QuestionBank/Scales/ScalesFiltersPanel.razor.rz.scp.css */
.qbank-scales-filters-panel[b-tabp5tpz3t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background-color: var(--qdt-white);
    border-radius: 8px;
}

.qbank-scales-filters-panel[b-tabp5tpz3t]  .search-box {
    width: 40%;
    height: 38px;
}
/* /Components/QuestionBank/Scales/ScalesFiltersWidget.razor.rz.scp.css */
.scales-filters-widget[b-gojyfeinzz], .list[b-gojyfeinzz] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.scales-filters-widget[b-gojyfeinzz] {
    height: 100%;
    gap: 20px;
    overflow: hidden;
}

[b-gojyfeinzz] .search-box {
    max-width: 50%;
    height: 38px;
}

.list[b-gojyfeinzz] {
    gap: 4px;
}

.actions .expander-btn[b-gojyfeinzz] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
    background-color: transparent;
}

.list-loading[b-gojyfeinzz], .list-empty[b-gojyfeinzz] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.list-empty[b-gojyfeinzz] {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}
/* /Components/QuestionBank/Tags/TagItem.razor.rz.scp.css */
.tag[b-yk5xroi6px] {
    background-color: #EBF6FF;
    padding: 1px 6px;
    color: #5B8CAF;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
}

.tag .tag-text[b-yk5xroi6px]{
    font-size: 15px;
    line-height: 20px;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.tag .tag-text:hover[b-yk5xroi6px] {
    text-decoration: underline;
}

.ti:hover[b-yk5xroi6px]{
    font-weight:600;
}
/* /Components/QuestionBank/Tags/TagList.razor.rz.scp.css */
.tag-list[b-i2i5kwhza1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size:12px;
    line-height: 20px;
}

.add-tag-btn[b-i2i5kwhza1] {
    background-color: #EBF6FF;
    padding: 1px 6px;
    margin-right: 8px;
    color: var(--qdt-light-grey);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    border: none;
    font-size: 15px;
}

    .add-tag-btn .ti[b-i2i5kwhza1] {
        color: #5B8CAF;
        font-size: 15px;
    }

.more-tags[b-i2i5kwhza1] {
    padding: 2px 6px;
    margin-right: 8px;
    font-size: 15px;
    color: #5B8CAF;
    text-decoration: underline;
    cursor: pointer;
}

.more-tags-popover[b-i2i5kwhza1] {
    max-height: 100px;
    overflow: auto;
}

    .more-tags-popover[b-i2i5kwhza1]  .tag {
        margin-bottom: 3px;
    }


[b-i2i5kwhza1] .tag-popup .k-list-item-text {
    margin-left: 3px;
}
/* /Components/QuestionBank/Tags/TagsPopoverContent.razor.rz.scp.css */
.tags-popover-content[b-djx54oy9x9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.title[b-djx54oy9x9] {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #BDC0C4;
}

.list[b-djx54oy9x9] {
    display: flex;
    flex-flow: row wrap;
    column-gap: 8px;
    row-gap: 16px;
    max-width: 358px;
    max-height: 98px;
}
/* /Components/QuestionBank/Translations/AnswersBlock.razor.rz.scp.css */
.answers[b-ozzkxnjp91] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column:1/3;
}

.answer-item[b-ozzkxnjp91] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    column-gap: 4px;
    margin-bottom: 6px;
}

.answer-item .var-name[b-ozzkxnjp91] {
    color: var(--qdt-light-grey);
    max-width: 70px;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-column: 1;
    grid-row: 1;
}

.answer-item .answer-text[b-ozzkxnjp91] {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
}

.answer-item[b-ozzkxnjp91]  .translation-status {
    grid-column: 3;
    grid-row: 1;
}

.answer-item[b-ozzkxnjp91]  .approve-translation-button {
    grid-column: 4;
    grid-row: 1;
}

.answer-item[b-ozzkxnjp91]  .field-required-error {
    grid-column: 2 / 5;
    grid-row: 2;
}
/* /Components/QuestionBank/Translations/InvalidQuestionTemplateTranslations.razor.rz.scp.css */
.original-question[b-k9v3efu33p] {
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 2px;
    cursor: pointer;
}

    .original-question:hover[b-k9v3efu33p] {
        background-color: var(--qdt-light-grey-bg, rgba(0, 0, 0, 0.06));
    }

    .original-question .var-name[b-k9v3efu33p] {
        color: var(--qdt-light-grey);
        margin-right: 5px;
        display: inline-block;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
    }
/* /Components/QuestionBank/Translations/MetaInfoBlock.razor.rz.scp.css */
.meta-info[b-bvi319g1mf] {
    padding-bottom: 10px;
    display: flex;
    gap: 10px;
}

.meta-info .actions[b-bvi319g1mf] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    gap: 10px;
}

.lock[b-bvi319g1mf] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}

.lock.disabled[b-bvi319g1mf] {
    color: var(--qdt-light-grey);
    cursor: not-allowed;
}
/* /Components/QuestionBank/Translations/PropertiesBlock.razor.rz.scp.css */
.properties[b-cngdzkqog5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
}

.property-item.original[b-cngdzkqog5],
.property-item.translated[b-cngdzkqog5] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    column-gap: 5px;
}

.property-item.original .property-text[b-cngdzkqog5] {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.property-item.translated[b-cngdzkqog5]  .k-textbox,
.property-item.translated[b-cngdzkqog5]  .k-textarea {
    grid-column: 1;
    grid-row: 1;
}

.property-item[b-cngdzkqog5]  .translation-status {
    grid-column: 2;
    grid-row: 1;
}

.property-item.translated[b-cngdzkqog5]  .approve-translation-button {
    grid-column: 3;
    grid-row: 1;
}

.property-item.translated[b-cngdzkqog5]  .field-required-error {
    grid-column: 1 / 4;
    grid-row: 2;
}
/* /Components/QuestionBank/Translations/QuestionTemplateRemainingTranslations.razor.rz.scp.css */
.remaining-translations[b-3w5m95lz73] {
    font-size: 15px;
    color: var(--qdt-yellow);
    width: 180px;
}

    .remaining-translations.ready[b-3w5m95lz73] {
        color: var(--qdt-dark-green);
    }

.ramaining-translation-popover[b-3w5m95lz73] {
    cursor: pointer;
    max-height: 100px;
    max-width: 300px;
    overflow-y: auto;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--qdt-white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.original-question[b-3w5m95lz73] {
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 2px;
    cursor: pointer;
}

    .original-question:hover[b-3w5m95lz73] {
        background-color: var(--qdt-light-grey-bg, rgba(0, 0, 0, 0.06));
    }

    .original-question .var-name[b-3w5m95lz73] {
        color: var(--qdt-light-grey);
        margin-right: 5px;
        display: inline-block;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
    }
/* /Components/QuestionBank/Translations/QuestionTextBlock.razor.rz.scp.css */
.question-text[b-qv7ez4z6tr] {
    padding-bottom: 17px;
}

.question-text-inner[b-qv7ez4z6tr] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    column-gap: 4px;
}

.question-text-inner[b-qv7ez4z6tr]  .editor-holder {
    grid-column: 1;
    grid-row: 1;
}

.question-text-inner[b-qv7ez4z6tr]  .translation-status {
    grid-column: 2;
    grid-row: 1;
}

.question-text-inner[b-qv7ez4z6tr]  .approve-translation-button {
    grid-column: 3;
    grid-row: 1;
}

.question-text-inner[b-qv7ez4z6tr]  .field-required-error {
    grid-column: 1 / 4;
    grid-row: 2;
}
/* /Components/QuestionBank/Translations/RequiredFieldMessage.razor.rz.scp.css */
.field-required-error[b-vzzwl9mj8u] {
    color: var(--qdt-red);
    font-size: 12px;
    margin-top: 2px;
}
/* /Components/QuestionBank/Translations/TopicsBlock.razor.rz.scp.css */
.topics[b-i35sb8779k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
}


.topic-item[b-i35sb8779k] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    column-gap: 4px;
    margin-bottom: 6px;
}

.topic-item .var-name[b-i35sb8779k] {
    color: var(--qdt-light-grey);
    max-width: 70px;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-column: 1;
    grid-row: 1;
}

.topic-item .topic-text[b-i35sb8779k] {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
}

.topic-item[b-i35sb8779k]  .translation-status {
    grid-column: 3;
    grid-row: 1;
}

.topic-item[b-i35sb8779k]  .approve-translation-button {
    grid-column: 4;
    grid-row: 1;
}

.topic-item[b-i35sb8779k]  .field-required-error {
    grid-column: 2 / 5;
    grid-row: 2;
}
/* /Components/QuestionBank/Translations/TranslationContainer.razor.rz.scp.css */

.translation-container[b-4b7ph4ilwf] {
    padding: 26px 0;
}

    .translation-container[b-4b7ph4ilwf]  .source-language-selector {
        border: 1px solid #ccc;
        height: 45px;
        margin-left: 37px;
    }

    .translation-container[b-4b7ph4ilwf]  .source-language-selector .lang-popover {
        top: 45px;
    }

.no-translations[b-4b7ph4ilwf] {
    padding: 0 47px;
}

[b-4b7ph4ilwf] .translated .k-textbox, [b-4b7ph4ilwf] .translated .k-textarea, [b-4b7ph4ilwf] .translated .k-editor {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    border: 1px solid var(--qdt-stroke-green);
    border-top: 1px solid var(--qdt-stroke-green) !important;
    box-shadow: none;
    border-radius: 4px !important;
    color: var(--qdt-black);
    min-width: 120px;
}

[b-4b7ph4ilwf] .k-textbox p, [b-4b7ph4ilwf] .k-textarea p, [b-4b7ph4ilwf] .k-editor p {
    margin-bottom: 1px;
}

[b-4b7ph4ilwf] .k-textbox ::placeholder, [b-4b7ph4ilwf] .k-textarea ::placeholder, [b-4b7ph4ilwf] .k-textbox.empty {
    color: var(--qdt-light-grey);
}

[b-4b7ph4ilwf] .k-textbox .k-input-inner {
    padding: 3px 6px;
}

[b-4b7ph4ilwf] .translated .k-textbox.outdated, [b-4b7ph4ilwf] .translated .k-textarea.outdated, [b-4b7ph4ilwf] .translated .outdated .k-editor {
    border-color: var(--qdt-red);
    border-top-color: var(--qdt-red) !important;
    background-color: var(--white);
}

[b-4b7ph4ilwf] .translated .k-textbox.dynamic-text-changed, [b-4b7ph4ilwf] .translated .k-textarea.dynamic-text-changed, [b-4b7ph4ilwf] .translated .dynamic-text-changed .k-editor {
    border-color: var(--qdt-dynamic-text-modified);
    border-top-color: var(--qdt-dynamic-text-modified) !important;
    background-color: var(--white);
}

/* Required validation: empty value on a previously-saved translation. NotSet (never saved) is fine. */
[b-4b7ph4ilwf] .translated .k-textbox.empty:not(.notset),
[b-4b7ph4ilwf] .translated .k-textarea.empty:not(.notset),
[b-4b7ph4ilwf] .translated .empty:not(.notset) .k-editor {
    border-color: var(--qdt-red);
    border-top-color: var(--qdt-red) !important;
}

[b-4b7ph4ilwf] .translated .k-editor.created {
    border-color: var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

[b-4b7ph4ilwf] .k-textbox .k-input-inner:focus, [b-4b7ph4ilwf] .k-textarea .k-input-inner:focus, [b-4b7ph4ilwf] .k-textbox .k-input-inner:active, [b-4b7ph4ilwf] .k-textarea .k-input-inner:active {
    background-color: var(--white) !important;
}


/* /Components/QuestionBank/Translations/TranslationList.razor.rz.scp.css */
.translation-list[b-5x8kz81yql] {

}

    .translation-list .header[b-5x8kz81yql] {
        color: var(--qdt-dark-green);
        font-size: 15px;
        padding: 15px 37px 10px;
    }
/* /Components/QuestionBank/Translations/TranslationListItem.razor.rz.scp.css */
.header[b-oz4aa18d19] {
    display: flex;
    border-top: 1px solid var(--qdt-stroke-grey);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    padding: 10px 37px 10px;
    cursor: pointer;
    gap: 70px;
}

.translation-list-item:not(:last-child) .header.collapsed[b-oz4aa18d19] {
    border-bottom: none;
}

.header .locale-name[b-oz4aa18d19] {
    min-width: 250px;
}

.header .ti[b-oz4aa18d19] {
    margin-left: auto;
}

.body[b-oz4aa18d19] {
    display: grid;
    margin: 10px 37px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

.actions[b-oz4aa18d19] {
    display: flex;
    padding: 5px 10px;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    color: var(--qdt-grey-button);
    border-top: 1px solid var(--qdt-stroke-grey);
}

    .actions .ti[b-oz4aa18d19] {
        font-size: 20px;
    }

    .actions .insturtions-inidicator[b-oz4aa18d19] {
        background-color: var(--qdt-dark-green);
        border-radius: 50%;
        position: absolute;
        width: 5px;
        height: 5px;
        top: 1px;
        right: 5px;
    }


.instruction-box[b-oz4aa18d19] {
    background-color: var(--qdt-beige);
    padding: 14px;
    display: flex;
    position: relative;
    border-top: 1px solid var(--qdt-stroke-grey);
    width: 100%;
}

    .instruction-box .close[b-oz4aa18d19] {
        position: absolute;
        top: 5px;
        right: 14px;
        cursor: pointer;
    }

    .instruction-box .instructions[b-oz4aa18d19] {
        width: 100%;
    }

        .instruction-box .instructions label[b-oz4aa18d19] {
            font-size: 15px;
            font-weight: 400;
            color: var(--qdt-black);
        }

        .instruction-box .instructions .text[b-oz4aa18d19] {
            min-height: 50px;
            color: var(--qdt-black);
            font-size: 12px;
            background-color: var(--qdt-white);
            padding: 4px 8px;
        }


[b-oz4aa18d19] .translation-progress {
    width: 150px;
    cursor: pointer;
}
/* /Components/QuestionBank/Translations/TranslationSide.razor.rz.scp.css */
.translation-side[b-1f0cosy6lv] {
    flex: 1;
    font-size: 15px;
    padding: 20px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position:relative;
}

.translation-side[b-1f0cosy6lv]::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: var(--qdt-stroke-grey);
    left: 49%
}



[b-1f0cosy6lv] .label {
    color: var(--qdt-light-grey);
    font-size: 12px;
    margin-bottom: 6px;
}

[b-1f0cosy6lv] .no-translation {
    color: var(--qdt-white);
    background: var(--qdt-stroke-grey);
    border-radius: 4px;
    padding: 2px 4px;
}


[b-1f0cosy6lv] .original .outdated {
    border-radius: 4px;
    border: 1px solid var(--qdt-red);
    padding: 2px 4px;
    min-width: 150px;
}

[b-1f0cosy6lv] .original .dynamic-text-changed {
    border-radius: 4px;
    border: 1px solid var(--qdt-dynamic-text-modified);
    padding: 2px 4px;
    min-width: 150px;
}

[b-1f0cosy6lv] .ti-exchange {
    color: var(--qdt-red);
    margin-left: 3px;
}

[b-1f0cosy6lv] .ti-text-recognition {
    color: var(--qdt-dynamic-text-modified);
    margin-left: 3px;
}

[b-1f0cosy6lv] .answer-text p, [b-1f0cosy6lv] .topic-text p {
    margin-bottom: 1px;
}
/* /Components/QuestionBankPools/Dialogs/CreateQuestionBankPoolDialog.razor.rz.scp.css */
.content[b-l73uoi4o8b]  form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

label[b-l73uoi4o8b] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-black);
}

.buttons[b-l73uoi4o8b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}
/* /Components/Questionnaire/Answers/AnswerCodeInput.razor.rz.scp.css */
.answer-code[b-iq61npoxl1] {
    width: 55px;
}

    .answer-code[b-iq61npoxl1]  .k-input, .answer-code .k-input[b-iq61npoxl1] {
        padding-block: 1px;
    }

div.k-input-inner[b-iq61npoxl1] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    width: 100px;
    overflow: hidden;
    white-space: pre-wrap;
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
}

.answer-code.explicit div.k-input-inner[b-iq61npoxl1] {
    color: var(--qdt-black);
}

.answer-code[b-iq61npoxl1]  .k-input, .answer-code .k-input[b-iq61npoxl1] {
    border: 1px solid transparent;
    border-radius: 4px !important;
    color: var(--qdt-autogenerated-prop);
}

.answer-code[b-iq61npoxl1]  .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-code.explicit[b-iq61npoxl1]  .k-input, .answer-code.explicit .k-input[b-iq61npoxl1] {
    color: var(--qdt-black);
}


.answer-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .answer-code .k-input[b-iq61npoxl1], .answer-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .answer-code[b-iq61npoxl1]  .k-input {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-code:has(:focus)[b-iq61npoxl1]  .k-numerictextbox, .answer-code:has(:focus) .k-numerictextbox[b-iq61npoxl1] {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent !important;
}

    .answer-code:has(:focus)[b-iq61npoxl1]  .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }
/* /Components/Questionnaire/Answers/AnswersContainer.razor.rz.scp.css */
/* /Components/Questionnaire/Answers/AnswerTextInput.razor.rz.scp.css */
.k-input-inner[b-5paklohvlx] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    white-space: pre-wrap;
}

.answer-text-form[b-5paklohvlx], .answer-text-form[b-5paklohvlx]  form {
    flex: 1;
    display: flex;
}

.answer-text div[b-5paklohvlx]  .answer-text-form {
    flex: 1;
    display: flex;
}

.answer-text div[b-5paklohvlx]  .k-input, .answer-text div[b-5paklohvlx]  .k-textarea {
    border: 1px solid transparent;
    border-bottom: 1px solid transparent !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-text[b-5paklohvlx]  .k-input, .answer-text[b-5paklohvlx]  .k-textarea {
    border: 1px solid transparent;
    border-bottom: 1px solid transparent !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

div.k-textarea[b-5paklohvlx] {
    border-bottom: 1px solid transparent !important;
}

.answer-text-form[b-5paklohvlx]  .k-content.ProseMirror p {
    margin-bottom: 0;
}


.answer-text-form[b-5paklohvlx]  .k-editor-content {
    border: none;
    font-size: 12px;
}

.k-input-inner[b-5paklohvlx]  p {
    margin-bottom: 0 !important;
}


.editor-holder[b-5paklohvlx] {
    position: relative;
    width: 100%;
}

.popover[b-5paklohvlx] {
    position: absolute;
    bottom: -10px;
    right: 25px;
    display: none;
    z-index: 1;
    background-color: var(--qdt-white);
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
}

    .editor-holder:hover .popover[b-5paklohvlx], .popover:has(.dropdown-button-container.opened)[b-5paklohvlx] {
        display: flex;
    }

.empty-placeholder[b-5paklohvlx] {
    color: var(--qdt-light-grey);
}

.editor-holder[b-5paklohvlx]  .k-editor.answer-editor .k-toolbar {
    display: none;
}

.editor-holder[b-5paklohvlx]  .k-editor {
    border-radius: 4px;
}

    .editor-holder[b-5paklohvlx]  .k-editor:has(.k-editor-content.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

.editor-holder[b-5paklohvlx]  .k-editor-content p {
    margin-bottom: 1px;
}

.editor-holder[b-5paklohvlx]  .k-editor-content > .ProseMirror {
    padding-top: 3px;
    padding-bottom: 3px;
}
/* /Components/Questionnaire/Answers/AnswerVariableInput.razor.rz.scp.css */
div.k-input-inner[b-nsdaiezwg8] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    width: 100px;
    overflow: hidden;
    white-space: pre-wrap;
    
}

.var-name[b-nsdaiezwg8] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .var-name[b-nsdaiezwg8]  .k-input, .var-name .k-input[b-nsdaiezwg8] {
        border: 1px solid transparent;
        border-radius: 4px !important;
        color: var(--qdt-autogenerated-prop);
        padding-block: 1px;
    }

.var-name.explicit[b-nsdaiezwg8]  .k-input, .var-name.explicit .k-input[b-nsdaiezwg8] {
    color: var(--qdt-black);
}

.answer-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .var-name .k-input[b-nsdaiezwg8],
.answer-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .var-name[b-nsdaiezwg8]  .k-input {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
    font-weight: normal;
}

.answer-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .var-name[b-nsdaiezwg8],
.answer-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .var-name[b-nsdaiezwg8] {
    opacity: 1;
}

.question-editor:hover .var-name[b-nsdaiezwg8], .question-editor:has(:focus,:active,:hover) .var-name[b-nsdaiezwg8] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/MultipleSelection/MultipleSelectionCheckboxList.razor.rz.scp.css */
.answer-list[b-jmitt7axp5] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions[b-jmitt7axp5] {
    margin-left: 110px;
}

[b-jmitt7axp5] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Questionnaire/Answers/MultipleSelection/MultipleSelectionCheckboxListItem.razor.rz.scp.css */
.answer-item[b-kti4cjsdjs] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item:last-child[b-kti4cjsdjs]{
    margin-bottom:10px;
}
    .answer-item .answer-item-inner[b-kti4cjsdjs] {
        cursor: default;
        display: flex;
        align-items: start;
        gap: 5px;
    }

    .answer-item .answer-item-inner .type-icon[b-kti4cjsdjs] {
        padding-top:3px;
    }

    .answer-item-inner .var-name[b-kti4cjsdjs] {
        max-width: 100px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .answer-item-inner .var-name:has(.k-invalid)[b-kti4cjsdjs] {
        opacity: 1;
    }

.answer-item-inner[b-kti4cjsdjs]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:active,:focus,:hover, .dropdown-button-container.opened)[b-kti4cjsdjs]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}
.answer-item-inner[b-kti4cjsdjs]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-kti4cjsdjs]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item-inner[b-kti4cjsdjs]  .answer-text .k-textarea {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:active,:focus,:hover, .dropdown-button-container.opened)[b-kti4cjsdjs]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-kti4cjsdjs]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-kti4cjsdjs]  .answer-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.question-editor:hover .var-name[b-kti4cjsdjs], .question-editor:has(:focus) .var-name[b-kti4cjsdjs], .question-editor:has(:active) .var-name[b-kti4cjsdjs] {
    opacity: 1;
}

.answer-text[b-kti4cjsdjs] {
    flex: 1;
    display: flex;
    position: relative;
}

.dd-grip[b-kti4cjsdjs] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dd-grip[b-kti4cjsdjs] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/MultipleSelection/MultipleSelectionGrid.razor.rz.scp.css */
.multiselect-container-inner[b-3je63lhyzm]{
    display: flex;
}

    .multiselect-container-inner .answer-actions[b-3je63lhyzm] {
        padding-left: 20px;
        padding-top: 30px;
    }

.grid-wrapper[b-3je63lhyzm] {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}

.grid[b-3je63lhyzm] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-3je63lhyzm] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list th[b-3je63lhyzm] {
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            /*position: sticky;
            top: 0;*/
            vertical-align: top;
        }

            .grid .answer-list th:first-child[b-3je63lhyzm] {
                border-left: none;
            }
            

        .grid .answer-list th[b-3je63lhyzm],
        .grid .answer-list .answer[b-3je63lhyzm] {
            background-color: #fff;
            width: 200px;
        }

        .grid .answer-list .sticky-col[b-3je63lhyzm] {
            position: sticky;
            left: 0px;
            top: 0;
            width: 290px;
            max-width: 290px;
            z-index: 3;
        }

    .grid .topic-list[b-3je63lhyzm] {
    }
        .grid .topic-list .topic .sticky-col[b-3je63lhyzm] {
            position: sticky;
            left: 0px;
            width: 290px;
            min-width: 290px;
            z-index: 2;
            background-color: white;
            border-left: 1px solid var(--qdt-stroke-grey);
            padding-bottom: 20px;
        }

        .grid .topic-list .topic:hover[b-3je63lhyzm], .grid .topic-list .topic:hover .sticky-col[b-3je63lhyzm] {
            background-color: var(--qdt-hover-blue);
        }

        .grid .topic-list .topic td[b-3je63lhyzm] {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: var(--qdt-stroke-grey);
            width: 200px;
        }

        .grid .topic-list .topic td:first-child[b-3je63lhyzm]{
            border-left: none;
        }

        [b-3je63lhyzm] .answer-actions .k-button, .topic-actions[b-3je63lhyzm]  .k-button {
            color: var(--qdt-dark-green);
            font-size: 12px;
        }

.topic-actions[b-3je63lhyzm]{
    padding-top: 20px;
    padding-left: 7px;
}
/* /Components/Questionnaire/Answers/MultipleSelection/MultipleSelectionGridAnswerItem.razor.rz.scp.css */
.answer-item[b-96pj2frcsn] {
    align-items: start;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 100%;
    font-size: 12px;
    gap: 10px;
    margin: 3px auto 24px;
}

.top-block[b-96pj2frcsn] {
    display: flex;
    gap: 3px;
    width: 100%;
    align-items: center;
}

    .top-block[b-96pj2frcsn]  .var-name {
        flex: 1;
        display: flex;
        width: 100%;
    }

        .top-block[b-96pj2frcsn]  .var-name form, .top-block[b-96pj2frcsn]  .var-name form .k-textbox {
            width: 100% !important;
        }

.answer-item[b-96pj2frcsn]  .k-input {
    font-size: 12px;
}

.answer-item .var-name[b-96pj2frcsn] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .answer-item .var-name:has(.k-invalid)[b-96pj2frcsn] {
        opacity: 1;
    }

.answer-item[b-96pj2frcsn]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

    .answer-item[b-96pj2frcsn]  .var-name .k-textbox .k-input-inner {
        padding-block: 4px;
        padding-inline: 6px;
        text-align: center;
    }

.answer-item:has(:active,:focus,:hover, .dropdown-button-container.opened)[b-96pj2frcsn]  .var-name {
    opacity: 1;
}

    .answer-item:has(:active,:focus,:hover, .dropdown-button-container.opened)[b-96pj2frcsn]  .var-name .k-textbox {
        border: 1px solid var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }


.answer-item[b-96pj2frcsn]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: white;
}

.answer-item[b-96pj2frcsn]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item:has(:active,:focus,:hover, .dropdown-button-container.opened)[b-96pj2frcsn]  .answer-code .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item .answer-text[b-96pj2frcsn] {
    border-radius: 4px;
    width: 100%;
}

.answer-item[b-96pj2frcsn]  .answer-text .k-textarea {
    border: 1px solid transparent;
    border-radius: 4px !important;
}

    .answer-item[b-96pj2frcsn]  .answer-text .k-textarea .k-input-inner {
        text-align: center;
    }

.answer-item:has(:active,:focus,:hover,.dropdown-button-container.opened)[b-96pj2frcsn]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-96pj2frcsn]  .answer-text:has(:focus) .k-textarea {
    background-color: white;
}

.answer-item[b-96pj2frcsn]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item:has(:active,:focus,:hover)[b-96pj2frcsn]  .answer-text .answer-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-96pj2frcsn]  .answer-text:has(:focus) .answer-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.answer-item[b-96pj2frcsn]  .answer-text .answer-editor {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

    .answer-item[b-96pj2frcsn]  .answer-text .answer-editor .k-editor-content {
        border: 0px none transparent !important;
        border-radius: 4px !important;
    }

.dragdrop-answer-grip[b-96pj2frcsn] {
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-96pj2frcsn] {
    opacity: 1;
}

.question-editor:hover .var-name[b-96pj2frcsn], .question-editor:has(:focus, :active, .dropdown-button-container.opened) .var-name[b-96pj2frcsn] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/MultipleSelection/MultipleSelectionGridTopicItem.razor.rz.scp.css */
.topic-item[b-3kexupfh2b] {
    align-items: start;
    display: flex;
    min-width: 150px;
    font-size: 12px;
    gap: 3px;
}

[b-3kexupfh2b] .var-name form, [b-3kexupfh2b] .var-name form .k-textbox {
    width: 100% !important;
}

.topic-item[b-3kexupfh2b]  .var-name {
    display: flex;
    align-items: center;
    position: relative;
    width: 75px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .topic-item[b-3kexupfh2b]  .var-name :has(.k-invalid) {
        opacity: 1;
    }

    .topic-item[b-3kexupfh2b]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.topic-item:has(:active,:focus,:hover)[b-3kexupfh2b]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-3kexupfh2b]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-3kexupfh2b]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item[b-3kexupfh2b]  .topic-code .k-input {
    padding-left: unset;
    width: 100%;
    font-size: 12px;
}

.topic-item:has(:active,:focus,:hover)[b-3kexupfh2b]  .topic-code .k-input {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-3kexupfh2b]  .topic-code:has(:focus) .k-input {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-3kexupfh2b]  .topic-code .k-input.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item[b-3kexupfh2b]  .topic-text {
    border-radius: 4px;
    flex: 1;
}


.topic-item:has(:active,:focus,:hover)[b-3kexupfh2b]  .topic-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-3kexupfh2b]  .topic-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-3kexupfh2b]  .topic-text .k-textarea {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

    .topic-item[b-3kexupfh2b]  .topic-text .k-textarea.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        background-color: transparent;
    }

.topic-item:has(:active,:focus,:hover)[b-3kexupfh2b]  .topic-text .topic-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-3kexupfh2b]  .topic-text:has(:focus) .topic-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-3kexupfh2b]  .topic-text .topic-editor {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

    .topic-item[b-3kexupfh2b]  .topic-text .topic-editor .k-editor-content {
        border: 0px none transparent !important;
        border-radius: 4px !important;
    }

.topic-item[b-3kexupfh2b]  .topic-text .popover {
    bottom: -15px;
    right: 5px;
}

.ti.ti-grip-vertical[b-3kexupfh2b] {
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.topic-item:has(:active,:focus,:hover) .ti.ti-grip-vertical[b-3kexupfh2b] {
    opacity: 1;
}

.question-editor:hover .var-name[b-3kexupfh2b], .question-editor:has(:focus, :active) .var-name[b-3kexupfh2b] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/NumericGrid/NumericGrid.razor.rz.scp.css */
.numeric-grid[b-vj49222ra2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.numeric-grid-settings[b-vj49222ra2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.range-validation[b-vj49222ra2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.range-validation[b-vj49222ra2]  .numericbox {
    width: 64px;
}

.range-validation-error[b-vj49222ra2] {
    color: var(--qdt-red);
    font-size: 12px;
}
/* /Components/Questionnaire/Answers/NumericGrid/NumericGridItem.razor.rz.scp.css */
.topic-item[b-wh4ao0rp13] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .topic-item:last-child[b-wh4ao0rp13] {
        margin-bottom: 10px;
    }

    .topic-item .topic-item-inner[b-wh4ao0rp13] {
        cursor: default;
        display: grid;
        grid-template-columns: 100px 55px 1fr auto;
        align-items: center;
        column-gap: 5px;
        row-gap: 6px;
    }

.topic-item-inner[b-wh4ao0rp13]  .var-name {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner[b-wh4ao0rp13]  .var-name:has(.k-invalid),
    .topic-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-wh4ao0rp13]  .var-name {
        opacity: 1 !important;
    }

    .topic-item-inner[b-wh4ao0rp13]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.topic-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-wh4ao0rp13]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-wh4ao0rp13]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-wh4ao0rp13]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.topic-item-inner[b-wh4ao0rp13]  .topic-text .k-textarea {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-wh4ao0rp13]  .topic-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-wh4ao0rp13]  .topic-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-wh4ao0rp13]  .topic-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.topic-text[b-wh4ao0rp13] {
    flex: 1;
    display: flex;
    position: relative;
}

.numeric-grid-preview[b-wh4ao0rp13] {
    grid-row: 2;
    grid-column: 3 / -1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.numeric-grid-affix[b-wh4ao0rp13] {
    color: var(--qdt-grey);
    font-size: 12px;
    white-space: nowrap;
}

.numeric-grid-preview[b-wh4ao0rp13]  .numericbox {
    width: 72px;
}

.dragdrop-topic-grip[b-wh4ao0rp13] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-wh4ao0rp13] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/OpenEnded/OpenEndedContainer.razor.rz.scp.css */
.answer-container[b-z9e1mdd6t5] {
    display: flex;
    flex-direction:column;
    gap: 15px;
}

.dd-text-size:hover[b-z9e1mdd6t5], [b-z9e1mdd6t5] .dd-text-size:hover {
    background-color: transparent;
    color: #000;
}

.text-section[b-z9e1mdd6t5] {
    display:flex;
    flex-direction:column;
    gap: 5px;
    align-items:stretch;
}

.text-section[b-z9e1mdd6t5]  .respondent-answer-placeholder {

        font-size: 14px;
    }

.text-section[b-z9e1mdd6t5]  .respondent-answer-placeholder textarea {
    resize: none;
}

.text-section[b-z9e1mdd6t5]  .btn-add-text {
    width: 44px;
    height: 44px;
}

.txt-wrap[b-z9e1mdd6t5] {
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    column-gap: 5px;
   
}

    .txt-wrap label[b-z9e1mdd6t5] {
        color: var(--qdt-item-hidden);
        font-size: 12px;
    }

    .txt-wrap[b-z9e1mdd6t5]  .k-input {
        font-size: 14px;
    }

.txt-wrap .ti-x[b-z9e1mdd6t5] {
    color: var(--menu-items-text-grey);
    cursor:pointer;
}

.length-validation[b-z9e1mdd6t5] {
    display: flex;
    align-items: center;
    font-size: 15px;
}
    .length-validation[b-z9e1mdd6t5]  .k-numerictextbox {
        margin: 0 5px;
    }
    
    .length-validation[b-z9e1mdd6t5]  .k-numerictextbox .k-input-inner {
        font-size: 16px;
    }
    
    .limit-length-lbl[b-z9e1mdd6t5] {
        margin-left: 5px;
    }

.length-validation[b-z9e1mdd6t5]  .k-checkbox-wrap {
    align-self: center;
}

.question-editor:has(:focus, :hover, :active) .text-section[b-z9e1mdd6t5]  .var-name {
    opacity: 1;
}

.question-editor:has(:focus, :hover, :active) .text-section[b-z9e1mdd6t5]  .var-name.k-disabled {
    opacity: 0.5;
}

.locked .length-validation label[b-z9e1mdd6t5], .locked .length-validation span[b-z9e1mdd6t5] {
    opacity: 0.5;
}
/* /Components/Questionnaire/Answers/SingleChoice/AutoCompleteList.razor.rz.scp.css */
.answer-list-container[b-xlouf7gj5o] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.answer-list[b-xlouf7gj5o] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.head[b-xlouf7gj5o] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-left: 108px;
    margin-bottom: 5px;
}

.answer-list-container[b-xlouf7gj5o]  .add-answer {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.answer-list-container[b-xlouf7gj5o]  .autocomplete-input {
    font-size: 12px;
    
    border: 1px solid var(--qdt-light-grey);
}

.answer-list-container[b-xlouf7gj5o]  .k-autocomplete {
    margin-bottom: 10px;
}

.actions[b-xlouf7gj5o] {
    margin-left: 110px;
}

.answer-list-container[b-xlouf7gj5o]  .add-answer {
    color: var(--qdt-dark-green);
    font-size: 12px;
}


.settings[b-xlouf7gj5o] {
    display: flex;
    gap: 25px;
    flex:1;
}
    .settings label[b-xlouf7gj5o] {
        width: 200px;
    }

.search-mode[b-xlouf7gj5o], .answers-visibility[b-xlouf7gj5o] {
    display: flex;
    align-items: center;
}

    .search-mode label[b-xlouf7gj5o] {
        width: 100px;
        user-select:none;
        font-size: 15px;
    }

    .answers-visibility label[b-xlouf7gj5o] {
        width: 130px;
        user-select: none;
        font-size: 15px;
    }


.answer-list .no-items[b-xlouf7gj5o] {
    font-size: 12px;
    margin-left: 108px;
    color: var(--qdt-light-grey);
}
/* /Components/Questionnaire/Answers/SingleChoice/AutoCompleteListItem.razor.rz.scp.css */
.answer-item[b-3swmq9fu37] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item:last-child[b-3swmq9fu37] {
    margin-bottom: 10px;
}

.answer-item .answer-item-inner[b-3swmq9fu37] {
    cursor: default;
    display: flex;
    align-items: start;
    gap: 5px;
}


.answer-item-inner .var-name[b-3swmq9fu37] {
    max-width: 100px;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-3swmq9fu37] {
        opacity: 1;
    }

.answer-item-inner[b-3swmq9fu37]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-3swmq9fu37]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
    
}

.answer-item-inner[b-3swmq9fu37]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-3swmq9fu37]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item-inner[b-3swmq9fu37]  .answer-text .k-textarea {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    transition: background-color 0.3s ease-out;
    font-size: 12px;
}

.answer-item-inner:has(:focus, :hover, :active)[b-3swmq9fu37]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-3swmq9fu37]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-3swmq9fu37]  .answer-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-3swmq9fu37] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-3swmq9fu37] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


.answer-item:has(:active,:focus,:hover)[b-3swmq9fu37]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-3swmq9fu37] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-3swmq9fu37] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoice/Carousel/OptionsToolBox.razor.rz.scp.css */
.answer-options[b-vh73avkhs4] {
    margin-top: 25px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    grid-column-gap: 25px;
}

    .answer-options > .option[b-vh73avkhs4] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .answer-options > .option > .label[b-vh73avkhs4] {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }

        .answer-options > .option .info[b-vh73avkhs4] {
            position: relative;
        }

            .answer-options > .option .info:hover .info-box[b-vh73avkhs4] {
                display: flex;
            }

        .answer-options > .option .info-box[b-vh73avkhs4] {
            --info-box-width: 350px;
            --info-box-height: 110px;
            --info-box-margin-left: calc(var(--info-box-width) / -2);
            --info-box-margin-top: calc((0px - var(--info-box-height)) - 25px);
            display: none;
            font-size: 12pt;
            align-items: center;
            gap: 10px;
            box-sizing: border-box;
            position: absolute;
            z-index: 10;
            background-color: var(--qdt-white);
            width: var(--info-box-width);
            height: var(--info-box-height);
            padding: 5px;
            border: 0.5px solid var(--qdt-stroke-grey);
            border-radius: 10px;
            overflow-y: auto;
            margin-left: var(--info-box-margin-left);
            margin-top: var(--info-box-margin-top);
        }
/* /Components/Questionnaire/Answers/SingleChoice/Carousel/SingleChoiceCarousel.razor.rz.scp.css */
.topic-list[b-w0631bu5vm] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.answer-list-container[b-w0631bu5vm] {
    margin-top: 25px;
}

    .answer-list-container .answer-list[b-w0631bu5vm] {
        padding-right: 0;
        overflow: auto;
        margin-bottom: 15px;
    }


.list-title[b-w0631bu5vm] {
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.actions[b-w0631bu5vm] {
    padding-left: 110px;
}

[b-w0631bu5vm] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Questionnaire/Answers/SingleChoice/Carousel/SingleChoiceCarouselAnswerItem.razor.rz.scp.css */
.answer-item[b-y4w3yuyscf] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item:last-child[b-y4w3yuyscf] {
        margin-bottom: 10px;
    }

    .answer-item .answer-item-inner[b-y4w3yuyscf] {
        cursor: default;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-y4w3yuyscf] {
            display: flex;
            align-items: center;
        }

.answer-item-inner[b-y4w3yuyscf]  .var-name {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner[b-y4w3yuyscf]  .var-name:has(.k-invalid),
    .answer-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-y4w3yuyscf]  .var-name {
        opacity: 1 !important;
    }

    .answer-item-inner[b-y4w3yuyscf]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.answer-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-y4w3yuyscf]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-y4w3yuyscf]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-y4w3yuyscf]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.answer-item-inner[b-y4w3yuyscf]  .answer-text .k-textarea {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-y4w3yuyscf]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-y4w3yuyscf]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-y4w3yuyscf]  .answer-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.answer-text[b-y4w3yuyscf] {
    flex: 1;
    display: flex;
    position: relative;
}

.dragdrop-answer-grip[b-y4w3yuyscf] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-y4w3yuyscf] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoice/Carousel/SingleChoiceCarouselTopicItem.razor.rz.scp.css */
.topic-item[b-mmt23e0832] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .topic-item:last-child[b-mmt23e0832] {
        margin-bottom: 10px;
    }

    .topic-item .topic-item-inner[b-mmt23e0832] {
        cursor: default;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .topic-item .topic-item-inner .type-icon[b-mmt23e0832] {
            display: flex;
            align-items: center;
        }

.topic-item-inner[b-mmt23e0832]  .var-name {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner[b-mmt23e0832]  .var-name:has(.k-invalid),
    .topic-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-mmt23e0832]  .var-name {
        opacity: 1 !important;
    }

    .topic-item-inner[b-mmt23e0832]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.topic-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-mmt23e0832]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-mmt23e0832]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-mmt23e0832]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.topic-item-inner[b-mmt23e0832]  .topic-text .k-textarea {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-mmt23e0832]  .topic-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-mmt23e0832]  .topic-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-mmt23e0832]  .topic-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.topic-text[b-mmt23e0832] {
    flex: 1;
    display: flex;
    position: relative;
}

.dragdrop-topic-grip[b-mmt23e0832] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-mmt23e0832] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoice/DateTime/SingleChoiceDateTime.razor.rz.scp.css */
.date-time-answer-container[b-o6s6s7q6ms] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}

.field-row[b-o6s6s7q6ms] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-row[b-o6s6s7q6ms]  .today-now-button {
    border-radius: 4px;
}

/* The preview field is optional and never submitted for validation — an invalid/red state can only
   come from the picker's own eager (while-typing) parsing, not a genuine validation failure, so any
   highlight here follows the app's green accent instead of Telerik's default red. */
.field-row[b-o6s6s7q6ms]  .k-invalid {
    border-color: var(--qdt-stroke-green) !important;
    box-shadow: none !important;
}

.checkbox-row[b-o6s6s7q6ms],
.time-format-row[b-o6s6s7q6ms],
.calendar-type-row[b-o6s6s7q6ms] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.time-only-section[b-o6s6s7q6ms],
.date-only-section[b-o6s6s7q6ms] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.capture-section[b-o6s6s7q6ms] {
    display: flex;
    gap: 12px;
}
/* /Components/Questionnaire/Answers/SingleChoice/Numeric/SingleChoiceNumeric.razor.rz.scp.css */
.answer-container[b-uiw5dz5avv] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.text-section[b-uiw5dz5avv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
    margin-top: 10px;
}

    .text-section[b-uiw5dz5avv]  .respondent-answer-placeholder {
        font-size: 14px;
    }

        .text-section[b-uiw5dz5avv]  .respondent-answer-placeholder textarea {
            resize: none;
        }

    .text-section[b-uiw5dz5avv]  .btn-add-text {
        width: 44px;
        height: 44px;
    }

.txt-wrap[b-uiw5dz5avv] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    column-gap: 5px;
}

    .txt-wrap label[b-uiw5dz5avv] {
        color: var(--qdt-item-hidden);
        font-size: 12px;
    }

    .txt-wrap[b-uiw5dz5avv]  .k-input {
        font-size: 14px;
    }

    .txt-wrap .ti-x[b-uiw5dz5avv] {
        color: var(--menu-items-text-grey);
        cursor: pointer;
    }

.range-validation[b-uiw5dz5avv] {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
}

    .range-validation[b-uiw5dz5avv]  .k-numerictextbox {
        margin: 0 5px;
    }

        .range-validation[b-uiw5dz5avv]  .k-numerictextbox .k-input-inner {
            font-size: 16px;
        }

.limit-range-lbl[b-uiw5dz5avv] {
    margin-left: 5px;
}

.range-validation[b-uiw5dz5avv]  .k-checkbox-wrap {
    align-self: center;
}

.question-editor:has(:focus, :hover, :active) .text-section[b-uiw5dz5avv]  .var-name {
    opacity: 1;
}

    .question-editor:has(:focus, :hover, :active) .text-section[b-uiw5dz5avv]  .var-name.k-disabled {
        opacity: 0.5;
    }

.locked .range-validation label[b-uiw5dz5avv], .locked .range-validation span[b-uiw5dz5avv] {
    opacity: 0.5;
}
/* /Components/Questionnaire/Answers/SingleChoice/SingleChoiceHighlightBordersList.razor.rz.scp.css */
.answers-list-container[b-wh4iqyhay7] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.answers-list[b-wh4iqyhay7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    overflow: auto;
}

.actions[b-wh4iqyhay7] {
    padding-left: 110px;
}

[b-wh4iqyhay7] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Questionnaire/Answers/SingleChoice/SingleChoiceHighlightBordersListItem.razor.rz.scp.css */
.answer-item[b-3koz0zj1w2] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item:last-child[b-3koz0zj1w2] {
    margin-bottom: 10px;
}

.answer-item .answer-item-inner[b-3koz0zj1w2] {
    cursor: default;
    display: flex;
    align-items: start;
    gap: 5px;
}

.answer-item-inner .var-name[b-3koz0zj1w2] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

.answer-item-inner .var-name:has(.k-invalid)[b-3koz0zj1w2] {
    opacity: 1;
}

.answer-item-inner[b-3koz0zj1w2]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-3koz0zj1w2]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-3koz0zj1w2]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-3koz0zj1w2]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item-inner[b-3koz0zj1w2]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-black) !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
}

.answer-item.selected .answer-item-inner[b-3koz0zj1w2]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-dark-green) !important;
    background-color: var(--qdt-beige);
}

.answer-item-inner[b-3koz0zj1w2]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-text[b-3koz0zj1w2] {
    flex: 1;
    display: flex;
    position: relative;
}

.dragdrop-answer-grip[b-3koz0zj1w2] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-3koz0zj1w2] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoice/SingleChoiceRadioList.razor.rz.scp.css */
.answer-list[b-eklmqrcfsr] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions[b-eklmqrcfsr] {
    padding-left: 110px;
}

[b-eklmqrcfsr] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Questionnaire/Answers/SingleChoice/SingleChoiceRadioListItem.razor.rz.scp.css */
.answer-item[b-8263n5deyz] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .answer-item:last-child[b-8263n5deyz] {
        margin-bottom: 10px;
    }

    .answer-item .answer-item-inner[b-8263n5deyz] {
        cursor: default;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .answer-item .answer-item-inner .type-icon[b-8263n5deyz] {
            display: flex;
            align-items: center;
        }

.answer-item-inner[b-8263n5deyz]  .var-name {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner[b-8263n5deyz]  .var-name:has(.k-invalid),
    .answer-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-8263n5deyz]  .var-name {
        opacity: 1 !important;
    }

    .answer-item-inner[b-8263n5deyz]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.answer-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-8263n5deyz]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-8263n5deyz]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-8263n5deyz]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.answer-item-inner[b-8263n5deyz]  .answer-text .k-textarea {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active, .dropdown-button-container.opened)[b-8263n5deyz]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-8263n5deyz]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-8263n5deyz]  .answer-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.answer-text[b-8263n5deyz] {
    flex: 1;
    display: flex;
    position: relative;
}

.dragdrop-answer-grip[b-8263n5deyz] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-8263n5deyz] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoice/SingleChoiceSlider.razor.rz.scp.css */

.answer-list-container[b-c0yvjaxkdp] {
    display: flex;
    gap: 20px;
}

.answer-list[b-c0yvjaxkdp] {
    overflow-x: auto;
}

.answer-list-container .slider-actions[b-c0yvjaxkdp] {
    display: flex;
    margin-top: 112px;
    align-items: flex-start;
    font-size: 12px;
}

.answer-list-container .slider-container .range-ticks[b-c0yvjaxkdp] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    padding: 0;
    margin: 0;
}

.answer-list-container .slider-container .range-ticks li[b-c0yvjaxkdp] {
    display: block;
    width: 12px;
    height: 12px;
    min-height: unset;
    border-radius: 50%;
    background-color: var(--qdt-stroke-grey);
}

.answer-list-container .slider-container .range-ticks li.in-selected-range[b-c0yvjaxkdp] {
    background-color: var(--qdt-dark-green);
}

[b-c0yvjaxkdp] .slider-actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.slider-container[b-c0yvjaxkdp] {
    margin-bottom: 20px;
}

.slider-container .range-slider[b-c0yvjaxkdp] {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(100% - 154px);
    margin: 0 auto;
}

.slider-container input[type=range][b-c0yvjaxkdp] {
    width: 100%;
    -webkit-appearance: none;
    background-color: var(--qdt-stroke-grey);
    height: 5px;
    border-radius: 15px;
    margin: 0;
}

.slider-container input[type=range][b-c0yvjaxkdp]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--qdt-dark-green);
    border-radius: 15px;
    appearance: none;
    width: 12px;
    height: 12px;
    margin: 0;
}

.slider-container .range-options-list[b-c0yvjaxkdp] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Questionnaire/Answers/SingleChoice/SingleChoiceSliderItem.razor.rz.scp.css */

.answer-item[b-ts78v14ck7] {

}

[b-ts78v14ck7] .answer-item-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}


.answer-item .var-name-wrap[b-ts78v14ck7] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

.answer-item-inner .var-name:has(.k-invalid)[b-ts78v14ck7] {
    opacity: 1;
}

    .answer-item[b-ts78v14ck7]   .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.answer-item[b-ts78v14ck7]  .answer-text div.k-textarea {
    min-height: 80px;
    min-width: 154px;
}

.answer-item:has(:focus, :hover, :active)[b-ts78v14ck7]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ts78v14ck7]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}
    .answer-item[b-ts78v14ck7]  .var-name:has(:focus) .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

    .answer-item[b-ts78v14ck7]  .answer-text .k-textarea {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        text-align:center;
    }

.answer-item:has(:focus, :hover, :active)[b-ts78v14ck7]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    border-top-color: var(--qdt-stroke-green);
    background-color: var(--qdt-bg-green);
}

    .answer-item[b-ts78v14ck7]  .answer-text .k-textarea.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .answer-item[b-ts78v14ck7]  .answer-text:has(:focus) .k-textarea {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }
    .answer-item[b-ts78v14ck7]  .answer-text .k-textarea .k-input-inner {
        text-align: center;
    }

.question-editor:has(:focus, :hover, :active) .var-name-wrap[b-ts78v14ck7] {
    opacity: 1;
}

[b-ts78v14ck7] .var-name-wrap .answer-menu-button {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover)[b-ts78v14ck7]  .var-name-wrap .answer-menu-button {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoiceGrid/SingleSelectionGrid.razor.rz.scp.css */
.multiselect-container-inner[b-9m16fgna5l] {
    display: flex;
}

    .multiselect-container-inner .answer-actions[b-9m16fgna5l] {
        padding-left: 20px;
        padding-top: 30px;
    }

.grid-wrapper[b-9m16fgna5l] {
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
}

.grid[b-9m16fgna5l] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-9m16fgna5l] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list th[b-9m16fgna5l] {
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            vertical-align: top;
        }

            .grid .answer-list th:first-child[b-9m16fgna5l] {
                border-left: none;
            }


        .grid .answer-list th[b-9m16fgna5l],
        .grid .answer-list .answer[b-9m16fgna5l] {
            background-color: #fff;
            width: 200px;
        }

        .grid .answer-list .sticky-col[b-9m16fgna5l] {
            position: sticky;
            left: 0px;
            top: 0;
            width: 290px;
            max-width: 290px;
            z-index: 3;
        }

    .grid .topic-list[b-9m16fgna5l] {
    }

        .grid .topic-list .topic .sticky-col[b-9m16fgna5l] {
            position: sticky;
            left: 0px;
            width: 290px;
            min-width: 290px;
            z-index: 2;
            background-color: white;
            border-left: 1px solid var(--qdt-stroke-grey);
            padding-bottom: 15px;
        }

        .grid .topic-list .topic:hover[b-9m16fgna5l], .grid .topic-list .topic:hover .sticky-col[b-9m16fgna5l] {
            background-color: var(--qdt-hover-blue);
        }

        .grid .topic-list .topic td[b-9m16fgna5l] {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: var(--qdt-stroke-grey);
            width: 200px;
        }

            .grid .topic-list .topic td:first-child[b-9m16fgna5l] {
                border-left: none;
            }

[b-9m16fgna5l] .answer-actions .k-button, .topic-actions[b-9m16fgna5l]  .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.topic-actions[b-9m16fgna5l] {
    padding-top: 20px;
    padding-left: 7px;
}
/* /Components/Questionnaire/Answers/SingleChoiceGrid/SingleSelectionGridAnswerItem.razor.rz.scp.css */
.answer-item[b-xcqd54ekga] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 100%;
    font-size: 12px;
    gap: 10px;
    margin: 3px auto 24px;
}

.top-block[b-xcqd54ekga] {
    display: flex;
    gap: 3px;
    width: 100%;
    align-items: center;
}

    .top-block[b-xcqd54ekga]  .var-name {
        flex: 1;
        display: flex;
        width: 100%;
    }

        .top-block[b-xcqd54ekga]  .var-name form, .top-block[b-xcqd54ekga]  .var-name form .k-textbox {
            width: 100% !important;
        }

    .top-block[b-xcqd54ekga]  .answer-actions-button {
        position: absolute;
        right: 1px;
        top: 1px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

.answer-item[b-xcqd54ekga]  .k-input {
    font-size: 12px;
}

.answer-item .var-name[b-xcqd54ekga] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .answer-item .var-name:has(.k-invalid)[b-xcqd54ekga] {
        opacity: 1;
    }

.answer-item[b-xcqd54ekga]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

    .answer-item[b-xcqd54ekga]  .var-name .k-textbox .k-input-inner {
        padding-block: 4px;
        padding-inline: 6px;
        text-align: center;
    }

.answer-item:has(:active,:focus,:hover)[b-xcqd54ekga]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-xcqd54ekga]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: white;
}

.answer-item[b-xcqd54ekga]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item:has(:active,:focus,:hover)[b-xcqd54ekga]  .answer-code .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item .answer-text[b-xcqd54ekga] {
    border-radius: 4px;
    width: 100%;
}

.answer-item[b-xcqd54ekga]  .answer-text .k-textarea {
    border: 1px solid transparent;
    border-radius: 4px !important;
}

    .answer-item[b-xcqd54ekga]  .answer-text .k-textarea .k-input-inner {
        text-align: center;
    }

.answer-item:has(:active,:focus,:hover)[b-xcqd54ekga]  .answer-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-xcqd54ekga]  .answer-text:has(:focus) .k-textarea {
    background-color: white;
}

.answer-item[b-xcqd54ekga]  .answer-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.dragdrop-answer-grip[b-xcqd54ekga] {
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-xcqd54ekga] {
    opacity: 1;
}

.answer-item:has(:active,:focus,:hover)[b-xcqd54ekga]  .answer-text .answer-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-xcqd54ekga]  .answer-text:has(:focus) .answer-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.answer-item[b-xcqd54ekga]  .answer-text .answer-editor {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

    .answer-item[b-xcqd54ekga]  .answer-text .answer-editor .k-editor-content {
        border: 0px none transparent !important;
        border-radius: 4px !important;
    }

[b-xcqd54ekga] .var-name .answer-actions-button {
    position: absolute;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


.answer-item:has(:active,:focus,:hover) .top-block[b-xcqd54ekga]  .answer-actions-button {
    opacity: 1;
}

.question-editor:hover .var-name[b-xcqd54ekga], .question-editor:has(:focus, :active) .var-name[b-xcqd54ekga] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoiceGrid/SingleSelectionGridTopicItem.razor.rz.scp.css */
.topic-item[b-ujc1xhm4i8] {
    align-items: start;
    display: flex;
    min-width: 150px;
    font-size: 12px;
    gap: 3px;
}

[b-ujc1xhm4i8] .var-name form, [b-ujc1xhm4i8] .var-name form .k-textbox {
    width: 100% !important;
}

.topic-item[b-ujc1xhm4i8]  .var-name {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 75px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .topic-item[b-ujc1xhm4i8]  .var-name :has(.k-invalid) {
        opacity: 1;
    }

    .topic-item[b-ujc1xhm4i8]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

.topic-item:has(:active,:focus,:hover)[b-ujc1xhm4i8]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-ujc1xhm4i8]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-ujc1xhm4i8]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item[b-ujc1xhm4i8]  .topic-code .k-textbox {
    padding-left: unset;
    width: 100%;
}

.topic-item:has(:active,:focus,:hover)[b-ujc1xhm4i8]  .topic-code .k-textbox {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-ujc1xhm4i8]  .topic-text {
    border-radius: 4px;
    flex: 1;
}


.topic-item:has(:active,:focus,:hover)[b-ujc1xhm4i8]  .topic-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-ujc1xhm4i8]  .topic-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-ujc1xhm4i8]  .topic-text .k-textarea {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

    .topic-item[b-ujc1xhm4i8]  .topic-text .k-textarea.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        background-color: transparent;
    }

.topic-item:has(:active,:focus,:hover)[b-ujc1xhm4i8]  .topic-text .topic-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-ujc1xhm4i8]  .topic-text:has(:focus) .topic-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-ujc1xhm4i8]  .topic-text .topic-editor {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

    .topic-item[b-ujc1xhm4i8]  .topic-text .topic-editor .k-editor-content {
        border: 0px none transparent !important;
        border-radius: 4px !important;
    }

[b-ujc1xhm4i8] .topic-actions-button {
    position: absolute;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover)[b-ujc1xhm4i8]  .topic-actions-button {
    opacity: 1;
}

.ti.ti-grip-vertical[b-ujc1xhm4i8] {
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.topic-item:has(:active,:focus,:hover) .ti.ti-grip-vertical[b-ujc1xhm4i8] {
    opacity: 1;
}

.question-editor:hover .var-name[b-ujc1xhm4i8], .question-editor:has(:focus, :active) .var-name[b-ujc1xhm4i8] {
    opacity: 1;
}
/* /Components/Questionnaire/Answers/SingleChoiceGrid/StarBar.razor.rz.scp.css */

.answers-list-container[b-5fo1hvuzl9] {
    display: flex;
    flex-direction: column;
}

.topic-list[b-5fo1hvuzl9] {
    overflow: auto;
}

.numeric-btn[b-5fo1hvuzl9]
{
    height: 100%;
}

.actions[b-5fo1hvuzl9] {
    padding-left: 110px;
    margin: 6px 0;
}

[b-5fo1hvuzl9] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.settings[b-5fo1hvuzl9] {
    font-size: 15px;
}
/* /Components/Questionnaire/Answers/SingleChoiceGrid/StarBarItem.razor.rz.scp.css */
.topic-item[b-puktgztpmy] {
    margin-left: 0;
    margin-right: 0;
}

.topic-item .topic-item-inner[b-puktgztpmy], .topic-item .answer-item-inner[b-puktgztpmy] {
    cursor: default;
    display: flex;
    align-items: start;
    gap: 5px;
    margin-bottom: 3px;
}

.topic-item-inner .var-name[b-puktgztpmy] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-puktgztpmy] {
        opacity: 1;
    }

.topic-item-inner[b-puktgztpmy]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-puktgztpmy]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-puktgztpmy]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-puktgztpmy]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.topic-item-inner[b-puktgztpmy]  .topic-text .k-textarea {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    transition: background-color 0.3s ease-out;
    font-size: 12px;
}

.topic-item-inner:has(:focus, :hover, :active)[b-puktgztpmy]  .topic-text .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-puktgztpmy]  .topic-text .k-textarea.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-puktgztpmy]  .topic-text:has(:focus) .k-textarea {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: transparent;
}

.topic-text[b-puktgztpmy] {
    flex: 1;
    display: flex;
    position: relative;
}

.dragdrop-topic-grip[b-puktgztpmy] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-puktgztpmy] {
    opacity: 1;
}

.answer-item-inner .ti[b-puktgztpmy] {
    font-size: 16px;
}
.answer-item-inner .ti-star[b-puktgztpmy] {
    color: var(--qdt-light-grey);
}
.answer-item-inner .ti-star-filled[b-puktgztpmy] {
    color: var(--qdt-dark-green);
}

.answer-stars[b-puktgztpmy]{
    margin-left: 163px;
}
/* /Components/Questionnaire/Answers/TopicCodeInput.razor.rz.scp.css */
.topic-code[b-usafufls8f] {
    width: 55px;
}

    .topic-code[b-usafufls8f]  .k-input, .topic-code .k-input[b-usafufls8f] {
        padding-block: 1px;
    }


    .topic-code form[b-usafufls8f] {
        width: 100%;
        display: block;
    }

div.k-input-inner[b-usafufls8f] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    width: 100px;
    overflow: hidden;
    white-space: pre-wrap;
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
}

.topic-code.explicit div.k-input-inner[b-usafufls8f] {
    color: var(--qdt-black);
}

.topic-code[b-usafufls8f]  .k-input, .topic-code .k-input[b-usafufls8f] {
    border: 1px solid transparent;
    border-radius: 4px !important;
    color: var(--qdt-autogenerated-prop);
    font-size: 12px;
}

.topic-code.explicit[b-usafufls8f]  .k-input, .topic-code.explicit .k-input[b-usafufls8f] {
    color: var(--qdt-black);
}


.topic-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .topic-code .k-input[b-usafufls8f],
.topic-item-inner:has(:active,:focus,:hover,.dropdown-button-container.opened) .topic-code[b-usafufls8f]  .k-input {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
    font-weight: normal;
}


.topic-code:has(:focus)[b-usafufls8f]  .k-numerictextbox, .topic-code:has(:focus) .k-numerictextbox[b-usafufls8f] {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white) !important;
}

    .topic-code:has(:focus)[b-usafufls8f]  .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: var(--qdt-white);
    }
/* /Components/Questionnaire/Answers/TopicTextInput.razor.rz.scp.css */
.k-input-inner[b-czf6kxgkun] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    white-space: pre-wrap;
}

div.k-textarea[b-czf6kxgkun] {
    border-bottom: 1px solid transparent !important;
}

.editor-holder[b-czf6kxgkun] {
    position: relative;
    width: 100%;
}

.popover[b-czf6kxgkun] {
    position: absolute;
    bottom: -10px;
    right: 25px;
    display: none;
    z-index: 1;
    background-color: var(--qdt-white);
    box-shadow: 0px 4px 4px 0px #00000040;
    border: none;
}

    .editor-holder:hover .popover[b-czf6kxgkun], .popover:has(.dropdown-button-container.opened)[b-czf6kxgkun] {
        display: flex;
    }

.edit-button[b-czf6kxgkun] {
    color: var(--qdt-grey-button);
    font-size: 14px;
}

.empty-placeholder[b-czf6kxgkun] {
    color: var(--qdt-light-grey);
}


.editor-holder[b-czf6kxgkun]  .k-editor.topic-editor .k-toolbar {
    display: none;
}

.editor-holder[b-czf6kxgkun]  .k-editor-content p {
    margin-bottom: 1px;
}

.editor-holder[b-czf6kxgkun]  .k-editor-content > .ProseMirror {
    padding-top: 3px;
    padding-bottom: 3px;
}
/* /Components/Questionnaire/Answers/TopicVariableInput.razor.rz.scp.css */
div.k-input-inner[b-bgudws5t49] {
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    width: 100px;
    overflow: hidden;
    white-space: pre-wrap;
}

.var-name[b-bgudws5t49]  .k-input, .var-name .k-input[b-bgudws5t49] {
    border: 1px solid transparent;
    border-radius: 4px !important;
    color: var(--qdt-autogenerated-prop);
}

.var-name.explicit[b-bgudws5t49]  .k-input, .var-name.explicit .k-input[b-bgudws5t49] {
    color: var(--qdt-black);
}

    .question-editor .var-name[b-bgudws5t49] {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

.question-editor:hover .var-name[b-bgudws5t49], .question-editor:has(:focus,:active) .var-name[b-bgudws5t49] {
    opacity: 1;
}
/* /Components/Questionnaire/Chapters/ChapterContainer.razor.rz.scp.css */
.chapter-container[b-h6g01erl2m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px 35px 0px;
    background-color: var(--qdt-white);
    border: 1px solid transparent;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .chapter-container.empty-survey[b-h6g01erl2m] {
        min-height: calc(var(--survey-page-content-body-max-height) - var(--survey-sidebar-search-height) - var(--survey-sidebar-tabs-height) - 20px);
    }

    .chapter-container.child-chapter[b-h6g01erl2m] {
        border-top: 1px solid var(--qdt-stroke-yellow);
    }

.container-header[b-h6g01erl2m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .container-header .container-header-top[b-h6g01erl2m], .container-header .container-header-bottom[b-h6g01erl2m] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.container-header-bottom[b-h6g01erl2m] {
    display: flex;
    padding-right: 31px;
    border-top: 1px solid var(--qdt-stroke-green);
    padding-top: 20px;
}

.chapter-container.root .container-header-bottom[b-h6g01erl2m] {
    border-top: unset;
    padding-top: unset;
}

.container-header-bottom .title[b-h6g01erl2m] {
    flex: 1;
}

.container-header-bottom .actions[b-h6g01erl2m] {
    width: 118px;
    display: flex;
    color: var(--qdt-grey-button);
    justify-content: end;
}

    .container-header-bottom .actions .comments[b-h6g01erl2m] {
        width: 65px;
    }

    .container-header-bottom .actions[b-h6g01erl2m]  .ti {
        color: var(--qdt-grey-button);
    }

.container-header-bottom[b-h6g01erl2m]  .comments-count {
    font-size: 15px;
}

    .container-header-bottom[b-h6g01erl2m]  .comments-count.unread::after {
        background-color: var(--yellow);
        border-radius: 50%;
        content: "";
        height: 5px;
        position: absolute;
        width: 5px;
        right: 5px;
        top: 1px;
    }

[b-h6g01erl2m] .container-header-bottom .k-button {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 18px;
    color: var(--qdt-grey-button);
}

[b-h6g01erl2m] .menu-button .k-button-arrow {
    display: none;
}

[b-h6g01erl2m] .container-header-bottom .editor-holder .k-input {
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

[b-h6g01erl2m] .container-header-bottom:hover .editor-holder .k-input {
    border-color: var(--qdt-stroke-grey) !important;
}

.container-header-title[b-h6g01erl2m] {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: var(--qdt-black);
}

[b-h6g01erl2m] .chapter-name-textbox {
    border: none;
    box-shadow: none;
}

    [b-h6g01erl2m] .chapter-name-textbox.k-focus, [b-h6g01erl2m] .chapter-name-textbox input:focus {
        box-shadow: none;
    }

    [b-h6g01erl2m] .chapter-name-textbox .k-input-inner {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: var(--qdt-black);
    }

    [b-h6g01erl2m] .chapter-name-textbox input::placeholder {
        color: var(--qdt-light-grey);
    }

[b-h6g01erl2m] .actions-btn .dropdown-list {
    width: 150px;
}


.empty-survey-info[b-h6g01erl2m] {
    margin: 0 auto;
    background: var(--qdt-light-beige);
    padding: 20px 60px;
    color: var(--qdt-grey-button);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

    .empty-survey-info .text[b-h6g01erl2m] {
    }

    .empty-survey-info .ti-arrow-big-left-lines[b-h6g01erl2m] {
        font-size: 20px;
    }

[b-h6g01erl2m] .add-question-btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
/* /Components/Questionnaire/Chapters/ChaptersTreeSelect.razor.rz.scp.css */
.chapters-tree-select[b-3e6c4s41i0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chapters-tree-select[b-3e6c4s41i0]  .virtualized-list {
    max-height: 185px;
    padding: 10px 0;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

.chapters-tree-select[b-3e6c4s41i0]  .virtualized-list .parent .node i {
    color: var(--qdt-stroke-yellow);
}
/* /Components/Questionnaire/Chapters/ChapterTree.razor.rz.scp.css */

.tree-wrap[b-j1pyrf4zeu] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 10px;
    overflow-y: auto;
    cursor:default;
}

    .tree-wrap.draggable-container--is-dragging.draggable-container--over[b-j1pyrf4zeu] {
        cursor:grabbing;
    }

    .tree-wrap[b-j1pyrf4zeu]  .tree-loader {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #eeeeee80;
        cursor: wait;
    }
.tree-wrap[b-j1pyrf4zeu]  .k-treeview {
    overflow: unset;
}

.tree-wrap[b-j1pyrf4zeu]::-webkit-scrollbar {
    width: 10px;
}

.tree-wrap[b-j1pyrf4zeu]::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 4px;
}

.survey-item[b-j1pyrf4zeu] {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: var(--qdt-black);
}


[b-j1pyrf4zeu] .treeview-chapter {
    padding: 2px 0;
}

[b-j1pyrf4zeu] .treeview-chapter .k-treeview-leaf {
    column-gap: 5px;
}

[b-j1pyrf4zeu] .treeview-chapter .k-treeview-leaf .k-treeview-leaf-text {
    font-weight: 600;
}

[b-j1pyrf4zeu] .treeview-chapter i {
    font-size: 24px;
    color: var(--qdt-stroke-yellow);
}

[b-j1pyrf4zeu] .treeview-question {
    padding: 1px 0;
}

[b-j1pyrf4zeu] .treeview-question .k-treeview-leaf {
    column-gap: 4px;
}

[b-j1pyrf4zeu] .treeview-question i {
    font-size: 18px;
    color: var(--qdt-light-grey);
}

[b-j1pyrf4zeu] .treeview-chapter, [b-j1pyrf4zeu] .treeview-question {
    column-gap: 10px;
}

[b-j1pyrf4zeu] .treeview-chapter:hover .k-treeview-leaf-text,
[b-j1pyrf4zeu] .treeview-question:hover .k-treeview-leaf-text {
    background-color: var(--qdt-bg-green);
    border: 1px solid var(--qdt-stroke-green);
}


[b-j1pyrf4zeu] .k-treeview-toggle .k-icon.k-svg-i-caret-alt-right::before {
    transform: rotate(-90deg);
}

.chapter-tree-menu.k-menu-button[b-j1pyrf4zeu], [b-j1pyrf4zeu] .chapter-tree-menu.k-menu-button {
    padding-block: 0;
    background-color: var(--green-dark-op-10);
    border-color: var(--green-dark-op-10);
    color: var(--green-dark);
    padding: 3px 5px;
    border-radius: 4px;
}

.chapter-tree-menu.k-menu-button .k-button-text[b-j1pyrf4zeu], [b-j1pyrf4zeu] .chapter-tree-menu.k-menu-button .k-button-text {
    display: none;
}


.tree-wrap:hover[b-j1pyrf4zeu]  .survey-tree-node-item[data-node-type="parent"] .actions {
    visibility: visible;
}

.survey-tree[b-j1pyrf4zeu] {
    height: calc(var(--survey-page-content-body-max-height) - var(--survey-sidebar-search-height) - var(--survey-sidebar-tabs-height) - 20px);
    overflow-y: scroll;
}

.tree-wrap[b-j1pyrf4zeu]  .search-box {
    height: var(--survey-sidebar-search-height);
}

.start-adding[b-j1pyrf4zeu] {
    max-width: 320px;
    margin: 0 auto;
    background: var(--qdt-light-beige);
    padding: 10px 15px;
    color: var(--qdt-grey-button);
    font-weight: 400;
    text-align: center;
    border-radius: 4px;
    display: flex;
}

    .start-adding .text[b-j1pyrf4zeu] {
        text-align: center;
    }

.ti-corner-left-up[b-j1pyrf4zeu] {
    font-size: 20px;
}
/* /Components/Questionnaire/Chapters/ChapterTreeNodeItem.razor.rz.scp.css */
.survey-tree-node-item[b-dgco41njv1] {
    font-size: 12px;
    line-height: 16px;
    max-height: 47px;
    /* Reserve a full transparent border so drop-intent borders (before/after/inside/forbidden) don't shift layout */
    border: 2px solid transparent;
    padding-bottom: 5px;
    cursor: inherit;
}

.survey-tree-node-item.draggable-source--is-dragging[b-dgco41njv1], .survey-tree-node-item.draggable-mirror[b-dgco41njv1] {
    cursor: grabbing;
}

.node-inner-wrap[b-dgco41njv1] {
    display: flex;
    column-gap: 4px;
    align-items: center;
}

.survey-tree-node-item .ti.toggle[b-dgco41njv1] {
    font-size: 8px;
    cursor: pointer;
}

.survey-tree-node-item .ti.toggle.collapsed[b-dgco41njv1] {
    transform: rotate(-90deg);
}

.survey-tree-node-item .ti[b-dgco41njv1] {
    font-size: 16px;
    color: var(--qdt-light-grey);
}

.survey-tree-node-item .ti.chapter[b-dgco41njv1] {
    color: var(--qdt-dark-green);
}

.survey-tree-node-item .ti.question[b-dgco41njv1] {
    margin-left: 17px;
}

.survey-tree-node-item .var-name[b-dgco41njv1] {
    max-width: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 3px;
}

.survey-tree-node-item .leaf-text[b-dgco41njv1] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 3px 5px;
}

.survey-tree-node-item:hover .leaf-text[b-dgco41njv1], .survey-tree-node-item.active .leaf-text[b-dgco41njv1] {
    background-color: var(--qdt-bg-green);
    border: 1px solid var(--qdt-stroke-green);
}


.draggable-node[b-dgco41njv1] {
    cursor: move;
}

.root-node .draggable-node[b-dgco41njv1] {
    cursor: default;
}

.survey-tree-node-item.draggable--over.drop--forbidden .draggable-node[b-dgco41njv1] {
    cursor: not-allowed;
}

.survey-tree-node-item.draggable--over[b-dgco41njv1] {
    cursor: grabbing;
}

.survey-tree-node-item.draggable--over.drop-intent--inside:not(.drop--forbidden)[b-dgco41njv1] {
    border: 2px dashed var(--qdt-dark-green);
}

.survey-tree-node-item.draggable--over.drop-intent--before:not(.drop--forbidden)[b-dgco41njv1] {
    border-top: 2px dashed var(--qdt-dark-green);
}

.survey-tree-node-item.draggable--over.drop-intent--after:not(.drop--forbidden)[b-dgco41njv1] {
    border-bottom: 2px dashed var(--qdt-dark-green);
}

.survey-tree-node-item.draggable--over.drop--forbidden[b-dgco41njv1] {
    border: 2px dashed var(--qdt-red);
    opacity: 0.5;
    cursor: not-allowed;
}


.actions[b-dgco41njv1] {
    display: flex;
    visibility: hidden;
}

.survey-tree-node-item:hover .actions[b-dgco41njv1],
.survey-tree-node-item.is-empty-survey .actions[b-dgco41njv1],
.survey-tree-node-item[data-is-root] .actions[b-dgco41njv1] {
    visibility: visible;
}

.actions[b-dgco41njv1]  .dropdown-button-container.chapter-tree-menu > button {
    width: auto;
}

.rule-block-valid-indicator[b-dgco41njv1] {
    width: 5px;
    height: 5px;
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
}

.rule-block-invalid-icon[b-dgco41njv1] {
    color: var(--qdt-red) !important;
}

.rule-block-invalid-icon.question[b-dgco41njv1] {
    margin-right: -20px;
    margin-left: 0px !important;
}

.rule-indicators[b-dgco41njv1] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 15px;
    height: 15px;
    margin-right: -20px;
    align-items: center;
}

.rule-indicators .rule-indicator[b-dgco41njv1] {
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

.rule-indicators .rule-indicator.rule-show[b-dgco41njv1] {
    background-color: var(--qdt-rule-item-show);
}

.rule-indicators .rule-indicator.rule-jump[b-dgco41njv1] {
    background-color: var(--qdt-rule-item-jump);
}

.rule-indicators .rule-indicator.rule-default[b-dgco41njv1] {
    background-color: var(--qdt-grey);
}

/* /Components/Questionnaire/Dialogs/ConfirmBreakLogicDialog.razor.rz.scp.css */
.icon[b-arv6vpmmc8] {
    color: var(--qdt-red);
    font-size: 24px;
}

.message[b-arv6vpmmc8] {
    font-size: 16px;
    font-weight: 400;
    color: var(--qdt-black);
}

.details[b-arv6vpmmc8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0;
    max-height: 400px;
}

.rule-reference[b-arv6vpmmc8] {
    background: #ffffff;
    border: 1px solid rgba(20, 20, 20, 0.06);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rule-reference .question-reference[b-arv6vpmmc8] {
    display: grid;
    grid-template-columns: 20px auto 1fr;
    gap: 6px;
    align-items: start;
    padding: 8px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 6px;
    background: transparent;
}

.rule-reference .question-reference > :nth-child(1)[b-arv6vpmmc8] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rule-reference .question-reference .var-name[b-arv6vpmmc8],
.rule-reference .answer-reference .var-name[b-arv6vpmmc8],
.rule-reference .topic-reference .var-name[b-arv6vpmmc8] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rule-reference .question-reference .var-name[b-arv6vpmmc8] {
    font-weight: 600;
    font-size: 12px;
    color: var(--qdt-black);
}

.rule-reference .question-reference .text[b-arv6vpmmc8] {
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rule-reference .answer-references[b-arv6vpmmc8],
.rule-reference .topic-references[b-arv6vpmmc8] {
    display: grid;
    gap: 6px;
}

.rule-reference .answer-reference[b-arv6vpmmc8],
.rule-reference .topic-reference[b-arv6vpmmc8] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px;
    align-items: start;
    padding: 8px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 6px;
    background: #f7f9fc;
}

.rule-reference .answer-reference .var-name[b-arv6vpmmc8],
.rule-reference .topic-reference .var-name[b-arv6vpmmc8] {
    font-weight: 600;
    color: var(--qdt-black);
    font-size: 12px;
}

.rule-reference .answer-reference .text[b-arv6vpmmc8],
.rule-reference .topic-reference .text[b-arv6vpmmc8] {
    font-size: 12px;
    color: var(--qdt-black);
    line-height: 1.25;
}
/* /Components/Questionnaire/Questions/CustomFields/CustomFields.razor.rz.scp.css */
.custom-fields-wrapper[b-1onfksn878] {
    position: relative;
}

/* SR-1859: block all input while a custom-field save is in flight so no second
   whole-question update races the first (would collide on QuestionCustomFields). */
.custom-fields-wrapper.saving[b-1onfksn878] {
    pointer-events: none;
    opacity: 0.6;
}

.custom-fields-wrapper.disabled[b-1onfksn878]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--qdt-white);
    opacity: 0.1;
    z-index: 1;
}

.custom-fields-wrapper.disabled .custom-fields *[b-1onfksn878],
.custom-fields-wrapper.disabled .custom-fields[b-1onfksn878]  *,
.custom-fields-wrapper.disabled .topics-wrapper *[b-1onfksn878],
.custom-fields-wrapper.disabled .topics-wrapper[b-1onfksn878]  * {
    color: var(--qdt-disable) !important;
}

.custom-fields[b-1onfksn878] {
    display: grid;
    margin: 15px;
}

.custom-fields .header[b-1onfksn878] {
    display: flex;
    justify-content: space-between;
}

.custom-fields .header .title[b-1onfksn878] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.custom-fields .header .actions[b-1onfksn878] {
    display: flex;
    align-items: center;
}

.custom-fields .header .actions[b-1onfksn878]  .create-btn {
    height: 40px;
    width: 100px;
    border-radius: 8px;
}

.custom-fields .fields[b-1onfksn878] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.custom-fields .fields .title[b-1onfksn878] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.custom-fields .fields .name[b-1onfksn878] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field[b-1onfksn878] {
    display: grid;
    align-items: center;
    grid-template-columns: auto 32px;
    gap: 8px;
}

.custom-fields .fields .field .name[b-1onfksn878] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field .value[b-1onfksn878]  input,
.custom-fields .fields .field .value[b-1onfksn878]  textarea {
    font-size: 12px;
}

.custom-fields .fields .field .value[b-1onfksn878]  .k-textbox,
.custom-fields .fields .field .value[b-1onfksn878]  .k-textarea,
.custom-fields .fields .field .value[b-1onfksn878]  .k-picker {
    border-radius: 8px;
}

.custom-fields .fields .field .value[b-1onfksn878]  .k-textbox .k-input-inner,
.custom-fields .fields .field .value[b-1onfksn878]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.custom-fields .fields .field .value[b-1onfksn878]  .k-textarea textarea {
    field-sizing: content;
}

.custom-fields .fields .field .delete-btn[b-1onfksn878] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.custom-fields > .actions[b-1onfksn878] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.custom-fields > .actions a[b-1onfksn878] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}


.topics-wrapper[b-1onfksn878] {
    display: grid;
    margin: 15px 0 5px;
    border-top: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper > .header[b-1onfksn878] {
    display: flex;
    padding: 15px 15px 5px;
}

.topics-wrapper > .header > .title[b-1onfksn878] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.topics-wrapper .topics[b-1onfksn878] {
    display: grid;
}

.topics-wrapper .topics > .header[b-1onfksn878] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    padding: 5px 15px;
}

.topics-wrapper .topics > .header > .title[b-1onfksn878] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic[b-1onfksn878] {
    display: grid;
    border-top: solid 1px var(--qdt-stroke-grey);
    padding: 15px;
    row-gap: 5px;
}

.topics-wrapper .topics > .topic:last-child[b-1onfksn878] {
    border-bottom: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper .topics > .topic > .overview[b-1onfksn878] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    align-items: center;
    cursor: pointer;
}

.topics-wrapper .topics > .topic > .overview .name[b-1onfksn878] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .overview .text[b-1onfksn878] {
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topics-wrapper .topics > .topic > .overview.expanded[b-1onfksn878] {
    grid-template-columns: 25px 150px 100px auto;
}

.topics-wrapper .topics > .topic > .overview.expanded .text[b-1onfksn878] {
    grid-column: 1 / -1;
    overflow: visible;
    white-space: normal;
    padding: 5px 0 5px 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields[b-1onfksn878] {
    padding-left: 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields[b-1onfksn878] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .title[b-1onfksn878] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .name[b-1onfksn878] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field[b-1onfksn878] {
    display: grid;
    grid-template-columns: auto 32px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .name[b-1onfksn878] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  input,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  textarea {
    font-size: 12px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  .k-textbox,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  .k-textarea,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  .k-picker {
    border-radius: 8px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  .k-textbox .k-input-inner,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-1onfksn878]  .k-textarea textarea {
    field-sizing: content;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .delete-btn[b-1onfksn878] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions[b-1onfksn878] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions a[b-1onfksn878] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}
/* /Components/Questionnaire/Questions/DetailedQuestionEditor.razor.rz.scp.css */
.question-editor[b-g8qsomi6ie] {
    display: flex;
    min-width: 480px;
}

    .question-editor .question-editor-inner-wrap[b-g8qsomi6ie] {
        display: flex;
        flex: 1;
        padding: 23px 32px 10px;
    }

        .question-editor .question-editor-inner-wrap .body[b-g8qsomi6ie] {
            flex: 1;
            position: relative;
        }

.question-editor-header[b-g8qsomi6ie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    min-height: 27px;
    gap: 5px;
}

.question-editor:last-child[b-g8qsomi6ie] {
    margin-bottom: 5px;
}


.question-editor-header .question-type[b-g8qsomi6ie] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

    .question-editor-header .question-type .ti[b-g8qsomi6ie] {
        color: var( --qdt-light-grey);
    }

.question-editor-header .info[b-g8qsomi6ie] {
    display: flex;
    align-items: center;
}

.question-editor-header .actions[b-g8qsomi6ie] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    color: var(--qdt-grey-button);
}

[b-g8qsomi6ie] .question-editor-header .var-name {
    font-size: 15px;
    width: 250px;
    max-width: 250px;
}

.right-action-bar[b-g8qsomi6ie]  .ti {
    font-size: 18px;
    color: var(--qdt-grey-button);
}

.right-action-bar[b-g8qsomi6ie]  .insturtions-inidicator {
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
    position: absolute;
    width: 5px;
    height: 5px;
    top: -2px;
    right: 5px;
}

[b-g8qsomi6ie] .actions-btn .ti {
    font-size: 18px;
    color: var(--qdt-grey-button);
}
/* /Components/Questionnaire/Questions/Dialogs/DetailedView.razor.rz.scp.css */
.dialog-body[b-ff9gw9k3xn] {
    min-height: 340px;
    max-height: 500px;
    overflow-y: auto;
    margin-top: 15px;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionAuditLogDialog.razor.rz.scp.css */
.audit-tab-body[b-fmz0lhevso] {
    padding-top: 8px;
}

.buttons[b-fmz0lhevso] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/AnswersBlock.razor.rz.scp.css */
.answers[b-2md8zz9swx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    margin-top: 17px;
}

.answer-item[b-2md8zz9swx] {
    display: flex;
    margin-bottom: 6px;
    align-items: center;
    gap: 10px;
}

    .answer-item .var-name[b-2md8zz9swx] {
        color: var(--qdt-autogenerated-prop);
        max-width: 70px;
        min-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .answer-item .var-name.explicit[b-2md8zz9swx] {
            color: var(--qdt-black);
        }

    .answer-item .answer-text[b-2md8zz9swx] {
        flex: 1;
    }
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/MetaInfoBlock.razor.rz.scp.css */
.meta-info[b-rsa8teh6kw] {
    padding-bottom: 10px;
    display: flex;
    gap: 10px;
}

.meta-info .actions[b-rsa8teh6kw] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    gap: 10px;
}

.meta-info .actions .lock[b-rsa8teh6kw] {
    color: var(--qdt-dark-green);
    cursor:pointer;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/PropertiesBlock.razor.rz.scp.css */
.properties[b-6xbr33t2kb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    margin-top: 17px;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/QuestionTextBlock.razor.rz.scp.css */
.question-text[b-pstd5xua6a] {
}

.question-text-inner[b-pstd5xua6a] {
    display: flex;
    align-items: center;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/TopicsBlock.razor.rz.scp.css */
.topics[b-sjrhqeyiuq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    margin-top: 17px;
}


.topic-item[b-sjrhqeyiuq] {
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
    align-items: center;
}

    .topic-item .var-name[b-sjrhqeyiuq] {
        color: var(--qdt-autogenerated-prop);
        max-width: 70px;
        min-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .topic-item .var-name.explicit[b-sjrhqeyiuq] {
            color: var(--qdt-black);
        }

    .topic-item .topic-text[b-sjrhqeyiuq] {
        flex: 1;
    }
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/TranslationContainer.razor.rz.scp.css */

.translation-container[b-vhhtko53xa] {
    padding: 26px 0;
    min-height: 480px;
}

    .translation-container[b-vhhtko53xa]  .source-language-selector {
        border: 1px solid #ccc;
        height: 45px;
        margin-left: 37px;
    }

        .translation-container[b-vhhtko53xa]  .source-language-selector .lang-popover {
            top: 45px;
        }

.no-translations[b-vhhtko53xa] {
    padding: 0 47px;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/TranslationList.razor.rz.scp.css */
.translation-list[b-70dujn6dpe] {
}

    .translation-list .header[b-70dujn6dpe] {
        color: var(--qdt-dark-green);
        font-size: 15px;
        padding: 15px 37px 10px;
    }
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/TranslationListItem.razor.rz.scp.css */
.header[b-en8d6o4ct6] {
    display: flex;
    border-top: 1px solid var(--qdt-stroke-grey);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    padding: 10px 37px 10px;
    cursor: pointer;
    gap: 70px;
}

.translation-list-item:not(:last-child) .header.collapsed[b-en8d6o4ct6] {
    border-bottom: none;
}

.header .locale-name[b-en8d6o4ct6] {
    min-width: 250px;
}

.header .ti[b-en8d6o4ct6] {
    margin-left: auto;
}

.body[b-en8d6o4ct6] {
    display: grid;
    margin: 10px 37px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    cursor: default;
}

.actions[b-en8d6o4ct6] {
    display: flex;
    padding: 5px 10px;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    color: var(--qdt-grey-button);
    border-top: 1px solid var(--qdt-stroke-grey);
}

    .actions .ti[b-en8d6o4ct6] {
        font-size: 20px;
    }

    .actions .insturtions-inidicator[b-en8d6o4ct6] {
        background-color: var(--qdt-dark-green);
        border-radius: 50%;
        position: absolute;
        width: 5px;
        height: 5px;
        top: 1px;
        right: 5px;
    }


.instruction-box[b-en8d6o4ct6] {
    background-color: var(--qdt-beige);
    padding: 14px;
    display: flex;
    position: relative;
    border-top: 1px solid var(--qdt-stroke-grey);
    width: 100%;
}

    .instruction-box .close[b-en8d6o4ct6] {
        position: absolute;
        top: 5px;
        right: 14px;
        cursor: pointer;
    }

    .instruction-box .instructions[b-en8d6o4ct6] {
        width: 100%;
    }

        .instruction-box .instructions label[b-en8d6o4ct6] {
            font-size: 15px;
            font-weight: 400;
            color: var(--qdt-black);
        }

        .instruction-box .instructions .text[b-en8d6o4ct6] {
            min-height: 50px;
            color: var(--qdt-black);
            font-size: 12px;
            background-color: var(--qdt-white);
            padding: 4px 8px;
        }

[b-en8d6o4ct6] .translation-progress {
    width: 150px;
    cursor: pointer;
}
/* /Components/Questionnaire/Questions/Dialogs/QuestionDetails/TranslationSide.razor.rz.scp.css */
.translation-side[b-m4pid1n69q] {
    flex: 1;
    font-size: 15px;
    padding: 20px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    position:relative;
}

.translation-side[b-m4pid1n69q]::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: var(--qdt-stroke-grey);
    left: 49%
}



[b-m4pid1n69q] .label {
    color: var(--qdt-light-grey);
    font-size: 12px;
    margin-bottom: 6px;
}

[b-m4pid1n69q] .answer-item .answer-text, [b-m4pid1n69q] .topic-item .topic-text, [b-m4pid1n69q] .property-item .property-text {
    white-space: pre;
    text-wrap: auto;
}


[b-m4pid1n69q] .no-translation {
    color: var(--qdt-white);
    background: var(--qdt-stroke-grey);
    border-radius: 4px;
    padding: 2px 4px;
}


[b-m4pid1n69q] .outdated {
    border-radius: 4px;
    border: 1px solid var(--qdt-red);
    padding: 2px 4px;
    min-width: 150px;
}

[b-m4pid1n69q] .dynamic-text-changed {
    border-radius: 4px;
    border: 1px solid var(--qdt-dynamic-text-modified);
    padding: 2px 4px;
    min-width: 150px;
}

[b-m4pid1n69q] .ti-exchange {
    color: var(--qdt-red);
    margin-left: 3px;
}

[b-m4pid1n69q] .ti-text-recognition {
    color: var(--qdt-dynamic-text-modified);
    margin-left: 3px;
}

[b-m4pid1n69q] .answer-text p, [b-m4pid1n69q] .topic-text p {
    margin-bottom: 1px;
}
/* /Components/Questionnaire/Questions/InstructionBox.razor.rz.scp.css */
.instruction-box[b-937xr809lm] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-beige);
    padding: 14px;
    display: flex;
    position: relative;
    margin: 20px 0;
    gap: 10px;
}

    .instruction-box .close[b-937xr809lm] {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
    }
    .instruction-box .instructions[b-937xr809lm] {
        width: 100%;
    }

    .instruction-box .instructions label[b-937xr809lm] {
        font-size: 15px;
        font-weight: 400;
        color: var(--qdt-black);
    }

    [b-937xr809lm] .instructions .k-textarea {
        border-radius: 4px;
        border: 1px solid var(--qdt-stroke-grey);       
    }
    [b-937xr809lm] .instructions .k-textarea textarea {
        min-height: 50px;
        color: var(--qdt-black);
        font-size: 12px;
    }
/* /Components/Questionnaire/Questions/LightweightQuestion.razor.rz.scp.css */
.question-editor[b-fzjwdzfel0] {
    position: relative;
    color: var(--qdt-black);
    padding: 20px 35px 0px;
    background: white;
    min-height: 200px;
}

.question-editor-inner-wrap[b-fzjwdzfel0] {
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    padding: 23px 32px 10px;
    min-height: 200px;
}

.question-editor-header[b-fzjwdzfel0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    min-height: 27px;
    gap: 5px;
}

.question-editor:last-child[b-fzjwdzfel0] {
    margin-bottom: 5px;
}


.question-editor-header .question-type[b-fzjwdzfel0] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

    .question-editor-header .question-type .ti[b-fzjwdzfel0] {
        color: var( --qdt-light-grey);
    }

.question-editor-header .info[b-fzjwdzfel0] {
    display: flex;
    align-items: center;
}

.question-editor-header .actions[b-fzjwdzfel0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 35px;
    color: var(--qdt-grey-button);
}

[b-fzjwdzfel0] .question-editor-header .var-name {
    font-size: 15px;
    width: 250px;
    max-width: 250px;
}

[b-fzjwdzfel0] .question-editor-header .var-name {
    border: 1px solid transparent !important;
}

    [b-fzjwdzfel0] .question-editor-header .var-name.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        border-radius: 4px !important;
    }

.RadioList .question-text[b-fzjwdzfel0], .CheckboxList .question-text[b-fzjwdzfel0], .HighlightBordersList .question-text[b-fzjwdzfel0] {
    margin-bottom: 8px;
}

.Slider .question-text[b-fzjwdzfel0] {
    margin-bottom: 16px;
}

.Grid .question-text[b-fzjwdzfel0] {
    margin-bottom: 26px;
}

.OpenEnded .question-text[b-fzjwdzfel0] {
    margin-bottom: 20px;
}

[b-fzjwdzfel0] .question-text .k-textarea.k-invalid {
    border-bottom: 1px solid var(--qdt-red) !important;
}

[b-fzjwdzfel0] .question-text .k-textarea, [b-fzjwdzfel0] .question-text .k-editor-content {
    border: none;
    font-size: 20px;
}

[b-fzjwdzfel0] .k-editor.txt-question .k-toolbar {
    display: none;
}

[b-fzjwdzfel0] .k-editor.txt-question {
    border: none !important;
}

    [b-fzjwdzfel0] .k-editor.txt-question .k-content.ProseMirror {
        padding: 0 !important;
    }

    [b-fzjwdzfel0] .k-editor.txt-question .k-editor-content {
        padding-block: var(--kendo-spacing-1, .25rem);
        padding-inline: var(--kendo-spacing-2, .5rem);
    }

[b-fzjwdzfel0] .k-textbox.k-focus, [b-fzjwdzfel0] .k-textarea.k-focus {
    box-shadow: none;
}

.right-action-bar[b-fzjwdzfel0] {
    display: flex;
    justify-content: end;
}

    .right-action-bar[b-fzjwdzfel0]  .k-button {
        font-size: 18px;
        color: var(--qdt-grey-button);
    }

    .right-action-bar .comments[b-fzjwdzfel0] {
        width: 50px;
    }

    .right-action-bar[b-fzjwdzfel0]  .comments-count {
        font-size: 15px;
    }

        .right-action-bar[b-fzjwdzfel0]  .comments-count.unread::after {
            background-color: var(--yellow);
            border-radius: 50%;
            content: "";
            height: 5px;
            position: absolute;
            width: 5px;
            right: 5px;
            top: 1px;
        }

    .right-action-bar[b-fzjwdzfel0]  .insturtions-inidicator {
        background-color: var(--qdt-dark-green);
        border-radius: 50%;
        position: absolute;
        width: 5px;
        height: 5px;
        top: 1px;
        right: 5px;
    }

.toggle-btn[b-fzjwdzfel0] {
    color: var(--menu-items-text-grey);
    margin-right: 3px;
    margin-top: 5px;
}

.menu-button[b-fzjwdzfel0], [b-fzjwdzfel0] .menu-button {
    color: var(--qdt-grey-button);
}

[b-fzjwdzfel0] ::placeholder {
    color: var(--qdt-light-grey);
}

.selection-bar[b-fzjwdzfel0] {
    display: flex;
    visibility: hidden;
    align-items: center;
    gap: 13px;
}

    .selection-bar label[b-fzjwdzfel0] {
        font-size: 15px;
        font-weight: 400;
        color: var(--qdt-dark-green);
        cursor: pointer;
    }

.question-editor:hover .selection-bar[b-fzjwdzfel0], .question-editor.selected .selection-bar[b-fzjwdzfel0] {
    visibility: visible;
}

.template-lock[b-fzjwdzfel0] {
    display: grid;
    place-items: center;
}

    .template-lock i[b-fzjwdzfel0] {
        font-size: 16px;
        color: var(--qdt-dark-green);
    }

.question-editor .question-editor-inner-wrap[b-fzjwdzfel0] {
    display: flex;
    flex-direction: column;
}

    .question-editor .question-editor-inner-wrap .body[b-fzjwdzfel0] {
        flex: 1;
    }

.question-editor:hover .question-editor-inner-wrap[b-fzjwdzfel0] {
    border-color: var(--qdt-dark-green);
}
/* /Components/Questionnaire/Questions/QuestionEditor.razor.rz.scp.css */
.question-editor[b-j0z4o9n8m2] {
    position: relative;
    color: var(--qdt-black);
    padding: 20px 35px 0px;
    background: white;
    min-height: 200px;
}

.question-editor-inner-wrap[b-j0z4o9n8m2] {
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    padding: 23px 32px 10px;
    min-height: 200px;
}

.question-editor-header[b-j0z4o9n8m2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    min-height: 27px;
    gap: 5px;
}

.question-editor:last-child[b-j0z4o9n8m2] {
    margin-bottom: 5px;
}


.question-editor-header .question-type[b-j0z4o9n8m2] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

.question-editor-header .question-type .ti[b-j0z4o9n8m2] {
    color: var(--qdt-light-grey);
}

.question-editor-header .info[b-j0z4o9n8m2] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.question-editor-header .actions[b-j0z4o9n8m2] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    color: var(--qdt-grey-button);
}

.actions .detailed-btn[b-j0z4o9n8m2] {
    font-size: 18px;
    color: var(--qdt-grey-button);
}

[b-j0z4o9n8m2] .question-editor-header .var-name {
    font-size: 15px;
    width: 250px;
    max-width: 250px;
}

[b-j0z4o9n8m2] .question-editor-header .var-name {
    border: 1px solid transparent !important;
}

[b-j0z4o9n8m2] .question-editor-header .var-name.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    border-radius: 4px !important;
}

.RadioList .question-text[b-j0z4o9n8m2], .CheckboxList .question-text[b-j0z4o9n8m2], .HighlightBordersList .question-text[b-j0z4o9n8m2] {
    margin-bottom: 8px;
}

.Slider .question-text[b-j0z4o9n8m2] {
    margin-bottom: 16px;
}

.Grid .question-text[b-j0z4o9n8m2] {
    margin-bottom: 26px;
}

.OpenEnded .question-text[b-j0z4o9n8m2] {
    margin-bottom: 20px;
}

[b-j0z4o9n8m2] .question-text .k-textarea.k-invalid {
    border-bottom: 1px solid var(--qdt-red) !important;
}

[b-j0z4o9n8m2] .question-text .k-textarea, [b-j0z4o9n8m2] .question-text .k-editor-content {
    border: none;
    font-size: 20px;
}

[b-j0z4o9n8m2] .k-editor.txt-question .k-toolbar {
    display: none;
}

[b-j0z4o9n8m2] .k-editor.txt-question {
    border: none !important;
}

[b-j0z4o9n8m2] .k-editor.txt-question .k-content.ProseMirror {
    padding: 0 !important;
}

[b-j0z4o9n8m2] .k-editor.txt-question .k-editor-content {
    padding-block: var(--kendo-spacing-1, .25rem);
    padding-inline: var(--kendo-spacing-2, .5rem);
}

[b-j0z4o9n8m2] .k-textbox.k-focus, [b-j0z4o9n8m2] .k-textarea.k-focus {
    box-shadow: none;
}

[b-j0z4o9n8m2] .comments-button {
    position: relative;
    width: auto;
}

.comments-count[b-j0z4o9n8m2] {
    font-size: 15px;
}

.comments-count.unread[b-j0z4o9n8m2]::after {
    background-color: var(--yellow);
    border-radius: 50%;
    content: "";
    height: 5px;
    position: absolute;
    width: 5px;
    right: 5px;
    top: 1px;
}

[b-j0z4o9n8m2] .rule-button,
[b-j0z4o9n8m2] .randomization-button,
[b-j0z4o9n8m2] .instructions-button {
    position: relative;
}

.rule-indicator[b-j0z4o9n8m2],
.randomization-indicator[b-j0z4o9n8m2],
.instructions-indicator[b-j0z4o9n8m2] {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 5px;
    height: 5px;
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
}

.toggle-btn[b-j0z4o9n8m2] {
    color: var(--menu-items-text-grey);
    margin-right: 3px;
    margin-top: 5px;
}

.menu-button[b-j0z4o9n8m2], [b-j0z4o9n8m2] .menu-button {
    color: var(--qdt-grey-button);
}

[b-j0z4o9n8m2] ::placeholder {
    color: var(--qdt-light-grey);
}

.selection-bar[b-j0z4o9n8m2] {
    display: flex;
    visibility: hidden;
    align-items: center;
    gap: 13px;
}

.selection-bar label[b-j0z4o9n8m2] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
    cursor: pointer;
}

.question-editor:hover .selection-bar[b-j0z4o9n8m2], .question-editor.selected .selection-bar[b-j0z4o9n8m2] {
    visibility: visible;
}

.template-lock[b-j0z4o9n8m2] {
    display: grid;
    place-items: center;
}

.template-lock i[b-j0z4o9n8m2] {
    font-size: 16px;
    color: var(--qdt-dark-green);
}

.question-editor .question-editor-inner-wrap[b-j0z4o9n8m2] {
    display: flex;
    flex-direction: column;
}

.question-editor .question-editor-inner-wrap .body[b-j0z4o9n8m2] {
    flex: 1;
    position: relative;
}

.question-editor:hover .question-editor-inner-wrap[b-j0z4o9n8m2] {
    border-color: var(--qdt-dark-green);
}

.question-editor .question-editor-inner-wrap .add-before[b-j0z4o9n8m2],
.question-editor .question-editor-inner-wrap .add-after[b-j0z4o9n8m2] {
    visibility: hidden;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: var(--qdt-dark-green);
    display: flex;
    justify-content: center;
    padding-top: 1px;
    color: var(--qdt-dark-green);
    background-color: var(--qdt-white);
    cursor: pointer;
}

.question-editor .question-editor-inner-wrap .add-before[b-j0z4o9n8m2] {
    margin-top: -33px;
}

.question-editor .question-editor-inner-wrap .add-after[b-j0z4o9n8m2] {
    margin-bottom: -21px;
    z-index: 1;
}

.question-editor:hover .question-editor-inner-wrap .add-before[b-j0z4o9n8m2],
.question-editor:hover .question-editor-inner-wrap .add-after[b-j0z4o9n8m2] {
    visibility: visible;
}

.ti-alert-triangle[b-j0z4o9n8m2] {
    color: var(--qdt-red);
}
/* /Components/Questionnaire/Questions/QuestionLockedWarning.razor.rz.scp.css */
.warning-container[b-h0xs4ty6tl] {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.warning[b-h0xs4ty6tl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-color: var(--qdt-red);
    color: var(--qdt-white);
}

    .warning .template-lock[b-h0xs4ty6tl],
    .warning .close-btn[b-h0xs4ty6tl] {
        display: grid;
        place-items: center;
        width: 24px;
        height: 24px;
        background: transparent;
        border: none;
        outline: none;
        color: var(--qdt-white);
        cursor: pointer;
    }

        .warning .template-lock[b-h0xs4ty6tl],
        .warning .close-btn i[b-h0xs4ty6tl] {
            font-size: 16px;
        }
/* /Components/Questionnaire/Questions/QuestionPreview.razor.rz.scp.css */
.question-button-preview[b-qx5xc8ktsq] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    height: 32px;
    max-height: 32px;
    background-color: var(--white);
    background-image: none;
    border: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--black);
}

.question-button-preview i[b-qx5xc8ktsq] {
    font-size: 18px;
    color: var(--qdt-light-green);
}

.question-button-preview:hover[b-qx5xc8ktsq] {
    background-color: var(--beige);
}

.question-button-preview:hover + .question-preview[b-qx5xc8ktsq] {
    display: flex;
}

.question-preview[b-qx5xc8ktsq] {
    display: none;
    position: absolute;
    top: 0;
    left: -1px;
    transform: translateX(-100%);
    flex-direction: column;
    width: 284px;
    gap: 21px;
    padding: 18px 10px 20px 10px;
    background-color: var(--white);
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    z-index: 100;
}

.question-preview-title[b-qx5xc8ktsq] {
    font-size: 26px;
    font-weight: 500;
    color: var(--black);
}

.question-preview-description[b-qx5xc8ktsq] {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: var(--black);
}
/* /Components/Questionnaire/Questions/QuestionTextEditor.razor.rz.scp.css */
.editor-holder[b-ezef4a0m7d] {
    position: relative;
    border: 1px solid transparent;
}

    .editor-holder:hover[b-ezef4a0m7d] {
        border-radius: 4px;
        border: 1px solid var(--qdt-stroke-green);
    }

    .editor-holder[b-ezef4a0m7d]  .txt-question p {
        margin-bottom: 3px;
    }

.empty-placeholder[b-ezef4a0m7d] {
    color: var(--qdt-light-grey);
}

.editor-holder .pre-wrap[b-ezef4a0m7d] {
    white-space: pre-wrap;
}

.edit-toolbar[b-ezef4a0m7d] {
    display: none;
    position: absolute;
    top: -15px;
    right: 40px;
    font-size: 18px;
    z-index: 1;
    background-color: #F5F5F5;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    padding: 0 5px;
    gap: 5px;
}

.editor-holder:hover .edit-toolbar[b-ezef4a0m7d] {
    display: flex;
}

.edit-button[b-ezef4a0m7d] {
    color: var(--qdt-grey-button);
    font-size: 18px;
    padding: 0px;
}
/* /Components/Questionnaire/Questions/QuestionVariableInput.razor.rz.scp.css */
.var-name[b-k2x5ub6mab]  .k-input, .var-name .k-input[b-k2x5ub6mab] {
    color: var(--qdt-autogenerated-prop);
}

.var-name.explicit[b-k2x5ub6mab]  .k-input, .var-name.explicit .k-input[b-k2x5ub6mab] {
    color: var(--qdt-black);
}
/* /Components/Questionnaire/Rules/Dialogs/ConditionRulesDialog.razor.rz.scp.css */
.dialog-body[b-6wjihoudc2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 16px;
}

.question-meta[b-6wjihoudc2] {
    display: flex;
    gap: 10px;
    padding-bottom: 7px;
}

.question-text[b-6wjihoudc2] {
    padding-bottom: 7px;
}

.rules-container[b-6wjihoudc2] {
    max-height: 400px;
}

[b-6wjihoudc2] .loading {
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

.dialog-actions[b-6wjihoudc2] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 16px;
    gap: 10px;
}
/* /Components/Quotas/Builder/AnswerCell.razor.rz.scp.css */
.answer-cell[b-lhvlx10ibv] {
    background-color: var(--qdt-white);
}

/* /Components/Quotas/Builder/QuestionCell.razor.rz.scp.css */
.question-cell[b-6umig7ae3i] {
    background-color: #F5F5F5;
}

/* /Components/Quotas/Builder/QuotaCell.razor.rz.scp.css */
.quota-cell[b-gqrkkiygmm] {
    position: relative;
}

.loader[b-gqrkkiygmm] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
/* /Components/Quotas/Builder/QuotasMatrix.razor.rz.scp.css */
.matrix-container[b-9kasdu12gt] {
    position:relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.matrix-scroll-container[b-9kasdu12gt] {
    flex: 1;
    overflow-x: auto;
    overflow-y: auto;
}

.toolbox[b-9kasdu12gt] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    column-gap: 8px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.matrix[b-9kasdu12gt] {
    display: inline-grid;
    grid-template-columns: auto max-content;
    grid-template-rows: auto 1fr;
    gap: 0;
    border: 1px solid var(--qdt-stroke-grey);
    width: max-content;
    height: max-content;
}

.corner[b-9kasdu12gt] {
    grid-column: 1;
    grid-row: 1;
    background: #fff;
    border-right: 1px solid var(--qdt-stroke-grey);
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

.x-header[b-9kasdu12gt] {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: var(--cols);
    grid-auto-rows: 56px;
    width: max-content;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    overflow: hidden;
    background: #fff;
}

.y-header[b-9kasdu12gt] {
    grid-column: 1;
    grid-row: 2;
    display: grid;
    /* Y header: tracks are rows, depth is columns */
    grid-template-rows: var(--rows);
    grid-auto-columns: 160px;
    border-right: 1px solid var(--qdt-stroke-grey);
    height: max-content;
    overflow: hidden;
    background: #fff;
}

.body[b-9kasdu12gt] {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: var(--cols);
    grid-template-rows: var(--rows);
    width: max-content;
    height: max-content;
    overflow-y: auto;
}

[b-9kasdu12gt] .question-cell,
[b-9kasdu12gt] .answer-cell,
[b-9kasdu12gt] .quota-cell
{
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    border-right: 1px solid var(--qdt-stroke-grey);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    padding: 8px;
    overflow: hidden;
}

[b-9kasdu12gt] .question-cell,
[b-9kasdu12gt] .answer-cell
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

[b-9kasdu12gt] .question-cell .var-name,
[b-9kasdu12gt] .answer-cell .var-name
{
    max-width: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #BFBFBF;
    overflow: hidden;
}

[b-9kasdu12gt] .question-cell .text,
[b-9kasdu12gt] .answer-cell .text
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
}

/* /Components/Quotas/Builder/QuotasSidebar.razor.rz.scp.css */
.quotas-sidebar[b-uby8ajj74b] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 420px;
    min-width: 420px;
    max-width: 420px;
    background-color: var(--qdt-white);
    border-right: 1px solid var(--qdt-stroke-grey);
    padding: 20px 16px;
    overflow: hidden;
}

.loader[b-uby8ajj74b] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: wait;
    z-index: 10;
}

.quotas-sidebar-header[b-uby8ajj74b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.quotas-sidebar-header .title[b-uby8ajj74b] {
    font-size: 20px;
    font-weight: 600;
    color: var(--qdt-black);
}
/* /Components/Quotas/Dialogs/CreateQuotaDialog.razor.rz.scp.css */
.create-quota-dialog[b-6g930vqngr] {
    transition: height 1s ease;
}

.dialog-body[b-6g930vqngr] {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    gap: 16px;
    padding: 15px 20px 40px 20px;
}

.buttons[b-6g930vqngr] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 16px;
}

.dialog-body.loading[b-6g930vqngr] {
    overflow: hidden;
}

.loader[b-6g930vqngr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee80;
    cursor: wait;
    z-index: 10;
}
/* /Components/Quotas/QuestionItem.razor.rz.scp.css */
.question-item[b-df71xckgik] {
    display: flex;
    align-content: center;
    gap: 8px;
}

.question-item-content[b-df71xckgik] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.question-item[b-df71xckgik]  .question-type .icon {
    color: var(--qdt-black);
}

.var-name[b-df71xckgik] {
    max-width: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-light-grey2);
    text-overflow: ellipsis;
}

.text[b-df71xckgik] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 15px;
    color: var(--qdt-black);
}
/* /Components/Quotas/QuestionListItem.razor.rz.scp.css */
.question-list-item[b-qk63yhlfjj] {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
}

.question-selection-list-item input[b-qk63yhlfjj] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input:disabled[b-qk63yhlfjj] {
    cursor: not-allowed;
}

input:disabled + label[b-qk63yhlfjj] {
    opacity: 0.5;
    cursor: not-allowed;
}

label[b-qk63yhlfjj] {
    flex: 1;
    cursor: pointer;
}
/* /Components/Quotas/QuestionsList.razor.rz.scp.css */
.questions-list[b-dzm77ilb0p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.questions-list.expanded[b-dzm77ilb0p] {
    flex: 1;
}

.header[b-dzm77ilb0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.title[b-dzm77ilb0p] {
    font-weight: 500;
    font-size: 12px;
    color: var(--qdt-light-grey2);
}

.header .icon[b-dzm77ilb0p] {
    font-size: 20px;
    color: var(--qdt-light-grey2);
}

.sub-header[b-dzm77ilb0p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sub-header[b-dzm77ilb0p]  input {
    height: 38px;
}

.buttons[b-dzm77ilb0p] {
    display: flex;
    align-content: center;
    gap: 8px;
}

.buttons[b-dzm77ilb0p]  button {
    flex: 1;
}

.list-body[b-dzm77ilb0p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.list-empty[b-dzm77ilb0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--qdt-light-grey2);
}
/* /Components/Quotas/QuestionsTree.razor.rz.scp.css */
.questions-tree[b-qcbzt09oyg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    overflow: hidden;
}

.questions-tree.expanded[b-qcbzt09oyg] {
    flex: 1;
}

.header[b-qcbzt09oyg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.title[b-qcbzt09oyg] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 12px;
    color: var(--qdt-light-grey2);
}

.header .icon[b-qcbzt09oyg] {
    font-size: 20px;
    color: var(--qdt-light-grey2);
}

.header:hover .title[b-qcbzt09oyg],
.header:hover .icon[b-qcbzt09oyg]
{
    color: var(--qdt-dark-green);
}

.header:active .title[b-qcbzt09oyg],
.header:active .icon[b-qcbzt09oyg]
{
    color: var(--qdt-black);
}

.header .change-indicator[b-qcbzt09oyg] {
    display: none;
    width: 6px;
    height: 6px;
    background-color: var(--qdt-alert-info);
    border-radius: 50%;
}

.questions-tree.changed .header .title[b-qcbzt09oyg],
.questions-tree.changed .header .icon[b-qcbzt09oyg] {
    color: var(--qdt-alert-info);
}

.questions-tree.changed  .header .change-indicator[b-qcbzt09oyg] {
    display: block;
}

.list[b-qcbzt09oyg] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.list.draggable-container--is-dragging:not(.draggable-container--over)[b-qcbzt09oyg] {
    border: 2px dashed var(--qdt-dark-green);
}

.list-empty[b-qcbzt09oyg] {
    font-weight: 400;
    font-size: 12px;
    color: var(--qdt-light-grey);
}
/* /Components/Quotas/QuestionsTrees.razor.rz.scp.css */
/* /Components/Quotas/QuestionTreeNode.razor.rz.scp.css */
.question-tree-node[b-cvnlt34ysz] {
    position: relative;
    display: flex;
    align-items: center;
}

.question-tree-node.tree-node[b-cvnlt34ysz] {
    height: 54px;
    min-height: 54px;
    max-height: 54px;
}

.node-content[b-cvnlt34ysz] {
    display: flex;
    flex-direction: column;
}

.icon[b-cvnlt34ysz] {
    color: var(--qdt-black);
}

.var-name[b-cvnlt34ysz] {
    max-width: 100px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--qdt-light-grey2);
    text-overflow: ellipsis;
}

.text[b-cvnlt34ysz] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 15px;
    color: var(--qdt-black);
}

.dd-handle[b-cvnlt34ysz] {
    width: 24px;
    height: 24px;
    color: var(--qdt-light-grey);
    cursor: grab;
}

.actions[b-cvnlt34ysz] {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    align-items: center;
    column-gap: 14px;
    height: calc(100% - 4px);
    padding: 6px 12px;
    background-color: var(--qdt-white);
    z-index: 1;
}

.question-tree-node:hover .actions[b-cvnlt34ysz] {
    display: flex;
}
/* /Components/Quotas/QuotaOverviewListItem.razor.rz.scp.css */
.quota-overview-list-item[b-9lfg3u31jd] {
    display: grid;
    grid-template-columns: 40px 1fr 100px;
    align-items: center;
    height: 54px;
    padding: 8px 16px;
    border-radius: 4px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    cursor: pointer;
}

.quota-overview-list-item:hover[b-9lfg3u31jd] {
    border: 1px solid var(--qdt-stroke-green);
}

.quota-overview-list-item:active[b-9lfg3u31jd] {
    border: 1px solid var(--qdt-dark-green);
}

.order[b-9lfg3u31jd] {
    font-weight: 600;
    font-size: 15px;
    color: var(--qdt-grey);
}

.name[b-9lfg3u31jd] {
    font-weight: 500;
    font-size: 15px;
    color: var(--qdt-black);
    text-decoration: none;
}

.name:hover[b-9lfg3u31jd] {
    text-decoration: underline;
}

.actions[b-9lfg3u31jd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* /Components/Rules/Dialogs/RandomizationRuleManagementDialog.razor.rz.scp.css */
.question-meta[b-k68i65mdti] {
    display: flex;
    gap: 10px;
    padding-bottom: 7px;
}

.question-text[b-k68i65mdti] {
    padding-bottom: 7px;
}

.randomization-options[b-k68i65mdti] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 0;
}

.option-row[b-k68i65mdti] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.option-row input:disabled + label[b-k68i65mdti] {
    color: var(--qdt-grey);
}

.item-varname[b-k68i65mdti] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.item-text[b-k68i65mdti] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.dialog-actions[b-k68i65mdti] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    gap: 10px;
}

.dialog-actions-end[b-k68i65mdti] {
    display: flex;
    gap: 10px;
    margin-left: auto;
}
/* /Components/Rules/RulesIndicators.razor.rz.scp.css */
.rules-indicators[b-fb07xrci5j] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    margin: 5px 0;
}

.rules-indicators .rule[b-fb07xrci5j] {
    display: flex;
    align-items: center;
    border-radius: 10px;
    color: var(--qdt-white);
    font-size: 10px;
    gap: 5px;
    padding: 2px 10px;
}

.rules-indicators .rule .ti-sitemap[b-fb07xrci5j] {
    font-size: 15px;
}

.rules-indicators .rule.rule-show[b-fb07xrci5j] {
    background-color: var(--qdt-rule-item-show);
}

.rules-indicators .rule.rule-jump[b-fb07xrci5j] {
    background-color: var(--qdt-rule-item-jump);
}

.rules-indicators .rule.rule-default[b-fb07xrci5j] {
    background-color: var(--qdt-grey);
}
/* /Components/Rules/Templates/AnswerOptionTemplate.razor.rz.scp.css */
.answer-option-template[b-i13dfh4jn0] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    font-size: 12px;
    gap: 6px;
}

.answer-option-template:has(.var-name)[b-i13dfh4jn0] {
    grid-template-columns: 80px 1fr;
}

.answer-option-template .var-name[b-i13dfh4jn0] {
    font-weight: 600;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.answer-text[b-i13dfh4jn0] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp */
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* /Components/Rules/Templates/QuestionOptionTemplate.razor.rz.scp.css */
.question-option-template[b-3vvv50jzxo] {
    display: grid;
    grid-template-columns: 16px 1fr;
    align-items: flex-start;
    font-size: 12px;
    gap: 6px;
}

.question-option-template:has(.var-name)[b-3vvv50jzxo] {
    grid-template-columns: 16px 100px 1fr;
}

.question-option-template .var-name[b-3vvv50jzxo] {
    font-weight: 600;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.question-text[b-3vvv50jzxo] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp */
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Rules/Templates/TopicOptionTemplate.razor.rz.scp.css */
.topic-option-template[b-0o4xaad841] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    font-size: 12px;
    gap: 6px;
}

.topic-option-template:has(.var-name)[b-0o4xaad841] {
    grid-template-columns: 80px 1fr;
}

.topic-option-template .var-name[b-0o4xaad841] {
    font-weight: 600;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topic-text[b-0o4xaad841] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp */
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Settings/NavigationPanel.razor.rz.scp.css */
.navigation-panel[b-1t7jl6ilr1] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 302px;
    min-width: 302px;
    max-width: 302px;
    padding: 34px 0 0;
    border: 1px solid var(--qdt-stroke-green);
    border-radius: 8px;
    background-color: var(--qdt-white);
}

.title[b-1t7jl6ilr1] {
    font-weight: 500;
    font-size: 15px;
    color: var(--qdt-black);
}

nav[b-1t7jl6ilr1] {
    display: flex;
    flex-direction: column;
}

footer[b-1t7jl6ilr1] {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    border-top: 1px solid var(--qdt-stroke-green);
}

[b-1t7jl6ilr1] .documentation-link {
    column-gap: 8px;
    color: var(--qdt-dark-green);
}

[b-1t7jl6ilr1] .documentation-link i {
    font-size: 18px;
}

.areas[b-1t7jl6ilr1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.title[b-1t7jl6ilr1],
[b-1t7jl6ilr1] .link  {
    padding: 10px 34px;
    font-weight: 500;
    font-size: 15px;
    color: var(--qdt-black);
    text-decoration: none;
}

[b-1t7jl6ilr1] .link {
    display: flex;
    align-items: center;
    padding: 10px 34px;
}

[b-1t7jl6ilr1] .link.active,
.list .list-item:has(.link.active)[b-1t7jl6ilr1] {
    background-color: #ECECEC;
}

.areas .title[b-1t7jl6ilr1] {
    display: flex;
    align-items: center;
    column-gap: 2px;
    cursor: pointer;
}

.areas .list[b-1t7jl6ilr1] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.list[b-1t7jl6ilr1]  .link {
    padding-left: 8px;
    font-weight: 400;
    color: var(--qdt-grey-button);
}

.list .list-item[b-1t7jl6ilr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px;
    line-height: 24px;
    padding: 0 8px 0 54px;
}

.list .list-item[b-1t7jl6ilr1]  .options {
    display: none;
}

.list .list-item:hover[b-1t7jl6ilr1]  .options {
    display: grid;
}
/* /Components/Settings/SettingsBreadcrumbs.razor.rz.scp.css */
/* /Components/Settings/SettingsContainer.razor.rz.scp.css */
.settings-container[b-ecgt0q5o7z] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 29px 19px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    background-color: var(--qdt-white);
    overflow: hidden;
}

    .settings-container.fluent[b-ecgt0q5o7z] {
        border: none;
        background-color: transparent;
        padding: 29px 15px 10px;
    }

    [b-ecgt0q5o7z] .page-inner {
        border-radius: 8px;
        background-color: var(--qdt-white);
    }
/* /Components/SurveyCompare/CompareGrid.razor.rz.scp.css */
.compare-info-banner[b-m6vhf8pxqa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background-color: var(--qdt-bg-yellow);
    border-radius: 4px;
    color: var(--qdt-black);
    font-size: 13px;
    margin-bottom: 8px;
}

.compare-grid[b-m6vhf8pxqa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: stretch;
}

.compare-grid.compare-grid-translations[b-m6vhf8pxqa] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    min-width: 1400px;
}

.compare-grid.compare-grid-translations.left-collapsed[b-m6vhf8pxqa] {
    grid-template-columns: 40px 1fr 1fr 1fr;
    min-width: 1080px;
}

.compare-grid.compare-grid-translations.right-collapsed[b-m6vhf8pxqa] {
    grid-template-columns: 1fr 1fr 40px 1fr;
    min-width: 1080px;
}

.compare-grid.compare-grid-translations.left-collapsed.right-collapsed[b-m6vhf8pxqa] {
    grid-template-columns: 40px 1fr 40px 1fr;
    min-width: 760px;
}

    .compare-grid .compare-grid-header[b-m6vhf8pxqa] {
        display: contents;
    }

        .compare-grid .compare-grid-header .col-header[b-m6vhf8pxqa] {
            position: sticky;
            top: 0;
            z-index: 6;
            padding: 10px 14px;
            background-color: var(--qdt-white);
            border-bottom: 2px solid var(--qdt-stroke-grey);
        }

        .compare-grid .compare-grid-header .col-header.col-header-compared-first[b-m6vhf8pxqa] {
            border-left: 2px solid var(--qdt-grey);
            padding-left: 20px;
        }

        .compare-grid .compare-grid-header .col-header.collapsed[b-m6vhf8pxqa] {
            padding: 6px 4px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .compare-grid .compare-grid-header .col-header.collapsed.col-header-compared-first[b-m6vhf8pxqa] {
                padding-left: 4px;
                border-left: 2px solid var(--qdt-grey);
            }

    .compare-grid .compare-grid-header .col-header .col-collapse-btn[b-m6vhf8pxqa] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border: none;
        background: transparent;
        border-radius: 4px;
        color: var(--qdt-grey);
        cursor: pointer;
        padding: 0;
    }

        .compare-grid .compare-grid-header .col-header .col-collapse-btn i[b-m6vhf8pxqa] {
            color: inherit;
            font-size: 18px;
        }

        .compare-grid .compare-grid-header .col-header .col-collapse-btn:hover[b-m6vhf8pxqa] {
            background-color: var(--qdt-list-item-hover);
            color: var(--qdt-black);
        }

            .compare-grid .compare-grid-header .col-header .col-title-row[b-m6vhf8pxqa] {
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .compare-grid .compare-grid-header .col-header .col-title[b-m6vhf8pxqa] {
                display: flex;
                align-items: center;
                gap: 6px;
                font-weight: 600;
                color: var(--qdt-black);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                flex: 1 1 auto;
                min-width: 0;
            }

            .compare-grid .compare-grid-header .col-header .col-open[b-m6vhf8pxqa],
            .compare-grid .compare-grid-header .col-header .col-open:link[b-m6vhf8pxqa],
            .compare-grid .compare-grid-header .col-header .col-open:visited[b-m6vhf8pxqa],
            .compare-grid .compare-grid-header .col-header .col-open:active[b-m6vhf8pxqa],
            .compare-grid .compare-grid-header .col-header .col-open.active[b-m6vhf8pxqa] {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                border-radius: 4px;
                color: var(--qdt-grey) !important;
                flex-shrink: 0;
                text-decoration: none !important;
            }

                .compare-grid .compare-grid-header .col-header .col-open i.ti[b-m6vhf8pxqa] {
                    color: var(--qdt-grey) !important;
                    font-size: 18px;
                }

                .compare-grid .compare-grid-header .col-header .col-open:hover[b-m6vhf8pxqa] {
                    background-color: var(--qdt-list-item-hover);
                    color: var(--qdt-black) !important;
                }

                    .compare-grid .compare-grid-header .col-header .col-open:hover i.ti[b-m6vhf8pxqa] {
                        color: var(--qdt-black) !important;
                    }

            .compare-grid .compare-grid-header .col-header .col-sub[b-m6vhf8pxqa] {
                font-size: 12px;
                color: var(--qdt-grey);
            }

    .compare-grid .chapter-divider[b-m6vhf8pxqa] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        position: sticky;
        top: 56px;
        z-index: 5;
        background-color: var(--qdt-white);
        border-bottom: 1px solid var(--qdt-stroke-grey);
        margin-top: 8px;
    }

    .compare-grid.compare-grid-translations .chapter-divider[b-m6vhf8pxqa] {
        grid-template-columns: subgrid;
    }

        .compare-grid.compare-grid-translations .chapter-divider .chapter-label.left[b-m6vhf8pxqa] {
            grid-column: 1 / span 2;
        }

        .compare-grid.compare-grid-translations .chapter-divider .chapter-label.right[b-m6vhf8pxqa] {
            grid-column: 3 / span 2;
        }

        .compare-grid .chapter-divider .chapter-label[b-m6vhf8pxqa] {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 14px;
            font-weight: 600;
            color: var(--qdt-black);
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .compare-grid .chapter-divider .chapter-label.right[b-m6vhf8pxqa] {
                color: var(--qdt-grey);
                font-weight: 500;
            }

            .compare-grid .chapter-divider .chapter-label .chapter-renamed-badge[b-m6vhf8pxqa] {
                display: inline-block;
                padding: 1px 8px;
                border-radius: 10px;
                background-color: var(--qdt-bg-yellow);
                color: var(--qdt-black);
                font-size: 11px;
                font-weight: 500;
                letter-spacing: 0.3px;
                text-transform: uppercase;
            }

    .compare-grid .compare-row[b-m6vhf8pxqa] {
        display: contents;
    }

    .compare-grid .tr-question-card[b-m6vhf8pxqa] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: subgrid;
        gap: 6px 12px;
        background-color: var(--qdt-white);
        border: 1px solid var(--qdt-stroke-grey);
        border-radius: 6px;
        padding: 12px 14px;
    }

    .compare-grid.left-collapsed .tr-question-card[b-m6vhf8pxqa]  .tr-src-left {
        display: none;
    }

    .compare-grid.right-collapsed .tr-question-card[b-m6vhf8pxqa]  .tr-src-right {
        display: none;
    }

    .compare-grid .empty-state[b-m6vhf8pxqa] {
        grid-column: 1 / -1;
        padding: 40px 16px;
        text-align: center;
        color: var(--qdt-grey);
        font-size: 14px;
    }

        .compare-grid .empty-state i[b-m6vhf8pxqa] {
            font-size: 32px;
            display: block;
            margin-bottom: 8px;
        }

@media (max-width: 999px) {
    .compare-grid[b-m6vhf8pxqa] {
        grid-template-columns: 1fr;
    }

    .compare-grid .chapter-divider[b-m6vhf8pxqa] {
        grid-template-columns: 1fr;
    }
}
/* /Components/SurveyCompare/CompareLocaleSelector.razor.rz.scp.css */
.compare-locale-selector[b-p5vd47e9fs] {
    display: flex;
    align-items: center;
}

.locale-item[b-p5vd47e9fs] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

    .locale-item .locale-name[b-p5vd47e9fs] {
        color: var(--qdt-black);
        font-weight: 500;
    }

    .locale-item .locale-code[b-p5vd47e9fs] {
        color: var(--qdt-grey);
        font-size: 12px;
        flex-shrink: 0;
        white-space: nowrap;
    }
/* /Components/SurveyCompare/CompareQuestionCell.razor.rz.scp.css */
.compare-cell[b-jt4zrvcr2r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 6px;
    overflow-wrap: anywhere;
    word-break: break-word;
    min-height: 100%;
    box-sizing: border-box;
}

    .compare-cell.placeholder[b-jt4zrvcr2r] {
        justify-content: center;
        align-items: center;
        color: var(--qdt-light-grey);
        font-style: italic;
        text-align: center;
    }

        .compare-cell.placeholder i[b-jt4zrvcr2r] {
            font-size: 20px;
            color: var(--qdt-red);
            margin-right: 6px;
        }

    .compare-cell.compare-added[b-jt4zrvcr2r] {
        background-color: var(--qdt-bg-green);
        border-left: 3px solid var(--qdt-item-added);
    }

    .compare-cell.compare-removed[b-jt4zrvcr2r] {
        background-color: var(--qdt-bg-red);
        border-left: 3px solid var(--qdt-red);
    }

    .compare-cell.compare-changed-outline[b-jt4zrvcr2r] {
        border-left: 3px solid var(--qdt-item-modified);
    }

    .compare-cell.compare-duplicate[b-jt4zrvcr2r] {
        outline: 2px dashed var(--qdt-red);
        outline-offset: -2px;
    }

.cell-header[b-jt4zrvcr2r] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--qdt-grey);
    border-bottom: 1px solid var(--qdt-stroke-grey);
    padding-bottom: 8px;
}

    .cell-header .type-chip[b-jt4zrvcr2r] {
        display: inline-flex;
        border-radius: 4px;
        padding: 2px 4px;
    }

    .cell-header .type-chip.compare-changed[b-jt4zrvcr2r] {
        background-color: var(--qdt-bg-yellow);
    }

    .cell-header .var-name[b-jt4zrvcr2r] {
        font-weight: 600;
        color: var(--qdt-black);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.q-text[b-jt4zrvcr2r] {
    font-size: 14px;
    line-height: 20px;
    color: var(--qdt-black);
    padding: 4px 6px;
    border-radius: 4px;
}

    .q-text.compare-changed[b-jt4zrvcr2r] {
        background-color: var(--qdt-bg-yellow);
    }

    .q-text[b-jt4zrvcr2r]  p {
        margin: 0 0 4px 0;
    }

    .q-text[b-jt4zrvcr2r]  p:last-child {
        margin-bottom: 0;
    }

    .q-text[b-jt4zrvcr2r]  img {
        max-width: 100%;
        height: auto;
    }

    .q-text[b-jt4zrvcr2r]  table {
        border-collapse: collapse;
        max-width: 100%;
    }

        .q-text[b-jt4zrvcr2r]  table td,
        .q-text[b-jt4zrvcr2r]  table th {
            border: 1px solid var(--qdt-stroke-grey);
            padding: 4px 6px;
        }

.choice-row-main[b-jt4zrvcr2r] {
    display: grid;
    grid-template-columns: 120px 40px 1fr;
    align-items: baseline;
    gap: 8px;
    width: 100%;
}

.choices-section[b-jt4zrvcr2r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .choices-section .choices-label[b-jt4zrvcr2r] {
        font-size: 12px;
        font-weight: 600;
        color: var(--qdt-grey);
        text-transform: uppercase;
        letter-spacing: 0.4px;
    }

    .choices-section .choices-list[b-jt4zrvcr2r] {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

        .choices-section .choices-list .choice-row[b-jt4zrvcr2r] {
            display: flex;
            flex-direction: column;
            gap: 4px;
            padding: 4px 6px;
            border-radius: 4px;
            font-size: 13px;
            line-height: 18px;
        }

            .choices-section .choices-list .choice-row .var-name[b-jt4zrvcr2r] {
                font-weight: 600;
                color: var(--qdt-grey);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
            }

            .choices-section .choices-list .choice-row.compare-added[b-jt4zrvcr2r] {
                background-color: var(--qdt-bg-green);
            }

            .choices-section .choices-list .choice-row.compare-removed[b-jt4zrvcr2r] {
                background-color: var(--qdt-bg-red);
                color: var(--qdt-grey);
                font-style: italic;
            }

            .choices-section .choices-list .choice-row .code[b-jt4zrvcr2r] {
                font-weight: 600;
                color: var(--qdt-black);
                text-align: right;
            }

                .choices-section .choices-list .choice-row .code.compare-changed[b-jt4zrvcr2r] {
                    background-color: var(--qdt-bg-yellow);
                    border-radius: 3px;
                    padding: 0 4px;
                }

            .choices-section .choices-list .choice-row .text[b-jt4zrvcr2r] {
                color: var(--qdt-black);
                padding: 0 4px;
                border-radius: 3px;
            }

                .choices-section .choices-list .choice-row .text.compare-changed[b-jt4zrvcr2r] {
                    background-color: var(--qdt-bg-yellow);
                }

            .choices-section .choices-list .choice-row .text[b-jt4zrvcr2r]  p {
                margin: 0;
                display: inline;
            }

            .choices-section .choices-list .choice-row .text[b-jt4zrvcr2r]  img {
                max-height: 24px;
                vertical-align: middle;
            }
/* /Components/SurveyCompare/CompareToolbar.razor.rz.scp.css */
.compare-toolbar[b-tofgnixbwu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    flex-shrink: 0;
}

    .compare-toolbar .toolbar-row[b-tofgnixbwu] {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    .compare-toolbar .title-row[b-tofgnixbwu] {
        justify-content: space-between;
    }

        .compare-toolbar .title-row .title[b-tofgnixbwu] {
            font-size: 20px;
            font-weight: 600;
            color: var(--qdt-black);
        }

        .compare-toolbar .title-row .title-actions[b-tofgnixbwu] {
            display: flex;
            gap: 8px;
        }

    .compare-toolbar .mode-row[b-tofgnixbwu] {
        justify-content: space-between;
        align-items: flex-end;
    }

    .compare-toolbar .locale-selector[b-tofgnixbwu] {
        min-width: 240px;
    }

    .compare-toolbar .legend-row .legend[b-tofgnixbwu] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .compare-toolbar .legend-row .legend-chip[b-tofgnixbwu] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 3px 10px;
        border-radius: 12px;
        font-size: 12px;
        border: 1px solid var(--qdt-stroke-grey);
        color: var(--qdt-grey);
        background-color: var(--qdt-white);
    }

        .compare-toolbar .legend-row .legend-chip.added[b-tofgnixbwu] {
            background-color: var(--qdt-bg-green);
            color: var(--qdt-black);
            border-color: var(--qdt-item-added);
        }

        .compare-toolbar .legend-row .legend-chip.removed[b-tofgnixbwu] {
            background-color: var(--qdt-bg-red);
            color: var(--qdt-black);
            border-color: var(--qdt-red);
        }

        .compare-toolbar .legend-row .legend-chip.changed[b-tofgnixbwu] {
            background-color: var(--qdt-bg-yellow);
            color: var(--qdt-black);
            border-color: var(--qdt-item-modified);
        }

        .compare-toolbar .legend-row .legend-chip.missing[b-tofgnixbwu] {
            background-color: var(--qdt-bg-red);
            color: var(--qdt-black);
            border-color: var(--qdt-red);
        }

        .compare-toolbar .legend-row .legend-chip.outdated[b-tofgnixbwu] {
            background-color: var(--qdt-bg-yellow);
            color: var(--qdt-black);
            border-color: var(--qdt-item-modified);
        }

    .compare-toolbar .filters-row[b-tofgnixbwu] {
        justify-content: space-between;
    }

    .compare-toolbar .filter-chips[b-tofgnixbwu] {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }

    .compare-toolbar .filter-chip[b-tofgnixbwu] {
        padding: 4px 12px;
        border-radius: 14px;
        border: 1px solid var(--qdt-stroke-grey);
        background-color: var(--qdt-white);
        cursor: pointer;
        font-size: 13px;
        color: var(--qdt-grey);
    }

        .compare-toolbar .filter-chip:hover[b-tofgnixbwu] {
            background-color: var(--qdt-list-item-hover);
        }

        .compare-toolbar .filter-chip.active[b-tofgnixbwu] {
            background-color: var(--qdt-dark-green);
            color: var(--qdt-white);
            border-color: var(--qdt-dark-green);
        }

    .compare-toolbar .search-wrapper[b-tofgnixbwu] {
        min-width: 280px;
        max-width: 380px;
        flex-grow: 1;
    }

.secondary-btn[b-tofgnixbwu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
    color: var(--qdt-black);
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
}

    .secondary-btn:hover[b-tofgnixbwu] {
        background-color: var(--qdt-list-item-hover);
    }

@media (max-width: 999px) {
    .compare-toolbar .search-wrapper[b-tofgnixbwu] {
        min-width: 100%;
    }
}
/* /Components/SurveyCompare/CompareTranslationsQuestion.razor.rz.scp.css */
.tr-sub-cell[b-tpe908f8h6] {
    padding: 4px 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.tr-sub-cell .tr-placeholder[b-tpe908f8h6] {
    color: var(--qdt-light-grey);
    font-style: italic;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .tr-sub-cell .tr-placeholder i[b-tpe908f8h6] {
        color: var(--qdt-red);
    }

.tr-sub-cell.tr-header[b-tpe908f8h6] {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

    .tr-sub-cell.tr-header.tr-header-merged[b-tpe908f8h6] {
        justify-content: center;
        align-items: center;
    }

    .tr-sub-cell.tr-header .cell-header[b-tpe908f8h6] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: var(--qdt-grey);
    }

.tr-sub-cell.tr-col-start-compared[b-tpe908f8h6] {
    border-left: 2px solid var(--qdt-grey);
    padding-left: 12px;
    margin-left: 6px;
}

        .tr-sub-cell.tr-header .cell-header .type-chip[b-tpe908f8h6] {
            display: inline-flex;
            border-radius: 4px;
            padding: 2px 4px;
        }

        .tr-sub-cell.tr-header .cell-header .var-name[b-tpe908f8h6] {
            font-weight: 600;
            color: var(--qdt-black);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.tr-sub-cell .q-text[b-tpe908f8h6] {
    font-size: 14px;
    line-height: 20px;
    color: var(--qdt-black);
    padding: 2px 4px;
    border-radius: 3px;
}

    .tr-sub-cell .q-text.compare-changed[b-tpe908f8h6] {
        background-color: var(--qdt-bg-yellow);
    }

    .tr-sub-cell .q-text[b-tpe908f8h6]  p {
        margin: 0 0 4px 0;
    }

    .tr-sub-cell .q-text[b-tpe908f8h6]  p:last-child {
        margin-bottom: 0;
    }

    .tr-sub-cell .q-text[b-tpe908f8h6]  img {
        max-width: 100%;
        height: auto;
    }

.tr-sub-cell .translation-section[b-tpe908f8h6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 6px;
    border-radius: 3px;
}

    .tr-sub-cell .translation-section.compare-translation-changed[b-tpe908f8h6] {
        background-color: var(--qdt-bg-yellow);
    }

    .tr-sub-cell .translation-section.compare-translation-missing[b-tpe908f8h6] {
        background-color: var(--qdt-bg-red);
    }

    .tr-sub-cell .translation-section.compare-translation-added[b-tpe908f8h6] {
        background-color: var(--qdt-bg-green);
    }

    .tr-sub-cell .translation-section.compare-translation-outdated .translation-status[b-tpe908f8h6] {
        color: var(--qdt-item-modified);
    }

    .tr-sub-cell .translation-section .translation-value[b-tpe908f8h6] {
        font-size: 14px;
        line-height: 20px;
        color: var(--qdt-black);
    }

    .tr-sub-cell .translation-section .translation-status[b-tpe908f8h6] {
        font-size: 11px;
        font-weight: 600;
        color: var(--qdt-grey);
        align-self: flex-end;
    }

    .tr-sub-cell .translation-section .translation-status.status-changed[b-tpe908f8h6] {
        outline: 1px dashed var(--qdt-item-modified);
        outline-offset: 2px;
        padding: 0 3px;
    }

.tr-sub-cell .translation-missing[b-tpe908f8h6] {
    color: var(--qdt-red);
    font-style: italic;
}

.tr-sub-cell .translation-inline[b-tpe908f8h6] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 18px;
    min-height: 24px;
}

    .tr-sub-cell .translation-inline.compare-translation-changed[b-tpe908f8h6] {
        background-color: var(--qdt-bg-yellow);
    }

    .tr-sub-cell .translation-inline.compare-translation-missing[b-tpe908f8h6] {
        background-color: var(--qdt-bg-red);
    }

    .tr-sub-cell .translation-inline.compare-translation-added[b-tpe908f8h6] {
        background-color: var(--qdt-bg-green);
    }

    .tr-sub-cell .translation-inline .translation-status[b-tpe908f8h6] {
        font-size: 11px;
        font-weight: 600;
        color: var(--qdt-grey);
        margin-left: auto;
    }

.tr-sub-cell .choice-row-main[b-tpe908f8h6] {
    display: grid;
    grid-template-columns: 80px 32px 1fr;
    align-items: baseline;
    gap: 6px;
    width: 100%;
    font-size: 13px;
    padding: 2px 4px;
    border-radius: 3px;
    min-height: 24px;
}

.tr-sub-cell.choice-row.compare-added .choice-row-main[b-tpe908f8h6] {
    background-color: var(--qdt-bg-green);
}

.tr-sub-cell.choice-row.compare-removed .choice-row-main[b-tpe908f8h6] {
    background-color: var(--qdt-bg-red);
    color: var(--qdt-grey);
    font-style: italic;
}

    .tr-sub-cell .choice-row-main .var-name[b-tpe908f8h6] {
        font-weight: 600;
        color: var(--qdt-grey);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
    }

    .tr-sub-cell .choice-row-main .code[b-tpe908f8h6] {
        font-weight: 600;
        color: var(--qdt-black);
        text-align: right;
    }

        .tr-sub-cell .choice-row-main .code.compare-changed[b-tpe908f8h6] {
            background-color: var(--qdt-bg-yellow);
            border-radius: 3px;
            padding: 0 4px;
        }

    .tr-sub-cell .choice-row-main .text[b-tpe908f8h6] {
        color: var(--qdt-black);
        padding: 0 4px;
        border-radius: 3px;
    }

        .tr-sub-cell .choice-row-main .text.compare-changed[b-tpe908f8h6] {
            background-color: var(--qdt-bg-yellow);
        }

    .tr-sub-cell .choice-row-main .text[b-tpe908f8h6]  p {
        margin: 0;
        display: inline;
    }

.tr-sub-cell .property-label[b-tpe908f8h6] {
    font-size: 11px;
    color: var(--qdt-grey);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 600;
}

.tr-section-label[b-tpe908f8h6] {
    grid-column: 1 / -1;
    padding: 6px 4px 2px;
    font-size: 11px;
    font-weight: 600;
    color: var(--qdt-grey);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    border-top: 1px solid var(--qdt-stroke-grey);
    margin-top: 4px;
}
/* /Components/Surveys/ActionBar.razor.rz.scp.css */
.survey-action-bar[b-htq5oxotqf] {
    display: flex;
    justify-content: space-between;
}

.nav-back[b-htq5oxotqf] {
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-black);
}

    .nav-back[b-htq5oxotqf]  a {
        display: flex;
        align-items: center;
        gap: 5px;
        text-decoration: none;
        color: var(--qdt-black);
    }

    .nav-back[b-htq5oxotqf]  i {
        font-size: 24px;
    }

    .nav-back .arrow[b-htq5oxotqf] {
        margin-right: 10px;
    }

.btn-section[b-htq5oxotqf] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.btn-search[b-htq5oxotqf] {
    padding-top: 4px;
}

.btn-section button[b-htq5oxotqf] {
    flex-shrink: 0;
    width: 95px;
    font-size: 12px;
    line-height: 20px;
}
/* /Components/Surveys/Dialogs/CompareSurveyPickerDialog.razor.rz.scp.css */
.compare-picker-wrapper[b-qsuee1s3t4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.compare-picker-subtitle[b-qsuee1s3t4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 28px 0 28px;
    font-size: 14px;
    line-height: 20px;
}

    .compare-picker-subtitle .label[b-qsuee1s3t4] {
        color: var(--qdt-grey);
    }

    .compare-picker-subtitle .source-name[b-qsuee1s3t4] {
        color: var(--qdt-black);
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.compare-picker-panel[b-qsuee1s3t4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    padding: 16px 28px;
}

    .compare-picker-panel .controls[b-qsuee1s3t4] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap: 42px;
    }

    .compare-picker-panel[b-qsuee1s3t4]  .search-box {
        width: 40%;
    }

.compare-picker-result.info[b-qsuee1s3t4] {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 0 36px;
    margin-bottom: 16px;
}

    .compare-picker-result.info .amount[b-qsuee1s3t4] {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: var(--qdt-grey);
    }

.compare-picker-list-empty[b-qsuee1s3t4] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}

.compare-picker-list[b-qsuee1s3t4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 5px 5px;
    height: 100%;
    overflow-y: auto;
}

    .compare-picker-list .compare-picker-item[b-qsuee1s3t4] {
        flex-shrink: 0;
        display: grid;
        grid-template-columns: 1fr 12fr;
        align-items: center;
        min-height: 66px;
        padding: 12px 6px 12px 15px;
        background-color: var(--qdt-white);
        border: 1px solid var(--qdt-stroke-grey);
        border-radius: 4px;
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        color: inherit;
    }

        .compare-picker-list .compare-picker-item:hover[b-qsuee1s3t4],
        .compare-picker-list .compare-picker-item:focus[b-qsuee1s3t4] {
            text-decoration: none;
        }

        .compare-picker-list .compare-picker-item:hover[b-qsuee1s3t4] {
            background-color: var(--qdt-list-item-hover);
        }

        .compare-picker-list .compare-picker-item .icon[b-qsuee1s3t4] {
            color: var(--qdt-dark-green);
            font-size: 24px;
        }

        .compare-picker-list .compare-picker-item .description[b-qsuee1s3t4] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .compare-picker-list .compare-picker-item .description .name[b-qsuee1s3t4] {
                color: var(--qdt-black);
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
            }

.compare-picker-pager[b-qsuee1s3t4] {
    display: flex;
    width: 100%;
    padding: 8px 28px 16px 28px;
}
/* /Components/Surveys/Dialogs/SurveyExport/ChapterSelector.razor.rz.scp.css */
.chapters-tree-select[b-ksryxk5ep0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 10px 15px 0;
}
/* /Components/Surveys/Dialogs/SurveyExport/ChapterSelectorNode.razor.rz.scp.css */
.chapter-selector-node[b-42oagzc1j9] {
    position: relative;
    margin-bottom: 3px;
    min-height: 36px;
    height: 38px;
}

.node[b-42oagzc1j9] {
    padding: 3px 0;
}

.node .summary[b-42oagzc1j9]{
    display:flex;
    flex-direction: column;
}

.node .summary .counters[b-42oagzc1j9] {
    font-size: 12px;
    color: var(--qdt-light-grey2);
    cursor: default;
}

.node .summary .text[b-42oagzc1j9] {
    font-size: 15px;
}

.chapter-selector-node.questions .summary .text[b-42oagzc1j9] {
    background-color: var(--qdt-yellow);
    color: var(--white);
    padding: 2px 3px;
    border-radius:4px;
}
/* /Components/Surveys/Dialogs/SurveyExport/ExportToWord.razor.rz.scp.css */
.export-to-word[b-l17twr97og] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 10px 10px 0;
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
}

.export-fields-settings[b-l17twr97og] {
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

    .export-fields-settings .separator[b-l17twr97og] {
        width: 100%;
        border-top: 1px solid var(--qdt-stroke-grey);
    }

.export-fields[b-l17twr97og] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px 15px;
}

    .export-fields .column[b-l17twr97og] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex: 1 1 200px;
    }
/* /Components/Surveys/Dialogs/SurveyExport/SurveyExportDialog.razor.rz.scp.css */
.providers[b-e4p7j18jpl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 25px;
    padding: 0 10px 5px;
}

.providers .provider[b-e4p7j18jpl] {
    padding: 5px 15px;
    font-size: 15px;
    display: grid;
    grid-template-columns: 65px auto;
    align-items: center;
    min-height: 65px;
}

.providers .provider img[b-e4p7j18jpl] {
    max-width: 100%;
}

.providers .provider.selected[b-e4p7j18jpl] {
    background-color: var(--qdt-list-item-hover);
}

.providers .provider:hover[b-e4p7j18jpl] {
    background-color: var(--qdt-list-item-hover);
    cursor: pointer;
}
/* /Components/Surveys/Dialogs/SurveyExport/SurveyExportToTripleS.razor.rz.scp.css */
.survey-export-triples .content[b-o1r2o6rwer] {
    margin: 18px 16px; 
}

.survey-export-triples .content .title[b-o1r2o6rwer] {
    color: var(--qdt-black);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.survey-export-triples .content .triples-providers-container[b-o1r2o6rwer] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    margin-top:10px;
}

.survey-export-triples .content .triples-providers-container .triples-providers[b-o1r2o6rwer] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 25px;
    padding: 0 10px 5px;
    height: 100%;
}

.survey-export-triples .content .triples-providers-container .triples-providers .triples-provider-item[b-o1r2o6rwer] {
    padding: 5px 15px;
    font-size: 15px;
}

.survey-export-triples .content .triples-providers-container .triples-providers .triples-provider-item.selected[b-o1r2o6rwer] {
    background-color: var(--qdt-list-item-hover);
}

.survey-export-triples .content .triples-providers-container .triples-providers .triples-provider-item:hover[b-o1r2o6rwer] {
    background-color: var(--qdt-list-item-hover);
    cursor: pointer;
}
/* /Components/Surveys/Dialogs/SurveyFiltersDialog.razor.rz.scp.css */
.survey-filters-wrapper[b-lty479if2j] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.survey-filters-panel[b-lty479if2j] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    padding: 16px 28px;
}

    .survey-filters-panel .controls[b-lty479if2j] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap: 42px;
    }

    .survey-filters-panel[b-lty479if2j]  .search-box {
        width: 40%;
    }



.survey-search-result.info[b-lty479if2j] {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 0 36px;
    margin-bottom: 16px;
}

    .survey-search-result.info .amount[b-lty479if2j] {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: var(--qdt-grey);
    }



.survey-search-list-empty[b-lty479if2j] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}



.survey-search-list[b-lty479if2j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 5px 5px;
    height: 100%;
}

    .survey-search-list .survey-search-item[b-lty479if2j] {
        flex-shrink: 0;
        display: grid;
        grid-template-columns: 1fr 10fr auto;
        column-gap: 12px;
        align-items: center;
        min-height: 66px;
        padding: 12px 15px;
        background-color: var(--qdt-white);
        border: 1px solid var(--qdt-stroke-grey);
        border-radius: 4px;
        cursor: pointer;
    }

        .survey-search-list .survey-search-item .icon[b-lty479if2j] {
            color: var(--qdt-dark-green);
            font-size: 24px;
        }

        .survey-search-list .survey-search-item .description[b-lty479if2j] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .survey-search-list .survey-search-item .description .name[b-lty479if2j] {
                color: var(--qdt-black);
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
            }

        .survey-search-list .survey-search-item .modified[b-lty479if2j] {
            justify-self: end;
            white-space: nowrap;
            color: var(--qdt-grey);
            font-size: 13px;
            font-weight: 400;
            line-height: 18px;
        }

.survey-search-pager[b-lty479if2j] {
    padding: 0 10px 5px 5px;
}

[b-lty479if2j] a {
    text-decoration: none;
}
/* /Components/Surveys/Dialogs/SurveyImportDialog.razor.rz.scp.css */
.import-content[b-bhcx8r902g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 0;
}

.drop-zone[b-bhcx8r902g] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    border: 2px dashed var(--qdt-border-color, #ccc);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
    position: relative;
}

.drop-zone:hover[b-bhcx8r902g],
.drop-zone.drag-over[b-bhcx8r902g] {
    border-color: var(--qdt-primary, #4caf50);
    background-color: var(--qdt-list-item-hover, #f5f5f5);
}

.drop-zone.disabled[b-bhcx8r902g] {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

.drop-zone[b-bhcx8r902g]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.drop-zone-prompt[b-bhcx8r902g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: var(--qdt-text-secondary, #888);
    pointer-events: none;
}

.drop-zone-prompt i[b-bhcx8r902g] {
    font-size: 32px;
}

.drop-zone-prompt span[b-bhcx8r902g] {
    font-size: 14px;
}

.drop-zone-file[b-bhcx8r902g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    pointer-events: none;
}

.drop-zone-file i[b-bhcx8r902g] {
    font-size: 32px;
    color: var(--qdt-primary, #4caf50);
}

.file-name[b-bhcx8r902g] {
    font-weight: 500;
    font-size: 14px;
    word-break: break-all;
    text-align: center;
}

.file-size[b-bhcx8r902g] {
    font-size: 12px;
    color: var(--qdt-text-secondary, #888);
}

.error-message[b-bhcx8r902g] {
    color: var(--qdt-danger, #f44336);
    font-size: 13px;
}
/* /Components/Surveys/Dialogs/WarningVariableNamesUniquenessBeforeSaveToQBankDialog.razor.rz.scp.css */
.variable-names[b-kpfhgyd2ay] {
    margin: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
/* /Components/Surveys/FolderListItem.razor.rz.scp.css */
/* /Components/Surveys/FoldersTreeSelect.razor.rz.scp.css */
.folders-tree-select[b-gd7vua88ir] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.folders-tree-select[b-gd7vua88ir]  .virtualized-list {
    max-height: 185px;
    padding: 10px 0;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}
/* /Components/Surveys/LoadingAnimation.razor.rz.scp.css */
.surveys-list-skeleton[b-62hrc2h61v] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.survey-list-item[b-62hrc2h61v] {
    flex-shrink: 0;
    position: relative;
    display: flex;
    height: 65px;
    justify-content: space-between;
    align-items: center;
    background-color: var(--survey-list-item-bg);
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: progress;
}

.survey-list-item > div[b-62hrc2h61v] {
    flex: 1;
}

.survey-list-item.survey[b-62hrc2h61v] {
    min-height: 80px;
}

    .survey-list-item:hover[b-62hrc2h61v] {
        border-color: var(--qdt-stroke-green);
    }

.featured[b-62hrc2h61v], .item-type[b-62hrc2h61v] {
    width: 60px;
    max-width: 60px;
}

.description[b-62hrc2h61v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 350px;
}

.stub[b-62hrc2h61v] {
    width: 90%;
    height: 12px;
    border-radius: 8px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.04) 20%) fixed;
    animation: stub-b-62hrc2h61v 1.3s linear infinite;
}

.square[b-62hrc2h61v] {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

@keyframes stub-b-62hrc2h61v {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 100vw;
    }
}

/* /Components/Surveys/SurveyAllInOneView.razor.rz.scp.css */
.survey-all-in-one[b-knzdevzkl0] {
    flex: 1;
    max-height: var(--survey-page-content-body-max-height);
    padding-right: 32px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .survey-all-in-one.busy[b-knzdevzkl0] {
        cursor: wait !important;
    }

    .fullscreen .survey-all-in-one[b-knzdevzkl0] {
        max-height: var(--survey-page-content-body-max-height-fullscreen);
    }

.survey-all-in-one[b-knzdevzkl0]  > div:last-child {
    padding-bottom: 30vh; /* mandatory padding for last element to create some scrolling space required for navigation */
}

.loading[b-knzdevzkl0] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}


[b-knzdevzkl0] .items-before, [b-knzdevzkl0] .items-after, .items-before[b-knzdevzkl0], .items-after[b-knzdevzkl0] {
    cursor: wait;
}
/* /Components/Surveys/SurveyDistributionStatus.razor.rz.scp.css */
.distribution-status[b-q9t4jh242o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    height: 25px;
    border-radius: 8px;
    color: var(--qdt-white);
    font-size: 12px;
    line-height: 20px;
}

.published[b-q9t4jh242o] {
    background-color: #3262E6;
}

.not-published[b-q9t4jh242o] {
    background-color: #1D8EE9;
}

.out-of-sync[b-q9t4jh242o] {
    background-color: #F58B59;
}
/* /Components/Surveys/SurveyExport.razor.rz.scp.css */
[b-2yz3kbz838] .export-btn {
    padding: 16px 8px;
    font-size: 12px;
}
/* /Components/Surveys/SurveyItemsTreeSelect.razor.rz.scp.css */
.survey-items-tree-select[b-4dgr62v6v4] {
    min-height: 300px;
}


    .survey-items-tree-select[b-4dgr62v6v4]  .flattened-tree-node.selected {
        background-color: #fff2a855;
    }
/* /Components/Surveys/SurveyList.razor.rz.scp.css */
.surveys-list[b-cb84meo8kf] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .surveys-list.empty[b-cb84meo8kf] {
        padding-top: 32px;
    }

.surveys-list-empty-state[b-cb84meo8kf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
}

.survey-list-item-wrap[b-cb84meo8kf] {
    display: flex;
    align-items: center;
}

.surveys-list.has-published .surveys-list-header[b-cb84meo8kf],
.surveys-list.has-published[b-cb84meo8kf]  .survey-list-item {
    grid-template-columns: 1fr 5fr 2fr 2fr 2fr 2fr 1fr;
}

.surveys-list-header[b-cb84meo8kf] {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: 1fr 6fr 2fr 2fr 2fr 1fr;
    padding: 0 0 8px 16px;
    background-color: var(--qdt-light-beige);
    z-index: 10;
}

    .surveys-list-header > div[b-cb84meo8kf] {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        color: var(--qdt-light-grey);
        cursor: default;
    }

    .surveys-list-header .sort-trigger[b-cb84meo8kf] {
        color: var(--qdt-light-grey);
    }

    .surveys-list-header .name[b-cb84meo8kf] {
        padding-left: 8px;
    }

    .surveys-list-header .sortable:hover[b-cb84meo8kf] {
        cursor: pointer;
        text-decoration: underline
    }

.surveys-list-body[b-cb84meo8kf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}


[b-cb84meo8kf] .survey-list-item {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr 6fr 2fr 2fr 2fr 1fr;
    align-items: center;
    height: 66px;
    padding: 0 6px 0 15px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    cursor: pointer;
}

    [b-cb84meo8kf] .survey-list-item:hover {
        border-color: var(--qdt-stroke-green);
    }

[b-cb84meo8kf] .item-type {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: var(--qdt-dark-green);
    cursor: pointer;
}

[b-cb84meo8kf] .folder .item-type {
    color: var(--qdt-dark-green);
    font-size: 24px;
}

[b-cb84meo8kf] .survey .item-type {
    color: var(--qdt-dark-green);
}

[b-cb84meo8kf] .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    [b-cb84meo8kf] .description .name {
        width: 50%;
    }

[b-cb84meo8kf] .name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

[b-cb84meo8kf] .name:has(:focus, :hover, :active) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

[b-cb84meo8kf] .name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

[b-cb84meo8kf] .description .created-at,
[b-cb84meo8kf] .description .surveys-count {
    padding-left: 8px;
}

[b-cb84meo8kf] .description .surveys-count,
[b-cb84meo8kf] .description .created-at,
[b-cb84meo8kf] .time-stamp {
    color: var(--qdt-light-grey);
    font-size: 12px;
    line-height: 12px;
}

[b-cb84meo8kf] .comments {
    display: flex;
    align-items: center;
    gap: 26px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}

    [b-cb84meo8kf] .comments .comments-amount {
        width: 24px;
        min-width: 24px;
    }

    [b-cb84meo8kf] .comments .unread-comments {
        background-color: var(--qdt-yellow);
        padding: 3px 6px;
        color: var(--qdt-black);
        border-radius: 33px;
    }

[b-cb84meo8kf] .distribution-status {
    width: fit-content;
}

[b-cb84meo8kf] .actions-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* /Components/Surveys/SurveyListItem.razor.rz.scp.css */
.approval-cell[b-qt9mbvda4m] {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

.published-cell[b-qt9mbvda4m] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.approval[b-qt9mbvda4m] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.approval-percent[b-qt9mbvda4m] {
    font-size: 12px;
    font-weight: 600;
    color: var(--qdt-soft-black);
}

.approver-icons[b-qt9mbvda4m] {
    display: flex;
}

.approver-icon[b-qt9mbvda4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: -6px;
    border: 1px solid var(--qdt-white);
    border-radius: 50%;
    color: var(--qdt-white);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.approver-icon:first-child[b-qt9mbvda4m] {
    margin-left: 0;
}

.approver-icon.approved[b-qt9mbvda4m] {
    background-color: var(--qdt-dark-green);
}

.approver-icon.rejected[b-qt9mbvda4m] {
    background-color: var(--qdt-red);
}

.approver-icon.pending[b-qt9mbvda4m] {
    background-color: var(--qdt-yellow);
}
/* /Components/Surveys/WaveListItem.razor.rz.scp.css */
/* /Components/Translations/AddLanguagesSelector.razor.rz.scp.css */
.lang-popover-content[b-x7acdkhvng] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 4px;
    background-color: var(--qdt-white);
    box-shadow: 0px 4px 4px 0px #00000040;
    width: 300px;
    padding: 20px 10px 10px;
}

.lang-list[b-x7acdkhvng] {
    max-height: 200px;
    height: 200px;
    overflow-y: auto;
    cursor: pointer;
}

.lang-list-item[b-x7acdkhvng] {
    border-bottom: 1px solid transparent;
    color: var(--qdt-black);
}

.lang-list-item:hover[b-x7acdkhvng] {
    border-bottom: 1px solid transparent;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 12px;
}

.lang-list-item label[b-x7acdkhvng] {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 10px;
    gap: 5px;
    cursor: pointer;
}

.actions[b-x7acdkhvng] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.actions[b-x7acdkhvng]  .button {
    max-width: 70px;
    padding: 5px 10px;
    font-size: 12px;
}

.actions::deep .cancel-btn[b-x7acdkhvng] {
    border-color: var(--qdt-stroke-grey);
}
/* /Components/Translations/AnswerTranslationTextField.razor.rz.scp.css */
.answer-item[b-u6pekucojz] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 3px 2px 3px 10px;
    max-width: 90%;
    position: relative;
}



.var-name[b-u6pekucojz] {
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    max-width: 80px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .var-name.explicit[b-u6pekucojz] {
        color: var(--qdt-black);
    }



.edit-button[b-u6pekucojz] {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--qdt-grey-button);
    font-size: 12px;
    display: none;
    z-index: 1;
    background-color: #F5F5F5;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.answer-item:hover .edit-button[b-u6pekucojz] {
    display: block;
}
/* /Components/Translations/ApproveQuestionButton.razor.rz.scp.css */
.approve-question-button[b-40hibxbxcr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--qdt-stroke-green);
    border-radius: 4px;
    background-color: var(--white);
    color: var(--qdt-dark-green);
    font-size: 13px;
    font-family: "Roboto";
    white-space: nowrap;
    cursor: pointer;
}

.approve-question-button:hover[b-40hibxbxcr] {
    background-color: var(--qdt-bg-green);
}

.approve-question-button i[b-40hibxbxcr] {
    font-size: 16px;
}
/* /Components/Translations/ApproveTranslationButton.razor.rz.scp.css */
.approve-translation-button[b-liu757fsbs] {
    margin-left: 4px;
}
/* /Components/Translations/Blocks/AnswersBlock.razor.rz.scp.css */

.answers[b-q6pi4ztouf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    grid-column-gap: 40px;
    margin-top: 10px;
}

.answer-item[b-q6pi4ztouf] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 2px 2px 10px;
}

    .answer-item .var-name[b-q6pi4ztouf] {
        color: var(--qdt-autogenerated-prop);
        max-width: 70px;
        min-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .answer-item .var-name.explicit[b-q6pi4ztouf] {
            color: var(--qdt-black);
        }

    .answer-item .answer-text[b-q6pi4ztouf] {
        flex: 1;
    }
/* /Components/Translations/Blocks/MetaInfoBlock.razor.rz.scp.css */

.meta-info[b-iaq1boszsj] {
    display: flex;
    gap: 10px;
}

.meta-info .question-type[b-iaq1boszsj] {
    color: var(--qdt-light-grey);
}

.meta-info .actions[b-iaq1boszsj] {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    gap: 10px;
}

/* /Components/Translations/Blocks/PropertiesBlock.razor.rz.scp.css */
.property[b-3zfm8xobow] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    grid-column-gap: 40px;
    margin-top: 10px;
}

.property-item.original[b-3zfm8xobow],
.property-item.translated[b-3zfm8xobow] {
    display: flex;
    gap: 5px;
}

.property-item.translated[b-3zfm8xobow]  textarea {
    field-sizing: content;
}
/* /Components/Translations/Blocks/QuestionTextBlock.razor.rz.scp.css */
.question-wrap[b-tle36s94xc] {
    display: flex;
    flex-direction: column;
}

.question-wrap-inner[b-tle36s94xc] {
    display: flex;
    align-items: center;
    gap: 5px;
}
/* /Components/Translations/Blocks/TopicsBlock.razor.rz.scp.css */
.topics[b-rut8vvgbsw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 1/3;
    grid-column-gap: 40px;
    margin-top: 10px;
}

.topic-item[b-rut8vvgbsw] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 2px 2px 10px;
}

    .topic-item .var-name[b-rut8vvgbsw] {
        color: var(--qdt-autogenerated-prop);
        max-width: 70px;
        min-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .topic-item .var-name.explicit[b-rut8vvgbsw] {
            color: var(--qdt-black);
        }


    .topic-item .topic-text[b-rut8vvgbsw] {
        flex: 1;
    }
/* /Components/Translations/Dialogs/CopyTranslationsFromDialog.razor.rz.scp.css */
.copy-translations-dialog[b-kv56mo67u0] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.step[b-kv56mo67u0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.step-label[b-kv56mo67u0] {
    font-weight: 600;
    font-size: 14px;
    color: var(--qdt-black);
}

    .step-label strong[b-kv56mo67u0] {
        font-family: monospace;
        color: var(--qdt-dark-green);
        font-weight: 600;
    }

.picker-host[b-kv56mo67u0] {
    display: flex;
    flex-direction: column;
    height: 520px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
    overflow: hidden;
}

    .picker-host[b-kv56mo67u0]  .qbank-questions-filters-widget {
        padding-top: 12px;
    }
/* /Components/Translations/GroupTranslators.razor.rz.scp.css */
.group-translators[b-4s2tbazfa6] {
    display: flex;
    align-items: center;
}

.more[b-4s2tbazfa6] {
    padding: 0 5px;
}
.translator-info[b-4s2tbazfa6] {
    width: 32px;
    height: 32px;
    border-radius: 128px;
    color: var(--qdt-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    margin-left: -4px;
    font-size: 12px;
    position: relative;
}

.translator-details[b-4s2tbazfa6] {
    display: flex;
    color: var(--qdt-black);
    flex-direction: column;
    max-width: 200px;
}

.translators-count[b-4s2tbazfa6] {
    color: var(--qdt-light-grey);
}
/* /Components/Translations/InvalidQuestionTranslations.razor.rz.scp.css */
.original-question[b-kewlff95oy] {
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 2px;
    cursor: pointer;
}

    .original-question:hover[b-kewlff95oy] {
        background-color: var(--qdt-light-grey-bg, rgba(0, 0, 0, 0.06));
    }

    .original-question .var-name[b-kewlff95oy] {
        color: var(--qdt-light-grey);
        margin-right: 5px;
        display: inline-block;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
    }
/* /Components/Translations/InvalidTranslationBadge.razor.rz.scp.css */
.translation-status[b-d9t46zlxo1] {
    width: 21px;
    color: var(--qdt-red);
    font-size: 21px;
}

.translation-status.dynamic-text-changed[b-d9t46zlxo1] {
    color: var(--qdt-dynamic-text-modified);
}
/* /Components/Translations/InvalidTranslationsOverview.razor.rz.scp.css */
.invalid-translations[b-hbh200qdr8] {
    position: relative;
    margin: 0 10px;
}

.ti-exchange[b-hbh200qdr8] {
    font-size: 21px;
    color: var(--qdt-black);
}

.count[b-hbh200qdr8] {
    position: absolute;
    top: -1px;
    right: -33px;
    transform: translate(-50%, -25%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 18px;
    font-size: 12px;
    background-color: var(--qdt-red);
    color: var(--qdt-white);
    border-radius: 10px;
}

.invalid-translation-popover[b-hbh200qdr8] {
    cursor: pointer;
    max-height: 100px;
    max-width: 300px;
    overflow-y: auto;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--qdt-white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* /Components/Translations/QuestionReadonlyView.razor.rz.scp.css */
.question-translation-readonly[b-ds8lk93yx9] {
    font-size: 15px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex: 1;
    border-bottom: solid 1px var(--qdt-stroke-grey);
    border-right: solid 1px var(--qdt-stroke-grey);
    padding: 15px 40px 15px 15px;
}

.meta-info[b-ds8lk93yx9] {
    display: flex;
    gap: 10px;
}
    .meta-info .question-type[b-ds8lk93yx9] {
        color: var(--qdt-light-grey);
    }

.question-wrap[b-ds8lk93yx9] {
    display: flex;
    flex-direction: column;
}

.question-wrap-inner[b-ds8lk93yx9] {
    display: flex;
    align-items: center;
}

.translation-status[b-ds8lk93yx9] {
    width: 21px;
    color: var(--qdt-red);
    font-size: 21px;
}

label[b-ds8lk93yx9] {
    font-size: 12px;
    color: var(--qdt-light-grey);
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.answers[b-ds8lk93yx9], .topics[b-ds8lk93yx9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.answer-item[b-ds8lk93yx9], .topic-item[b-ds8lk93yx9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 2px 2px 10px;
    max-width: 90%;
}

    .answer-item:hover[b-ds8lk93yx9], .topic-item:hover[b-ds8lk93yx9] {
        box-shadow: 0 0 11px rgba(33,33,33,.2);
    }

[b-ds8lk93yx9] .k-textbox, [b-ds8lk93yx9] .k-textarea {
    font-size: 15px;
    font-family: "Roboto";
    border: 1px solid var(--qdt-stroke-green);
    border-top: 1px solid var(--qdt-stroke-green) !important;
    box-shadow: none;
    border-radius: 4px !important;
}

    [b-ds8lk93yx9] .k-textbox p, [b-ds8lk93yx9] .k-textarea p, [b-ds8lk93yx9] .k-editor p {
        margin-bottom: 1px;
    }
    [b-ds8lk93yx9] .k-textbox .k-input-inner {
        padding: 3px 6px;
    }

.question-translation-readonly[b-ds8lk93yx9]  .k-textbox, .question-translation-readonly[b-ds8lk93yx9]  .k-textarea {
    border-color: transparent !important;
    outline: none;
}

[b-ds8lk93yx9] .pre-wrap p {
    min-height: 22.5px;
}
/* /Components/Translations/QuestionSideBySide.razor.rz.scp.css */
.side-by-side[b-idrfumu7s5] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.side-by-side.invalid[b-idrfumu7s5] {
    border-color: var(--qdt-red);
}

.side-by-side.valid[b-idrfumu7s5] {
    border-color: var(--qdt-dark-green);
}

.side-by-side.pending[b-idrfumu7s5] {
    border-color: var(--qdt-yellow);
}

    .side-by-side.valid[b-idrfumu7s5]  .question-translation-readonly {
        border-bottom-color: var(--qdt-dark-green);
        border-right-color: var(--qdt-dark-green);
    }
    .side-by-side.valid[b-idrfumu7s5]  .question-translation-view {
        border-bottom-color: var(--qdt-dark-green);
    }

        .side-by-side.valid[b-idrfumu7s5]  .question-translation-view::after {
            background-color: var(--qdt-dark-green);
        }

.flex-break[b-idrfumu7s5] {
    flex-basis: 100%;
    height: 0;
}
.actions[b-idrfumu7s5] {
    display: flex;
    padding: 5px 10px;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
    color: var(--qdt-grey-button);
}

    .actions .ti[b-idrfumu7s5] {
        font-size: 20px;
    }

    .actions .comments-count.unread[b-idrfumu7s5]::after {
        background-color: var(--yellow);
        border-radius: 50%;
        content: "";
        height: 5px;
        position: absolute;
        width: 5px;
        right: 5px;
        top: 1px;
    }

    .actions .insturtions-inidicator[b-idrfumu7s5] {
        background-color: var(--qdt-dark-green);
        border-radius: 50%;
        position: absolute;
        width: 5px;
        height: 5px;
        top: 1px;
        right: 5px;
    }

    .status-badge[b-idrfumu7s5] {
        position: absolute;
        left: 0;
        right: 0;
        top: 22px;
        margin-left: auto;
        margin-right: auto;
        width: 30px;
        height: 30px;
        border-radius: 22px;
        background-color: var(--qdt-white);
        display: none;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

.valid .status-badge[b-idrfumu7s5] {
    display: flex;
    border: 1px solid var(--qdt-dark-green);
    color: var(--qdt-dark-green);
}

.pending .status-badge[b-idrfumu7s5] {
    display: flex;
    border: 1px solid var(--qdt-yellow);
    color: var(--qdt-yellow);
}
/* /Components/Translations/QuestionTranslationTextField.razor.rz.scp.css */
.question-wrap[b-eapn2f2nt1] { 
    
}

    .question-wrap label[b-eapn2f2nt1] {
        font-size: 12px;
        color: var(--qdt-light-grey);
    }

.question-wrap-inner[b-eapn2f2nt1]{
    position:relative;
    display:flex;
}


.edit-button[b-eapn2f2nt1] {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--qdt-grey-button);
    font-size: 12px;
    display: none;
    z-index: 1;
    background-color: #F5F5F5;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.question-wrap-inner:hover .edit-button[b-eapn2f2nt1] {
    display: block;
}
/* /Components/Translations/QuestionTranslationView.razor.rz.scp.css */
.question-translation-view[b-o7w69ccefx] {
    font-size: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;

    border-bottom: solid 1px var(--qdt-stroke-grey);
    padding: 15px;
    flex:1;
}

.question-translation-view-actions[b-o7w69ccefx] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}


.question-translation-view[b-o7w69ccefx]::after {
    content: "";
    width: 1px;
    position: absolute;
    background-color: var(--qdt-stroke-grey);
    left: 49.9%;
    top:0;
    bottom:40px;
}
.translation-status[b-o7w69ccefx] {
    width: 21px;
    color: var(--qdt-red);
    font-size: 21px;
}

[b-o7w69ccefx] label {
    font-size: 12px;
    color: var(--qdt-light-grey);
}

[b-o7w69ccefx] .translated .k-textbox, [b-o7w69ccefx] .translated .k-textarea, [b-o7w69ccefx] .translated .k-editor {
    font-size: 15px;
    font-family: "Roboto";
    border: 1px solid var(--qdt-stroke-green);
    border-top: 1px solid var(--qdt-stroke-green) !important;
    box-shadow: none;
    border-radius: 4px !important;
    color: var(--qdt-black);
    min-width: 120px;
}

    [b-o7w69ccefx] .k-textbox p, [b-o7w69ccefx] .k-textarea p, [b-o7w69ccefx] .k-editor p {
        margin-bottom: 1px;
    }

    [b-o7w69ccefx] .k-textbox ::placeholder, [b-o7w69ccefx] .k-textarea ::placeholder, [b-o7w69ccefx] .k-textbox.empty {
        color: var(--qdt-light-grey);
    }

    [b-o7w69ccefx] .k-textbox .k-input-inner {
        padding: 3px 6px;
    }

[b-o7w69ccefx] .translated .k-textbox.outdated, [b-o7w69ccefx] .translated .k-textarea.outdated, [b-o7w69ccefx] .translated .outdated .k-editor {
    border-color: var(--qdt-red);
    border-top-color: var(--qdt-red) !important;
    background-color: var(--white);
}

[b-o7w69ccefx] .translated .k-textbox.dynamic-text-changed, [b-o7w69ccefx] .translated .k-textarea.dynamic-text-changed, [b-o7w69ccefx] .translated .dynamic-text-changed .k-editor {
    border-color: var(--qdt-dynamic-text-modified);
    border-top-color: var(--qdt-dynamic-text-modified) !important;
    background-color: var(--white);
}

[b-o7w69ccefx] .translated .k-editor.created, [b-o7w69ccefx] .translated .k-editor.created {
    border-color: var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

    [b-o7w69ccefx] .k-textbox .k-input-inner:focus, [b-o7w69ccefx] .k-textarea .k-input-inner:focus, [b-o7w69ccefx] .k-textbox .k-input-inner:active, [b-o7w69ccefx] .k-textarea .k-input-inner:active {
        background-color: var(--white) !important;
    }

/* /Components/Translations/RemainingTranslations.razor.rz.scp.css */
.remaining-translations[b-mdpthaunbn] {
    font-size: 15px;
    color: var(--qdt-yellow);
    width: 180px;
}

    .remaining-translations.ready[b-mdpthaunbn] {
        color: var(--qdt-dark-green);
    }

.ramaining-translation-popover[b-mdpthaunbn] {
    cursor: pointer;
    max-height: 100px;
    max-width: 300px;
    overflow-y: auto;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--qdt-white);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.original-question[b-mdpthaunbn] {
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 2px;
    cursor: pointer;
}

    .original-question:hover[b-mdpthaunbn] {
        background-color: var(--qdt-light-grey-bg, rgba(0, 0, 0, 0.06));
    }

    .original-question .var-name[b-mdpthaunbn] {
        color: var(--qdt-light-grey);
        margin-right: 5px;
        display: inline-block;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
    }
/* /Components/Translations/SelectTranslatorsDialog.razor.rz.scp.css */
.user-search-box[b-86z86ug1fq] {
    margin-bottom: 10px;
}

.user-list[b-86z86ug1fq] {
    overflow-y: auto;
    max-height: 300px;
}

.translator[b-86z86ug1fq] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 0 5px;
}

.translator-info[b-86z86ug1fq] {
    margin-bottom: 10px;
    cursor: pointer;
}

    .translator-info .translator-name[b-86z86ug1fq] {
        font-size: 20px;
        color: var(--qdt-black);
        font-weight: 500;
    }

    .translator-info .translator-email[b-86z86ug1fq] {
        font-size: 15px;
        color: var(--qdt-light-grey);
    }
/* /Components/Translations/SourceLanguageBlock.razor.rz.scp.css */
.source-language-block[b-31a56cttwv] {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    border: 1px solid var(--qdt-stroke-grey);
    gap: 16px;
}

.from-label[b-31a56cttwv] {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: var(--qdt-light-grey);
}

.language-label[b-31a56cttwv] {
    flex: 1;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: var(--qdt-black);
    text-align: center;
}
/* /Components/Translations/TopicTranslationTextField.razor.rz.scp.css */
.topic-item[b-ofq8pjjbut] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 2px 2px 10px;
    max-width: 90%;
    position: relative;
}


.var-name[b-ofq8pjjbut] {
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    max-width: 80px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .var-name.explicit[b-ofq8pjjbut] {
        color: var(--qdt-black);
    }


.edit-button[b-ofq8pjjbut] {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--qdt-grey-button);
    font-size: 12px;
    display: none;
    z-index: 1;
    background-color: #F5F5F5;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.topic-item:hover .edit-button[b-ofq8pjjbut] {
    display: block;
}
/* /Components/Translations/TranslationChapter.razor.rz.scp.css */
.translation-chapter[b-olbq59q3vh] {
    background-color: var(--qdt-white);
    border-radius: 4px;
}

.translation-chapter-header[b-olbq59q3vh] {
    display: flex;
    padding: 21px 35px;
    justify-content: space-between;
    cursor: pointer;
    background-color: var(--qdt-white);
    border-radius: 4px;
}

    .translation-chapter-header.expanded[b-olbq59q3vh] {
        position: sticky;
        top: 96px;
        z-index: 10;
        border-radius: 4px 4px 0 0;
    }

.translation-chapter-header .toggle[b-olbq59q3vh] {
    color: var(--qdt-grey-button);
}
    

    .chapter-name[b-olbq59q3vh] {
        flex: 1;
        max-width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
        white-space: nowrap;
    }
.total-translation-items[b-olbq59q3vh] {
    font-size: 15px;
    color: var(--qdt-light-grey);
    width: 105px;
}

.remaining-translation-items[b-olbq59q3vh] {
    font-size: 15px;
    color: var(--qdt-yellow);
}

.outdated-translation-items[b-olbq59q3vh] {
    min-width: 41px;
}

.translation-question-list[b-olbq59q3vh] {
    padding: 21px 35px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Components/Translations/TranslationChapterList.razor.rz.scp.css */
.translation-chapter-list[b-ujzmuqbekh]
{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* /Components/Translations/TranslationOverviewItem.razor.rz.scp.css */
.translation-item[b-rs3ndgngp8] {
    display: flex;
    background-color: var(--qdt-white);
    border-radius: 4px;
    font-size: 15px;
    padding: 15px 25px;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
}

    .translation-item.extended[b-rs3ndgngp8] {
        cursor: default;
        border-left: 2px solid var(--qdt-dark-green);
        padding: 11px 25px;
    }

.translate-to[b-rs3ndgngp8] {
    max-width: 30%;
    flex: 1
}

.translate-to .translate-to-inner[b-rs3ndgngp8] {
    display: flex;
    align-items: center;
    
}

.translate-to label[b-rs3ndgngp8] {
    width: 40px;
    margin-right: 5px;
    color: var(--qdt-light-grey);
    cursor: pointer;
    font-size: 15px;
}
    .translate-to .lang[b-rs3ndgngp8] {
        font-size: 15px;
        font-weight: 400;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

[b-rs3ndgngp8] .translation-progress {
    width: 11%;
    cursor: pointer;
}

.translators[b-rs3ndgngp8] {
    max-width: 31%;
    flex: 1;
}

.outdated-translation-items[b-rs3ndgngp8] {
    min-width: 41px;
}

.actions[b-rs3ndgngp8] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.translator-info[b-rs3ndgngp8] {
    margin-bottom: 19px;
}

.translator-info .translator-name[b-rs3ndgngp8] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-black);
}

.translator-info .translator-email[b-rs3ndgngp8] {
    font-size: 12px;
    color: var(--qdt-light-grey);
}

/* /Components/Translations/TranslationOverviewList.razor.rz.scp.css */
.translation-list[b-4mclsqlvwm]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* /Components/Translations/TranslationProgress.razor.rz.scp.css */
.translation-progress[b-4sjzntbouv]{
    display: flex;
    flex-direction:column;
    user-select:none;
}

.progress-info[b-4sjzntbouv] {
    display: flex;
    justify-content: space-between;
    color: var(--qdt-light-grey);
}

.progress-visualisation[b-4sjzntbouv] {
    margin-top: 5px;
    width: 100%;
    height:2px;
    background-color: var(--qdt-transparent-black-op-30);
}
/* /Components/Translations/TranslationsTransfer.razor.rz.scp.css */

.translations-transfer[b-b1b84eq7a1] {
    display: flex;
    align-items: center;
    column-gap: 16px;
    margin-right: 5px;
}

    .translations-transfer[b-b1b84eq7a1]  .k-button {
        padding: 0;
    }

    .translations-transfer .ti[b-b1b84eq7a1] {
        font-size: 22px;
        color: var(--qdt-grey-button);
    }

    [b-b1b84eq7a1] #file-upload {
        display: none;
    }
/* /Components/Translations/TranslatorInstructions.razor.rz.scp.css */

.instruction-box[b-52g25axfjb] {
    background-color: var(--qdt-beige);
    padding: 14px;
    display: flex;
    position: relative;
    border-top: 1px solid var(--qdt-stroke-grey);
    width: 100%;
}

    .instruction-box .close[b-52g25axfjb] {
        position: absolute;
        top: 5px;
        right: 14px;
        cursor: pointer;
    }

    .instruction-box .instructions[b-52g25axfjb] {
        width: 100%;
    }

        .instruction-box .instructions label[b-52g25axfjb] {
            font-size: 15px;
            font-weight: 400;
            color: var(--qdt-black);
        }

[b-52g25axfjb] .instructions .k-textarea {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
}

    [b-52g25axfjb] .instructions .k-textarea textarea {
        min-height: 50px;
        color: var(--qdt-black);
        font-size: 12px;
    }
/* /Components/UserInvitations/Dialog/CreateUserInvitationDialog.razor.rz.scp.css */
.create-user-invitation-dialog[b-e5s4xllpc5] {
    transition: height 1s ease;
}

[b-e5s4xllpc5] form {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.user-names[b-e5s4xllpc5] {
    display: flex;
    align-items: flex-start;
    column-gap: 4px;
}

.user-names .user-firstname[b-e5s4xllpc5],
.user-names .user-lastname[b-e5s4xllpc5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-e5s4xllpc5] .textbox,
[b-e5s4xllpc5] .dropdown-selects {
    height: 36px;
}

[b-e5s4xllpc5] .dropdown-multiselect {
    min-height: 36px;
}

.buttons[b-e5s4xllpc5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    column-gap: 16px;
}
/* /Components/UserInvitations/InvitationsList.razor.rz.scp.css */
.invitations-list-container[b-1xo2esyvaa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.invitations-list-header[b-1xo2esyvaa],
.invitation-item[b-1xo2esyvaa] {
    display: grid;
    grid-template-columns: 2fr 2fr 3fr 2fr 2fr 3fr 1fr;
    
}

.invitations-list-header[b-1xo2esyvaa] {
    font-size: 12px;
    color: var(--qdt-grey);
    padding: 15px 23px 15px 12px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    gap: 5px;
}

.invitations-list-body[b-1xo2esyvaa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.invitation-item[b-1xo2esyvaa] {
    padding-right: 23px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    font-size: 14px;
    gap: 5px;
    transition: background-color 0.2s ease-in;
}

.invitation-item:last-child[b-1xo2esyvaa] {
    border-radius: 0 0 8px 8px;
    border-bottom: none;
}

.invitation-item:hover[b-1xo2esyvaa] {
    background-color: #f8f9fa;
}

.invitation-item > *[b-1xo2esyvaa] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.invitation-item > :first-child[b-1xo2esyvaa] {
    padding-left: 16px;
}

.invitation-item .date[b-1xo2esyvaa] {
    font-weight: 400;
    color: var(--qdt-light-grey);
}

.invitation-item > :last-child[b-1xo2esyvaa] {
    padding-right: 14px;
}

.invitation-item .expires-at.expired[b-1xo2esyvaa] {
    color: var(--qdt-red);
    text-decoration: underline;
}
/* /Components/Users/Dialogs/CreateOrEditUserDialog.razor.rz.scp.css */
.buttons[b-aw5m2b8blt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}

.content[b-aw5m2b8blt]  form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.user-names[b-aw5m2b8blt] {
    display: flex;
    align-items: flex-start;
    column-gap: 4px;
}

.user-names .user-firstname[b-aw5m2b8blt],
.user-names .user-lastname[b-aw5m2b8blt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.content[b-aw5m2b8blt]  .textbox,
.content[b-aw5m2b8blt]  .dropdown-selects {
    height: 36px;
}

.content[b-aw5m2b8blt]  .dropdown-multiselects {
    min-height: 36px;
}
/* /Components/Users/UserListItem.razor.rz.scp.css */
.user-item[b-823teyhy15] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 4fr 2fr 6fr 0.5fr;
    align-items: center;
    padding: 6px 0;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

    .user-item .email[b-823teyhy15] {
        font-size: 15px;
        line-height: 20px;
        padding-left: 15px;
    }

    .user-item .role[b-823teyhy15] {
        display: inline-block;
        font-size: 10px;
        line-height: 14px;
        color: var(--qdt-white);
        background-color: #71CEF0;
        border-radius: 4px;
        padding: 1px 8px;
        align-self: baseline;
    }

    .user-item .create-at[b-823teyhy15] {
        font-size: 12px;
        line-height: 20px;
        color: var(--qdt-light-grey);
    }

    .user-item .actions-menu[b-823teyhy15] {
        justify-items: end;
        padding-right: 5px;
    }
/* /Components/Waves/Details/ChapterModificationChip.razor.rz.scp.css */
.chapter-modification-chip[b-nmilusgq4l] {
    padding: 1px 8px;
    border-radius: 34px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    color: var(--qdt-white);
}

.reordered[b-nmilusgq4l] {
    background-color: var(--qdt-item-hidden);
}
/* /Components/Waves/Details/ChapterModificationCircle.razor.rz.scp.css */
.chapter-modification-circle[b-5ubwjfdcjd] {
    position: relative;
    width: 10px;
    height: 20px;
    z-index: 1;
}

    .chapter-modification-circle:last-child[b-5ubwjfdcjd] {
        width: 20px;
    }

.circle-visual[b-5ubwjfdcjd] {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--qdt-white);
    font-size: 10px;
    font-weight: 500;
    color: var(--qdt-white);
    pointer-events: none;
}

.chapter-modification-circle.reordered .circle-visual[b-5ubwjfdcjd] {
    background-color: var(--qdt-item-hidden);
}


.modifications-popover[b-5ubwjfdcjd] {
    display: flex;
    column-gap: 5px;
    padding: 10px 14px 10px 20px;
    border-radius: 8px;
    background-color: var(--qdt-white);
    box-shadow: 0 4px 4px 0 #00000040;
}

.list[b-5ubwjfdcjd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.view-btn[b-5ubwjfdcjd] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #808386;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.15s ease;
}

    .view-btn:hover[b-5ubwjfdcjd] {
        color: var(--qdt-black);
    }

    .view-btn:focus-visible[b-5ubwjfdcjd] {
        color: var(--qdt-black);
    }
/* /Components/Waves/Details/ChapterModificationsList.razor.rz.scp.css */
.chapter-modifications-list[b-fao04b1xs0] {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
}

    .chapter-modifications-list.minified[b-fao04b1xs0] {
        flex-flow: row nowrap;
        height: 20px;
        gap: 0;
    }
/* /Components/Waves/Details/PrimaryChapterCell.razor.rz.scp.css */
.content[b-bbuqb8i2m2] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    vertical-align: top;
}

.content[b-bbuqb8i2m2]  .chip {
    border-radius: 35px;
}

.primary-chapter-cell[b-bbuqb8i2m2]  .switch,
.primary-chapter-cell[b-bbuqb8i2m2]  .options {
    display: none;
}

.primary-chapter-cell:hover[b-bbuqb8i2m2]  .switch,
.primary-chapter-cell:hover[b-bbuqb8i2m2]  .options {
    display: flex;
}
/* /Components/Waves/Details/PrimaryChapterCreatingCell.razor.rz.scp.css */
.creating-content[b-wel2qcwdad] {
    display: flex;
    align-content: center;
    justify-content: center;
}
/* /Components/Waves/Details/PrimaryChapterDisabledCell.razor.rz.scp.css */
.empty-content[b-ulctjibud8] {
    display: flex;
    align-content: center;
    gap: 8px;
}

.empty-content[b-ulctjibud8]  .chip {
    border-radius: 35px;
}

.empty-content[b-ulctjibud8]  .switch {
    display: none;
}

.primary-chapter-disabled-cell:hover[b-ulctjibud8]  .switch {
    display: flex;
}
/* /Components/Waves/Details/PrimaryChapterLoadingCell.razor.rz.scp.css */
.loading-content[b-xlhgk540qh] {
    display: flex;
    align-content: center;
    justify-content: center;
}
/* /Components/Waves/Details/PrimaryChapterNotFoundCell.razor.rz.scp.css */
.content[b-519bkps7k7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.content[b-519bkps7k7]  .chip {
    border-radius: 35px;
}
/* /Components/Waves/Details/PrimaryQuestionCell.razor.rz.scp.css */
.primary-question-cell[b-eh6vchwerf] {
    padding-right: 4px !important;
}

.content[b-eh6vchwerf] {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 2px;
    min-height: 24px;
}

.content > div:first-child[b-eh6vchwerf] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 2px;
}

.primary-question-cell[b-eh6vchwerf]  .chip {
    border-radius: 35px;
}

/* Keep every action/indicator on a single row: shrink the icon buttons so
   the change indicators + broken-link icon + hover actions fit the cell. */
.primary-question-cell[b-eh6vchwerf]  .icon-btn {
    width: 20px;
    height: 20px;
    font-size: 16px;
    flex-shrink: 0;
}

.primary-question-cell[b-eh6vchwerf]  .options .icon-btn,
.primary-question-cell[b-eh6vchwerf]  .options button {
    width: 20px;
    height: 20px;
    font-size: 16px;
}

.inactive-link-indicator[b-eh6vchwerf] {
    flex-shrink: 0;
    color: #d9822b;
    font-size: 14px;
    cursor: help;
}

.primary-question-cell[b-eh6vchwerf]  .switch,
.primary-question-cell[b-eh6vchwerf]  .options,
.primary-question-cell[b-eh6vchwerf]  .edit-btn {
    display: none;
}

.primary-question-cell:hover[b-eh6vchwerf]  .switch,
.primary-question-cell:hover[b-eh6vchwerf]  .options,
.primary-question-cell:hover[b-eh6vchwerf]  .edit-btn {
    display: flex;
}
/* /Components/Waves/Details/PrimaryQuestionCreatingCell.razor.rz.scp.css */
.creating-content[b-l1tp6xg9c0] {
    display: flex;
    align-content: center;
    justify-content: center;
}
/* /Components/Waves/Details/PrimaryQuestionDisabledCell.razor.rz.scp.css */
.empty-content[b-2qwxwqjr2d] {
    display: flex;
    align-content: center;
    gap: 8px;
}

.empty-content[b-2qwxwqjr2d]  .chip {
    border-radius: 35px;
}

.empty-content[b-2qwxwqjr2d]  .switch {
    display: none;
}

.primary-question-disabled-cell:hover[b-2qwxwqjr2d]  .switch {
    display: flex;
}
/* /Components/Waves/Details/PrimaryQuestionLoadingCell.razor.rz.scp.css */
.loading-content[b-ak14jt0aag] {
    display: flex;
    align-content: center;
    justify-content: center;
}
/* /Components/Waves/Details/PrimaryQuestionNotFoundCell.razor.rz.scp.css */
.content[b-noxk0oglfy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.content[b-noxk0oglfy]  .chip {
    border-radius: 35px;
}
/* /Components/Waves/Details/PrimarySurveyColumn.razor.rz.scp.css */
.primary-survey-column[b-meffmdwb8m] {
    position: relative;
    background-color: #1E98EE;
}

.primary-survey-column[b-meffmdwb8m]  .text {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background-color: inherit;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: var(--qdt-white);
    resize: none;
    overflow: hidden;
}

.primary-survey-column .name[b-meffmdwb8m] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 50px;
    font-weight: 500;
    color: var(--qdt-white);
    white-space: nowrap;
    width: 145px;
    height: 50px;
}

.content[b-meffmdwb8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
}

.actions[b-meffmdwb8m] {
    display: flex;
    align-content: center;
    column-gap: 4px;
}

.actions[b-meffmdwb8m]  .navigate {
    color: var(--qdt-white);
    text-decoration: none;
}

.actions[b-meffmdwb8m]  .options button,
.actions[b-meffmdwb8m]  .options button:hover,
.actions[b-meffmdwb8m]  .options button:active {
    color: var(--qdt-white);
    background-color: transparent;
}

.primary-survey-column[b-meffmdwb8m]  .actions {
    display: none;
}

.primary-survey-column:hover[b-meffmdwb8m]  .actions {
    display: flex;
}
/* /Components/Waves/Details/PrimarySurveyTranslationItem.razor.rz.scp.css */
.translation-item[b-e4k6rbk0kb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    padding: 7px 16px 7px 21px;
    font-weight: 400;
    line-height: 20px;
}

.to-label[b-e4k6rbk0kb] {
    font-size: 12px;
    color: var(--qdt-light-grey);
}

.language[b-e4k6rbk0kb] {
    flex: 1;
    font-size: 14px;
    color: var(--qdt-black);
}


/* /Components/Waves/Details/PrimaryTranslationCell.razor.rz.scp.css */
.primary-translation-cell[b-dnzw7d7h91] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #808386;
    cursor: pointer;
}

.primary-translation-cell .content[b-dnzw7d7h91] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.primary-translation-cell:hover .add-languages[b-dnzw7d7h91] {
    text-decoration: underline;
}

.translation-groups-popover-content[b-dnzw7d7h91] {
    display: flex;
    flex-direction: column;
    padding: 4px 8px;
    background-color: var(--qdt-beige);
    box-shadow: 0 4px 4px 0 #00000040;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #808386;
}


/* /Components/Waves/Details/PrimaryTranslationLoadingCell.razor.rz.scp.css */
.loading-content[b-vdqkye0f72] {
    display: flex;
    align-content: center;
    justify-content: center;
}
/* /Components/Waves/Details/QuestionForm/Answers/AnswersContainer.razor.rz.scp.css */


/* /Components/Waves/Details/QuestionForm/Answers/MultipleSelection/MultipleSelectionCheckboxList.razor.rz.scp.css */
.answer-list[b-hrs9e1d6t2] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions-top[b-hrs9e1d6t2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.actions-top[b-hrs9e1d6t2]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-hrs9e1d6t2] {
    margin-left: 110px;
}

[b-hrs9e1d6t2] .actions-bottom .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Waves/Details/QuestionForm/Answers/MultipleSelection/MultipleSelectionCheckboxListItem.razor.rz.scp.css */
.answer-item[b-zc4jyjym0y] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-zc4jyjym0y] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-zc4jyjym0y] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item-inner .var-name:has(.k-invalid)[b-zc4jyjym0y] {
    opacity: 1;
}

.answer-item-inner[b-zc4jyjym0y]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-zc4jyjym0y]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:active,:focus,:hover)[b-zc4jyjym0y]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-zc4jyjym0y]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-zc4jyjym0y]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-zc4jyjym0y]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-zc4jyjym0y]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-zc4jyjym0y]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-zc4jyjym0y]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-zc4jyjym0y]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-zc4jyjym0y]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-zc4jyjym0y]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-zc4jyjym0y]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-zc4jyjym0y]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.question-form:hover .var-name[b-zc4jyjym0y], .question-form:has(:focus) .var-name[b-zc4jyjym0y], .question-form:has(:active) .var-name[b-zc4jyjym0y] {
    opacity: 1;
}

.answer-text[b-zc4jyjym0y] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-zc4jyjym0y] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


[b-zc4jyjym0y] .answer-text .answer-menu-button .ti {
    color: var(--qdt-grey);
}

.answer-item:has(:active,:focus,:hover)[b-zc4jyjym0y]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-zc4jyjym0y] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-zc4jyjym0y] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/MultipleSelection/MultipleSelectionGrid.razor.rz.scp.css */
.multiselect-container-inner[b-mkugiit834]{
    display: flex;
}

    .multiselect-container-inner .answer-actions[b-mkugiit834] {
        padding-left: 20px;
        padding-top: 40px;
    }

.grid-wrapper[b-mkugiit834] {
    position: relative;
    overflow: auto;
    white-space: nowrap;
    max-height: 275px;
}

.grid[b-mkugiit834] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-mkugiit834] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list th[b-mkugiit834] {
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            position: sticky;
            top: 0;
        }

            .grid .answer-list th:first-child[b-mkugiit834] {
                border-left: none;
            }
            

        .grid .answer-list th[b-mkugiit834],
        .grid .answer-list .answer[b-mkugiit834] {
            background-color: #fff;
            width: 200px;
        }

        .grid .answer-list .sticky-col[b-mkugiit834] {
            position: sticky;
            left: 0px;
            top: 0;
            width: 200px;
            min-width: 200px;
            max-width: 200px;
            z-index: 3;
        }

    .grid .topic-list[b-mkugiit834] {
    }
        .grid .topic-list .topic .sticky-col[b-mkugiit834] {
            position: sticky;
            left: 0px;
            width: 200px;
            min-width: 200px;
            max-width: 200px;
            z-index: 2;
            background-color: white;
            border-left: 1px solid var(--qdt-stroke-grey);
            padding-bottom: 15px;
        }

        .grid .topic-list .topic:hover[b-mkugiit834], .grid .topic-list .topic:hover .sticky-col[b-mkugiit834] {
            background-color: var(--qdt-hover-blue);
        }

        .grid .topic-list .topic td[b-mkugiit834] {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: var(--qdt-stroke-grey);
            width: 200px;
        }

        .grid .topic-list .topic td:first-child[b-mkugiit834]{
            border-left: none;
        }

        [b-mkugiit834] .answer-actions .k-button, .topic-actions[b-mkugiit834]  .k-button {
            color: var(--qdt-dark-green);
            font-size: 12px;
        }

.topic-actions[b-mkugiit834]{
    padding-top: 20px;
    padding-left: 7px;
}

.switches[b-mkugiit834] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    font-weight: 500;
}
/* /Components/Waves/Details/QuestionForm/Answers/MultipleSelection/MultipleSelectionGridAnswerItem.razor.rz.scp.css */
.answer-item[b-k5bk559x7m] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 100%;
    font-size: 12px;
    gap: 10px;
    margin: 3px auto 24px;
}

    .answer-item[b-k5bk559x7m]  .k-input {
        font-size: 12px;
    }

    .answer-item .var-name[b-k5bk559x7m] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-left: 15px;
        width: 90%;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

        .answer-item .var-name:has(.k-invalid)[b-k5bk559x7m] {
            opacity: 1;
        }

    .answer-item[b-k5bk559x7m]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        color: var(--qdt-autogenerated-prop);
        transition: background-color 0.3s ease-out;
    }

    .answer-item[b-k5bk559x7m]  .var-name.explicit .k-textbox {
        color: var(--qdt-black);
    }

    .answer-item[b-k5bk559x7m]  .var-name .k-textbox .k-input-inner {
        padding-block: 4px;
        padding-inline: 6px;
    }

    .answer-item:has(:active,:focus,:hover)[b-k5bk559x7m]  .var-name .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-k5bk559x7m]  .var-name:has(:focus) .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: white;
    }

    .answer-item[b-k5bk559x7m]  .var-name .k-textbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    /* answer-code */
    .answer-item[b-k5bk559x7m]  .answer-code {
        width: 55px;
    }

        .answer-item[b-k5bk559x7m]  .answer-code .k-numerictextbox {
            border: 1px solid transparent;
            border-radius: 4px !important;
            padding-block: 1px;
            font-size: 12px;
            transition: background-color 0.3s ease-out;
            color: var(--qdt-autogenerated-prop);
        }

        .answer-item[b-k5bk559x7m]  .answer-code.explicit .k-numerictextbox {
            color: var(--qdt-black);
        }

    .answer-item:has(:active,:focus,:hover)[b-k5bk559x7m]  .answer-code .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-k5bk559x7m]  .answer-code .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }


    .answer-item .answer-text[b-k5bk559x7m] {
        border-radius: 4px;
        width: 90%;
    }

    /* answer-text */
    .answer-item[b-k5bk559x7m]  .answer-text .k-editor {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

    .answer-item:has(:focus, :hover, :active)[b-k5bk559x7m]  .answer-text .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-k5bk559x7m]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .answer-item[b-k5bk559x7m]  .answer-text:has(:focus) .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

[b-k5bk559x7m] .answer-actions-button .k-button-arrow {
    display: none;
}

.dragdrop-answer-grip[b-k5bk559x7m] {
    position: absolute;
    left: -15px;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-k5bk559x7m] {
    opacity: 1;
}

[b-k5bk559x7m] .var-name .answer-actions-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    [b-k5bk559x7m] .var-name .answer-actions-button .k-button-arrow {
        display: none;
    }

.answer-item:has(:active,:focus,:hover)[b-k5bk559x7m]  .var-name .answer-actions-button {
    opacity: 1;
}

.question-form:hover .var-name[b-k5bk559x7m], .question-form:has(:focus, :active) .var-name[b-k5bk559x7m] {
    opacity: 1;
}


.combined[b-k5bk559x7m] {
    display: flex;
    gap: 3px;
}
/* /Components/Waves/Details/QuestionForm/Answers/MultipleSelection/MultipleSelectionGridTopicItem.razor.rz.scp.css */
.topic-item[b-zkvpguit68] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-right: 8px;
}

.content[b-zkvpguit68] {
    display: flex;
    align-items: center;
    flex-direction: column;
    min-width: 150px;
    font-size: 12px;
}

.topic-item[b-zkvpguit68]  .k-input {
    font-size: 12px;
}

.topic-item .var-name[b-zkvpguit68] {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 150px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
}

    .topic-item .var-name:has(.k-invalid)[b-zkvpguit68] {
        opacity: 1;
    }

.topic-item[b-zkvpguit68]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.topiv-item[b-zkvpguit68]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item:has(:active,:focus,:hover)[b-zkvpguit68]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-zkvpguit68]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-zkvpguit68]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

/* topic-code */
.topic-item[b-zkvpguit68]  .topic-code {
    width: 55px;
    padding: 0 10px;
}

    .topic-item[b-zkvpguit68]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item[b-zkvpguit68]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item:has(:active,:focus,:hover)[b-zkvpguit68]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-zkvpguit68]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item .topic-text[b-zkvpguit68] {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

/* topic-text */
.topic-item[b-zkvpguit68]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item:has(:focus, :hover, :active)[b-zkvpguit68]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-zkvpguit68]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item[b-zkvpguit68]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}



[b-zkvpguit68] .var-name .topic-actions-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover)[b-zkvpguit68]  .topic-actions-button {
    opacity: 1;
}

[b-zkvpguit68] .topic-actions-button .k-button-arrow {
    display: none;
}


.dragdrop-topic-grip[b-zkvpguit68] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-zkvpguit68] {
    opacity: 1;
}

.question-form:hover .var-name[b-zkvpguit68], .question-form:has(:focus, :active) .var-name[b-zkvpguit68] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/NumericGrid/NumericGrid.razor.rz.scp.css */
.numeric-grid[b-vbbyudxifv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.numeric-grid-settings[b-vbbyudxifv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.range-validation[b-vbbyudxifv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.range-validation[b-vbbyudxifv]  .numericbox {
    width: 64px;
}

.range-validation-error[b-vbbyudxifv] {
    color: var(--qdt-red);
    font-size: 12px;
}

.actions-top[b-vbbyudxifv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 22px;
}

.actions-top[b-vbbyudxifv]  .switch label {
    flex-flow: row-reverse;
}
/* /Components/Waves/Details/QuestionForm/Answers/NumericGrid/NumericGridItem.razor.rz.scp.css */
.topic-item[b-v6gxb9jn30] {
    margin-left: 0;
    margin-right: 0;
}

    .topic-item:last-child[b-v6gxb9jn30] {
        margin-bottom: 20px;
    }

.topic-item .topic-item-inner[b-v6gxb9jn30] {
    display: grid;
    grid-template-columns: 100px 55px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.topic-item-inner .var-name[b-v6gxb9jn30] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-v6gxb9jn30] {
        opacity: 1;
    }

.topic-item-inner[b-v6gxb9jn30]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.topic-item-inner[b-v6gxb9jn30]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item-inner:has(:focus, :hover, :active)[b-v6gxb9jn30]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-v6gxb9jn30]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-v6gxb9jn30]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .topic-item-inner[b-v6gxb9jn30]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item-inner[b-v6gxb9jn30]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item-inner:has(:active,:focus,:hover)[b-v6gxb9jn30]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-v6gxb9jn30]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-v6gxb9jn30]  .topic-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-text */
.topic-item-inner[b-v6gxb9jn30]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-v6gxb9jn30]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-v6gxb9jn30]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-v6gxb9jn30]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.topic-text[b-v6gxb9jn30] {
    flex: 1;
    display: flex;
    position: relative;
}

.numeric-grid-preview[b-v6gxb9jn30] {
    grid-row: 2;
    grid-column: 3 / -1;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.numeric-grid-affix[b-v6gxb9jn30] {
    color: var(--qdt-grey);
    font-size: 12px;
    white-space: nowrap;
}

.numeric-grid-preview[b-v6gxb9jn30]  .numericbox {
    width: 72px;
}

[b-v6gxb9jn30] .topic-text .topic-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-v6gxb9jn30] .topic-text .topic-menu-button .ti {
        color: var(--qdt-grey);
    }

.topic-item:has(:active,:focus,:hover)[b-v6gxb9jn30]  .topic-text .topic-menu-button {
    opacity: 1;
}

.dragdrop-topic-grip[b-v6gxb9jn30] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-v6gxb9jn30] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-v6gxb9jn30] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/OpenEnded/AdditionalAnswerItem.razor.rz.scp.css */
.answer-item[b-0vjy4u6260] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-0vjy4u6260] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-0vjy4u6260] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-0vjy4u6260] {
        opacity: 1;
    }

.answer-item-inner[b-0vjy4u6260]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-0vjy4u6260]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-0vjy4u6260]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-0vjy4u6260]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-0vjy4u6260]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-0vjy4u6260]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-0vjy4u6260]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-0vjy4u6260]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-0vjy4u6260]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-0vjy4u6260]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-0vjy4u6260]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-0vjy4u6260]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-0vjy4u6260]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-0vjy4u6260]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-0vjy4u6260] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-0vjy4u6260] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-0vjy4u6260] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-0vjy4u6260]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-0vjy4u6260] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-0vjy4u6260] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-0vjy4u6260] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/OpenEnded/OpenEndedContainer.razor.rz.scp.css */
.answer-container[b-9rk850g2lk] {
    display: flex;
    flex-direction:column;
    gap: 15px;
}

[b-9rk850g2lk] .dd-text-size.k-valid {
    border-color: rgba(0, 0, 0, 0.08);
}

[b-9rk850g2lk] .dd-text-size:hover {
    background-color: transparent;
    color: #000;
}

.text-section[b-9rk850g2lk] {
    display:flex;
    flex-direction:column;
    gap: 5px;
    align-items:stretch;
}

.text-section[b-9rk850g2lk]  .respondent-answer-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--qdt-light-grey);
    text-align: center;
 }

.text-section[b-9rk850g2lk]  .btn-add-text {
    width: 44px;
    height: 44px;
}

.txt-wrap[b-9rk850g2lk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px;
}
        .txt-wrap[b-9rk850g2lk]  .k-textbox  {
            font-size: 14px;
        }

.txt-wrap .ti-x[b-9rk850g2lk] {
    color: var(--menu-items-text-grey);
    cursor:pointer;
}

.length-validation[b-9rk850g2lk] {
    display: flex;
    align-items: center;
    font-size: 15px;
}
    .length-validation[b-9rk850g2lk]  .k-numerictextbox {
        margin: 0 5px;
    }
    
    .length-validation[b-9rk850g2lk]  .k-numerictextbox.k-valid {
        border-color: rgba(0, 0, 0, 0.08);
    }
    
    .length-validation[b-9rk850g2lk]  .k-numerictextbox .k-input-inner {
        font-size: 16px;
    }
    
    .limit-length-lbl[b-9rk850g2lk] {
        margin-left: 5px;
    }

.question-editor:has(:focus, :hover, :active) .text-section[b-9rk850g2lk]  .var-name {
    opacity: 1;
}

.actions-top[b-9rk850g2lk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.actions-top[b-9rk850g2lk]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-9rk850g2lk] {
    margin-left: 110px;
}

[b-9rk850g2lk] .actions-bottom .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/AutoCompleteList.razor.rz.scp.css */
.answer-list[b-ttk6s0vj5a] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.head[b-ttk6s0vj5a] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-left: 108px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.head .switch-container[b-ttk6s0vj5a] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    padding-right: 24px;
}

.head .switch-container[b-ttk6s0vj5a]  .switch label {
    flex-flow: row-reverse;
}

.answer-list-container[b-ttk6s0vj5a]  .add-answer {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.answer-list-container[b-ttk6s0vj5a]  .autocomplete-input {
    font-size: 12px;
    border: 1px solid var(--qdt-light-grey);
}

.answer-list-container[b-ttk6s0vj5a]  .k-autocomplete {
    margin-bottom: 10px;
}

.actions[b-ttk6s0vj5a] {
    margin-left: 110px;
}

.answer-list-container[b-ttk6s0vj5a]  .add-answer {
    color: var(--qdt-dark-green);
    font-size: 12px;
}


.settings[b-ttk6s0vj5a] {
    display: flex;
    gap: 25px;
    flex: 1;
}

.settings label[b-ttk6s0vj5a] {
    width: 200px;
}

.search-mode[b-ttk6s0vj5a], .answers-visibility[b-ttk6s0vj5a] {
    display: flex;
    align-items: center;
}

.search-mode label[b-ttk6s0vj5a] {
    width: 100px;
    user-select: none;
    font-size: 15px;
}

.answers-visibility label[b-ttk6s0vj5a] {
    width: 130px;
    user-select: none;
    font-size: 15px;
}

.answer-list .no-items[b-ttk6s0vj5a] {
    font-size: 12px;
    margin-left: 108px;
    color: var(--qdt-light-grey);
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/AutoCompleteListItem.razor.rz.scp.css */
.answer-item[b-7qtdbyfcce] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-7qtdbyfcce] {
    display: grid;
    grid-template-columns: 100px 55px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-7qtdbyfcce] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-7qtdbyfcce] {
        opacity: 1;
    }

.answer-item-inner[b-7qtdbyfcce]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-7qtdbyfcce]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-7qtdbyfcce]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-7qtdbyfcce]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-7qtdbyfcce]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-7qtdbyfcce]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-7qtdbyfcce]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-7qtdbyfcce]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-7qtdbyfcce]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-7qtdbyfcce]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-7qtdbyfcce]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-7qtdbyfcce]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-7qtdbyfcce]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-7qtdbyfcce]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-7qtdbyfcce] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-7qtdbyfcce] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-7qtdbyfcce] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-7qtdbyfcce]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-7qtdbyfcce] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-7qtdbyfcce] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-7qtdbyfcce] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/Carousel/OptionsToolBox.razor.rz.scp.css */
.answer-options[b-oj1zfcp6eu] {
    margin-top: 25px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    grid-column-gap: 25px;
}

    .answer-options > .option[b-oj1zfcp6eu] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .answer-options > .option > .label[b-oj1zfcp6eu] {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }

        .answer-options > .option .info[b-oj1zfcp6eu] {
            position: relative;
        }

            .answer-options > .option .info:hover .info-box[b-oj1zfcp6eu] {
                display: flex;
            }

        .answer-options > .option .info-box[b-oj1zfcp6eu] {
            --info-box-width: 350px;
            --info-box-height: 110px;
            --info-box-margin-left: calc(var(--info-box-width) / -2);
            --info-box-margin-top: calc((0px - var(--info-box-height)) - 25px);
            display: none;
            font-size: 12pt;
            align-items: center;
            gap: 10px;
            box-sizing: border-box;
            position: absolute;
            z-index: 10;
            background-color: var(--qdt-white);
            width: var(--info-box-width);
            height: var(--info-box-height);
            padding: 5px;
            border: 0.5px solid var(--qdt-stroke-grey);
            border-radius: 10px;
            overflow-y: auto;
            margin-left: var(--info-box-margin-left);
            margin-top: var(--info-box-margin-top);
        }
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/Carousel/SingleChoiceCarousel.razor.rz.scp.css */
.topic-list[b-4jeldat8pl] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.answer-list-container[b-4jeldat8pl] {
    margin-top: 25px;
}

.answer-list-container .answer-list[b-4jeldat8pl] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.list-title[b-4jeldat8pl] {
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.actions-top[b-4jeldat8pl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.actions-top[b-4jeldat8pl]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-4jeldat8pl] {
    margin-left: 110px;
}

[b-4jeldat8pl] .actions-bottom .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.answer-options[b-4jeldat8pl] {
    margin: 25px 0;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    grid-column-gap: 25px;
}

.answer-options > .option[b-4jeldat8pl] {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/Carousel/SingleChoiceCarouselAnswerItem.razor.rz.scp.css */
.answer-item[b-orzf74sdq2] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-orzf74sdq2] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-orzf74sdq2] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-orzf74sdq2] {
        opacity: 1;
    }

.answer-item-inner[b-orzf74sdq2]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-orzf74sdq2]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-orzf74sdq2]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-orzf74sdq2]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-orzf74sdq2]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-orzf74sdq2]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-orzf74sdq2]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-orzf74sdq2]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-orzf74sdq2]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-orzf74sdq2]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-orzf74sdq2]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-orzf74sdq2]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-orzf74sdq2]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-orzf74sdq2]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-orzf74sdq2] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-orzf74sdq2] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-orzf74sdq2] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-orzf74sdq2]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-orzf74sdq2] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-orzf74sdq2] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-orzf74sdq2] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/Carousel/SingleChoiceCarouselTopicItem.razor.rz.scp.css */
.topic-item[b-xa8y2o257z] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

    .topic-item:last-child[b-xa8y2o257z] {
        margin-bottom: 20px;
    }

.topic-item .topic-item-inner[b-xa8y2o257z] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.topic-item-inner .var-name[b-xa8y2o257z] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-xa8y2o257z] {
        opacity: 1;
    }

.topic-item-inner[b-xa8y2o257z]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.topic-item-inner[b-xa8y2o257z]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item-inner:has(:focus, :hover, :active)[b-xa8y2o257z]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-xa8y2o257z]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-xa8y2o257z]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .topic-item-inner[b-xa8y2o257z]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item-inner[b-xa8y2o257z]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item-inner:has(:active,:focus,:hover)[b-xa8y2o257z]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-xa8y2o257z]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-xa8y2o257z]  .topic-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-text */
.topic-item-inner[b-xa8y2o257z]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-xa8y2o257z]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-xa8y2o257z]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-xa8y2o257z]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.topic-text[b-xa8y2o257z] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-xa8y2o257z] .topic-text .topic-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-xa8y2o257z] .topic-text .topic-menu-button .ti {
        color: var(--qdt-grey);
    }

.topic-item:has(:active,:focus,:hover)[b-xa8y2o257z]  .topic-text .topic-menu-button {
    opacity: 1;
}

.dragdrop-topic-grip[b-xa8y2o257z] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-xa8y2o257z] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-xa8y2o257z] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/DateTime/AdditionalAnswerItem.razor.rz.scp.css */
.answer-item[b-khq1tbhifd] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-khq1tbhifd] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-khq1tbhifd] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-khq1tbhifd] {
        opacity: 1;
    }

.answer-item-inner[b-khq1tbhifd]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-khq1tbhifd]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}


.answer-item-inner:has(:focus, :hover, :active)[b-khq1tbhifd]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-khq1tbhifd]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-khq1tbhifd]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-khq1tbhifd]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-khq1tbhifd]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-khq1tbhifd]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-khq1tbhifd]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-khq1tbhifd]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-khq1tbhifd]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-khq1tbhifd]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-khq1tbhifd]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-khq1tbhifd]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-khq1tbhifd] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-khq1tbhifd] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-khq1tbhifd] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-khq1tbhifd]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-khq1tbhifd] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-khq1tbhifd] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-khq1tbhifd] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/DateTime/SingleChoiceDateTime.razor.rz.scp.css */
.date-time-answer-container[b-anoq5av348] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-row[b-anoq5av348] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.field-row[b-anoq5av348]  .today-now-button {
    border-radius: 4px;
}

/* The preview field is optional and never submitted for validation — an invalid/red state can only
   come from the picker's own eager (while-typing) parsing, not a genuine validation failure, so any
   highlight here follows the app's green accent instead of Telerik's default red. */
.field-row[b-anoq5av348]  .k-invalid {
    border-color: var(--qdt-stroke-green) !important;
    box-shadow: none !important;
}

/* Matches Numeric's Waves answers-container: aligns "Disable all answers" with the per-answer
   disable buttons' column instead of the default flex start position. */
.actions-top[b-anoq5av348] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
    margin-bottom: 3px;
}

.actions-top[b-anoq5av348]  .switch label {
    flex-flow: row-reverse;
}

.checkbox-row[b-anoq5av348],
.time-format-row[b-anoq5av348],
.calendar-type-row[b-anoq5av348] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.time-only-section[b-anoq5av348],
.date-only-section[b-anoq5av348] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.capture-section[b-anoq5av348] {
    display: flex;
    gap: 12px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/Numeric/AdditionalAnswerItem.razor.rz.scp.css */
.answer-item[b-aocnqm9eeq] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-aocnqm9eeq] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-aocnqm9eeq] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-aocnqm9eeq] {
        opacity: 1;
    }

.answer-item-inner[b-aocnqm9eeq]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-aocnqm9eeq]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}


.answer-item-inner:has(:focus, :hover, :active)[b-aocnqm9eeq]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-aocnqm9eeq]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-aocnqm9eeq]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-aocnqm9eeq]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-aocnqm9eeq]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-aocnqm9eeq]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-aocnqm9eeq]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-aocnqm9eeq]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-aocnqm9eeq]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-aocnqm9eeq]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-aocnqm9eeq]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-aocnqm9eeq]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-aocnqm9eeq] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-aocnqm9eeq] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-aocnqm9eeq] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-aocnqm9eeq]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-aocnqm9eeq] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-aocnqm9eeq] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-aocnqm9eeq] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/Numeric/SingleChoiceNumeric.razor.rz.scp.css */
.answer-container[b-gnh217h94y] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.text-section[b-gnh217h94y] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
    margin-top: 10px;
}

    .text-section[b-gnh217h94y]  .btn-add-text {
        width: 44px;
        height: 44px;
    }

.txt-wrap[b-gnh217h94y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px;
}

    .txt-wrap[b-gnh217h94y]  .k-textbox {
        font-size: 14px;
    }

    .txt-wrap .ti-x[b-gnh217h94y] {
        color: var(--menu-items-text-grey);
        cursor: pointer;
    }

.range-validation[b-gnh217h94y] {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-top: 10px;
}

    .range-validation[b-gnh217h94y]  .k-numerictextbox {
        margin: 0 5px;
    }

        .range-validation[b-gnh217h94y]  .k-numerictextbox.k-valid {
            border-color: rgba(0, 0, 0, 0.08);
        }

        .range-validation[b-gnh217h94y]  .k-numerictextbox .k-input-inner {
            font-size: 16px;
        }

.limit-range-lbl[b-gnh217h94y] {
    margin-left: 5px;
}

.question-editor:has(:focus, :hover, :active) .text-section[b-gnh217h94y]  .var-name {
    opacity: 1;
}

.actions-top[b-gnh217h94y] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.actions-top[b-gnh217h94y]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-gnh217h94y] {
    margin-left: 110px;
}

[b-gnh217h94y] .actions-bottom .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/SingleChoiceHighlightBordersList.razor.rz.scp.css */
.answer-list[b-kp29vhu12h] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions-top[b-kp29vhu12h] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.actions-top[b-kp29vhu12h]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-kp29vhu12h] {
    margin-left: 110px;
}

[b-kp29vhu12h] .actions-bottom .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/SingleChoiceHighlightBordersListItem.razor.rz.scp.css */
.answer-item[b-lp4efxh1vz] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-lp4efxh1vz] {
    display: grid;
    grid-template-columns: 100px 55px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-lp4efxh1vz] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-lp4efxh1vz] {
        opacity: 1;
    }

.answer-item-inner[b-lp4efxh1vz]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-lp4efxh1vz]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}


.answer-item-inner:has(:focus, :hover, :active)[b-lp4efxh1vz]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-lp4efxh1vz]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-lp4efxh1vz]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-lp4efxh1vz]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-lp4efxh1vz]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-lp4efxh1vz]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-lp4efxh1vz]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-lp4efxh1vz]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item.selected .answer-item-inner[b-lp4efxh1vz]  .answer-text .k-editor.k-valid {
    border: 1px solid var(--qdt-dark-green) !important;
    background-color: var(--qdt-beige);
}

.answer-item-inner[b-lp4efxh1vz]  .answer-text .k-editor {
    border: 1px solid var(--qdt-black) !important;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-lp4efxh1vz]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-lp4efxh1vz]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-lp4efxh1vz]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-lp4efxh1vz] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-lp4efxh1vz] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-lp4efxh1vz] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-lp4efxh1vz]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-lp4efxh1vz] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-lp4efxh1vz] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-lp4efxh1vz] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/SingleChoiceRadioList.razor.rz.scp.css */
.answer-list[b-r7dzf0vwac] {
    padding-right: 0;
    overflow: auto;
    margin-bottom: 15px;
}

.actions-top[b-r7dzf0vwac] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.actions-top[b-r7dzf0vwac]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-r7dzf0vwac] {
    margin-left: 110px;
}

[b-r7dzf0vwac] .actions-bottom .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/SingleChoiceRadioListItem.razor.rz.scp.css */
.answer-item[b-ea17rmreae] {
    margin-left: 0;
    margin-right: 0;
    border: 3px solid transparent;
}

.answer-item .answer-item-inner[b-ea17rmreae] {
    display: grid;
    grid-template-columns: 100px 55px 24px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.answer-item-inner .var-name[b-ea17rmreae] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-ea17rmreae] {
        opacity: 1;
    }

.answer-item-inner[b-ea17rmreae]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-ea17rmreae]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item-inner:has(:focus, :hover, :active)[b-ea17rmreae]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-ea17rmreae]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-ea17rmreae]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .answer-item-inner[b-ea17rmreae]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item-inner[b-ea17rmreae]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item-inner:has(:active,:focus,:hover)[b-ea17rmreae]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-ea17rmreae]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-ea17rmreae]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item-inner[b-ea17rmreae]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-ea17rmreae]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-ea17rmreae]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-ea17rmreae]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-ea17rmreae] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-ea17rmreae] .answer-text .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-ea17rmreae] .answer-text .answer-menu-button .ti {
        color: var(--qdt-grey);
    }

.answer-item:has(:active,:focus,:hover)[b-ea17rmreae]  .answer-text .answer-menu-button {
    opacity: 1;
}

.dragdrop-answer-grip[b-ea17rmreae] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-ea17rmreae] {
    opacity: 1;
}

.question-form:has(:active,:focus,:hover) .var-name[b-ea17rmreae] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/SingleChoiceSlider.razor.rz.scp.css */
.answer-list-container[b-yh6ws07j5p] {
    display: flex;
    gap: 20px;
}

.answer-list[b-yh6ws07j5p] {
    overflow-x: auto;
}

.answer-list-container .slider-actions[b-yh6ws07j5p] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
    font-size: 12px;
}

.answer-list-container .slider-container .range-ticks[b-yh6ws07j5p] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    padding: 0;
    margin: 0;
}

.answer-list-container .slider-container .range-ticks li[b-yh6ws07j5p] {
    display: block;
    width: 12px;
    height: 12px;
    min-height: unset;
    border-radius: 50%;
    background-color: var(--qdt-stroke-grey);
}

.answer-list-container .slider-container .range-ticks li.in-selected-range[b-yh6ws07j5p] {
    background-color: var(--qdt-dark-green);
}

[b-yh6ws07j5p] .slider-actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}

.slider-container[b-yh6ws07j5p] {
    margin-bottom: 20px;
}

.slider-container .range-slider[b-yh6ws07j5p] {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(100% - 154px);
    margin: 0 auto;
}

.slider-container input[type=range][b-yh6ws07j5p] {
    width: 100%;
    -webkit-appearance: none;
    background-color: var(--qdt-stroke-grey);
    height: 5px;
    border-radius: 15px;
    margin: 0;
}

.slider-container input[type=range][b-yh6ws07j5p]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--qdt-dark-green);
    border-radius: 15px;
    appearance: none;
    width: 12px;
    height: 12px;
    margin: 0;
}

.slider-container .range-options-list[b-yh6ws07j5p] {
    display: flex;
    justify-content: space-between;
}

/* /Components/Waves/Details/QuestionForm/Answers/SingleChoice/SingleChoiceSliderItem.razor.rz.scp.css */

.answer-item[b-ej9rh2yxdb] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

    .answer-item .var-name[b-ej9rh2yxdb] {
        max-width: 100px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        position: relative;
    }

.answer-item-inner .var-name:has(.k-invalid)[b-ej9rh2yxdb] {
    opacity: 1;
}

.answer-item[b-ej9rh2yxdb]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.answer-item-inner[b-ej9rh2yxdb]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.answer-item:has(:focus, :hover, :active)[b-ej9rh2yxdb]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ej9rh2yxdb]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-ej9rh2yxdb]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item[b-ej9rh2yxdb]  .answer-text .k-textarea {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
    text-align: center;
}

/* answer-code */
.answer-item[b-ej9rh2yxdb]  .answer-code {
    width: 55px;
}

    .answer-item[b-ej9rh2yxdb]  .answer-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .answer-item[b-ej9rh2yxdb]  .answer-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.answer-item:has(:active,:focus,:hover)[b-ej9rh2yxdb]  .answer-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ej9rh2yxdb]  .answer-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-ej9rh2yxdb]  .answer-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* answer-text */
.answer-item[b-ej9rh2yxdb]  .answer-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item:has(:focus, :hover, :active)[b-ej9rh2yxdb]  .answer-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item[b-ej9rh2yxdb]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item[b-ej9rh2yxdb]  .answer-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-text[b-ej9rh2yxdb] {
    flex: 1;
    display: flex;
    position: relative;
}

.edit-question-form:has(:focus, :hover, :active) .var-name[b-ej9rh2yxdb] {
    opacity: 1;
}

[b-ej9rh2yxdb] .var-name .answer-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-ej9rh2yxdb] .var-name .answer-menu-button .k-button-arrow {
        display: none;
    }

.answer-item:has(:active,:focus,:hover)[b-ej9rh2yxdb]  .var-name .answer-menu-button {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoiceGrid/SingleSelectionGrid.razor.rz.scp.css */
.singleselect-container-inner[b-1l4ij4acmz] {
    display: flex;
}

    .singleselect-container-inner .answer-actions[b-1l4ij4acmz] {
        padding-left: 20px;
        padding-top: 40px;
    }

.grid-wrapper[b-1l4ij4acmz] {
    position: relative;
    overflow: auto;
    white-space: nowrap;
    max-height: 275px;
}

.grid[b-1l4ij4acmz] {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

    .grid .answer-list[b-1l4ij4acmz] {
        border: 1px solid var(--qdt-stroke-grey);
        border-top: none;
    }

        .grid .answer-list th[b-1l4ij4acmz] {
            border: 1px solid var(--qdt-stroke-grey);
            border-top: none;
            position: sticky;
            top: 0;
        }

            .grid .answer-list th:first-child[b-1l4ij4acmz] {
                border-left: none;
            }
            

        .grid .answer-list th[b-1l4ij4acmz],
        .grid .answer-list .answer[b-1l4ij4acmz] {
            background-color: #fff;
            width: 200px;
        }

        .grid .answer-list .sticky-col[b-1l4ij4acmz] {
            position: sticky;
            left: 0px;
            top: 0;
            width: 290px;
            max-width: 290px;
            z-index: 3;
        }

    .grid .topic-list[b-1l4ij4acmz] {
    }
        .grid .topic-list .topic .sticky-col[b-1l4ij4acmz] {
            position: sticky;
            left: 0px;
            width: 290px;
            min-width: 290px;
            max-width: 290px;
            z-index: 2;
            background-color: white;
            border-left: 1px solid var(--qdt-stroke-grey);
            padding-bottom: 15px;
        }

        .grid .topic-list .topic:hover[b-1l4ij4acmz], .grid .topic-list .topic:hover .sticky-col[b-1l4ij4acmz] {
            background-color: var(--qdt-hover-blue);
        }

        .grid .topic-list .topic td[b-1l4ij4acmz] {
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: var(--qdt-stroke-grey);
            width: 200px;
        }

        .grid .topic-list .topic td:first-child[b-1l4ij4acmz]{
            border-left: none;
        }

        [b-1l4ij4acmz] .answer-actions .k-button, .topic-actions[b-1l4ij4acmz]  .k-button {
            color: var(--qdt-dark-green);
            font-size: 12px;
        }

.topic-actions[b-1l4ij4acmz]{
    padding-top: 20px;
    padding-left: 7px;
}

.switches[b-1l4ij4acmz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    font-weight: 500;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoiceGrid/SingleSelectionGridAnswerItem.razor.rz.scp.css */
.answer-item[b-9iwfdettu3] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 100%;
    font-size: 12px;
    gap: 10px;
    margin: 3px auto 24px;
}

    .answer-item[b-9iwfdettu3]  .k-input {
        font-size: 12px;
    }

    .answer-item .var-name[b-9iwfdettu3] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-left: 15px;
        width: 90%;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

        .answer-item .var-name:has(.k-invalid)[b-9iwfdettu3] {
            opacity: 1;
        }

    .answer-item[b-9iwfdettu3]  .var-name .k-textbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        color: var(--qdt-autogenerated-prop);
        transition: background-color 0.3s ease-out;
    }

    .answer-item[b-9iwfdettu3]  .var-name.explicit .k-textbox {
        color: var(--qdt-black);
    }

    .answer-item[b-9iwfdettu3]  .var-name .k-textbox .k-input-inner {
        padding-block: 4px;
        padding-inline: 6px;
    }

    .answer-item:has(:active,:focus,:hover)[b-9iwfdettu3]  .var-name .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-9iwfdettu3]  .var-name:has(:focus) .k-textbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: white;
    }

    .answer-item[b-9iwfdettu3]  .var-name .k-textbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    /* answer-code */
    .answer-item[b-9iwfdettu3]  .answer-code {
        width: 55px;
    }

        .answer-item[b-9iwfdettu3]  .answer-code .k-numerictextbox {
            border: 1px solid transparent;
            border-radius: 4px !important;
            padding-block: 1px;
            font-size: 12px;
            transition: background-color 0.3s ease-out;
            color: var(--qdt-autogenerated-prop);
        }

        .answer-item[b-9iwfdettu3]  .answer-code.explicit .k-numerictextbox {
            color: var(--qdt-black);
        }

    .answer-item:has(:active,:focus,:hover)[b-9iwfdettu3]  .answer-code .k-numerictextbox {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-9iwfdettu3]  .answer-code .k-numerictextbox.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }


    .answer-item .answer-text[b-9iwfdettu3] {
        border-radius: 4px;
        width: 90%;
    }

    /* answer-text */
    .answer-item[b-9iwfdettu3]  .answer-text .k-editor {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
    }

    .answer-item:has(:focus, :hover, :active)[b-9iwfdettu3]  .answer-text .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        border-top-color: var(--qdt-stroke-green) !important;
        background-color: var(--qdt-bg-green);
    }

    .answer-item[b-9iwfdettu3]  .answer-text .k-editor:has(.k-editor-content.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        background-color: transparent;
    }

    .answer-item[b-9iwfdettu3]  .answer-text:has(:focus) .k-editor {
        border: 1px solid var(--qdt-stroke-green);
        background-color: transparent;
    }

[b-9iwfdettu3] .answer-actions-button .k-button-arrow {
    display: none;
}

.dragdrop-answer-grip[b-9iwfdettu3] {
    position: absolute;
    left: -15px;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.answer-item:has(:active,:focus,:hover) .dragdrop-answer-grip[b-9iwfdettu3] {
    opacity: 1;
}

[b-9iwfdettu3] .var-name .answer-actions-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    [b-9iwfdettu3] .var-name .answer-actions-button .k-button-arrow {
        display: none;
    }

.answer-item:has(:active,:focus,:hover)[b-9iwfdettu3]  .var-name .answer-actions-button {
    opacity: 1;
}

.question-form:hover .var-name[b-9iwfdettu3], .question-form:has(:focus, :active) .var-name[b-9iwfdettu3] {
    opacity: 1;
}


.combined[b-9iwfdettu3] {
    display: flex;
    gap: 3px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoiceGrid/SingleSelectionGridTopicItem.razor.rz.scp.css */
.topic-item[b-811vncff37] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-right: 8px;
}

.content[b-811vncff37] {
    display: flex;
    align-items: center;
    flex-direction: column;
    min-width: 150px;
    font-size: 12px;
}

.topic-item[b-811vncff37]  .k-input {
    font-size: 12px;
}

.topic-item .var-name[b-811vncff37] {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 150px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
}

    .topic-item .var-name:has(.k-invalid)[b-811vncff37] {
        opacity: 1;
    }

.topic-item[b-811vncff37]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.topic-item[b-811vncff37]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item:has(:active,:focus,:hover)[b-811vncff37]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-811vncff37]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-white);
}

.topic-item[b-811vncff37]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

/* topic-code */
.topic-item[b-811vncff37]  .topic-code {
    width: 55px;
    padding: 0 10px;
}

    .topic-item[b-811vncff37]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item[b-811vncff37]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item:has(:active,:focus,:hover)[b-811vncff37]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-811vncff37]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item .topic-text[b-811vncff37] {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

/* topic-text */
.topic-item[b-811vncff37]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item:has(:focus, :hover, :active)[b-811vncff37]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item[b-811vncff37]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item[b-811vncff37]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}



[b-811vncff37] .var-name .topic-actions-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover)[b-811vncff37]  .topic-actions-button {
    opacity: 1;
}

[b-811vncff37] .topic-actions-button .k-button-arrow {
    display: none;
}


.ti.ti-grip-vertical[b-811vncff37] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .ti.ti-grip-vertical[b-811vncff37] {
    opacity: 1;
}

.question-form:hover .var-name[b-811vncff37], .question-form:has(:focus, :active) .var-name[b-811vncff37] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoiceGrid/StarBar.razor.rz.scp.css */
.answers-list-container[b-0aoacibrk0] {
    display: flex;
    flex-direction: column;
    margin-top: 4px;
}

.topic-list[b-0aoacibrk0] {
    overflow: auto;
}

.numeric-btn[b-0aoacibrk0]
{
    height: 100%;
}

.actions-top[b-0aoacibrk0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 22px;
}

.actions-top[b-0aoacibrk0]  .switch label {
    flex-flow: row-reverse;
}

.actions-bottom[b-0aoacibrk0] {
    padding-left: 110px;
    margin: 6px 0;
}

[b-0aoacibrk0] .actions .k-button {
    color: var(--qdt-dark-green);
    font-size: 12px;
}
/* /Components/Waves/Details/QuestionForm/Answers/SingleChoiceGrid/StarBarItem.razor.rz.scp.css */
.topic-item[b-vgxj8fo1er] {
    margin-left: 0;
    margin-right: 0;
}

.topic-item .topic-item-inner[b-vgxj8fo1er] {
    display: grid;
    grid-template-columns: 100px 55px 1fr 32px 16px;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    cursor: default;
}

.topic-item-inner .var-name[b-vgxj8fo1er] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .topic-item-inner .var-name:has(.k-invalid)[b-vgxj8fo1er] {
        opacity: 1;
    }

.topic-item-inner[b-vgxj8fo1er]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    color: var(--qdt-autogenerated-prop);
    transition: background-color 0.3s ease-out;
}

.topic-item-inner[b-vgxj8fo1er]  .var-name.explicit .k-textbox {
    color: var(--qdt-black);
}

.topic-item-inner:has(:focus, :hover, :active)[b-vgxj8fo1er]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-vgxj8fo1er]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-vgxj8fo1er]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

    .topic-item-inner[b-vgxj8fo1er]  .topic-code .k-numerictextbox {
        border: 1px solid transparent;
        border-radius: 4px !important;
        padding-block: 1px;
        font-size: 12px;
        transition: background-color 0.3s ease-out;
        color: var(--qdt-autogenerated-prop);
    }

    .topic-item-inner[b-vgxj8fo1er]  .topic-code.explicit .k-numerictextbox {
        color: var(--qdt-black);
    }

.topic-item-inner:has(:active,:focus,:hover)[b-vgxj8fo1er]  .topic-code .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-vgxj8fo1er]  .topic-code .k-numerictextbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-vgxj8fo1er]  .topic-code:has(:focus) .k-numerictextbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

/* topic-text-text */
.topic-item-inner[b-vgxj8fo1er]  .topic-text .k-editor {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.topic-item-inner:has(:focus, :hover, :active)[b-vgxj8fo1er]  .topic-text .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.topic-item-inner[b-vgxj8fo1er]  .topic-text .k-editor:has(.k-editor-content.k-invalid) {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.topic-item-inner[b-vgxj8fo1er]  .topic-text:has(:focus) .k-editor {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}


.topic-text[b-vgxj8fo1er] {
    flex: 1;
    display: flex;
    position: relative;
}

[b-vgxj8fo1er] .topic-text .topic-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
    color: var(--qdt-grey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


    [b-vgxj8fo1er] .topic-text .topic-menu-button .k-button-arrow {
        display: none;
    }

.topic-item:has(:active,:focus,:hover)[b-vgxj8fo1er]  .topic-text .topic-menu-button {
    opacity: 1;
}

.dragdrop-topic-grip[b-vgxj8fo1er] {
    color: var(--qdt-grey);
    cursor: move;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.topic-item:has(:active,:focus,:hover) .dragdrop-topic-grip[b-vgxj8fo1er] {
    opacity: 1;
}


.answer-item-inner .var-name[b-vgxj8fo1er] {
    max-width: 100px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: relative;
}

    .answer-item-inner .var-name:has(.k-invalid)[b-vgxj8fo1er] {
        opacity: 1;
    }

.answer-item-inner[b-vgxj8fo1er]  .var-name .k-textbox {
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding-block: 1px;
    font-size: 12px;
    transition: background-color 0.3s ease-out;
}

.answer-item-inner:has(:focus, :hover, :active)[b-vgxj8fo1er]  .var-name .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    border-top-color: var(--qdt-stroke-green) !important;
    background-color: var(--qdt-bg-green);
}

.answer-item-inner[b-vgxj8fo1er]  .var-name .k-textbox.k-invalid {
    border: 1px solid var(--qdt-red) !important;
    border-top-color: var(--qdt-red) !important;
    background-color: transparent;
}

.answer-item-inner[b-vgxj8fo1er]  .var-name:has(:focus) .k-textbox {
    border: 1px solid var(--qdt-stroke-green);
    background-color: transparent;
}

.answer-item-inner .ti[b-vgxj8fo1er] {
    font-size: 16px;
}

.answer-item-inner .ti-star[b-vgxj8fo1er] {
    color: var(--qdt-light-grey);
}

.answer-item-inner .ti-star-filled[b-vgxj8fo1er] {
    color: var(--qdt-dark-green);
}

.answer-stars[b-vgxj8fo1er] {
    margin-left: 110px;
}

.question-form:has(:active,:focus,:hover) .var-name[b-vgxj8fo1er] {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionForm/CreateQuestionForm.razor.rz.scp.css */
.create-question-form-container[b-in3rg7kvem] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    background-color: var(--qdt-white);
    border-radius: 4px;
}

    .create-question-form-container[b-in3rg7kvem]  form {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

.create-question-form[b-in3rg7kvem] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--qdt-black);
}

.create-question-form-header[b-in3rg7kvem] {
    display: flex;
    margin-bottom: 10px;
    gap: 5px;
    align-items: center;
}

    .create-question-form-header :last-child[b-in3rg7kvem] {
        margin-left: auto;
    }

.create-question-form:last-child[b-in3rg7kvem] {
    margin-bottom: 5px;
}

.create-question-form-header .question-type[b-in3rg7kvem] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

    .create-question-form-header .question-type .ti[b-in3rg7kvem] {
        color: var(--qdt-light-grey);
    }

.create-question-form-header[b-in3rg7kvem]  .instructions-icon.k-button {
    font-size: 18px;
}

.create-question-form-header .insturtions-inidicator[b-in3rg7kvem] {
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 1px;
    right: 5px;
}

.create-question-form-header .actions[b-in3rg7kvem] {
    margin-left: auto;
}

[b-in3rg7kvem] .create-question-form-header .var-name input {
    font-size: 15px;
    color: var(--qdt-autogenerated-prop);
}

[b-in3rg7kvem] .create-question-form-header .var-name.explicit input {
    color: var(--qdt-black);
}

[b-in3rg7kvem] .create-question-form-header .var-name {
    border: 1px solid transparent !important;
}

    [b-in3rg7kvem] .create-question-form-header .var-name.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        border-radius: 4px !important;
    }

.RadioList .question-text[b-in3rg7kvem], .CheckboxList .question-text[b-in3rg7kvem], .HighlightBordersList .question-text[b-in3rg7kvem] {
    margin-bottom: 8px;
}

.Slider .question-text[b-in3rg7kvem] {
    margin-bottom: 16px;
}

.Grid .question-text[b-in3rg7kvem] {
    margin-bottom: 26px;
}

.OpenEnded .question-text[b-in3rg7kvem] {
    margin-bottom: 20px;
}

.DateTime .question-text[b-in3rg7kvem] {
    margin-bottom: 10px;
}

[b-in3rg7kvem] .question-text .k-editor {
    border-radius: 4px;
}

    [b-in3rg7kvem] .question-text .k-editor .k-toolbar {
        border-radius: 4px 4px 0 0;
    }

    [b-in3rg7kvem] .question-text .k-editor .k-editor-content {
        border-radius: 0 4px 4px 0;
    }

    [b-in3rg7kvem] .question-text .k-editor:has(.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
    }

[b-in3rg7kvem] .k-textbox.k-focus, [b-in3rg7kvem] .k-textarea.k-focus {
    box-shadow: none;
}

.container-body[b-in3rg7kvem] {
    flex: 1;
}

.buttons[b-in3rg7kvem] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

    .buttons[b-in3rg7kvem]  button {
        width: 68px;
    }

.answers[b-in3rg7kvem]  .answer-list .answer-item:last-child {
    margin-bottom: 20px;
}

[b-in3rg7kvem] .dd-grip-placeholder {
    width: 14px;
}
/* /Components/Waves/Details/QuestionForm/CustomFields/CustomFields.razor.rz.scp.css */
.custom-fields-wrapper[b-2nezbspqvg] {
    position: relative;
}

/* SR-1859: block all input while a custom-field save is in flight so no second
   whole-question update races the first (would collide on QuestionCustomFields). */
.custom-fields-wrapper.saving[b-2nezbspqvg] {
    pointer-events: none;
    opacity: 0.6;
}

.custom-fields[b-2nezbspqvg] {
    display: grid;
    margin: 15px;
}

.custom-fields .header[b-2nezbspqvg] {
    display: flex;
    justify-content: space-between;
}

.custom-fields .header .title[b-2nezbspqvg] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.custom-fields .header .actions[b-2nezbspqvg] {
    display: flex;
    align-items: center;
}

.custom-fields .header .actions[b-2nezbspqvg]  .create-btn {
    height: 40px;
    width: 100px;
    border-radius: 8px;
}

.custom-fields .fields[b-2nezbspqvg] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.custom-fields .fields .title[b-2nezbspqvg] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.custom-fields .fields .name[b-2nezbspqvg] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field[b-2nezbspqvg] {
    display: grid;
    align-items: center;
    grid-template-columns: auto 32px;
    gap: 8px;
}

.custom-fields .fields .field .name[b-2nezbspqvg] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field .value[b-2nezbspqvg]  input,
.custom-fields .fields .field .value[b-2nezbspqvg]  textarea {
    font-size: 12px;
}

.custom-fields .fields .field .value[b-2nezbspqvg]  .k-textbox,
.custom-fields .fields .field .value[b-2nezbspqvg]  .k-textarea,
.custom-fields .fields .field .value[b-2nezbspqvg]  .k-picker {
    border-radius: 8px;
}

.custom-fields .fields .field .value[b-2nezbspqvg]  .k-textbox .k-input-inner,
.custom-fields .fields .field .value[b-2nezbspqvg]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.custom-fields .fields .field .value[b-2nezbspqvg]  .k-textarea textarea {
    field-sizing: content;
}

.custom-fields .fields .field .delete-btn[b-2nezbspqvg] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.custom-fields > .actions[b-2nezbspqvg] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.custom-fields > .actions a[b-2nezbspqvg] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}


.topics-wrapper[b-2nezbspqvg] {
    display: grid;
    margin: 15px 0 5px;
    border-top: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper > .header[b-2nezbspqvg] {
    display: flex;
    padding: 15px 15px 5px;
}

.topics-wrapper > .header > .title[b-2nezbspqvg] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.topics-wrapper .topics[b-2nezbspqvg] {
    display: grid;
}

.topics-wrapper .topics > .header[b-2nezbspqvg] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    padding: 5px 15px;
}

.topics-wrapper .topics > .header > .title[b-2nezbspqvg] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic[b-2nezbspqvg] {
    display: grid;
    border-top: solid 1px var(--qdt-stroke-grey);
    padding: 15px;
    row-gap: 5px;
}

.topics-wrapper .topics > .topic:last-child[b-2nezbspqvg] {
    border-bottom: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper .topics > .topic > .overview[b-2nezbspqvg] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    align-items: center;
    cursor: pointer;
}

.topics-wrapper .topics > .topic > .overview .name[b-2nezbspqvg] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .overview .text[b-2nezbspqvg] {
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topics-wrapper .topics > .topic > .overview.expanded[b-2nezbspqvg] {
    grid-template-columns: 25px 150px 100px auto;
}

.topics-wrapper .topics > .topic > .overview.expanded .text[b-2nezbspqvg] {
    grid-column: 1 / -1;
    overflow: visible;
    white-space: normal;
    padding: 5px 0 5px 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields[b-2nezbspqvg] {
    padding-left: 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields[b-2nezbspqvg] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .title[b-2nezbspqvg] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .name[b-2nezbspqvg] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field[b-2nezbspqvg] {
    display: grid;
    grid-template-columns: auto 32px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .name[b-2nezbspqvg] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  input,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  textarea {
    font-size: 12px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  .k-textbox,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  .k-textarea,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  .k-picker {
    border-radius: 8px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  .k-textbox .k-input-inner,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-2nezbspqvg]  .k-textarea textarea {
    field-sizing: content;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .delete-btn[b-2nezbspqvg] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions[b-2nezbspqvg] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions a[b-2nezbspqvg] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}
/* /Components/Waves/Details/QuestionForm/CustomFields/ReferentialCustomFields.razor.rz.scp.css */
.custom-fields-wrapper[b-bhtyy0thrx] {
    position: relative;
}

/* SR-1859: block all input while a custom-field save is in flight so no second
   whole-question update races the first (would collide on QuestionCustomFields). */
.custom-fields-wrapper.saving[b-bhtyy0thrx] {
    pointer-events: none;
    opacity: 0.6;
}

.custom-fields[b-bhtyy0thrx] {
    display: grid;
    margin: 15px;
}

.custom-fields .header[b-bhtyy0thrx] {
    display: flex;
    justify-content: space-between;
}

.custom-fields .header .title[b-bhtyy0thrx] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.custom-fields .header .actions[b-bhtyy0thrx] {
    display: flex;
    align-items: center;
}

.custom-fields .header .actions[b-bhtyy0thrx]  .create-btn {
    height: 40px;
    width: 100px;
    border-radius: 8px;
}

.custom-fields .fields[b-bhtyy0thrx] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.custom-fields .fields .title[b-bhtyy0thrx] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.custom-fields .fields .name[b-bhtyy0thrx] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field[b-bhtyy0thrx] {
    display: grid;
    align-items: center;
    grid-template-columns: auto 32px;
    gap: 8px;
}

.custom-fields .fields .field .name[b-bhtyy0thrx] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.custom-fields .fields .field .value[b-bhtyy0thrx]  input,
.custom-fields .fields .field .value[b-bhtyy0thrx]  textarea {
    font-size: 12px;
}

.custom-fields .fields .field .value[b-bhtyy0thrx]  .k-textbox,
.custom-fields .fields .field .value[b-bhtyy0thrx]  .k-textarea,
.custom-fields .fields .field .value[b-bhtyy0thrx]  .k-picker {
    border-radius: 8px;
}

.custom-fields .fields .field .value[b-bhtyy0thrx]  .k-textbox .k-input-inner,
.custom-fields .fields .field .value[b-bhtyy0thrx]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.custom-fields .fields .field .value[b-bhtyy0thrx]  .k-textarea textarea {
    field-sizing: content;
}

.custom-fields .fields .field .delete-btn[b-bhtyy0thrx] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.custom-fields > .actions[b-bhtyy0thrx] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.custom-fields > .actions a[b-bhtyy0thrx] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}


.topics-wrapper[b-bhtyy0thrx] {
    display: grid;
    margin: 15px 0 5px;
    border-top: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper > .header[b-bhtyy0thrx] {
    display: flex;
    padding: 15px 15px 5px;
}

.topics-wrapper > .header > .title[b-bhtyy0thrx] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-dark-green);
}

.topics-wrapper .topics[b-bhtyy0thrx] {
    display: grid;
}

.topics-wrapper .topics > .header[b-bhtyy0thrx] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    padding: 5px 15px;
}

.topics-wrapper .topics > .header > .title[b-bhtyy0thrx] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic[b-bhtyy0thrx] {
    display: grid;
    border-top: solid 1px var(--qdt-stroke-grey);
    padding: 15px;
    row-gap: 5px;
}

.topics-wrapper .topics > .topic:last-child[b-bhtyy0thrx] {
    border-bottom: solid 1px var(--qdt-stroke-grey);
}

.topics-wrapper .topics > .topic > .overview[b-bhtyy0thrx] {
    display: grid;
    grid-template-columns: 25px 150px 100px 50px auto;
    align-items: center;
    cursor: pointer;
}

.topics-wrapper .topics > .topic > .overview .name[b-bhtyy0thrx] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .overview .text[b-bhtyy0thrx] {
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.topics-wrapper .topics > .topic > .overview.expanded[b-bhtyy0thrx] {
    grid-template-columns: 25px 150px 100px auto;
}

.topics-wrapper .topics > .topic > .overview.expanded .text[b-bhtyy0thrx] {
    grid-column: 1 / -1;
    overflow: visible;
    white-space: normal;
    padding: 5px 0 5px 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields[b-bhtyy0thrx] {
    padding-left: 25px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields[b-bhtyy0thrx] {
    display: grid;
    grid-template-columns: 200px auto;
    row-gap: 5px;
    overflow-x: hidden;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .title[b-bhtyy0thrx] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .name[b-bhtyy0thrx] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field[b-bhtyy0thrx] {
    display: grid;
    grid-template-columns: auto 32px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .name[b-bhtyy0thrx] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--qdt-black);
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  input,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  textarea {
    font-size: 12px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  .k-textbox,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  .k-textarea,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  .k-picker {
    border-radius: 8px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  .k-textbox .k-input-inner,
.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  .k-picker {
    height: 34px;
    background-color: transparent;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .value[b-bhtyy0thrx]  .k-textarea textarea {
    field-sizing: content;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .fields .field .delete-btn[b-bhtyy0thrx] {
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 400;
    color: var(--qdt-grey-button);
    background-color: var(--qdt-white);
    border: none;
    outline: none;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions[b-bhtyy0thrx] {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-top: 15px;
}

.topics-wrapper .topics > .topic > .topic-custom-fields > .actions a[b-bhtyy0thrx] {
    color: var(--qdt-dark-green);
    cursor: pointer;
}
/* /Components/Waves/Details/QuestionForm/EditQuestionForm.razor.rz.scp.css */
.edit-question-form-container[b-ruwp2qf0i4] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    background-color: var(--qdt-white);
    border-radius: 4px;
}

    .edit-question-form-container[b-ruwp2qf0i4]  form {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

.edit-question-form[b-ruwp2qf0i4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--qdt-black);
}

.edit-question-form-header[b-ruwp2qf0i4] {
    display: flex;
    margin-bottom: 10px;
    gap: 5px;
    align-items: center;
}

    .edit-question-form-header :last-child[b-ruwp2qf0i4] {
        margin-left: auto;
    }

.edit-question-form:last-child[b-ruwp2qf0i4] {
    margin-bottom: 5px;
}

.edit-question-form-header .question-type[b-ruwp2qf0i4] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

    .edit-question-form-header .question-type .ti[b-ruwp2qf0i4] {
        color: var(--qdt-light-grey);
    }

.edit-question-form-header[b-ruwp2qf0i4]  .instructions-icon.k-button {
    font-size: 18px;
}

.edit-question-form-header .insturtions-inidicator[b-ruwp2qf0i4] {
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 1px;
    right: 5px;
}

.edit-question-form-header .actions[b-ruwp2qf0i4] {
    margin-left: auto;
}

[b-ruwp2qf0i4] .edit-question-form-header .var-name input {
    font-size: 15px;
    color: var(--qdt-autogenerated-prop);
}

[b-ruwp2qf0i4] .edit-question-form-header .var-name.explicit input {
    color: var(--qdt-black);
}

[b-ruwp2qf0i4] .edit-question-form-header .var-name {
    flex: 1;
    border: 1px solid transparent !important;
}

    [b-ruwp2qf0i4] .edit-question-form-header .var-name.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        border-radius: 4px !important;
    }

.RadioList .question-text[b-ruwp2qf0i4], .CheckboxList .question-text[b-ruwp2qf0i4], .HighlightBordersList .question-text[b-ruwp2qf0i4] {
    margin-bottom: 8px;
}

.Slider .question-text[b-ruwp2qf0i4] {
    margin-bottom: 16px;
}

.Grid .question-text[b-ruwp2qf0i4] {
    margin-bottom: 26px;
}

.OpenEnded .question-text[b-ruwp2qf0i4] {
    margin-bottom: 20px;
}

.DateTime .question-text[b-ruwp2qf0i4] {
    margin-bottom: 10px;
}

[b-ruwp2qf0i4] .question-text .k-editor {
    border-radius: 4px;
}

    [b-ruwp2qf0i4] .question-text .k-editor .k-toolbar {
        border-radius: 4px 4px 0 0;
    }

    [b-ruwp2qf0i4] .question-text .k-editor .k-editor-content {
        border-radius: 0 4px 4px 0;
    }

    [b-ruwp2qf0i4] .question-text .k-editor:has(.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
    }

[b-ruwp2qf0i4] .k-textbox.k-focus, [b-ruwp2qf0i4] .k-textarea.k-focus {
    box-shadow: none;
}

.container-body[b-ruwp2qf0i4] {
    flex: 1;
}

.buttons[b-ruwp2qf0i4] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

    .buttons[b-ruwp2qf0i4]  button {
        width: 68px;
    }

.answers[b-ruwp2qf0i4]  .answer-list .answer-item:last-child {
    margin-bottom: 20px;
}

[b-ruwp2qf0i4] .dd-grip-placeholder {
    width: 14px;
}
/* /Components/Waves/Details/QuestionForm/EditReferentialQuestionForm.razor.rz.scp.css */
.edit-question-form-container[b-84bfutajov] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    background-color: var(--qdt-white);
    border-radius: 4px;
}

    .edit-question-form-container[b-84bfutajov]  form {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

.edit-question-form[b-84bfutajov] {
    flex: 1;
    display: flex;
    flex-direction: column;
    color: var(--qdt-black);
}

.edit-question-form-header[b-84bfutajov] {
    display: flex;
    margin-bottom: 10px;
    gap: 5px;
    align-items: center;
}

    .edit-question-form-header :last-child[b-84bfutajov] {
        margin-left: auto;
    }

.edit-question-form:last-child[b-84bfutajov] {
    margin-bottom: 5px;
}

.edit-question-form-header .question-type[b-84bfutajov] {
    font-size: 15px;
    align-items: center;
    display: flex;
    gap: 3px;
    cursor: default;
}

    .edit-question-form-header .question-type .ti[b-84bfutajov] {
        color: var(--qdt-light-grey);
    }

.edit-question-form-header[b-84bfutajov]  .instructions-icon.k-button {
    font-size: 18px;
}

.edit-question-form-header .insturtions-inidicator[b-84bfutajov] {
    background-color: var(--qdt-dark-green);
    border-radius: 50%;
    position: absolute;
    width: 5px;
    height: 5px;
    top: 1px;
    right: 5px;
}

.edit-question-form-header .actions[b-84bfutajov] {
    margin-left: auto;
}

[b-84bfutajov] .edit-question-form-header .var-name input {
    font-size: 15px;
    color: var(--qdt-autogenerated-prop);
}

[b-84bfutajov] .edit-question-form-header .var-name.explicit input {
    color: var(--qdt-black);
}

[b-84bfutajov] .edit-question-form-header .var-name {
    flex: 1;
    border: 1px solid transparent !important;
}

    [b-84bfutajov] .edit-question-form-header .var-name.k-invalid {
        border: 1px solid var(--qdt-red) !important;
        border-top-color: var(--qdt-red) !important;
        border-radius: 4px !important;
    }

.RadioList .question-text[b-84bfutajov], .CheckboxList .question-text[b-84bfutajov], .HighlightBordersList .question-text[b-84bfutajov] {
    margin-bottom: 8px;
}

.Slider .question-text[b-84bfutajov] {
    margin-bottom: 16px;
}

.Grid .question-text[b-84bfutajov] {
    margin-bottom: 26px;
}

.OpenEnded .question-text[b-84bfutajov] {
    margin-bottom: 20px;
}

.DateTime .question-text[b-84bfutajov] {
    margin-bottom: 10px;
}

[b-84bfutajov] .question-text .k-editor {
    border-radius: 4px;
}

    [b-84bfutajov] .question-text .k-editor .k-toolbar {
        border-radius: 4px 4px 0 0;
    }

    [b-84bfutajov] .question-text .k-editor .k-editor-content {
        border-radius: 0 4px 4px 0;
    }

    [b-84bfutajov] .question-text .k-editor:has(.k-invalid) {
        border: 1px solid var(--qdt-red) !important;
    }

[b-84bfutajov] .k-textbox.k-focus, [b-84bfutajov] .k-textarea.k-focus {
    box-shadow: none;
}

.container-body[b-84bfutajov] {
    flex: 1;
}

.buttons[b-84bfutajov] {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

    .buttons[b-84bfutajov]  button {
        width: 68px;
    }

.answers[b-84bfutajov]  .answer-list .answer-item:last-child {
    margin-bottom: 20px;
}

[b-84bfutajov] .dd-grip-placeholder {
    width: 14px;
}
/* /Components/Waves/Details/QuestionForm/InstructionBox.razor.rz.scp.css */
.instruction-box[b-chrsgp7a2t] {
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-beige);
    padding: 14px;
    display: flex;
    position: relative;
    margin: 20px 0;
    gap: 10px;
}

    .instruction-box .close[b-chrsgp7a2t] {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
    }
    .instruction-box .instructions[b-chrsgp7a2t] {
        width: 100%;
    }

    .instruction-box .instructions label[b-chrsgp7a2t] {
        font-size: 15px;
        font-weight: 400;
        color: var(--qdt-black);
    }

    [b-chrsgp7a2t] .instructions .k-textarea {
        border-radius: 4px;
        border: 1px solid var(--qdt-stroke-grey);       
    }
    [b-chrsgp7a2t] .instructions .k-textarea textarea {
        min-height: 50px;
        color: var(--qdt-black);
        font-size: 12px;
    }
/* /Components/Waves/Details/QuestionForm/OpenEndedSettingsPanel.razor.rz.scp.css */
.answer-container[b-cn7z43mex6] {
    display: flex;
    flex-direction:column;
    gap: 15px;
}

[b-cn7z43mex6] .dd-text-size.k-valid {
    border-color: rgba(0, 0, 0, 0.08);
}

[b-cn7z43mex6] .dd-text-size:hover {
    background-color: transparent;
    color: #000;
}

.text-section[b-cn7z43mex6] {
    display:flex;
    gap: 5px;
    align-items:baseline;
}

.text-section[b-cn7z43mex6]  .respondent-answer-placeholder {
    width: 280px;
        max-width: 280px;
        font-size: 14px;
    font-weight: 400;
    color: var(--qdt-light-grey);
    text-align: center;
    }

.text-section[b-cn7z43mex6]  .btn-add-text {
    width: 44px;
    height: 44px;
}

.txt-wrap[b-cn7z43mex6] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 5px;
        min-width: 220px;
        max-width: 320px;
        
    }
        .txt-wrap[b-cn7z43mex6]  .k-textbox  {
            font-size: 14px;
        }

.txt-wrap .ti-x[b-cn7z43mex6] {
    color: var(--menu-items-text-grey);
    cursor:pointer;
}

.length-validation[b-cn7z43mex6] {
    display: flex;
    align-items: center;
    font-size: 15px;
}
    .length-validation[b-cn7z43mex6]  .k-numerictextbox {
        margin: 0 5px;
    }
    
    .length-validation[b-cn7z43mex6]  .k-numerictextbox.k-valid {
        border-color: rgba(0, 0, 0, 0.08);
    }
    
    .length-validation[b-cn7z43mex6]  .k-numerictextbox .k-input-inner {
        font-size: 16px;
    }
    
    .limit-length-lbl[b-cn7z43mex6] {
        margin-left: 5px;
    }

.question-editor:has(:focus, :hover, :active) .text-section[b-cn7z43mex6]  .var-name {
    opacity: 1;
}
/* /Components/Waves/Details/QuestionModificationChip.razor.rz.scp.css */
.question-modification-chip[b-5mbxi7kktr] {
    padding: 1px 8px;
    border-radius: 34px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    color: var(--qdt-white);
}

.added[b-5mbxi7kktr] {
    background-color: var(--qdt-item-added);
}

.modified[b-5mbxi7kktr] {
    background-color: var(--qdt-item-modified);
}

.dynamic-text-modified[b-5mbxi7kktr] {
    background-color: var(--qdt-dynamic-text-modified);
}

.hidden[b-5mbxi7kktr] {
    background-color: var(--qdt-item-hidden);
}

.changed[b-5mbxi7kktr] {
    background-color: var(--qdt-item-modified);
}

.reordered[b-5mbxi7kktr] {
    background-color: var(--qdt-item-hidden);
}
/* /Components/Waves/Details/QuestionModificationCircle.razor.rz.scp.css */
.question-modification-circle[b-j17y31ghn2] {
    position: relative;
    width: 10px;
    height: 20px;
    z-index: 1;
}

    .question-modification-circle:last-child[b-j17y31ghn2] {
        width: 20px;
    }

.circle-visual[b-j17y31ghn2] {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--qdt-white);
    font-size: 10px;
    font-weight: 500;
    color: var(--qdt-white);
    pointer-events: none;
}

.question-modification-circle.modified .circle-visual[b-j17y31ghn2] {
    background-color: var(--qdt-item-modified);
}

.question-modification-circle.dynamic-text-modified .circle-visual[b-j17y31ghn2] {
    background-color: var(--qdt-dynamic-text-modified);
}

.question-modification-circle.added .circle-visual[b-j17y31ghn2] {
    background-color: var(--qdt-item-added);
}

.question-modification-circle.hidden .circle-visual[b-j17y31ghn2] {
    background-color: var(--qdt-item-hidden);
}

.question-modification-circle.changed .circle-visual[b-j17y31ghn2] {
    background-color: var(--qdt-item-modified);
}

.question-modification-circle.reordered .circle-visual[b-j17y31ghn2] {
    background-color: var(--qdt-item-hidden);
}


.modifications-popover[b-j17y31ghn2] {
    display: flex;
    column-gap: 5px;
    padding: 10px 14px 10px 20px;
    border-radius: 8px;
    background-color: var(--qdt-white);
    box-shadow: 0 4px 4px 0 #00000040;
}

.list[b-j17y31ghn2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.view-btn[b-j17y31ghn2] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #808386;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.15s ease;
}

    .view-btn:hover[b-j17y31ghn2] {
        color: var(--qdt-black);
    }

    .view-btn:focus-visible[b-j17y31ghn2] {
        color: var(--qdt-black);
    }
/* /Components/Waves/Details/QuestionModificationsList.razor.rz.scp.css */
.question-modifications-list[b-2804asyvyz] {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
}

.question-modifications-list.minified[b-2804asyvyz] {
    flex-flow: row nowrap;
    height: 20px;
    gap: 0;
}
/* /Components/Waves/Details/ReferentialChapterCell.razor.rz.scp.css */
.referential-chapter-cell[b-0ssggnnjln] {
    position: relative;
    padding: 0 19px;
    background-color: var(--qdt-white);
}

.referential-chapter-cell[b-0ssggnnjln]  .accordion .header {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    column-gap: 42px;
    border: none;
    padding: 0;
}

.referential-chapter-cell[b-0ssggnnjln]  .accordion .header .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp */
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 14px;
}

.content[b-0ssggnnjln] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 8px;
}

.referential-chapter-cell[b-0ssggnnjln]  .options {
    opacity: 0;
}

.referential-chapter-cell:hover[b-0ssggnnjln]  .options {
    opacity: 1;
}
/* /Components/Waves/Details/ReferentialQuestionCell.razor.rz.scp.css */
.referential-question-cell[b-bpgu0bts8z] {
    background-color: #EBF6FF;
}

.content[b-bpgu0bts8z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 4px;
    overflow: hidden;
}

.content .question-info[b-bpgu0bts8z] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 12px;
    line-height: 14px;
}

.content .title[b-bpgu0bts8z] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp */
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content .var-name[b-bpgu0bts8z] {
    flex-shrink: 0;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--qdt-autogenerated-prop);
}

.content .var-name.explicit[b-bpgu0bts8z] {
    color: var(--qdt-black);
    font-weight: 700;
}

.content .question-type-icon[b-bpgu0bts8z] {
    font-size: 16px;
    color: #808386;
}

.referential-question-cell .actions[b-bpgu0bts8z] {
    display: none;
}

.referential-question-cell:hover .actions[b-bpgu0bts8z] {
    display: flex;
    align-items: center;
    column-gap: 4px;
}
/* /Components/Waves/Details/ReferentialSurveyColumn.razor.rz.scp.css */
.referential-survey-column[b-2mvnxv9twc] {
    background-color: var(--qdt-white);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #808386;
    overflow: visible !important;
}

.content[b-2mvnxv9twc] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 8px;
}

.content:hover .fantom-btn[b-2mvnxv9twc], .empty-grid .fantom-btn[b-2mvnxv9twc] {
    display: flex;
}

.referential-survey-column[b-2mvnxv9twc]  .options {
    visibility: hidden;
}

.referential-survey-column:hover[b-2mvnxv9twc]  .options {
    visibility: visible;
}

.fantom-btn[b-2mvnxv9twc] {
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 99;
    border: 1px solid var(--qdt-dark-green);
    color: var(--qdt-dark-green);
    background-color: var(--qdt-white);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.fantom-btn:hover[b-2mvnxv9twc] {
    font-size: 14px;
}
/* /Components/Waves/Details/ReferentialTranslationCell.razor.rz.scp.css */
.referential-translation-cell[b-s9vpvu0nom] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    background-color: var(--qdt-white);
    color: #808386;
}

.referential-translation-cell .content[b-s9vpvu0nom] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* /Components/Waves/Details/WaveIterationGrid.razor.rz.scp.css */
.wave-iteration-grid-container[b-8elti5d49e] {
    position: relative;
    flex: 1;
    width: 100%;
    height: 100%;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.wave-iteration-grid-container.empty[b-8elti5d49e] {
    flex: unset;
    height: unset;
}

.wave-iteration-grid-scrollable-container[b-8elti5d49e] {
    flex: 1;
    width: 100%;
    height: 100%;
    /* SR-1811: explicit overflow values so horizontal scrolling is enabled regardless of
       browser-specific behaviour around overflow-x being implicitly auto when overflow-y is. */
    overflow-x: auto;
    overflow-y: auto;
}

    /* SR-1811: spacer cells for horizontal column virtualisation. They occupy the off-viewport
       column slots so the table's overall scroll-width matches all primary surveys, while their
       borders are suppressed so adjacent real cells render their own borders cleanly. */
    .wave-iteration-grid[b-8elti5d49e]  .primary-survey-spacer {
        padding: 0;
        border: none;
        background-color: transparent;
    }

.loader[b-8elti5d49e] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 100;
}

.wave-iteration-grid[b-8elti5d49e] {
    background-color: var(--qdt-white);
    border-collapse: separate;
    border-spacing: 0;
}

.wave-iteration-grid thead[b-8elti5d49e] {
    height: 56px;
}

.wave-iteration-grid tbody tr[b-8elti5d49e] {
    height: 70px;
    max-height: 70px;
}

.wave-iteration-grid[b-8elti5d49e]  th, .wave-iteration-grid[b-8elti5d49e]  td {
    border: 1px solid var(--qdt-stroke-grey);
    border-collapse: collapse;
}

.wave-iteration-grid[b-8elti5d49e]  .primary-survey-column,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-creating-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-disabled-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-not-found-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-creating-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-disabled-cell,
.wave-iteration-grid[b-8elti5d49e]  .translation-cell {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    padding: 0 9px 0 19px;
}

.wave-iteration-grid[b-8elti5d49e]  .referential-survey-column,
.wave-iteration-grid[b-8elti5d49e]  .referential-chapter-cell,
.wave-iteration-grid[b-8elti5d49e]  .referential-question-cell {
    width: 355px;
    min-width: 355px;
    max-width: 355px;
    padding: 0 9px 0 19px;
    text-overflow: ellipsis;
    white-space: none;
    overflow: hidden;
}

.wave-iteration-grid[b-8elti5d49e]  .referential-survey-column,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-creating-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-disabled-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-chapter-not-found-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-creating-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-disabled-cell,
.wave-iteration-grid[b-8elti5d49e]  .primary-question-not-found-cell {
    padding: 13px 9px 13px 19px;
}

.wave-iteration-grid[b-8elti5d49e]  .translation-cell {
    padding: 9px 19px;
}

.wave-iteration-grid[b-8elti5d49e]  .referential-survey-column,
.wave-iteration-grid[b-8elti5d49e]  .primary-survey-column {
    position: sticky;
    top: 0;
    z-index: 10;
}

.wave-iteration-grid[b-8elti5d49e]  .referential-survey-column {
    left: 0;
    z-index: 11;
}

.wave-iteration-grid[b-8elti5d49e]  .referential-chapter-cell,
.wave-iteration-grid[b-8elti5d49e]  .referential-question-cell,
.wave-iteration-grid[b-8elti5d49e]  .referential-translation-cell {
    position: sticky;
    left: 0;
    z-index: 10;
}

.empty-grid[b-8elti5d49e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}
/* /Components/Waves/Dialogs/AddLanguagesToPrimarySurveyDialog.razor.rz.scp.css */
.add-languages-dialog[b-xau0pkxwfw] {
    transition: height 1s ease;
}

.dialog-body[b-xau0pkxwfw] {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 10px;
    padding: 15px 20px 34px 20px;
    overflow: hidden;
}

.selectors[b-xau0pkxwfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loader[b-xau0pkxwfw] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.translations[b-xau0pkxwfw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
}

.guid[b-xau0pkxwfw] {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    margin-top: -10px;
    user-select: none;
}

.guid.right[b-xau0pkxwfw] {
    justify-content: flex-end;
}

.guid .left-arrow[b-xau0pkxwfw] {
    width: 75px;
    height: 150px;
    border-radius: 100%;
    border-left: 2px dashed var(--qdt-light-grey);
    margin-left: 250px;
    margin-top: -40px;
    transform: rotate(-45deg);
    position: relative;
}

.guid .left-arrow[b-xau0pkxwfw]:before {
    height: 15px;
    width: 1px;
    border-left: 1px solid var(--qdt-light-grey);
    content: "";
    display: block;
    left: 18px;
    position: absolute;
    top: 10px;
}

.guid .left-arrow[b-xau0pkxwfw]:after {
    height: 1px;
    width: 15px;
    border-bottom: 1px solid var(--qdt-light-grey);
    content: "";
    display: block;
    left: 2px;
    position: absolute;
    top: 13px;
    transform: rotate(-30deg);
}

.guid .right-arrow[b-xau0pkxwfw] {
    width: 75px;
    height: 150px;
    border-radius: 100%;
    border-right: 2px dashed var(--qdt-light-grey);
    margin-right: 150px;
    margin-top: -40px;
    transform: rotate(45deg);
    position: relative;
}

.guid .right-arrow[b-xau0pkxwfw]:before {
    height: 15px;
    width: 1px;
    border-left: 1px solid var(--qdt-light-grey);
    content: "";
    display: block;
    left: 55px;
    position: absolute;
    top: 9px;
}

.guid .right-arrow[b-xau0pkxwfw]:after {
    height: 1px;
    width: 15px;
    border-bottom: 1px solid var(--qdt-light-grey);
    content: "";
    display: block;
    left: 55px;
    position: absolute;
    top: 10px;
    transform: rotate(20deg);
}

.guid .text[b-xau0pkxwfw] {
    display: flex;
    color: var(--qdt-light-grey);
    border: 1px solid var(--qdt-stroke-grey);
    padding: 5px 10px;
    border-radius: 40px;
    z-index: 1;
    background-color: var(--qdt-white);
}
/* /Components/Waves/Dialogs/AddSurveyDialog.razor.rz.scp.css */
/* /Components/Waves/Dialogs/CreateChapterDialog.razor.rz.scp.css */
.create-chapter-dialog[b-53n2aylwqj] {
    transition: height 1s ease;
}

.dialog-body[b-53n2aylwqj] {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    gap: 40px;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding: 15px 20px 34px 20px;
}

.buttons[b-53n2aylwqj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}
/* /Components/Waves/Dialogs/CreatePrimaryQuestionDialog.razor.rz.scp.css */

/* /Components/Waves/Dialogs/CreateReferentialQuestionDialog.razor.rz.scp.css */

/* /Components/Waves/Dialogs/CreateWaveDialog.razor.rz.scp.css */
.content[b-c129ffv0ls]  .textbox {
    height: 36px;
}

.buttons[b-c129ffv0ls] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}

.buttons[b-c129ffv0ls]  button {
    width: auto;
}
/* /Components/Waves/Dialogs/CreateWaveIterationDialog.razor.rz.scp.css */
.content[b-le3p0e4wmi]  .textbox,
.content[b-le3p0e4wmi]  .date-input {
    height: 36px;
}

.content[b-le3p0e4wmi]  form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.surveys[b-le3p0e4wmi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.surveys .title[b-le3p0e4wmi] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-black)
}

.surveys .list[b-le3p0e4wmi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 150px;
}

.surveys .list .survey-item[b-le3p0e4wmi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 16px;
}

.surveys .survey-item[b-le3p0e4wmi]  .textbox-container {
    flex: 1;
}

.surveys[b-le3p0e4wmi]  .add-survey-btn {
    align-self: flex-start;
}

.dates[b-le3p0e4wmi] {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 20px;
}

.buttons[b-le3p0e4wmi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}

.buttons[b-le3p0e4wmi]  button {
    width: auto;
}
/* /Components/Waves/Dialogs/DuplicateWaveDialog.razor.rz.scp.css */
.buttons[b-eydg05a267] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 8px;
}
/* /Components/Waves/Dialogs/DuplicateWaveIterationDialog.razor.rz.scp.css */
.content[b-77gywbcyn5]  .textbox,
.content[b-77gywbcyn5]  .date-input {
    height: 36px;
}

.content[b-77gywbcyn5]  form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dates[b-77gywbcyn5] {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 20px;
}

.buttons[b-77gywbcyn5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}

.buttons[b-77gywbcyn5]  button {
    width: auto;
}
/* /Components/Waves/Dialogs/EditQuestionDialog.razor.rz.scp.css */
.dialog-body[b-bo4jlex9po] {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    min-height: 350px;
    max-height: 500px;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding: 15px 20px 40px 20px;
}

.dialog-body.loading[b-bo4jlex9po] {
    overflow: hidden;
}

.loader[b-bo4jlex9po] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee80;
    cursor: wait;
    z-index: 10;
}
/* /Components/Waves/Dialogs/EditReferentialQuestionDialog.razor.rz.scp.css */
.dialog-body[b-14p2dw3njk] {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    min-height: 350px;
    max-height: 500px;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding: 15px 20px 40px 20px;
}

.dialog-body.loading[b-14p2dw3njk] {
    overflow: hidden;
}

.loader[b-14p2dw3njk] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee80;
    cursor: wait;
    z-index: 10;
}
/* /Components/Waves/Dialogs/EditWaveIterationDialog.razor.rz.scp.css */
.content[b-vrm6vn2rew]  .textbox {
    height: 36px;
}

.buttons[b-vrm6vn2rew] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 16px;
}

.buttons[b-vrm6vn2rew]  button {
    width: auto;
}
/* /Components/Waves/Dialogs/PrimarySurveyItemsReorderingDialog.razor.rz.scp.css */
.content[b-rb0gf0hu94] {
    display: flex;
    flex-direction: column;
}

.content[b-rb0gf0hu94]  .search-input-container {
    width: 50%;
    height: 40px;
}

.buttons[b-rb0gf0hu94] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

.buttons[b-rb0gf0hu94]  button {
    width: 60px;
    padding: 5px 0;
}
/* /Components/Waves/Dialogs/ReferentialSurveyItemsReorderingDialog.razor.rz.scp.css */
.content[b-ns4s527nf1] {
    display: flex;
    flex-direction: column;
}

    .content[b-ns4s527nf1]  .search-input-container {
        width: 50%;
        height: 40px;
    }

.buttons[b-ns4s527nf1] {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    column-gap: 8px;
}

    .buttons[b-ns4s527nf1]  button {
        width: 60px;
        padding: 5px 0;
    }
/* /Components/Waves/Dialogs/SelectGroupDialog.razor.rz.scp.css */
.content[b-bqjvczd6lx] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-height: 35vh;
}
/* /Components/Waves/Dialogs/ViewChapterChangesDialog.razor.rz.scp.css */
.dialog-body[b-kt41hg0kye] {
    min-height: 200px;
    max-height: 500px;
    overflow-y: scroll;
    padding: 19px 31px;
}

.diff-grid[b-kt41hg0kye] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--qdt-stroke-grey);
    font-size: 15px;
}

    .diff-grid > div:nth-child(odd)[b-kt41hg0kye] {
        border-right: 1px solid var(--qdt-stroke-grey);
    }

    .diff-grid > div[b-kt41hg0kye] {
        padding: 0 35px 10px;
    }

        .diff-grid > div:first-child[b-kt41hg0kye] {
            padding-top: 35px;
        }

        .diff-grid > div:nth-child(2)[b-kt41hg0kye] {
            padding-top: 9px;
        }

    .diff-grid .original-source[b-kt41hg0kye],
    .diff-grid .current-source[b-kt41hg0kye] {
        font-size: 12px;
        color: var(--qdt-light-grey2);
    }

        .diff-grid .original-source .title[b-kt41hg0kye],
        .diff-grid .current-source .title[b-kt41hg0kye] {
            font-size: 12px;
            color: var(--qdt-light-grey);
        }

[b-kt41hg0kye] .chapter-modifications-list {
    top: 12px;
    left: 35px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chapter-wrap[b-kt41hg0kye] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chapter-wrap-inner[b-kt41hg0kye] {
    display: flex;
    align-items: center;
}

.label[b-kt41hg0kye] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}
/* /Components/Waves/Dialogs/ViewQuestionChangesDialog.razor.rz.scp.css */
.edit-question-dialog[b-cs4hm3lhs8] {
    transition: height 1s ease;
}

.dialog-body[b-cs4hm3lhs8] {
    min-height: 350px;
    max-height: 500px;
    overflow-y: scroll;
    padding: 19px 31px;
}

.diff-grid[b-cs4hm3lhs8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--qdt-stroke-grey);
    font-size: 15px;
}

    .diff-grid > div:nth-child(odd)[b-cs4hm3lhs8] {
        border-right: 1px solid var(--qdt-stroke-grey);
    }

    .diff-grid > div[b-cs4hm3lhs8] {
        padding: 0 35px 10px;
    }

        .diff-grid > div:first-child[b-cs4hm3lhs8] {
            padding-top: 35px;
        }

        .diff-grid > div:nth-child(2)[b-cs4hm3lhs8] {
            padding-top: 9px;
        }

    .diff-grid .original-source[b-cs4hm3lhs8],
    .diff-grid .current-source[b-cs4hm3lhs8] {
        font-size: 12px;
        color: var(--qdt-light-grey2);
    }

        .diff-grid .original-source .title[b-cs4hm3lhs8],
        .diff-grid .current-source .title[b-cs4hm3lhs8] {
            font-size: 12px;
            color: var(--qdt-light-grey);
        }

[b-cs4hm3lhs8] .question-modifications-list {
    top: 12px;
    left: 35px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.meta-info[b-cs4hm3lhs8] {
    display: flex;
    gap: 10px;
    color: var(--qdt-black);
    margin-bottom: 10px;
}

.question-wrap[b-cs4hm3lhs8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.question-wrap-inner[b-cs4hm3lhs8] {
    display: flex;
    align-items: center;
}

.label[b-cs4hm3lhs8],
.answer-item-header .index[b-cs4hm3lhs8],
.answer-item-header .var-name[b-cs4hm3lhs8],
.answer-item-header .code[b-cs4hm3lhs8],
.topic-item-header .index[b-cs4hm3lhs8],
.topic-item-header .var-name[b-cs4hm3lhs8],
.topic-item-header .code[b-cs4hm3lhs8],
.custom-field-item-header .name[b-cs4hm3lhs8],
.custom-field-item-header .value[b-cs4hm3lhs8] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
}

.answer-item-header[b-cs4hm3lhs8],
.answer-item-body[b-cs4hm3lhs8],
.topic-item-header[b-cs4hm3lhs8],
.topic-item-body[b-cs4hm3lhs8] {
    display: grid;
    grid-template-columns: 50px 80px 55px 1fr;
    gap: 8px;
    align-items: center;
}

.custom-field-item-header[b-cs4hm3lhs8],
.custom-field-item-body[b-cs4hm3lhs8] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 8px;
    align-items: center;
}

.custom-field-item-body .name[b-cs4hm3lhs8] {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-light-grey2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .answer-item-body .var-name[b-cs4hm3lhs8],
    .topic-item-body .var-name[b-cs4hm3lhs8],
    .answer-item-body .index[b-cs4hm3lhs8],
    .topic-item-body .index[b-cs4hm3lhs8],
    .answer-item-body .code[b-cs4hm3lhs8],
    .topic-item-body .code[b-cs4hm3lhs8] {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        color: var(--qdt-light-grey2);
    }

    .answer-item-body .var-name[b-cs4hm3lhs8],
    .topic-item-body .var-name[b-cs4hm3lhs8] {
        max-width: 80px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: var(--qdt-autogenerated-prop);
    }

        .answer-item-body .var-name.explicit[b-cs4hm3lhs8],
        .topic-item-body .var-name.explicit[b-cs4hm3lhs8] {
            color: var(--qdt-black);
        }

    .answer-item-body .index.index-modified[b-cs4hm3lhs8],
    .topic-item-body .index.index-modified[b-cs4hm3lhs8] {
        color: var(--qdt-red);
    }

    .answer-item-body .code[b-cs4hm3lhs8],
    .topic-item-body .code[b-cs4hm3lhs8] {
        max-width: 55px;
    }

        .answer-item-body .code.explicit[b-cs4hm3lhs8],
        .topic-item-body .code.explicit[b-cs4hm3lhs8] {
            color: var(--qdt-black);
        }


.meta-info .var-name[b-cs4hm3lhs8] {
    width: auto;
    max-width: 250px;
    color: var(--qdt-autogenerated-prop);
}

    .meta-info .var-name.explicit[b-cs4hm3lhs8] {
        color: var(--qdt-black);
    }

.Added[b-cs4hm3lhs8],
.TextModified[b-cs4hm3lhs8],
.VariableNameModified[b-cs4hm3lhs8],
.CodeModified[b-cs4hm3lhs8],
.Modified[b-cs4hm3lhs8],
.Deleted[b-cs4hm3lhs8] {
    border-radius: 8px;
    padding: 3px 6px;
}

.Added[b-cs4hm3lhs8] {
    border: 1px solid var(--qdt-item-added);
}

.TextModified[b-cs4hm3lhs8],
.VariableNameModified[b-cs4hm3lhs8],
.CodeModified[b-cs4hm3lhs8] {
    border: 1px solid var(--qdt-item-modified);
}

.Modified[b-cs4hm3lhs8] {
    border: 1px solid var(--qdt-item-modified);
}

.Deleted[b-cs4hm3lhs8] {
    border: 1px solid var(--qdt-item-hidden);
    color: var(--qdt-item-hidden);
}

.answer-item[b-cs4hm3lhs8],
.answer-item-placeholder[b-cs4hm3lhs8],
.topic-item[b-cs4hm3lhs8],
.topic-item-placeholder[b-cs4hm3lhs8],
.custom-field-item-placeholder[b-cs4hm3lhs8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.answer-item-placeholder[b-cs4hm3lhs8],
.topic-item-placeholder[b-cs4hm3lhs8],
.custom-field-item-placeholder[b-cs4hm3lhs8] {
    font-size: 15px;
    font-weight: 400;
    color: var(--qdt-item-hidden);
    line-height: 32px;
}

.answers-start[b-cs4hm3lhs8],
.topics-start[b-cs4hm3lhs8],
.custom-fields-start[b-cs4hm3lhs8],
.parameter-start[b-cs4hm3lhs8] {
    border-top: 1px solid var(--qdt-stroke-grey);
}
/* /Components/Waves/Overview/SurveyOverviewItem.razor.rz.scp.css */
.survey-overview-item[b-pctwjsu16x],
[b-pctwjsu16x] .survey-overview-item {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr 5fr 2fr 2fr 2fr 3fr;
    align-items: center;
    height: 68px;
    padding: 11px 11px 11px 37px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
    text-decoration: none;
    color: var(--qdt-black);
    cursor: pointer;
}

.survey-overview-item:hover[b-pctwjsu16x],
[b-pctwjsu16x] .survey-overview-item:hover {
    border-color: var(--qdt-stroke-green);
}
/* /Components/Waves/Overview/SurveyOverviewItemContent.razor.rz.scp.css */
.item-type[b-vey7sfwztk] {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: var(--qdt-dark-green);
}

.item-type .circle[b-vey7sfwztk] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--qdt-dark-green);
}

.name[b-vey7sfwztk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.created-at[b-vey7sfwztk],
.updated-at[b-vey7sfwztk] {
    color: var(--qdt-light-grey);
    font-size: 12px;
    line-height: 12px;
}

.comments[b-vey7sfwztk] {
    display: flex;
    align-items: center;
    gap: 26px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: var(--qdt-black);
}

.comments .comments-amount[b-vey7sfwztk] {
    width: 24px;
    min-width: 24px;
}

.comments .unread-comments[b-vey7sfwztk] {
    background-color: var(--qdt-yellow);
    padding: 3px 6px;
    color: var(--qdt-black);
    border-radius: 33px;
}

.actions-menu[b-vey7sfwztk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

[b-vey7sfwztk] .edit-wave-btn {
    height: 44px;
}
/* /Components/Waves/Overview/SurveyOverviewsList.razor.rz.scp.css */
.list[b-c38wqqnqjb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.list-header[b-c38wqqnqjb] {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: 1fr 5fr 2fr 2fr 2fr 3fr;
    width: 100%;
    padding: 0 11px 8px 37px;
    background-color: var(--qdt-light-beige);
    z-index: 10;
}

.list-header > div[b-c38wqqnqjb] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: var(--qdt-light-grey);
    cursor: default;
}

.list-body[b-c38wqqnqjb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Components/Waves/PrimarySurveyItemsTreeSelect.razor.rz.scp.css */
.survey-items-tree-select[b-vy600xd2z8] {
    min-height: 300px;
}


    .survey-items-tree-select[b-vy600xd2z8]  .flattened-tree-node.selected {
        background-color: #fff2a855;
    }
/* /Components/Waves/ReferentialSurveyItemsTreeSelect.razor.rz.scp.css */
.survey-items-tree-select[b-21hm3fks0w] {
    min-height: 300px;
}


    .survey-items-tree-select[b-21hm3fks0w]  .flattened-tree-node.selected {
        background-color: #fff2a855;
    }
/* /Components/Waves/WaveIterationControlPanel.razor.rz.scp.css */
.wave-iteration-control-panel[b-jmnmkyp4xm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-right: 10px;
}
/* /Components/Waves/WaveIterationDates.razor.rz.scp.css */
.wave-iteration-dates[b-19g594k9fn] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 15px;
    column-gap: 30px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 8px;
}

.start-date[b-19g594k9fn],
.end-date[b-19g594k9fn] {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.start-date[b-19g594k9fn]  .date-input-container,
.end-date[b-19g594k9fn]  .date-input-container {
    width: 90px;
}

.start-date span[b-19g594k9fn],
.end-date span[b-19g594k9fn] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--qdt-black);
}

.divider[b-19g594k9fn] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: var(--qdt-stroke-grey);
    z-index: 1;
}
/* /Components/Waves/WaveIterationOptions.razor.rz.scp.css */
/* /Layout/AuthenticationLayout.razor.rz.scp.css */
.authentication-layout[b-vhraa3z8gj] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    height: 100vh;
}

.logo[b-vhraa3z8gj] {
    width: 100px;
}

.content-column[b-vhraa3z8gj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
    gap: 50px;
    padding: 50px;
    background-color: var(--qdt-white);
}

.content-header[b-vhraa3z8gj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 0 10px;
}

.content-header .title[b-vhraa3z8gj] {
    color: var(--qdt-black);
    font-size: 18px;
}

.promotion-column[b-vhraa3z8gj] {
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    background-image: url('/assets/images/login-bg.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.promotion-column .promotion-container[b-vhraa3z8gj] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    margin: 0 80px;
}

.promotion-column .promotion-container .slogan[b-vhraa3z8gj] {
    text-align: center;
    font-size: 75px;
}

.promotion-column .promotion-container .slogan > span[b-vhraa3z8gj] {
    color: var(--qdt-dark-green);
    font-weight: 600;
}

.promotion-column .promotion-container .features[b-vhraa3z8gj] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 16px;
    padding: 40px 48px;
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, .02);
}

.promotion-column .promotion-container .features .feature[b-vhraa3z8gj] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
    gap: 40px 0;
}

.promotion-column .promotion-container .features .feature .icon[b-vhraa3z8gj] {
    height: 75px;
    width: 75px;
    border-radius: 40px;
    border: 1px solid rgba(36, 33, 28, .2);
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    font-size: 40pt;
    color: var(--qdt-grey-button);
}

.promotion-column .promotion-container .features .feature .desc[b-vhraa3z8gj] {
    text-align: center;
    font-size: 18px;
    color: var(--qdt-black);
}
/* /Layout/HeaderNav.razor.rz.scp.css */
.header-container[b-lelekw6wnn] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--top-header-height);
    padding: 0 35px;
    background-color: var(--top-navigation-bg);
    border: 1px solid var(--qdt-stroke-grey);
}

.logo[b-lelekw6wnn] {
    width: 100px;
}

.header-container .brand[b-lelekw6wnn] {
    display: flex;
    align-items: center;
    justify-content: center;
}


.header-container .navigation[b-lelekw6wnn] {
    display: flex;
    height: 100%;
}


.header-container .navigation[b-lelekw6wnn]  .link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: var(--qdt-grey-button);
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}

.header-container .navigation[b-lelekw6wnn]  .link.active {
    position: relative;
    color: var(--qdt-black);
    border-bottom: 3px solid var(--qdt-dark-green);
}

.header-container .navigation[b-lelekw6wnn]  .link.active::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--qdt-light-beige);
}

.header-container .toolbar[b-lelekw6wnn] {
    display: flex;
    align-items: center;
    gap: 38px;
}

.breadcrumbs-wrapper[b-lelekw6wnn] {
    flex-shrink: 0;
    display: flex;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-36a4yusz8f] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}
/* /Layout/QuestionBankLayout.razor.rz.scp.css */
.page-body[b-thp4c2zeqt] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 10px 0;
    max-height: var(--qbank-page-body-height);
    background-color: var(--qdt-beige);
    overflow: hidden;
}

.page-content[b-thp4c2zeqt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 16px;
    background-color: var(--qdt-beige);
    border-radius: 4px;
}

.page-content-header[b-thp4c2zeqt], .page-content-body[b-thp4c2zeqt] {
    width: calc(100% - 56px);
}

.page-content-header[b-thp4c2zeqt] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-content-header .header-item[b-thp4c2zeqt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-content-header .buttons[b-thp4c2zeqt] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-content-header .buttons[b-thp4c2zeqt]  .use-btn {
    padding: 3px 15px;
}


.page-content-header .buttons[b-thp4c2zeqt]  button {
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.page-content-header .title[b-thp4c2zeqt] {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: var(--qdt-black);
}

.page-content-header .actions[b-thp4c2zeqt] {
    display: flex;
    gap: 5px;
}

.page-content-header .filters-bar[b-thp4c2zeqt] {
    width: 100%;
    max-width: 545px;
    padding: 15px 27px;
    background-color: var(--qdt-white);
    border: 1px solid var(--qdt-stroke-grey);
    border-radius: 4px;
}

.page-content-body[b-thp4c2zeqt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}


[b-thp4c2zeqt] .tabs-list {
    padding: 0 32px;
}
/* /Layout/SettingsLayout.razor.rz.scp.css */
.page-body[b-3x3cy8ugp2] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px 1px 16px 1px;
    max-height: var(--settings-page-body-height);
    overflow: hidden;
}

.nav[b-3x3cy8ugp2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    column-gap: 8px;
    padding: 0 35px 12px 35px;
    height: var(--settings-page-nav-height);
    border-bottom: 1px solid var(--qdt-stroke-green);
    background-color: var(--qdt-beige);
}

.back-link[b-3x3cy8ugp2] {
    display: flex;
    align-items: center;
    column-gap: 21px;
    cursor: pointer;
}

.back-link i[b-3x3cy8ugp2] {
    font-size: 24px;
    color: var(--qdt-dark-green);
}

.back-link span[b-3x3cy8ugp2] {
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    color: var(--qdt-black);
}

.content[b-3x3cy8ugp2] {
    flex: 1;
    display: flex;
    column-gap: 4px;
    overflow: hidden;
}
/* /Layout/SurveyWizardLayout.razor.rz.scp.css */
.page-body[b-onuu2txoes] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--qdt-beige);
}

.page-content[b-onuu2txoes] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--survey-page-content-gap);
    padding: 5px 0 0 0;
    background-color: var(--qdt-beige);
    border-radius: 4px;
}

    .page-content[b-onuu2txoes]  > .tabs-container {
        border-top: 1px solid var(--qdt-stroke-green);
    }

.page-content-header[b-onuu2txoes] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    height: var(--survey-page-content-header-height);
}

    .page-content-header[b-onuu2txoes]  button {
        height: var(--survey-page-content-header-height);
    }

    .page-content-header .title[b-onuu2txoes] {
        font-size: 30px;
        line-height: 20px;
        font-weight: 500;
        color: var(--qdt-black);
    }

    .page-content-header .actions[b-onuu2txoes] {
        display: flex;
        gap: 20px;
        align-items: center;
    }

        .page-content-header .actions[b-onuu2txoes]  .qdt-btn-primary {
            font-size: 12px;
            padding-left: 16px;
            padding-right: 16px;
        }

        .page-content-header .actions[b-onuu2txoes]  .survey-status {
            padding: 18px;
            border-radius: 4px;
        }


.page-content-body[b-onuu2txoes] {
    flex: 1;
    display: flex;
    gap: 8px;
    min-height: 200px;
    transition: padding-left 0.3s ease-in-out;
}

    .page-content-body.sidebar-expanded[b-onuu2txoes] {
        gap: 5px;
    }

[b-onuu2txoes] .tabs-list {
    padding: 0 32px;
}

.survey-not-found[b-onuu2txoes] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding-top: 40px;
    
}

.survey-not-found .text[b-onuu2txoes] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 24px;
    color: var(--qdt-black);
}

.survey-not-found .text span[b-onuu2txoes] {
    font-size: 40px;
}

/* /Layout/SurveyWizardSidebar.razor.rz.scp.css */
.sidebar-body[b-7tfo6qfpzb] {
    padding: 0 10px 0 15px;
    position: relative;
}

.no-active-discussion[b-7tfo6qfpzb] {
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: var(--qdt-light-beige);
}
/* /Layout/SurveyWizardTabs.razor.rz.scp.css */
/* /Layout/WavesLayout.razor.rz.scp.css */
.page-body[b-0ndjn55sd3] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: var(--waves-page-body-height);
    padding-bottom: 45px;
    overflow: hidden;
}

.loader[b-0ndjn55sd3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 100;
}

.wave-creating[b-0ndjn55sd3],
.wave-failed[b-0ndjn55sd3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
    text-align: center;
    color: var(--qdt-black);
}

.wave-failed .ti[b-0ndjn55sd3] {
    font-size: 48px;
    color: var(--qdt-red, #d32f2f);
}

.actions[b-0ndjn55sd3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.actions[b-0ndjn55sd3],
[b-0ndjn55sd3] .tabs-container {
    padding: 0 36px;
}

.go-back[b-0ndjn55sd3] {
    display: flex;
    align-items: center;
    column-gap: 20px;
    border: none;
    outline: none;
    background-color: transparent;
    font-weight: 500;
    font-size: 30px;
    color: var(--qdt-black);
}
/* /Pages/AcceptInvitation.razor.rz.scp.css */
.accept-invitation-form-container[b-584uhnpjwt] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info[b-584uhnpjwt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.title[b-584uhnpjwt] {
    font-size: 24px;
    font-weight: 600;
    color: var(--qdt-black);
}

.description[b-584uhnpjwt] {
    font-size: 16px;
    font-weight: 500;
    color: var(--qdt-black);
}

.accept-invitation-form-container[b-584uhnpjwt]  form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-fields[b-584uhnpjwt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.verification-failed[b-584uhnpjwt] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.verification-failed[b-584uhnpjwt]  button {
    width: 100%;
}

.buttons[b-584uhnpjwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.buttons[b-584uhnpjwt]  button {
    flex: 1;
}
/* /Pages/AreaNotFound.razor.rz.scp.css */
.area-not-found[b-r0hgdjs8g3] {
    padding-top: 10%;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}
/* /Pages/Areas.razor.rz.scp.css */
.areas[b-raiwjg0sax] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--top-header-height));
    padding: 35px;
}
/* /Pages/ForgotPassword.razor.rz.scp.css */
.forgot-password-form-container[b-090bpmyf8s]  form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-fields[b-090bpmyf8s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.buttons[b-090bpmyf8s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.buttons[b-090bpmyf8s]  button {
    flex: 1;
}
/* /Pages/Login.razor.rz.scp.css */
.login-form-container[b-hbmi5f3e2q]  form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-fields[b-hbmi5f3e2q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.forgot-password[b-hbmi5f3e2q] {
    text-align: end;
}

.forgot-password a[b-hbmi5f3e2q] {
    color: var(--qdt-dark-green);
    text-decoration: none;
}

.buttons[b-hbmi5f3e2q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.buttons[b-hbmi5f3e2q]  button {
    flex: 1;
}

.oidc-divider[b-hbmi5f3e2q] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--qdt-grey);
}

.oidc-divider[b-hbmi5f3e2q]::before,
.oidc-divider[b-hbmi5f3e2q]::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: var(--qdt-light-grey);
}

.oidc-buttons[b-hbmi5f3e2q] {
    display: flex;
}

.oidc-buttons[b-hbmi5f3e2q]  button {
    flex: 1;
}
/* /Pages/LoginOidcCallback.razor.rz.scp.css */
.login-oidc-callback-container[b-hdr11vxrvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.loader[b-hdr11vxrvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.error[b-hdr11vxrvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
/* /Pages/NoAccessToArea.razor.rz.scp.css */
.no-access-to-area-page[b-eqzyskn6lg] {
    padding-top: 10%;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}
/* /Pages/NotAssignedToAnyArea.razor.rz.scp.css */
.not-assigned-to-any-area-page[b-kc0w65viuf] {
    padding-top: 10%;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}
/* /Pages/QuestionBank/DynamicText.razor.rz.scp.css */
.qbank-dynamic-text-page[b-lu2h22hlsk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 20px 32px 0 32px;
    overflow: hidden;
}

.dynamic-text-loading[b-lu2h22hlsk] {
    flex: 1;
    display: grid;
    place-items: center;
    width: 100%;
}

.dynamic-text-empty[b-lu2h22hlsk] {
    padding-top: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}

.main-content[b-lu2h22hlsk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.dynamic-text-list[b-lu2h22hlsk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Pages/QuestionBank/GroupDetails.razor.rz.scp.css */
.qbank-group-details-page[b-m2jubcwen5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
}

.header[b-m2jubcwen5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 35px;
}

.header-top[b-m2jubcwen5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 32px;
}

.body[b-m2jubcwen5] {
    flex: 1;
    display: flex;
    column-gap: 8px;
    padding-right: 35px;
    overflow: hidden;
}

.list-content[b-m2jubcwen5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 14px;
}

.nav-btn[b-m2jubcwen5] {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-size: 30px;
    font-weight: 500;
    color: var(--qdt-black);
    white-space: nowrap;
}

.nav-btn i[b-m2jubcwen5] {
    display: grid;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    color: var(--qdt-dark-green);
}
/* /Pages/QuestionBank/Groups.razor.rz.scp.css */
.qbank-groups-page[b-2zv94361qc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 32px 16px 32px;
    overflow-y: hidden;
}

.header[b-2zv94361qc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 32px;
}

.groups-list-empty[b-2zv94361qc] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: var(--qdt-black);
}

.question-bank-loading[b-2zv94361qc] {
    flex: 1;
    display: grid;
    place-items: center;
    width: 100%;
}
/* /Pages/QuestionBank/Questions.razor.rz.scp.css */
.qbank-questions-page[b-w0qa4fzlpb] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 32px 16px 32px;
    overflow: hidden;
}

.question-templates-list[b-w0qa4fzlpb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid var(--qdt-stroke-green);
    background-color: #fff;
    padding: 20px 8px;
}

.question-templates-list.Collapsed[b-w0qa4fzlpb] {
    border-top: 1px solid var(--qdt-stroke-grey);
    gap: 0;
}

.question-bank-empty[b-w0qa4fzlpb] {
    padding-top: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}

.question-bank-loading[b-w0qa4fzlpb] {
    flex: 1;
    display: grid;
    place-items: center;
    width: 100%;
}
/* /Pages/QuestionBank/Scales.razor.rz.scp.css */
.qbank-scales-page[b-gr19mku3gk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 20px 32px 0 32px;
    overflow: hidden;
}

.scales-loading[b-gr19mku3gk] {
    flex: 1;
    display: grid;
    place-items: center;
    width: 100%;
}

.scales-empty[b-gr19mku3gk] {
    padding-top: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--qdt-black);
    text-align: center;
}

.main-content[b-gr19mku3gk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.scales-list[b-gr19mku3gk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.reset-password-form-container[b-czz7z0lsf6]  form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-fields[b-czz7z0lsf6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.verification-failed[b-czz7z0lsf6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.verification-failed[b-czz7z0lsf6]  button {
    width: 100%;
}

.buttons[b-czz7z0lsf6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.buttons[b-czz7z0lsf6]  button {
    flex: 1;
}
/* /Pages/Settings/AreaDetails.razor.rz.scp.css */
.areas-page[b-ti0tof412n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: hidden;
    padding: 0 5px;
}

.header[b-ti0tof412n] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    justify-content: space-between;
}

.header .title[b-ti0tof412n] {
    font-size: 21px;
    line-height: 21px;
    font-weight: 500;
    color: #000;
    margin:0;
}

.header[b-ti0tof412n]  .back-link{
    color: var(--qdt-grey);
    text-decoration: none;
}

.header[b-ti0tof412n]  .back-link:hover {
    text-decoration: underline;
}
/* /Pages/Settings/AreasList.razor.rz.scp.css */
.areas-page[b-ob6qp96o7g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: hidden;
    padding: 0 5px;
}

.header[b-ob6qp96o7g] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    justify-content: space-between;
}

    .header .title[b-ob6qp96o7g] {
        font-size: 21px;
        line-height: 21px;
        font-weight: 500;
        color: #000;
        margin: 0;
    }

    .header .actions[b-ob6qp96o7g] {
        display: flex;
        gap: 15px;
    }

        .header .actions[b-ob6qp96o7g]  .search-box input {
            border: none;
            border-bottom: 1px solid var(--qdt-stroke-grey);
            border-radius: unset;
            background-color: transparent;
        }

        .loader[b-ob6qp96o7g] {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(255, 255, 255, 0.5);
        }

.page-inner[b-ob6qp96o7g] {
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132),0 .6px 1.8px 0 rgba(0, 0, 0, .108);
    flex: 1;
    max-height: 85%;
    overflow: hidden;
}
.area-list-header[b-ob6qp96o7g] {
    display: grid;
    grid-template-columns: 6fr 1fr 1fr 2fr 1fr 1fr;
    font-size: 12px;
    color: var(--qdt-grey);
    padding: 15px 23px 15px 12px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    gap:5px;
}

    .area-list-header .sort-trigger[b-ob6qp96o7g] {
        padding: 2px 4px;
        border-radius: 4px;
        cursor: pointer;
        user-select: none;
    }

    .area-list-header .surveys[b-ob6qp96o7g] {
        text-align: center;
    }

    .areas-list[b-ob6qp96o7g] {
        max-height: 90%;
    }

.area-item[b-ob6qp96o7g] {
    display: grid;
    grid-template-columns: 6fr 1fr 1fr 2fr 1fr 1fr;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    font-size: 14px;
    gap: 5px;
    transition: background-color 0.2s ease-in;
}
    .area-item:last-child[b-ob6qp96o7g] {
        border-radius: 0 0 8px 8px;
        border-bottom:none;
    }
    .area-item:hover[b-ob6qp96o7g] {
        background-color: #f8f9fa;
    }

    .area-item > *[b-ob6qp96o7g] {
        padding-top:15px;
        padding-bottom: 15px;
    }

    [b-ob6qp96o7g] .area-item > :first-child {
        padding-left: 16px;
        display:flex;
        align-items: center;
    }

    [b-ob6qp96o7g] .area-item > :last-child {
        padding-right: 14px;
    }
    .area-item .surveys[b-ob6qp96o7g] {
        text-align: center;
        padding-right:25px;
    }

.area-item .users[b-ob6qp96o7g]{
    padding-left: 4px;
}


.badge[b-ob6qp96o7g] {
    padding: 3px 10px;
    border-radius: 4px;
    color: var(--qdt-white);
    font-size: 10px;
}

    .badge.shared[b-ob6qp96o7g] {
        background-color: #71CEF0;
    }


    .badge.isolated[b-ob6qp96o7g] {
        background-color: var(--qdt-light-grey);
    }

.area-item[b-ob6qp96o7g]  .link {
    color: var(--qdt-black);
    font-size: 16px;
    text-decoration: none;
}
[b-ob6qp96o7g] .navigate {
    color: var(--qdt-grey);
    text-decoration: none;
}

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

.area-item .actions[b-ob6qp96o7g] {
    display: flex;
    gap: 4px;
    justify-content:flex-end;
}

.sort-trigger:hover[b-ob6qp96o7g] {
    background-color: rgb(248, 248, 248);
}

.not-found[b-ob6qp96o7g] {
    color: var(--qdt-grey);
    padding: 14px;
}

.list.scrollable[b-ob6qp96o7g] {
    max-height: 150px;
}
/* /Pages/Settings/CustomFieldDefinitions.razor.rz.scp.css */
.custom-field-definitions-page[b-542xa8vqoz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 5px;
}

.header[b-542xa8vqoz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.header .actions[b-542xa8vqoz]{
    display: flex;
    gap: 10px;
}

.header .actions[b-542xa8vqoz]  .search-box input {
    border: none;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    border-radius: unset;
    background-color: transparent;
}

    .header-secondary[b-542xa8vqoz] {
        display: grid;
        grid-template-columns: 5fr 5fr;
        font-size: 12px;
        color: var(--qdt-grey);
        padding: 10px 15px;
        border-bottom: 1px solid var(--qdt-stroke-grey);
    }

.header-secondary .sort-trigger[b-542xa8vqoz] {
    padding: 2px 4px;
    border-radius: 4px;
    cursor:pointer;
    user-select: none;
}

.title[b-542xa8vqoz] {
    font-size: 21px;
    font-weight: 500;
    color: var(--qdt-black);
    margin: 0;
}

[b-542xa8vqoz] .create-btn {
    width: 81px;
}

.body[b-542xa8vqoz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: 50vh;
}

.page-content[b-542xa8vqoz] {
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132),0 .6px 1.8px 0 rgba(0, 0, 0, .108);
    border-radius: 8px;
    background-color: var(--qdt-white);
}

.loader[b-542xa8vqoz] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
}

.sort-trigger:hover[b-542xa8vqoz] {
    background-color: rgb(248, 248, 248);
}

.not-found[b-542xa8vqoz] {
    color: var(--qdt-grey);
    padding: 14px;
}
/* /Pages/Settings/Languages.razor.rz.scp.css */
.languages-page[b-eag7w34dco] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 5px;
}

.header[b-eag7w34dco] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.header .actions[b-eag7w34dco] {
    display: flex;
    gap: 10px;
}

.header .actions[b-eag7w34dco]  .search-box input {
    border: none;
    border-bottom: 1px solid var(--qdt-stroke-grey);
    border-radius: unset;
    background-color: transparent;
}

.title[b-eag7w34dco] {
    font-size: 21px;
    font-weight: 500;
    color: var(--qdt-black);
    margin: 0;
}

.page-content[b-eag7w34dco] {
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132), 0 .6px 1.8px 0 rgba(0, 0, 0, .108);
    border-radius: 8px;
    background-color: var(--qdt-white);
}

.header-secondary[b-eag7w34dco] {
    display: grid;
    grid-template-columns: 1fr 3fr 3fr 80px;
    column-gap: 16px;
    align-items: center;
    font-size: 12px;
    color: var(--qdt-grey);
    padding: 10px 15px;
    border-bottom: 1px solid var(--qdt-stroke-grey);
}

.body[b-eag7w34dco] {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: 50vh;
}

.loader[b-eag7w34dco] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
}

.not-found[b-eag7w34dco] {
    color: var(--qdt-grey);
    padding: 14px;
}
/* /Pages/Settings/SettingsHome.razor.rz.scp.css */
/* /Pages/Settings/UserInvitations.razor.rz.scp.css */
.user-invitations-container[b-v7azw9y7r6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
}

.user-invitations-header[b-v7azw9y7r6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title[b-v7azw9y7r6] {
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    color: var(--qdt-black);
}

.loader[b-v7azw9y7r6], .empty[b-v7azw9y7r6] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty[b-v7azw9y7r6] {
    font-size: 16px;
    font-weight: 400;
    color: var(--qdt-light-grey);
}
/* /Pages/Settings/Users.razor.rz.scp.css */
.users-container[b-ac39jzjetm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .users-container .header[b-ac39jzjetm] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .users-container .header .title[b-ac39jzjetm] {
            font-size: 30px;
            font-weight: 500;
            color: var(--qdt-black);
        }
        
.search-container[b-ac39jzjetm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
    background-color: var(--top-navigation-bg);
}

    .search-container > div[b-ac39jzjetm] {
        flex: 1;
    }

        .search-container > div:last-child[b-ac39jzjetm] {
            flex: 1.5;
            justify-items: end;
        }

    .search-container .search-button button[b-ac39jzjetm] {
        width: fit-content;
        padding: 8px 30px;
    }
    
.users-list[b-ac39jzjetm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Pages/SurveyCompare/CompareSurveys.razor.rz.scp.css */
.compare-surveys-page[b-nftn4wcf5x] {
    display: flex;
    flex-direction: column;
    padding: 16px 24px 0 24px;
    height: calc(100vh - var(--top-header-height) - var(--breadcrumb-height));
    min-height: 0;
    gap: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.compare-scroll-area[b-nftn4wcf5x] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: auto;
}

.compare-state[b-nftn4wcf5x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 60px 16px;
    color: var(--qdt-grey);
    font-size: 14px;
}

    .compare-state.error[b-nftn4wcf5x] {
        color: var(--qdt-black);
    }

        .compare-state.error i[b-nftn4wcf5x] {
            font-size: 32px;
            color: var(--qdt-red);
        }

    .compare-state.info[b-nftn4wcf5x] {
        color: var(--qdt-grey);
    }

        .compare-state.info i[b-nftn4wcf5x] {
            font-size: 32px;
            color: var(--qdt-dark-green);
        }

    .compare-state.translations-loading[b-nftn4wcf5x] {
        padding: 12px 16px;
    }

    .compare-state .msg[b-nftn4wcf5x] {
        max-width: 640px;
        text-align: center;
    }

.compare-state .secondary-btn[b-nftn4wcf5x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--qdt-stroke-grey);
    background-color: var(--qdt-white);
    color: var(--qdt-black);
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
}

    .compare-state .secondary-btn:hover[b-nftn4wcf5x] {
        background-color: var(--qdt-list-item-hover);
    }
/* /Pages/Surveys.razor.rz.scp.css */
.page-body[b-d2tirv87xt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 22px 36px 45px 36px;
    max-height: var(--surveys-list-height);
    overflow: hidden;
}

    .page-body.no-breadcrumb[b-d2tirv87xt] {
        max-height: var(--surveys-list-height-no-breadcrumb);
    }

.page-content[b-d2tirv87xt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
}
/* /Pages/SurveyWizard/Approvers.razor.rz.scp.css */
.approvers-page[b-4prjnenzon] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
/* /Pages/SurveyWizard/Design.razor.rz.scp.css */
/* /Pages/SurveyWizard/Distribution.razor.rz.scp.css */
.content-container[b-laefdg0o7s] {
    padding: 0 42px;
    display: flex;
    flex-direction: column;
    width: 100vw;
}

.section-title[b-laefdg0o7s] {
    color: var(--qdt-grey);
    font-size: 15px;
    font-weight: 400;
    margin: 25px 0 10px;
}

.wrapper[b-laefdg0o7s] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--qdt-stroke-green);
    border-radius: 8px;
    background-color: var(--qdt-white);
}

.distribution[b-laefdg0o7s] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--qdt-stroke-grey);
    align-items: center;
}

    .distribution .title[b-laefdg0o7s] {
        font-size: 15px;
        font-weight: 400;
    }

    .distribution .actions[b-laefdg0o7s]  .generate {
        background-color: var(--qdt-text-blue);
        border-color: transparent;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
    }

    .distribution .link[b-laefdg0o7s] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

        .distribution .link .label[b-laefdg0o7s] {
            font-size: 12px;
            color: var(--qdt-grey);
        }

        .distribution .link .content[b-laefdg0o7s] {
            display: flex;
            gap: 5px;
            align-items: center;
            border: 1px solid var(--qdt-stroke-grey);
            border-radius: 4px;
            background-color: var(--qdt-stroke-grey);
            color: var(--qdt-grey);
            height: 40px;
            padding: 0 5px;
        }

            .distribution .link .content .url[b-laefdg0o7s] {
                width: 300px;
                text-wrap: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .distribution .link .content .copy[b-laefdg0o7s] {
                font-size: 25px;
                cursor: pointer;
            }

                .distribution .link .content .copy.has-content[b-laefdg0o7s] {
                    color: var(--qdt-text-blue)
                }


    .distribution .actions.published[b-laefdg0o7s]  .generate {
        background-color: var(--qdt-light-grey);
        cursor: default;
    }

    .distribution .link.published .content[b-laefdg0o7s] {
        background-color: var(--qdt-bg-light-blue);
    }

    .distribution .link.not-published .content .copy[b-laefdg0o7s] {
        cursor: default;
    }
/* /Pages/SurveyWizard/QuotaBuilder.razor.rz.scp.css */
.quota-builder-page[b-35b2nwvazk] {
    flex: 1;
    display: flex;
    max-height: var(--quotas-page-body-height);
    overflow: hidden;
}

.error-content[b-35b2nwvazk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.quota-builder-page-content[b-35b2nwvazk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 16px 32px 16px;
    overflow: hidden;
}
/* /Pages/SurveyWizard/Quotas.razor.rz.scp.css */
.quotas-page[b-k1eqtu7my0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-height: var(--quotas-page-body-height);
    padding: 0 32px 34px 32px;
    overflow: hidden;
}

.loader[b-k1eqtu7my0] {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quotas-page-header[b-k1eqtu7my0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quotas-page-content[b-k1eqtu7my0] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.list-empty[b-k1eqtu7my0] {
    padding-top: 40px;
    text-align: center;
    font-size: 15px;
    color: var(--qdt-grey);
}
/* /Pages/SurveyWizard/TranslateSurveyLang.razor.rz.scp.css */
.translation-specific-language[b-nmzgw6qmap] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-height: var(--survey-page-content-body-max-height);
    padding-right: 32px;
    background-color: var(--qdt-light-beige);
}

.sticky-top-bar[b-nmzgw6qmap] {
    position: sticky;
    top: 0;
    z-index: 200;
    background-color: var(--qdt-light-beige);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fullscreen .translation-specific-language[b-nmzgw6qmap] {
    max-height: var(--survey-page-content-body-max-height-fullscreen);
}
.header[b-nmzgw6qmap] {
    display: flex;
    justify-content: space-between;
    height: 35px;
    padding-top: 3px;
    padding-right: 3px;
}
.header .go-back[b-nmzgw6qmap] {
    margin-left: auto;
}

.divider[b-nmzgw6qmap] {
    position: sticky;
    top: 88px;
    width: 100%;
    height: 8px;
    background-color: var(--qdt-beige);
    z-index: 10;
}

[b-nmzgw6qmap] .back-link {
    color: var(--qdt-dark-green);
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}

    [b-nmzgw6qmap] .back-link:hover {
        text-decoration: underline;
    }

.actions[b-nmzgw6qmap] {
    display: flex; gap:10px;
}

    .actions .ti[b-nmzgw6qmap] {
        font-size: 22px;
        color: var(--qdt-grey-button);
    }

/* /Pages/SurveyWizard/TranslateSurveyOverview.razor.rz.scp.css */
.loading[b-kr9r5atfsx] {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

    .loading.overlay[b-kr9r5atfsx] {
        display: flex;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        justify-content: center;
        background-color: #eeeeee80;
        margin:0;
        padding: 50px;
    }

.translation-overview[b-kr9r5atfsx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    max-height: var(--survey-page-content-body-max-height);
    padding: 0 32px;
    position: relative;
}

.translation-overview.busy[b-kr9r5atfsx] {
    cursor: wait !important;
    position: relative;
}

.fullscreen .translation-overview[b-kr9r5atfsx] {
    max-height: var(--survey-page-content-body-max-height-fullscreen);
}

.header[b-kr9r5atfsx] {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

    .header .empty[b-kr9r5atfsx] {
        text-align: center;
        width: 100%;
    }

    .header .actions[b-kr9r5atfsx] {
        display: flex;
        column-gap: 8px;
    }

.guid[b-kr9r5atfsx] {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    margin-top: -10px;
    user-select: none;
}

    .guid.right[b-kr9r5atfsx] {
        justify-content: flex-end;
    }

    .guid .left-arrow[b-kr9r5atfsx] {
        width: 75px;
        height: 150px;
        border-radius: 100%;
        border-left: 2px dashed var(--qdt-light-grey);
        margin-left: 250px;
        margin-top: -40px;
        transform: rotate(-45deg);
        position: relative;
    }

        .guid .left-arrow[b-kr9r5atfsx]:before {
            height: 15px;
            width: 1px;
            border-left: 1px solid var(--qdt-light-grey);
            content: "";
            display: block;
            left: 18px;
            position: absolute;
            top: 10px;
        }

        .guid .left-arrow[b-kr9r5atfsx]:after {
            height: 1px;
            width: 15px;
            border-bottom: 1px solid var(--qdt-light-grey);
            content: "";
            display: block;
            left: 2px;
            position: absolute;
            top: 13px;
            transform: rotate(-30deg);
        }

    .guid .right-arrow[b-kr9r5atfsx] {
        width: 75px;
        height: 150px;
        border-radius: 100%;
        border-right: 2px dashed var(--qdt-light-grey);
        margin-right: 150px;
        margin-top: -40px;
        transform: rotate(45deg);
        position: relative;
    }

        .guid .right-arrow[b-kr9r5atfsx]:before {
            height: 15px;
            width: 1px;
            border-left: 1px solid var(--qdt-light-grey);
            content: "";
            display: block;
            left: 55px;
            position: absolute;
            top: 9px;
        }

        .guid .right-arrow[b-kr9r5atfsx]:after {
            height: 1px;
            width: 15px;
            border-bottom: 1px solid var(--qdt-light-grey);
            content: "";
            display: block;
            left: 55px;
            position: absolute;
            top: 10px;
            transform: rotate(20deg);
        }

    .guid .text[b-kr9r5atfsx] {
        display: flex;
        color: var(--qdt-light-grey);
        border: 1px solid var(--qdt-stroke-grey);
        padding: 5px 10px;
        border-radius: 40px;
        z-index: 1;
        background-color: var(--qdt-white);
    }
/* /Pages/Waves/Wave.razor.rz.scp.css */
.wave-page[b-vql3xwstlo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 36px 0 36px;
}

.text[b-vql3xwstlo] {
    display: flex;
    flex-direction: column;
    max-width: 275px;
    gap: 16px;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: var(--qdt-grey);
    text-align: center;
}
/* /Pages/Waves/WaveIterationDetails.razor.rz.scp.css */
.wave-iteration-page[b-axsdpwvqjs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 10px 36px 0 36px;
    overflow: hidden;
}

.loader[b-axsdpwvqjs] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
/* /Pages/Waves/WaveIterationOverview.razor.rz.scp.css */
.wave-iteration-overview-page[b-6rzmry4rfc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 10px 36px 0 36px;
    overflow: hidden;
}

.referential-survey[b-6rzmry4rfc],
.primary-surveys[b-6rzmry4rfc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.primary-surveys[b-6rzmry4rfc] {
    flex: 1;
    overflow: hidden;
}

.title[b-6rzmry4rfc] {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 20px;
    color: var(--qdt-black);
}

.controls[b-6rzmry4rfc] {
    display: flex;
    align-items: center;
    gap: 8px;
}