<label class="control-label"><strong>{{#t "default_question_bank_label"}}Default Question bank{{/t}}</strong></label>
<div class="controls">
  <select class="questionBank span3">
    <option value="">{{#t "select_question_bank"}}Select question bank{{/t}}</option>
    <option value="new_question_bank" id="createQuestion" aria-label="{{#t "aria_new_label"}}Create new question bank{{/t}}">{{#t "create_new_question"}}-- Create new question bank --{{/t}}</option>
    {{#each questionBanks}}
    <option value={{assessment_question_bank.id}}>{{assessment_question_bank.title}}</option>
    {{/each}}
  </select>
  <div id="questionBankDisabledMsg" style="color: #ccc; display: none;">{{#t "question_banks_disabled"}}This option has been disabled{{/t}}</div>
</div>
<br />
<div class="controls" aria-live="assertive">
  <input title="{{#t "question_bank_title"}}New question bank name{{/t}}" aria-label="{{#t "question_bank_placeholder_aria"}}Enter new question bank name{{/t}}" placeholder="{{#t "question_bank_placeholder"}}Question bank name{{/t}}" type="text" style="display:none" id="createQuestionInput"/>
</div>

<label class="control-label"><strong>{{#t "default_question_bank_label"}}Default Question bank{{/t}}</strong></label>
<div class="controls">
  <select class="questionBank span3">
    <option value="">{{#t "select_question_bank"}}Select question bank{{/t}}</option>
    <option value="new_question_bank" id="createQuestion" aria-label="{{#t "aria_new_label"}}Create new question bank{{/t}}">{{#t "create_new_question"}}-- Create new question bank --{{/t}}</option>
    {{#each questionBanks}}
    <option value={{assessment_question_bank.id}}>{{assessment_question_bank.title}}</option>
    {{/each}}
  </select>
  <div id="questionBankDisabledMsg" style="color: #2D3B45; display: none;">{{#t "question_banks_disabled"}}This option has been disabled{{/t}}</div>
</div>
<br />
<div class="controls" aria-live="assertive">
  <input title="{{#t "question_bank_title"}}New question bank name{{/t}}" aria-label="{{#t "question_bank_placeholder_aria"}}Enter new question bank name{{/t}}" placeholder="{{#t "question_bank_placeholder"}}Question bank name{{/t}}" type="text" style="display:none" id="createQuestionInput"/>
</div>

Use HCM color for disabled msg
fix(a11y): Use HCM color for disabled msg

closes QUIZ-5103

Test Plan:
  - Navigate to course-setting, import content page.
  - Select 'Common Cartridge 1.x'
  - Click 'Import assessment content as Quizzes.Next'
  - Verify the message "This option is not compatible with Quizzes.Next"
    is displaced in 'Licorice' #2D3B45

Change-Id: I3e99cb72d4fb52f0441546a38ae8ee54837bcac5
Reviewed-on: https://gerrit.instructure.com/161347
Tested-by: Jenkins
Reviewed-by: John Corrigan <3d73713d0cc718326e4fd7c06c64e067ad6e2270@instructure.com>
QA-Review: David Tan <6283e310a2278fc51bdc4fb5974f70dd9c3366b9@instructure.com>
Product-Review: Kevin Dougherty <d976013e3ceb631f24c072156980cd9ccba4cf84@instructure.com>
