assessment.predictiveindex.com
Open in
urlscan Pro
2620:1ec:29:1::40
Public Scan
Submitted URL: https://maillink.predictiveindex.com/ls/click?upn=VBx8A-2FR-2BccoGx0dD9MCnwH2gu2TYt1ArfKLsjhT1m9B5u4OAnqmJ-2BIzlnmi0-2BvGWnoF-2BNMqhY...
Effective URL: https://assessment.predictiveindex.com/10094486-5ade-4992-8982-08450669a490?type=cog
Submission: On June 27 via manual from US — Scanned from US
Effective URL: https://assessment.predictiveindex.com/10094486-5ade-4992-8982-08450669a490?type=cog
Submission: On June 27 via manual from US — Scanned from US
Form analysis 1 forms found in the DOM
<form onsubmit="return false;">
<div class="sv_custom_header" data-bind="visible: !hasLogo"></div>
<div data-bind="css: css.container" class="sv_container">
<!-- ko template: { name: 'survey-header', afterRender: koAfterRenderHeader } -->
<!-- ko if: (locTitle.koRenderedHtml().length > 0) && showTitle || hasLogo --><!-- /ko -->
<!-- /ko -->
<!-- ko if: koState() == "starting" -->
<div data-bind="css: css.body" class="panel-body card-block mt-4">
<!-- ko if: isNavigationButtonsShowing === 'top' || isNavigationButtonsShowing === 'both' --><!-- /ko -->
<div data-bind="attr: { id: startedPage.id }, template: { name: 'survey-page', data: startedPage, afterRender: koAfterRenderPage }" id="sp_100">
<div data-bind="css: cssClasses.page.root">
<!-- ko if: _showTitle --><!-- /ko -->
<!-- ko if: _showDescription--><!-- /ko -->
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="style:{ width: renderWidth }, attr: {id: id}, css: cssClasses.panel.container" id="cogLanguageElement" class="sv_p_container" style="width: 100%;">
<h4 data-bind="visible: (processedTitle.length > 0), css: $data.getTitleStyle(), click: doExpand" class="sv_p_title" style="display: none;">
<!-- ko if: no --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<span data-bind="visible: koIsCollapsed() || koIsExpanded(), css: cssClasses.panel.icon + (!koIsCollapsed() ? ' ' + cssClasses.panel.iconExpanded: '')" class="sv_panel_icon sv_expanded" style="display: none;"></span>
</h4>
<div data-bind="css: cssClasses.panel.description" class="small sv_p_description">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- ko template: { name: 'survey-question-errors', data: $data } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger" style="display: none;"></div>
<!-- /ko -->
<div data-bind="visible: !koIsCollapsed(), style: { paddingLeft: innerPaddingLeft}, css: cssClasses.panel.content">
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_100" name="cogLang" aria-labelledby="sq_100_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<h1>The Predictive Index® Cognitive Assessment</h1>
<div class="cogIntroContainer">
<div>To begin, please select the language in which you prefer to complete the assessment.<br>It's important you choose the language you are most familiar with for accurate results.</div>
</div>
<div class="additionalRequests">If there are any external factors that may affect your performance and/or you require an accommodation, please contact your administrator.</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_101" name="languageSelect" aria-labelledby="sq_101_ariaTitle" style="width: 50%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="Language" id="sq_101_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Language</span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.koCss().selectWrapper" class="select">
<select data-bind="if: true, attr: {id: question.inputId, 'aria-label': question.locTitle.renderedHtml}, value: question.renderedValue, valueAllowUnset: true, css: question.koControlClass" id="sq_101i" aria-label="Language"
class="form-control">
<!-- ko if: question.showOptionsCaption --><!-- /ko -->
<!-- ko foreach: question.visibleChoices -->
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="af-ZA">Afrikaans</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sq-AL">Albanian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ar-AE">Arabic (Gulf)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ar-XM">Arabic (International)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hy-AM">Armenian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="Lt-az-AZ">Azerbaijani</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="eu-ES">Basque</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="bn-IN">Bengali</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="bg-BG">Bulgarian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="my-MM">Burmese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ca-ES">Catalan</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zh-CN">Chinese (Simplified)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zh-TW">Chinese (Traditional)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zh-HK">Chinese (Traditional)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hr-HR">Croatian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="cs-CZ">Czech</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="da-DK">Danish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="nl-NL">Dutch</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="en-US">English</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="et-EE">Estonian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fa-IR">Farsi</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fil-PH">Filipino</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fi-FI">Finnish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="nl-BE">Flemish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fr-FR">French</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ka-GE">Georgian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="de-DE">German</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="el-GR">Greek</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="he-IL">Hebrew</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hi-IN">Hindi</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hu-HU">Hungarian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="is-IS">Icelandic</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="id-ID">Indonesian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="it-IT">Italian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ja-JP">Japanese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="kk-KZ">Kazakh</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="km-KH">Khmer</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ko-KR">Korean</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="lo-LA">Lao</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="lv-LV">Latvian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="lt-LT">Lithuanian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="mk-MK">Macedonian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ms-MY">Malay</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ml-IN">Malayalam</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="nb-NO">Norwegian (Bokmål)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pl-PL">Polish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pt-PT">Portuguese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pt-BR">Portuguese (Brazil)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="br3">Portuguese (Brazil)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pa-IN">Punjabi</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ro-RO">Romanian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ru-RU">Russian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sr-Cyrl-CS">Serbian (Latin)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sk-SK">Slovak</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sl-SI">Slovenian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="es-ES">Spanish (Modern Sort)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sw-KE">Swahili</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sv-SE">Swedish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ta-IN">Tamil</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="th-TH">Thai</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="tr-TR">Turkish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="uk-UA">Ukrainian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ur-PK">Urdu</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="vi-VN">Vietnamese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="xh-ZA">Xhosa</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zu-ZA">Zulu</option>
<!-- /ko -->
</select>
</div>
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
<!-- ko if: question.hasOther --><!-- /ko --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_102" name="continueToCog" aria-labelledby="sq_102_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root"><button type="button" class="btn btn-primary" id="cogLanguageContinueBtn">Continue</button></div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div data-bind="style:{ width: renderWidth }, attr: {id: id}, css: cssClasses.panel.container" id="cogWelcomeElement" class="sv_p_container" style="width: 100%; display: none;">
<h4 data-bind="visible: (processedTitle.length > 0), css: $data.getTitleStyle(), click: doExpand" class="sv_p_title" style="display: none;">
<!-- ko if: no --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<span data-bind="visible: koIsCollapsed() || koIsExpanded(), css: cssClasses.panel.icon + (!koIsCollapsed() ? ' ' + cssClasses.panel.iconExpanded: '')" class="sv_panel_icon sv_expanded" style="display: none;"></span>
</h4>
<div data-bind="css: cssClasses.panel.description" class="small sv_p_description">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
<!-- ko template: { name: 'survey-question-errors', data: $data } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger" style="display: none;"></div>
<!-- /ko -->
<div data-bind="visible: !koIsCollapsed(), style: { paddingLeft: innerPaddingLeft}, css: cssClasses.panel.content">
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_103" name="cogIntro" aria-labelledby="sq_103_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<h1>Welcome to the PI Cognitive Assessment!</h1>
<div class="cogIntroContainer">
<div class="cogIntroLeft">
<div> The PI Cognitive Assessment is a 12-minute timed assessment consisting of 50 questions. There are 5 questions on each page. The time remaining is displayed in the top right corner of the screen. Work quickly and try
to answer as many questions correctly as possible.There is no expectation to complete all 50 questions in the time allotted. </div>
<h3>Sample Questions</h3>
<div>Below are three sample questions. Answer a question by clicking on one of the response options. You can change your answer at any time by clicking on another answer. </div>
<div style="padding-top: 10px;">
<i>It is strongly recommended that you complete the sample questions below to familiarize yourself with the assessment.</i>
</div>
</div>
<div class="cogIntroRight"><b>PLEASE NOTE: </b>You must complete the assessment in one sitting, i.e., you cannot take a break or shut down the browser and continue later. The assessment is compatible with most computers and
tablets, but taking it on a smart phone or small screen tablet is not recommended. </div>
</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_104" name="T1" role="radiogroup" aria-labelledby="sq_104_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }"
aria-label="<span class='sample-question-header'>SAMPLE QUESTION 1</span><span class='questionLine '><strong>Assumptions:</strong></span><span class='questionLine questionLineMultiple'>Sally laughs every time the bell rings.</span><span class='questionLine questionLineMultiple'>The bell rang twice yesterday.</span><span class='questionLine '><strong>Conclusion:</strong></span><span class='questionLine questionLineMultiple'>Sally laughed only twice yesterday.</span><span class='questionLine '>If the assumptions are true, is the conclusion:</span>"
id="sq_104_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><span class="sample-question-header">SAMPLE QUESTION 1</span><span class="questionLine "><strong>Assumptions:</strong></span><span
class="questionLine questionLineMultiple">Sally laughs every time the bell rings.</span><span class="questionLine questionLineMultiple">The bell rang twice yesterday.</span><span
class="questionLine "><strong>Conclusion:</strong></span><span class="questionLine questionLineMultiple">Sally laughed only twice yesterday.</span><span class="questionLine ">If the assumptions are true, is the
conclusion:</span></span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }"
aria-label="<span class='sample-question-header'>SAMPLE QUESTION 1</span><span class='questionLine '><strong>Assumptions:</strong></span><span class='questionLine questionLineMultiple'>Sally laughs every time the bell rings.</span><span class='questionLine questionLineMultiple'>The bell rang twice yesterday.</span><span class='questionLine '><strong>Conclusion:</strong></span><span class='questionLine questionLineMultiple'>Sally laughed only twice yesterday.</span><span class='questionLine '>If the assumptions are true, is the conclusion:</span>">
</legend>
<!-- ko ifnot: question.hasColumns -->
<!-- ko foreach: { data: question.visibleChoices, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio sv-q-col-1 undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T1_sq_104" id="sq_104i_0" aria-label="Correct" role="radio" value="r1">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="Correct">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Correct</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio sv-q-col-1 undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T1_sq_104" id="sq_104i_1" aria-label="Incorrect" role="radio" value="r2">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="Incorrect">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Incorrect</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio sv-q-col-1 undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T1_sq_104" id="sq_104i_2" aria-label="Cannot be determined based on the information available" role="radio" value="r3">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="Cannot be determined based on the information available">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Cannot be determined based on the information available</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasColumns --><!-- /ko -->
<!-- ko if: question.canShowClearButton --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_105" name="T2" role="radiogroup" aria-labelledby="sq_105_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }"
aria-label="<span class='sample-question-header'>SAMPLE QUESTION 2</span><span class='questionLine '>What is the next number in the sequence below?</span><span class='questionLine '>1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7 </span>"
id="sq_105_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><span class="sample-question-header">SAMPLE QUESTION 2</span><span class="questionLine ">What is the next number in the sequence below?</span><span
class="questionLine ">1 3 5 7 </span></span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }"
aria-label="<span class='sample-question-header'>SAMPLE QUESTION 2</span><span class='questionLine '>What is the next number in the sequence below?</span><span class='questionLine '>1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7 </span>">
</legend>
<!-- ko ifnot: question.hasColumns --><!-- /ko -->
<!-- ko if: question.hasColumns -->
<!-- ko foreach: question.columns -->
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T2_sq_105" id="sq_105i_0" aria-label="8" role="radio" value="r1">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="8">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">8</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T2_sq_105" id="sq_105i_1" aria-label="9" role="radio" value="r2">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="9">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">9</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T2_sq_105" id="sq_105i_2" aria-label="10" role="radio" value="r3">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="10">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">10</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T2_sq_105" id="sq_105i_3" aria-label="11" role="radio" value="r4">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" title="11">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">11</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.canShowClearButton --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_106" name="T3" role="radiogroup" aria-labelledby="sq_106_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }"
aria-label="<span class='sample-question-header'>SAMPLE QUESTION 3</span><span class='questionLine '><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAxCAIAAACu3esAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARTSURBVGhD3ZshVCsxEEVXIpFIZCUSiaxEIiuRSBwSiURWIpGVyMpKJBKJRP5/90zPNmTTZDLZbLet6CllMnnz8jJJJtvm3/7XZrN5eXl5enp6fX39/PyMWE7qXz8/P8vlEti8+PD19RWB9/397RrTNmjcBL/9/f1dLBZXV1cPDw90dn9/P5vNHh8fJ0VHHwxBAvv8/Jx3oYkPl5eXvPfJgiCik/92xhcXFwRL+J7zAE20hyA49kyfn5/n83nfxUS4W6/XQdjAIxaGebVadVCZKHzDXPHC4U+mzvX1tTd7fJqwu7m5octg8O/v77e3txPhxYXx9vYG7Mj8Ii6QC1MfHx8Y75tfGEAiTPHedeHThC+4iBDBCKDVSTEFBcwdJkEcFWYET3SILsKROIEjzMI0KcVCe5fpg1OmHznkBqFK8Hd3d4hUovujJmX8ItqDsyMAlFIyoEWecCrJa0cTzMGf0l1ybir9lJtlwc7trgtzRxPzdl/m7ntXTs9cWAZ7d2oYmsebdGFuafIyVrK/elJPdu0aAINdUr09Cp7ZSZHvtzSxeJEIsyAammT51xiPkCXJwvSypYlcFd/U90GPADHJ1AgYdjTJMpnE5BnUFrwGz6g0sZfnXKOB5dkI04aGQzUZlSY46p/gNJHIiVFjWcmGkxdHs0rOxa2kozY30ZOtTsIRicNwVZRJ52dnZ/VWOtY4VlIwtDSZexphMJM0mcc46RmDblI3tvzd9dE04YqVBsQgNlW3l9SOpMrWFE6cqoOp4TF3Y6zxKTbuFroxL3Pi6+CLHRioN1JL08evtHQLDw0d0I2yZd+MFO5WBc1+Shq6R/kSP25bkjcTpathNYWLunkzMVQ84mfwk5Pn8ERoGlZQfW8NmZx8bh7biahpWEH1tXkiaoKmoQQV9HM6NA0lqGCaOyma5IYxecUSyTD7JHkK+yY3bP0tS5CsfSvmqdFUUn2OZLeGawIuC8wrHaXiEpGb+400NAsqsvlqCJJQbXAZOqoLtrb1WtkEFV8o2/M9JZXkZXEwqnrHzkISDYKK7+NbmpSXvX3o07mt87DlCiq552ppMh+IzA0LxaJpnlX5SAbS0mQWhVmGmjjLbZTw5DGdeKW4pamr+GYhs7XK6qLQWDn8muchtiVaJfEubiWIwlALmyfjUq5CW5q6oq8eVtUitB5G3DI5lhop0cWWpmSq99Aw49ht1bv5GYqm+DqulNKOJj4peZUACkvDA7KQdBURlD7k3fVR1qklOeeT6Mc0CD66pZfSHzXpBXVEUpLBCDKil5JPk4bg3A3umKqJ9OWRoonU9ebf2SaXvKNY4Pp8ebxkSclXk3jn2m7fk3Ns6kvuFw6rrI6aXCmFaZIfrPByywbsGLi5PF6O3AyVK6UwTTLmHB0psLCicf3N/Se7pIPf7paLEYK4vnV/PqD0mXieBH3y8Irt6SclgjHNCIdHaAzjfeDHbsbkSPrKfRJXWv0HOp6JoiqjyygAAAAASUVORK5CYII=" alt="T3" /></span><span class='questionLine '>The two figures above share a common feature. One of the figures below does NOT share this same feature. Which figure below does NOT share the common feature?</span>"
id="sq_106_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><span class="sample-question-header">SAMPLE QUESTION 3</span><span class="questionLine "><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAxCAIAAACu3esAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARTSURBVGhD3ZshVCsxEEVXIpFIZCUSiaxEIiuRSBwSiURWIpGVyMpKJBKJRP5/90zPNmTTZDLZbLet6CllMnnz8jJJJtvm3/7XZrN5eXl5enp6fX39/PyMWE7qXz8/P8vlEti8+PD19RWB9/397RrTNmjcBL/9/f1dLBZXV1cPDw90dn9/P5vNHh8fJ0VHHwxBAvv8/Jx3oYkPl5eXvPfJgiCik/92xhcXFwRL+J7zAE20hyA49kyfn5/n83nfxUS4W6/XQdjAIxaGebVadVCZKHzDXPHC4U+mzvX1tTd7fJqwu7m5octg8O/v77e3txPhxYXx9vYG7Mj8Ii6QC1MfHx8Y75tfGEAiTPHedeHThC+4iBDBCKDVSTEFBcwdJkEcFWYET3SILsKROIEjzMI0KcVCe5fpg1OmHznkBqFK8Hd3d4hUovujJmX8ItqDsyMAlFIyoEWecCrJa0cTzMGf0l1ybir9lJtlwc7trgtzRxPzdl/m7ntXTs9cWAZ7d2oYmsebdGFuafIyVrK/elJPdu0aAINdUr09Cp7ZSZHvtzSxeJEIsyAammT51xiPkCXJwvSypYlcFd/U90GPADHJ1AgYdjTJMpnE5BnUFrwGz6g0sZfnXKOB5dkI04aGQzUZlSY46p/gNJHIiVFjWcmGkxdHs0rOxa2kozY30ZOtTsIRicNwVZRJ52dnZ/VWOtY4VlIwtDSZexphMJM0mcc46RmDblI3tvzd9dE04YqVBsQgNlW3l9SOpMrWFE6cqoOp4TF3Y6zxKTbuFroxL3Pi6+CLHRioN1JL08evtHQLDw0d0I2yZd+MFO5WBc1+Shq6R/kSP25bkjcTpathNYWLunkzMVQ84mfwk5Pn8ERoGlZQfW8NmZx8bh7biahpWEH1tXkiaoKmoQQV9HM6NA0lqGCaOyma5IYxecUSyTD7JHkK+yY3bP0tS5CsfSvmqdFUUn2OZLeGawIuC8wrHaXiEpGb+400NAsqsvlqCJJQbXAZOqoLtrb1WtkEFV8o2/M9JZXkZXEwqnrHzkISDYKK7+NbmpSXvX3o07mt87DlCiq552ppMh+IzA0LxaJpnlX5SAbS0mQWhVmGmjjLbZTw5DGdeKW4pamr+GYhs7XK6qLQWDn8muchtiVaJfEubiWIwlALmyfjUq5CW5q6oq8eVtUitB5G3DI5lhop0cWWpmSq99Aw49ht1bv5GYqm+DqulNKOJj4peZUACkvDA7KQdBURlD7k3fVR1qklOeeT6Mc0CD66pZfSHzXpBXVEUpLBCDKil5JPk4bg3A3umKqJ9OWRoonU9ebf2SaXvKNY4Pp8ebxkSclXk3jn2m7fk3Ns6kvuFw6rrI6aXCmFaZIfrPByywbsGLi5PF6O3AyVK6UwTTLmHB0psLCicf3N/Se7pIPf7paLEYK4vnV/PqD0mXieBH3y8Irt6SclgjHNCIdHaAzjfeDHbsbkSPrKfRJXWv0HOp6JoiqjyygAAAAASUVORK5CYII="
alt="T3"></span><span class="questionLine ">The two figures above share a common feature. One of the figures below does NOT share this same feature. Which figure below does NOT share the common feature?</span></span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }"
aria-label="<span class='sample-question-header'>SAMPLE QUESTION 3</span><span class='questionLine '><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAAxCAIAAACu3esAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARTSURBVGhD3ZshVCsxEEVXIpFIZCUSiaxEIiuRSBwSiURWIpGVyMpKJBKJRP5/90zPNmTTZDLZbLet6CllMnnz8jJJJtvm3/7XZrN5eXl5enp6fX39/PyMWE7qXz8/P8vlEti8+PD19RWB9/397RrTNmjcBL/9/f1dLBZXV1cPDw90dn9/P5vNHh8fJ0VHHwxBAvv8/Jx3oYkPl5eXvPfJgiCik/92xhcXFwRL+J7zAE20hyA49kyfn5/n83nfxUS4W6/XQdjAIxaGebVadVCZKHzDXPHC4U+mzvX1tTd7fJqwu7m5octg8O/v77e3txPhxYXx9vYG7Mj8Ii6QC1MfHx8Y75tfGEAiTPHedeHThC+4iBDBCKDVSTEFBcwdJkEcFWYET3SILsKROIEjzMI0KcVCe5fpg1OmHznkBqFK8Hd3d4hUovujJmX8ItqDsyMAlFIyoEWecCrJa0cTzMGf0l1ybir9lJtlwc7trgtzRxPzdl/m7ntXTs9cWAZ7d2oYmsebdGFuafIyVrK/elJPdu0aAINdUr09Cp7ZSZHvtzSxeJEIsyAammT51xiPkCXJwvSypYlcFd/U90GPADHJ1AgYdjTJMpnE5BnUFrwGz6g0sZfnXKOB5dkI04aGQzUZlSY46p/gNJHIiVFjWcmGkxdHs0rOxa2kozY30ZOtTsIRicNwVZRJ52dnZ/VWOtY4VlIwtDSZexphMJM0mcc46RmDblI3tvzd9dE04YqVBsQgNlW3l9SOpMrWFE6cqoOp4TF3Y6zxKTbuFroxL3Pi6+CLHRioN1JL08evtHQLDw0d0I2yZd+MFO5WBc1+Shq6R/kSP25bkjcTpathNYWLunkzMVQ84mfwk5Pn8ERoGlZQfW8NmZx8bh7biahpWEH1tXkiaoKmoQQV9HM6NA0lqGCaOyma5IYxecUSyTD7JHkK+yY3bP0tS5CsfSvmqdFUUn2OZLeGawIuC8wrHaXiEpGb+400NAsqsvlqCJJQbXAZOqoLtrb1WtkEFV8o2/M9JZXkZXEwqnrHzkISDYKK7+NbmpSXvX3o07mt87DlCiq552ppMh+IzA0LxaJpnlX5SAbS0mQWhVmGmjjLbZTw5DGdeKW4pamr+GYhs7XK6qLQWDn8muchtiVaJfEubiWIwlALmyfjUq5CW5q6oq8eVtUitB5G3DI5lhop0cWWpmSq99Aw49ht1bv5GYqm+DqulNKOJj4peZUACkvDA7KQdBURlD7k3fVR1qklOeeT6Mc0CD66pZfSHzXpBXVEUpLBCDKil5JPk4bg3A3umKqJ9OWRoonU9ebf2SaXvKNY4Pp8ebxkSclXk3jn2m7fk3Ns6kvuFw6rrI6aXCmFaZIfrPByywbsGLi5PF6O3AyVK6UwTTLmHB0psLCicf3N/Se7pIPf7paLEYK4vnV/PqD0mXieBH3y8Irt6SclgjHNCIdHaAzjfeDHbsbkSPrKfRJXWv0HOp6JoiqjyygAAAAASUVORK5CYII=" alt="T3" /></span><span class='questionLine '>The two figures above share a common feature. One of the figures below does NOT share this same feature. Which figure below does NOT share the common feature?</span>">
</legend>
<!-- ko ifnot: question.hasColumns --><!-- /ko -->
<!-- ko if: question.hasColumns -->
<!-- ko foreach: question.columns -->
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T3_sq_106" id="sq_106i_0"
aria-label="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAjCAIAAABQPG6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKOSURBVFhHzZgv9EExFIAXRVEURVEURVEURVH7RVEURVEURVEURVEU+d6578wz29ve3pufneMcju3u2939O/WoMW632+Fw2O12f46x3++ZcL/fa2zyUFUXn06n5XI5mUy63W673R4Oh+Px2IU4Go2Y0Gq1er3edDpdrVbn87nqjqGIiF4sFmD1+32+bLfby+USvhnLN5vNfD6HlcGRwln9iNwjWMhFeZWwXAcADkQEIhZL8J6zDFHguEcu1ysoYgJixRKw15LldsTr9SpGlgiuCAQfe2HcOJ8V1ILIGpRXfrIInZUvwbgHg4FVIyYiTseZ0GLjEF6B2CiUsBoz3xDhIzR4ZaWbQATFOvGB4hYvRJyLv9NtHygZSuPGc0SMgD9qpoFACO80zAwYHeByRPzjC87rhdMTuGviifzMEIu/w6Wknqm1liH+mgrl8Fpxiisn86ZWSZx8pTINqh9xZOsZyOMES0UspACJO2XqVXgM162orChhUm8WJ588Qgmn1uv1bDaLE5F6FakEO1TH45E4mXqzOPmdTocwrvjwLU5E0lWkOjqKPHSLVSbdL0K49uMs8JD6iN4RUtItQYVEa6kJ8xz9a4oshsIckaIcRTbSPdVXLR5MWa3Lrle9CB+Urgai/saBEj4x3qpu+hUC0L90BXIA0h1qMlpss3dByd/vrYRPOqzPJwBLBygdKt3414pwrIsM5+pTna0+iLg9npUUFDjZiDzsMtay1wjUSREkoI0bKAIRK+875T7qf9MRUJIkSZ26o6bLIw2FYUgIRGzIyf2IWv8UHVRHPNhh1JgOuIEdGS4IFmtxRMhYW+mpowKiZi1uSe0ur4zWQR3AhKpHMowyBtEQIW+11tGIqz0BKHaglJYCKd4AAAAASUVORK5CYII=" alt="r1" />"
role="radio" value="r1">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }"
title="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAjCAIAAABQPG6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKOSURBVFhHzZgv9EExFIAXRVEURVEURVEURVH7RVEURVEURVEURVEU+d6578wz29ve3pufneMcju3u2939O/WoMW632+Fw2O12f46x3++ZcL/fa2zyUFUXn06n5XI5mUy63W673R4Oh+Px2IU4Go2Y0Gq1er3edDpdrVbn87nqjqGIiF4sFmD1+32+bLfby+USvhnLN5vNfD6HlcGRwln9iNwjWMhFeZWwXAcADkQEIhZL8J6zDFHguEcu1ysoYgJixRKw15LldsTr9SpGlgiuCAQfe2HcOJ8V1ILIGpRXfrIInZUvwbgHg4FVIyYiTseZ0GLjEF6B2CiUsBoz3xDhIzR4ZaWbQATFOvGB4hYvRJyLv9NtHygZSuPGc0SMgD9qpoFACO80zAwYHeByRPzjC87rhdMTuGviifzMEIu/w6Wknqm1liH+mgrl8Fpxiisn86ZWSZx8pTINqh9xZOsZyOMES0UspACJO2XqVXgM162orChhUm8WJ588Qgmn1uv1bDaLE5F6FakEO1TH45E4mXqzOPmdTocwrvjwLU5E0lWkOjqKPHSLVSbdL0K49uMs8JD6iN4RUtItQYVEa6kJ8xz9a4oshsIckaIcRTbSPdVXLR5MWa3Lrle9CB+Urgai/saBEj4x3qpu+hUC0L90BXIA0h1qMlpss3dByd/vrYRPOqzPJwBLBygdKt3414pwrIsM5+pTna0+iLg9npUUFDjZiDzsMtay1wjUSREkoI0bKAIRK+875T7qf9MRUJIkSZ26o6bLIw2FYUgIRGzIyf2IWv8UHVRHPNhh1JgOuIEdGS4IFmtxRMhYW+mpowKiZi1uSe0ur4zWQR3AhKpHMowyBtEQIW+11tGIqz0BKHaglJYCKd4AAAAASUVORK5CYII=" alt="r1" />">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAjCAIAAABQPG6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKOSURBVFhHzZgv9EExFIAXRVEURVEURVEURVH7RVEURVEURVEURVEU+d6578wz29ve3pufneMcju3u2939O/WoMW632+Fw2O12f46x3++ZcL/fa2zyUFUXn06n5XI5mUy63W673R4Oh+Px2IU4Go2Y0Gq1er3edDpdrVbn87nqjqGIiF4sFmD1+32+bLfby+USvhnLN5vNfD6HlcGRwln9iNwjWMhFeZWwXAcADkQEIhZL8J6zDFHguEcu1ysoYgJixRKw15LldsTr9SpGlgiuCAQfe2HcOJ8V1ILIGpRXfrIInZUvwbgHg4FVIyYiTseZ0GLjEF6B2CiUsBoz3xDhIzR4ZaWbQATFOvGB4hYvRJyLv9NtHygZSuPGc0SMgD9qpoFACO80zAwYHeByRPzjC87rhdMTuGviifzMEIu/w6Wknqm1liH+mgrl8Fpxiisn86ZWSZx8pTINqh9xZOsZyOMES0UspACJO2XqVXgM162orChhUm8WJ588Qgmn1uv1bDaLE5F6FakEO1TH45E4mXqzOPmdTocwrvjwLU5E0lWkOjqKPHSLVSbdL0K49uMs8JD6iN4RUtItQYVEa6kJ8xz9a4oshsIckaIcRTbSPdVXLR5MWa3Lrle9CB+Urgai/saBEj4x3qpu+hUC0L90BXIA0h1qMlpss3dByd/vrYRPOqzPJwBLBygdKt3414pwrIsM5+pTna0+iLg9npUUFDjZiDzsMtay1wjUSREkoI0bKAIRK+875T7qf9MRUJIkSZ26o6bLIw2FYUgIRGzIyf2IWv8UHVRHPNhh1JgOuIEdGS4IFmtxRMhYW+mpowKiZi1uSe0ur4zWQR3AhKpHMowyBtEQIW+11tGIqz0BKHaglJYCKd4AAAAASUVORK5CYII="
alt="r1"></span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T3_sq_106" id="sq_106i_1"
aria-label="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAIAAAADwcZiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAI9SURBVFhHxZcrl8IwEEb7E5BIJBKJrEQikSuRSBwSiUQikUgkEolEIpFIJHu74ZTSTJJJ0nO2tpm5mW8eSYrXf3xFGnS9Xu92uzRbrKKpj8djMpksl8ufv+/5fCaw46jn83k0Gh2PR0Mi3PF4fL1eY8ER1M1mU5bl7XZrMi6XC+DD4RAFVlFRdTabLRYLUU/+TqdT119xN2EqAhLNfr/3R2OUuN/vmqADVDJHIpWZI+vD4bDOugfvpCLmfD6PrVJT4avVyh+xTKVkUHW73WrkstdARW124DIXqBQkqlKcaUhjdTqdUBvNVdVEKVKQnm3qt0JlIRhVZpt8YvUs0pPslWIYb6pfkBwqtnbKKmow+ZlUzFvlWVCoJDLfb9ADrUiaTTcXaEuVB206WTAYDMwYrxTu9/vKSZbDpouI1XioqMyg5IGg3wdHMneBDxWtGWN6+7SVDI16nlexkmdE7mQyuDYED2r9992vHJ/BsywtRGOFtijcpoIEnOPXb0sdNWfyO1bkReS0q1dwrzQIzpvLPnOYgtIcyEGGvYAGoU1kKtcGzvAEp0ETphCzSKbaOgTdaRaIufs61e1Nafz614gSflFb9Z2PxIPYk19URjMDuhOYcUJT9Ho9uzXa96bm3MrHu2Ztm8oJH7xX6ndDU4hPvza1eR7pvbtWIq843oWbaX32ZlI99wWByq1OvE7GbsLjR6B2dafxaCa/OFz50IfL04EHhGu9TGVYY8OoSv7owPq+YrNlKn2NzpmfR5hfoVCQV1PtyqkAAAAASUVORK5CYII=" alt="r2" />"
role="radio" value="r2">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }"
title="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAIAAAADwcZiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAI9SURBVFhHxZcrl8IwEEb7E5BIJBKJrEQikSuRSBwSiUQikUgkEolEIpFIJHu74ZTSTJJJ0nO2tpm5mW8eSYrXf3xFGnS9Xu92uzRbrKKpj8djMpksl8ufv+/5fCaw46jn83k0Gh2PR0Mi3PF4fL1eY8ER1M1mU5bl7XZrMi6XC+DD4RAFVlFRdTabLRYLUU/+TqdT119xN2EqAhLNfr/3R2OUuN/vmqADVDJHIpWZI+vD4bDOugfvpCLmfD6PrVJT4avVyh+xTKVkUHW73WrkstdARW124DIXqBQkqlKcaUhjdTqdUBvNVdVEKVKQnm3qt0JlIRhVZpt8YvUs0pPslWIYb6pfkBwqtnbKKmow+ZlUzFvlWVCoJDLfb9ADrUiaTTcXaEuVB206WTAYDMwYrxTu9/vKSZbDpouI1XioqMyg5IGg3wdHMneBDxWtGWN6+7SVDI16nlexkmdE7mQyuDYED2r9992vHJ/BsywtRGOFtijcpoIEnOPXb0sdNWfyO1bkReS0q1dwrzQIzpvLPnOYgtIcyEGGvYAGoU1kKtcGzvAEp0ETphCzSKbaOgTdaRaIufs61e1Nafz614gSflFb9Z2PxIPYk19URjMDuhOYcUJT9Ho9uzXa96bm3MrHu2Ztm8oJH7xX6ndDU4hPvza1eR7pvbtWIq843oWbaX32ZlI99wWByq1OvE7GbsLjR6B2dafxaCa/OFz50IfL04EHhGu9TGVYY8OoSv7owPq+YrNlKn2NzpmfR5hfoVCQV1PtyqkAAAAASUVORK5CYII=" alt="r2" />">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAIAAAADwcZiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAI9SURBVFhHxZcrl8IwEEb7E5BIJBKJrEQikSuRSBwSiUQikUgkEolEIpFIJHu74ZTSTJJJ0nO2tpm5mW8eSYrXf3xFGnS9Xu92uzRbrKKpj8djMpksl8ufv+/5fCaw46jn83k0Gh2PR0Mi3PF4fL1eY8ER1M1mU5bl7XZrMi6XC+DD4RAFVlFRdTabLRYLUU/+TqdT119xN2EqAhLNfr/3R2OUuN/vmqADVDJHIpWZI+vD4bDOugfvpCLmfD6PrVJT4avVyh+xTKVkUHW73WrkstdARW124DIXqBQkqlKcaUhjdTqdUBvNVdVEKVKQnm3qt0JlIRhVZpt8YvUs0pPslWIYb6pfkBwqtnbKKmow+ZlUzFvlWVCoJDLfb9ADrUiaTTcXaEuVB206WTAYDMwYrxTu9/vKSZbDpouI1XioqMyg5IGg3wdHMneBDxWtGWN6+7SVDI16nlexkmdE7mQyuDYED2r9992vHJ/BsywtRGOFtijcpoIEnOPXb0sdNWfyO1bkReS0q1dwrzQIzpvLPnOYgtIcyEGGvYAGoU1kKtcGzvAEp0ETphCzSKbaOgTdaRaIufs61e1Nafz614gSflFb9Z2PxIPYk19URjMDuhOYcUJT9Ho9uzXa96bm3MrHu2Ztm8oJH7xX6ndDU4hPvza1eR7pvbtWIq843oWbaX32ZlI99wWByq1OvE7GbsLjR6B2dafxaCa/OFz50IfL04EHhGu9TGVYY8OoSv7owPq+YrNlKn2NzpmfR5hfoVCQV1PtyqkAAAAASUVORK5CYII="
alt="r2"></span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T3_sq_106" id="sq_106i_2"
aria-label="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA5CAIAAADC/V5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALYSURBVFhH7ZkrkyIxEID3JyCRyJNI5EkkEolEInEnkUgkEolEIpFIJBKJRO5+damdMD15dCaZqb2qG7nbSb50+s3H5w/4Pn4Aw+e/A3G73Xa73Ww2+/39rVar8/lcSosRTVwul19/v+VyeTweOdh82+0WnsFgsFgsQMyk8UI8n08OnkwmgTOQ2e/3BvHxeLRGcUOwOxflCZT7IgkK6lHKCzE3xHQ6PZ1OSTvCjaHM5/PX65W0EGEHBLrV60CcdzgceMH7/Z7EISGwPrwgaQshfL1eecokDgkBARw5EKyFIImjBsElxuNxJoFZjk/xLhiKZrcaBE6Py2mWaWTMu2g4ahCj0SjpLaMo2Cn+EhWzEBwPRHRBqoBGuxaCh2BB6hlReZ4DOwsr2ELkhIcwCrkG4wjIWAiN3qL39gmEb2ghgC2YnQUN6Q2D80V0C4Fbk7hb3zW6kMziy3AWorh/6pVhIbBhwkv0QjkCPmX0ZBNVLKfsaF6jJ++oDnZanoUIGE7OE4i12CYHiT9aCOe/Cx5vtnL6qoWIxrVSQM3a0UIQSSjhW1SIqXBNlddSeQ9eCnGzdKpB9GObTZXXIPKrXOXTiDxVg4CR4J3TSykh1uv1ZrOphGW13c+L0NeQ3L0QBQvugFZEFefowAjv+Y12Uq3lgOghdAp9OyAwT9JMp2ldVPYOCDTZta+KFOGGgKPT6MncgQzi9Y7qH0JOGQCUYnHvqDbqrgkQtu99DlBonnDXLgKoGECEIODoqMgYDofvd4tAwFG8PWx23nEIwgbaS52jBSw0UtT4VsJB8i3VnzW7rLgmDJmZbOaHUWcY1EKYQplwnjlWc8bABAijD+yj2TgoY5TPxtMgzGFmup6a7gPJuQ2EiR/6uTr6I/gGZlEtIYxKzFw98NsHxzPAQyY8mcyCMFby/tvHn7cPK6abYoQYDfy5EJVJmt8+3iH0caUYhNJBnGL/Ib7V8gV/3N1EWrzMSAAAAABJRU5ErkJggg==" alt="r3" />"
role="radio" value="r3">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }"
title="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA5CAIAAADC/V5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALYSURBVFhH7ZkrkyIxEID3JyCRyJNI5EkkEolEInEnkUgkEolEIpFIJBKJRO5+damdMD15dCaZqb2qG7nbSb50+s3H5w/4Pn4Aw+e/A3G73Xa73Ww2+/39rVar8/lcSosRTVwul19/v+VyeTweOdh82+0WnsFgsFgsQMyk8UI8n08OnkwmgTOQ2e/3BvHxeLRGcUOwOxflCZT7IgkK6lHKCzE3xHQ6PZ1OSTvCjaHM5/PX65W0EGEHBLrV60CcdzgceMH7/Z7EISGwPrwgaQshfL1eecokDgkBARw5EKyFIImjBsElxuNxJoFZjk/xLhiKZrcaBE6Py2mWaWTMu2g4ahCj0SjpLaMo2Cn+EhWzEBwPRHRBqoBGuxaCh2BB6hlReZ4DOwsr2ELkhIcwCrkG4wjIWAiN3qL39gmEb2ghgC2YnQUN6Q2D80V0C4Fbk7hb3zW6kMziy3AWorh/6pVhIbBhwkv0QjkCPmX0ZBNVLKfsaF6jJ++oDnZanoUIGE7OE4i12CYHiT9aCOe/Cx5vtnL6qoWIxrVSQM3a0UIQSSjhW1SIqXBNlddSeQ9eCnGzdKpB9GObTZXXIPKrXOXTiDxVg4CR4J3TSykh1uv1ZrOphGW13c+L0NeQ3L0QBQvugFZEFefowAjv+Y12Uq3lgOghdAp9OyAwT9JMp2ldVPYOCDTZta+KFOGGgKPT6MncgQzi9Y7qH0JOGQCUYnHvqDbqrgkQtu99DlBonnDXLgKoGECEIODoqMgYDofvd4tAwFG8PWx23nEIwgbaS52jBSw0UtT4VsJB8i3VnzW7rLgmDJmZbOaHUWcY1EKYQplwnjlWc8bABAijD+yj2TgoY5TPxtMgzGFmup6a7gPJuQ2EiR/6uTr6I/gGZlEtIYxKzFw98NsHxzPAQyY8mcyCMFby/tvHn7cPK6abYoQYDfy5EJVJmt8+3iH0caUYhNJBnGL/Ib7V8gV/3N1EWrzMSAAAAABJRU5ErkJggg==" alt="r3" />">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA5CAIAAADC/V5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALYSURBVFhH7ZkrkyIxEID3JyCRyJNI5EkkEolEInEnkUgkEolEIpFIJBKJRO5+damdMD15dCaZqb2qG7nbSb50+s3H5w/4Pn4Aw+e/A3G73Xa73Ww2+/39rVar8/lcSosRTVwul19/v+VyeTweOdh82+0WnsFgsFgsQMyk8UI8n08OnkwmgTOQ2e/3BvHxeLRGcUOwOxflCZT7IgkK6lHKCzE3xHQ6PZ1OSTvCjaHM5/PX65W0EGEHBLrV60CcdzgceMH7/Z7EISGwPrwgaQshfL1eecokDgkBARw5EKyFIImjBsElxuNxJoFZjk/xLhiKZrcaBE6Py2mWaWTMu2g4ahCj0SjpLaMo2Cn+EhWzEBwPRHRBqoBGuxaCh2BB6hlReZ4DOwsr2ELkhIcwCrkG4wjIWAiN3qL39gmEb2ghgC2YnQUN6Q2D80V0C4Fbk7hb3zW6kMziy3AWorh/6pVhIbBhwkv0QjkCPmX0ZBNVLKfsaF6jJ++oDnZanoUIGE7OE4i12CYHiT9aCOe/Cx5vtnL6qoWIxrVSQM3a0UIQSSjhW1SIqXBNlddSeQ9eCnGzdKpB9GObTZXXIPKrXOXTiDxVg4CR4J3TSykh1uv1ZrOphGW13c+L0NeQ3L0QBQvugFZEFefowAjv+Y12Uq3lgOghdAp9OyAwT9JMp2ldVPYOCDTZta+KFOGGgKPT6MncgQzi9Y7qH0JOGQCUYnHvqDbqrgkQtu99DlBonnDXLgKoGECEIODoqMgYDofvd4tAwFG8PWx23nEIwgbaS52jBSw0UtT4VsJB8i3VnzW7rLgmDJmZbOaHUWcY1EKYQplwnjlWc8bABAijD+yj2TgoY5TPxtMgzGFmup6a7gPJuQ2EiR/6uTr6I/gGZlEtIYxKzFw98NsHxzPAQyY8mcyCMFby/tvHn7cPK6abYoQYDfy5EJVJmt8+3iH0caUYhNJBnGL/Ib7V8gV/3N1EWrzMSAAAAABJRU5ErkJggg=="
alt="r3"></span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<div data-bind="css: question.getColumnClass()" class="sv_q_select_column sv-q-column-4">
<!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="radio undefined">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio' }, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="T3_sq_106" id="sq_106i_3"
aria-label="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAlCAIAAACoIKwtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFySURBVEhL3ZchcINAEEUjkUgkEolEViKRSCQSiatEIpFIJBJZiUQikUgkMn3tdW4IIRkyva3oiahjX/6/vb3dS9d1b6+sMAzfvxcfTtN0PbcuSZLkef5xehFdYeC5ruv7flmW8zw/x31h6ro+958Odg3DkGWZ53lFUTwJ8luMCr0sC5YAe2SjGYyCjeOIh+i7l2USo2QFQcD57UiGMURf1xVNKNuSzGO0e/A0SQRD9Kqq0jQVxwDYpoOUGjBt20ZRpAQJYojOTVK5IIuhQFCKxDFUSsqyOIactm2bX1nTdL6JYzAN68Qx6qH5L5g4jpumEVfzR2ejCoGsGl45x3HE742unrJqdNskiMErGjnVwgliqM1UaNn3ZitFUI1+aQTVbJ9nKYzqPbkxgn1a3/d0nfedtMlMozejgu10mDRNiaD/23aaxkzDHC4HJwED0v0gcNN1UkRfGQt/9lqWxSUncQ8njf1EQDE4PRDebHzkz6GmT5EcWplvf/UxAAAAAElFTkSuQmCC" alt="r4" />"
role="radio" value="r4">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }"
title="<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAlCAIAAACoIKwtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFySURBVEhL3ZchcINAEEUjkUgkEolEViKRSCQSiatEIpFIJBJZiUQikUgkMn3tdW4IIRkyva3oiahjX/6/vb3dS9d1b6+sMAzfvxcfTtN0PbcuSZLkef5xehFdYeC5ruv7flmW8zw/x31h6ro+958Odg3DkGWZ53lFUTwJ8luMCr0sC5YAe2SjGYyCjeOIh+i7l2USo2QFQcD57UiGMURf1xVNKNuSzGO0e/A0SQRD9Kqq0jQVxwDYpoOUGjBt20ZRpAQJYojOTVK5IIuhQFCKxDFUSsqyOIactm2bX1nTdL6JYzAN68Qx6qH5L5g4jpumEVfzR2ejCoGsGl45x3HE742unrJqdNskiMErGjnVwgliqM1UaNn3ZitFUI1+aQTVbJ9nKYzqPbkxgn1a3/d0nfedtMlMozejgu10mDRNiaD/23aaxkzDHC4HJwED0v0gcNN1UkRfGQt/9lqWxSUncQ8njf1EQDE4PRDebHzkz6GmT5EcWplvf/UxAAAAAElFTkSuQmCC" alt="r4" />">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAlCAIAAACoIKwtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFySURBVEhL3ZchcINAEEUjkUgkEolEViKRSCQSiatEIpFIJBJZiUQikUgkMn3tdW4IIRkyva3oiahjX/6/vb3dS9d1b6+sMAzfvxcfTtN0PbcuSZLkef5xehFdYeC5ruv7flmW8zw/x31h6ro+958Odg3DkGWZ53lFUTwJ8luMCr0sC5YAe2SjGYyCjeOIh+i7l2USo2QFQcD57UiGMURf1xVNKNuSzGO0e/A0SQRD9Kqq0jQVxwDYpoOUGjBt20ZRpAQJYojOTVK5IIuhQFCKxDFUSsqyOIactm2bX1nTdL6JYzAN68Qx6qH5L5g4jpumEVfzR2ejCoGsGl45x3HE742unrJqdNskiMErGjnVwgliqM1UaNn3ZitFUI1+aQTVbJ9nKYzqPbkxgn1a3/d0nfedtMlMozejgu10mDRNiaD/23aaxkzDHC4HJwED0v0gcNN1UkRfGQt/9lqWxSUncQ8njf1EQDE4PRDebHzkz6GmT5EcWplvf/UxAAAAAElFTkSuQmCC"
alt="r4"></span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.canShowClearButton --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_107" name="ready" aria-labelledby="sq_107_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<div>
<h3>Ready to begin?</h3>
</div>
<div>Read the instructions below carefully and acknowledge you understand them by clicking the checkbox. Click “Begin Assessment” when you are ready. The assessment will begin and the countdown will start.</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_108" name="instructions" aria-labelledby="sq_108_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<div class="instructionContainer">
<div class="instructionContainer_title">INSTRUCTIONS</div>
<div class="instructionContainer_columns">
<div class="instructionContainer_columnns_item">
<div class="instructionContainer_columnns_item_detail">
<span class="instructionContainer_columnns_item_detail_highlight">You must complete the assessment in one sitting.</span>
<span>You cannot take a break or shut down the browser and continue later.</span>
</div>
<div class="instructionContainer_columnns_item_detail">
<span class="instructionContainer_columnns_item_detail_highlight">Do not use the browser’s “back” and “forward” buttons or leave the browser tab when taking the assessment.</span>
<span>The assessment may end without recording your score.</span>
</div>
<div class="instructionContainer_columnns_item_detail">
<span class="instructionContainer_columnns_item_detail_highlight">Navigate through the assessment by clicking on the ‘Previous’ and ‘Next’ buttons at the bottom.</span>
<span>You can always go back and forth and change or add an answer. You do not have to answer all of the questions on one page in order to move to the next. </span>
</div>
</div>
<div class="instructionContainer_columnns_item">
<div class="instructionContainer_columnns_item_detail">
<span class="instructionContainer_columnns_item_detail_highlight">The results are based on the number of correct answers within the 12-minute time frame,</span>
<span>so try to answer as many questions correctly as possible. You will not be penalized for incorrect answers, but random guessing is not recommended. </span>
</div>
<div class="instructionContainer_columnns_item_detail">
<span class="instructionContainer_columnns_item_detail_highlight">Being able to focus is important.</span>
<span>Make sure you can dedicate sufficient time and can take the assessment in a distraction free environment.</span>
</div>
<div class="instructionContainer_columnns_item_detail">
<span class="instructionContainer_columnns_item_detail_highlight">Getting help from other people and/or using a calculator on the assessment is not permitted.</span>
</div>
</div>
</div>
</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_109" name="acknowledgeCheckbox" role="group" aria-labelledby="sq_109_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc sv_qcbx form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="acknowledgeCheckbox"></legend>
<!-- ko ifnot: question.hasColumns -->
<!-- ko foreach: { data: question.visibleChoices, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-checkbox-item' -->
<div data-bind="css: question.getItemClass(item) " class="checkbox sv-q-col-1 undefined">
<label data-bind="css: question.getLabelClass(item)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input type="checkbox"
data-bind="attr: {name: question.name, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="acknowledgeCheckbox" id="sq_109i_0" aria-label="<span class="bold-primary">I acknowledge and understand these instructions</span>
<div class="acknowledgeRequired">You must acknowledge that you’ve read the above instructions to continue.</div>" value="item1">
<!-- /ko -->
<span data-bind="css: question.koCss().materialDecorator" class="checkbox-material">
<svg viewBox="0 0 24 24" data-bind="css: question.koCss().itemDecorator" class="sv-hidden">
<path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path>
</svg>
<span class="check"></span>
</span>
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel, attr: { title: item.locText.koRenderedHtml }" title="<span class="bold-primary">I acknowledge and understand these instructions</span>
<div class="acknowledgeRequired">You must acknowledge that you’ve read the above instructions to continue.</div>">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml"><span class="bold-primary">I acknowledge and understand these instructions</span>
<div class="acknowledgeRequired">You must acknowledge that you’ve read the above instructions to continue.</div>
</span>
<!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasColumns --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_110" name="beginAssessment" aria-labelledby="sq_110_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root"><button type="button" class="btn btn-primary cog-begin-assessment-btn" id="beginAssessmentBtn">Begin Assessment</button></div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div><!-- /ko --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: isNavigationButtonsShowing === 'bottom' || isNavigationButtonsShowing === 'both' --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: koState() == "running" --><!-- /ko -->
<!-- ko if: koState() == "completed" && showCompletedPage --><!-- /ko -->
<!-- ko if: koState() == "completedbefore" --><!-- /ko -->
<!-- ko if: koState() == "loading" --><!-- /ko -->
<!-- ko if: koState() == "empty" --><!-- /ko -->
</div>
</form>Text Content
You must enable JavaScript in order to take this assessment. UH-OH. SOMETHING WENT WRONG It appears we're having some trouble submitting this assessment. Please try the following: * Use a different browser * Connect to a different internet network * If using a VPN, connect using a different geographical location * Turn off VPN connection * If using an 'Incognito' browser window, use a regular browser * Disable any ad or script blocking browser add-ons THE PREDICTIVE INDEX® COGNITIVE ASSESSMENT To begin, please select the language in which you prefer to complete the assessment. It's important you choose the language you are most familiar with for accurate results. If there are any external factors that may affect your performance and/or you require an accommodation, please contact your administrator. LANGUAGE Afrikaans Albanian Arabic (Gulf) Arabic (International) Armenian Azerbaijani Basque Bengali Bulgarian Burmese Catalan Chinese (Simplified) Chinese (Traditional) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Farsi Filipino Finnish Flemish French Georgian German Greek Hebrew Hindi Hungarian Icelandic Indonesian Italian Japanese Kazakh Khmer Korean Lao Latvian Lithuanian Macedonian Malay Malayalam Norwegian (Bokmål) Polish Portuguese Portuguese (Brazil) Portuguese (Brazil) Punjabi Romanian Russian Serbian (Latin) Slovak Slovenian Spanish (Modern Sort) Swahili Swedish Tamil Thai Turkish Ukrainian Urdu Vietnamese Xhosa Zulu Continue WELCOME TO THE PI COGNITIVE ASSESSMENT! The PI Cognitive Assessment is a 12-minute timed assessment consisting of 50 questions. There are 5 questions on each page. The time remaining is displayed in the top right corner of the screen. Work quickly and try to answer as many questions correctly as possible.There is no expectation to complete all 50 questions in the time allotted. SAMPLE QUESTIONS Below are three sample questions. Answer a question by clicking on one of the response options. You can change your answer at any time by clicking on another answer. It is strongly recommended that you complete the sample questions below to familiarize yourself with the assessment. PLEASE NOTE: You must complete the assessment in one sitting, i.e., you cannot take a break or shut down the browser and continue later. The assessment is compatible with most computers and tablets, but taking it on a smart phone or small screen tablet is not recommended. SAMPLE QUESTION 1ASSUMPTIONS:SALLY LAUGHS EVERY TIME THE BELL RINGS.THE BELL RANG TWICE YESTERDAY.CONCLUSION:SALLY LAUGHED ONLY TWICE YESTERDAY.IF THE ASSUMPTIONS ARE TRUE, IS THE CONCLUSION: Correct Incorrect Cannot be determined based on the information available SAMPLE QUESTION 2WHAT IS THE NEXT NUMBER IN THE SEQUENCE BELOW?1 3 5 7 8 9 10 11 SAMPLE QUESTION 3THE TWO FIGURES ABOVE SHARE A COMMON FEATURE. ONE OF THE FIGURES BELOW DOES NOT SHARE THIS SAME FEATURE. WHICH FIGURE BELOW DOES NOT SHARE THE COMMON FEATURE? READY TO BEGIN? Read the instructions below carefully and acknowledge you understand them by clicking the checkbox. Click “Begin Assessment” when you are ready. The assessment will begin and the countdown will start. INSTRUCTIONS You must complete the assessment in one sitting. You cannot take a break or shut down the browser and continue later. Do not use the browser’s “back” and “forward” buttons or leave the browser tab when taking the assessment. The assessment may end without recording your score. Navigate through the assessment by clicking on the ‘Previous’ and ‘Next’ buttons at the bottom. You can always go back and forth and change or add an answer. You do not have to answer all of the questions on one page in order to move to the next. The results are based on the number of correct answers within the 12-minute time frame, so try to answer as many questions correctly as possible. You will not be penalized for incorrect answers, but random guessing is not recommended. Being able to focus is important. Make sure you can dedicate sufficient time and can take the assessment in a distraction free environment. Getting help from other people and/or using a calculator on the assessment is not permitted. I acknowledge and understand these instructions You must acknowledge that you’ve read the above instructions to continue. Begin Assessment © Predictive Index, LLC 1955 - 2023. Your privacy is important to us. Privacy Policy.