.quiz.minimize{display:none;transition:display transform .5s}.quiz-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;background-color:rgba(0,0,0,.1)}.quiz-mask.transparent{background-color:transparent}.quiz{box-sizing:border-box;position:absolute;margin:0 auto;padding:10px;overflow:auto;text-align:left;background-color:#fff;box-shadow:0 0 4px #000;border-radius:5px}.quiz.default-position{top:5%;left:0;right:0;width:640px;max-width:95%;max-height:90%;z-index:102}.quiz.quickAnswerMode{top:0 !important;text-align:center;animation-name:quickAnswerMode;animation-iteration-count:infinite;animation-duration:1.5s}@keyframes quickAnswerMode{0%{border:3px solid #6698f3}10%{border:3px solid blue}20%{border:3px solid #6698f3}100%{border:3px solid #6698f3}}.quiz.cust-position{max-width:400px;z-index:102}.quiz .subject{padding:5px 10px;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 4px #ccc}.quiz .hotAreaSubject{padding:5px 10px}.quiz .answer{margin-top:5px}.quiz ul{margin:0}.quiz ul.answer{padding:0}.quiz ul.answer li{list-style-type:none}.quiz.selection .answer .item input{float:left;margin:4px 5px 0 0}.quiz.selection .answer .item .q{overflow:hidden}.quiz ul li label{padding:3px;font-size:inherit}.quiz ul li input{margin:0}.quiz .panel{margin-top:10px;margin-bottom:10px;border:0;box-shadow:none}.quiz.quickAnswerMode .panel{margin:0}.quiz .quiz-answerInfo{margin-top:10px}.quiz-answerInfo .quiz-answer{font-weight:bold;margin-bottom:10px}.quiz-msg.errorMsg .quiz-answerInfo .quiz-answer{color:#d9534f}.quiz-msg.correctMsg .quiz-answerInfo .quiz-answer{color:#5cb85c}.quiz .panel button{margin-left:10px}.maxbtn{opacity:.8;position:absolute;top:5px;left:5px;z-index:999}.single-line li{display:inline-block;vertical-align:top;margin-right:20px}.single-line li .q{white-space:nowrap}.position-marker{position:absolute;z-index:102}.position-marker.wide-marker{z-index:103}.position-marker>.triangle{position:absolute;width:15px;height:15px;overflow:hidden;box-sizing:content-box}.position-marker>.triangle:before{content:'';left:0;top:0;width:21px;height:21px;position:absolute;background:#fff;box-sizing:content-box;z-index:101}.position-marker>.triangle:after{content:'';left:0;top:0;width:21px;height:21px;position:absolute;background:transparent;border:1px solid #aaa;box-sizing:content-box;z-index:99}.position-marker[direction="0"]>.triangle{left:-15px;top:-16px;border-bottom:1px solid #aaa}.position-marker[direction="0"]>.triangle:before{left:-7px;top:-6px;transform-origin:right bottom;transform:rotate(-45deg)}.position-marker[direction="0"]>.triangle:after{left:-8px;top:-8px;transform-origin:right bottom;transform:rotate(-45deg)}.position-marker[direction="2"]>.triangle{top:-16px;border-bottom:1px solid #aaa}.position-marker[direction="2"]>.triangle:before{top:-6px;left:1px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="2"]>.triangle:after{top:-8px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="4"]>.triangle{border-top:1px solid #aaa}.position-marker[direction="4"]>.triangle:before{top:-21px;left:1px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="4"]>.triangle:after{top:-23px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="6"]>.triangle{left:-15px;border-top:1px solid #aaa}.position-marker[direction="6"]>.triangle:before{left:-7px;transform-origin:right top;transform:rotate(45deg)}.position-marker[direction="6"]>.triangle:after{left:-8px;transform-origin:right top;transform:rotate(45deg)}.position-marker>.bubble{position:absolute;width:50px;height:40px;padding:7px 0;background-color:#FFF;box-shadow:0 2px 2px 0 rgba(0,0,0,.3);border:3px solid #6698f3;border-radius:50%;font-size:20px;line-height:1;text-align:center;font-weight:bold;color:#6698f3;z-index:100}.position-marker[direction="0"]>.bubble{bottom:-6px;right:3px}.position-marker[direction="2"]>.bubble{bottom:-6px;left:3px}.position-marker[direction="4"]>.bubble{top:-6px;left:3px}.position-marker[direction="6"]>.bubble{top:-6px;right:3px}.position-marker>.bubble+.triangle:after{border:3px solid #6698f3}.position-marker[direction="0"]>.bubble+.triangle{left:-15px;top:-18px;border-bottom:3px solid #6698f3}.position-marker[direction="0"]>.bubble+.triangle:before{left:-9px;top:-6px;transform-origin:right bottom;transform:rotate(-45deg)}.position-marker[direction="0"]>.bubble+.triangle:after{left:-9px;top:-9px;transform-origin:right bottom;transform:rotate(-45deg)}.position-marker[direction="2"]>.bubble+.triangle{top:-18px;border-bottom:3px solid #6698f3}.position-marker[direction="2"]>.bubble+.triangle:before{top:-6px;left:3px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="2"]>.bubble+.triangle:after{top:-12px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="4"]>.bubble+.triangle{border-top:3px solid #6698f3}.position-marker[direction="4"]>.bubble+.triangle:before{top:-21px;left:3px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="4"]>.bubble+.triangle:after{top:-27px;transform-origin:left bottom;transform:rotate(45deg)}.position-marker[direction="6"]>.bubble+.triangle{left:-15px;border-top:3px solid #6698f3}.position-marker[direction="6"]>.bubble+.triangle:before{left:-9px;transform-origin:right top;transform:rotate(45deg)}.position-marker[direction="6"]>.bubble+.triangle:after{left:-12px;transform-origin:right top;transform:rotate(45deg)}.position-marker.wide-marker+.quiz{position:absolute;background:#FFF}.position-marker.wide-marker[direction="0"]+.quiz{margin-bottom:-5px;margin-right:15px;}.position-marker.wide-marker[direction="2"]+.quiz{margin-bottom:-5px;margin-left:15px;}.position-marker.wide-marker[direction="4"]+.quiz{margin-top:-5px;margin-left:15px;}.position-marker.wide-marker[direction="6"]+.quiz{margin-top:-5px;margin-right:15px;}.position-marker.narrow-marker{cursor:pointer;animation-name:zoomin;animation-iteration-count:1;animation-duration:.5s}.position-marker.narrow-marker>.bubble{animation-name:bubble;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:.4s}@keyframes zoomin{0%{transform:scale(0)}60%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes bubble{0%{transform:scale(1)}100%{transform:scale(1.1)}}.cue-point{position:absolute;top:0;width:4px;height:100%;background-color:#FF0;margin-left:-2px;z-index:2}.cue-point.cAnswered{background-color:#FF0}.cue-point.cCorrect{background-color:#0f0}.hotAreaContainer{position:absolute;left:0;top:0;right:0;bottom:0;z-index:101;margin:auto}.hotAreaCanvasMask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:102;margin:auto}.hotArea-controls{position:absolute;top:10px;right:10px;z-index:101}.hotArea-controls .controlBtn{height:60px;width:60px;color:white;background-color:gray;opacity:.8;border-radius:50%;text-align:center;cursor:pointer;border:2px solid white}.hotArea-controls .controlBtn:hover{opacity:1}.hotArea-controls .controlBtn::before,.hotArea-controls .controlBtn::after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.hotArea-controls .controlBtn .text{display:inline-block;width:2em;vertical-align:middle}.hotArea-controls .controlBtn+.controlBtn{margin-top:10px}.hotArea-msg{margin-top:20px}.quiz.quickAnswerMode .hotArea-msg{margin-top:0}.quiz-msg .msg,.quiz-msg .note,.quiz-msg .controls{margin-bottom:10px}.quiz.quickAnswerMode .quiz-msg .msg{margin-bottom:5px}.quiz.quickAnswerMode .quiz-msg .note,.quiz.quickAnswerMode .quiz-msg .controls{margin-bottom:0}.quickNote{border:2px solid #ccc;text-align:left;padding:5px;margin:10px 0}.errorMsg .msg{color:red}