<link
  rel="stylesheet"
  href="./templates/mcms_mcss_12/mcms_mcss_12.css"
  type="text/css"
/>

<section class="mainContent activityBox blueBox" id="mcmsContainer">
  <div class="scrollbar-2 scroll_continer">
    <div class="clickIntHolder" id="clickIntHolder">
      <div id="mcmsHolder" class="mcssWrap">
        <div class="cont_box">
          <div id="question-close" class="close_btn close-anim active"></div>
          <div class="leftQueArea">
            <div class="grp_img animated">
              <img
                src="./templates/mcms/tab_leftImg.png"
                class="img-fluid timerBG"
                alt=""
              />
            </div>
            <div
              class="policyIcon hint_btn btn active d-hide"
              id="policyIcon"
              data-text="policyText"
            >
              Policy<br />Summary
            </div>
            <div
              class="clueIcon hint_btn btn active d-hide"
              id="clueIcon"
              data-text="clueText"
            >
              Clue
            </div>
          </div>
          <div class="mainBorder rightOptArea">
            <div class="queArea_1 d-hide">
              <p id="questionID_1" class="questionID">Question text</p>
              <p id="mcmsQuestionTxt_1" class="mcmsQuestionTxt">
                Question text
              </p>
            </div>
            <div class="queArea rightOptArea_1">
              <!--  <p id="mcmsScenarioTxt" class="mcmsScenarioTxt">Scenario text</p> -->
              <p id="questionID" class="questionID">Question text</p>
              <p id="mcmsQuestionTxt" class="mcmsQuestionTxt">Question text</p>
              <p id="mcmsInstructionTxt" class="activityinstruction">
                Instruction text
              </p>
            </div>

            <div class="wrapper_sty rightOptArea_1">
              <div id="mcmsOptionContainer" class="optionContainer">
                <div class="row cloneOption">
                  <div class="optionIcons">
                    <div id="tickCross" class="tickIco correct"></div>
                    <div id="optionBox" class="checkBox"></div>
                  </div>
                  <div class="optionText">
                    <div id="optionTxt" class="txt"></div>
                  </div>
                </div>
                <div class="content_wrap">
                  <div class="option_box_wrap">
                    <div class="group1 bx_col"></div>
                    <div class="group2 bx_col"></div>
                    <div class="group3 bx_col"></div>
                  </div>
                </div>
              </div>
            </div>

            <div class="btnCont text-center pb-1 submitBtn-hr rightOptArea_1">
              <div id="mcmsSubmitBtn" class="submitBtn pop_btn">Submit</div>
            </div>
          </div>
        </div>
      </div>
      <div id="hintCover"></div>
      <div
        id="hintBoxPopup"
        class="hintBoxPopup animated animatedFadeInUp d-hide"
      >
        <div class="hintBoxContent">
          <div id="hintBoxClose" class="close_btn close-anim"></div>
          <div class="hint_header_main">
            <div id="hintIcon"></div>
            <div id="hintHeader" class="titleTxt hintHeader">Hint Header</div>
          </div>
          <div id="hintContent" class="hintText">Hint Content</div>
        </div>
      </div>
    </div>
  </div>
</section>

<div id="hintCoverFeedback"></div>
<div id="mcmsFeedbackBox" class="feedBackPopup animated animatedFadeInUp">
  <div class="feedBackContent">
    <div id="feedbackClose" class="close_btn close-anim"></div>
    <div id="feedbackHeader" class="titleTxt">
      <span class="vcenter">Feedback</span>
    </div>
    <div id="feedbackContent" class="feebackText"></div>
  </div>
</div>

<script src="./templates/mcms_mcss_12/event_manager.js"></script>
<script src="./templates/mcms_mcss_12/feedback.js"></script>
<script src="./templates/mcms_mcss_12/submit_button.js"></script>
<script src="./templates/mcms_mcss_12/option.js"></script>
<script src="./templates/mcms_mcss_12/mcms_mcss_12.js"></script>
