<link rel="stylesheet" href="./templates/mcms_mcss_1/mcms_mcss_1.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_1/event_manager.js"></script>
<script src="./templates/mcms_mcss_1/feedback.js"></script>
<script src="./templates/mcms_mcss_1/submit_button.js"></script>
<script src="./templates/mcms_mcss_1/option.js"></script>
<script src="./templates/mcms_mcss_1/mcms_mcss_1.js"></script>