Index: lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/ScratchieConstants.java
===================================================================
diff -u -r18be7421230bdff4abe7dded93fd27c4feadf869 -r10d16b726979dd7b3c41def7038e8958b46b638b
--- lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/ScratchieConstants.java	(.../ScratchieConstants.java)	(revision 18be7421230bdff4abe7dded93fd27c4feadf869)
+++ lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/ScratchieConstants.java	(.../ScratchieConstants.java)	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -191,4 +191,9 @@
     public static final String ATTR_SHOW_RESULTS = "showResults";
 
     public static final String ATTR_REFERENCES_SEQUENCE_IDS = "sequenceIds";
+    
+    //flux management
+    public static final String ANSWERS_UPDATED_SINK_NAME = "scratchie learner answers updated";
+
+    public static final String STUDENT_CHOICES_UPDATE_FLUX_NAME = "scratchie student choices updated";
 }
Index: lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/service/ScratchieServiceImpl.java
===================================================================
diff -u -rf0ff6bc30e8fa7e5d4201b7b9571194845ad3a83 -r10d16b726979dd7b3c41def7038e8958b46b638b
--- lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/service/ScratchieServiceImpl.java	(.../ScratchieServiceImpl.java)	(revision f0ff6bc30e8fa7e5d4201b7b9571194845ad3a83)
+++ lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/service/ScratchieServiceImpl.java	(.../ScratchieServiceImpl.java)	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -55,6 +55,8 @@
 import org.lamsfoundation.lams.confidencelevel.VsaAnswerDTO;
 import org.lamsfoundation.lams.contentrepository.client.IToolContentHandler;
 import org.lamsfoundation.lams.events.IEventNotificationService;
+import org.lamsfoundation.lams.flux.FluxMap;
+import org.lamsfoundation.lams.flux.FluxRegistry;
 import org.lamsfoundation.lams.learning.service.ILearnerService;
 import org.lamsfoundation.lams.learningdesign.ToolActivity;
 import org.lamsfoundation.lams.learningdesign.service.ExportToolContentException;
@@ -175,6 +177,12 @@
 
     private ScratchieOutputFactory scratchieOutputFactory;
 
+    public ScratchieServiceImpl() {
+	FluxRegistry.initFluxMap(ScratchieConstants.ANSWERS_UPDATED_SINK_NAME,
+		ScratchieConstants.ANSWERS_UPDATED_SINK_NAME, null, toolContentId -> "doRefresh",
+		FluxMap.SHORT_THROTTLE, FluxMap.STANDARD_TIMEOUT);
+    }
+
     // *******************************************************************************
     // Service method
     // *******************************************************************************
@@ -464,8 +472,11 @@
 	    log.setQbToolQuestion(qbToolQuestion);
 	    log.setAccessDate(new Timestamp(new Date().getTime()));
 	    scratchieAnswerVisitDao.saveObject(log);
+	    // need to flush so subscribers to sink see new answers in DB
+	    scratchieAnswerVisitDao.flush();
 
 	    recalculateMarkForSession(sessionId, false);
+	    FluxRegistry.emit(ScratchieConstants.ANSWERS_UPDATED_SINK_NAME, log.getQbToolQuestion().getToolContentId());
 	}
     }
 
Index: lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/TblMonitorController.java
===================================================================
diff -u -r1a24cfe9b9193edfa8bb951c538a9520dd319f42 -r10d16b726979dd7b3c41def7038e8958b46b638b
--- lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/TblMonitorController.java	(.../TblMonitorController.java)	(revision 1a24cfe9b9193edfa8bb951c538a9520dd319f42)
+++ lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/TblMonitorController.java	(.../TblMonitorController.java)	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -37,6 +37,7 @@
 import javax.servlet.http.HttpServletResponse;
 
 import org.apache.log4j.Logger;
+import org.lamsfoundation.lams.flux.FluxRegistry;
 import org.lamsfoundation.lams.tool.scratchie.ScratchieConstants;
 import org.lamsfoundation.lams.tool.scratchie.dto.BurningQuestionItemDTO;
 import org.lamsfoundation.lams.tool.scratchie.dto.GroupSummary;
@@ -54,6 +55,7 @@
 import org.lamsfoundation.lams.web.util.AttributeNames;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.http.HttpStatus;
+import org.springframework.http.MediaType;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.RequestMapping;
@@ -62,9 +64,12 @@
 import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.bind.annotation.ResponseStatus;
 
+import com.fasterxml.jackson.core.JsonProcessingException;
 import com.fasterxml.jackson.databind.node.JsonNodeFactory;
 import com.fasterxml.jackson.databind.node.ObjectNode;
 
+import reactor.core.publisher.Flux;
+
 @Controller
 @RequestMapping("/tblmonitoring")
 public class TblMonitorController {
@@ -123,11 +128,28 @@
 
 	model.addAttribute(AttributeNames.PARAM_TOOL_CONTENT_ID, toolContentId);
 	model.addAttribute("scratchie", scratchie);
-	model.addAttribute("isTbl", true);
 
 	return "pages/monitoring/studentChoices5";
     }
 
+    @RequestMapping("/traStudentChoicesTable")
+    public String traStudentChoicesTable(@RequestParam(name = AttributeNames.PARAM_TOOL_CONTENT_ID) long toolContentId,
+	    Model model) throws IOException, ServletException {
+	Scratchie scratchie = scratchieService.getScratchieByContentId(toolContentId);
+
+	Map<String, Object> modelAttributes = scratchieService.prepareStudentChoicesData(scratchie);
+	model.addAllAttributes(modelAttributes);
+
+	return "pages/monitoring/studentChoicesTable";
+    }
+
+    @RequestMapping(path = "/traStudentChoicesFlux", method = RequestMethod.GET, produces = MediaType.TEXT_EVENT_STREAM_VALUE)
+    @ResponseBody
+    public Flux<String> getTraStudentChoicesFlux(@RequestParam long toolContentId)
+	    throws JsonProcessingException, IOException {
+	return FluxRegistry.get(ScratchieConstants.ANSWERS_UPDATED_SINK_NAME, toolContentId);
+    }
+
     /**
      * Exports tool results into excel.
      *
Index: lams_tool_scratchie/web/WEB-INF/spring-servlet.xml
===================================================================
diff -u -r7ff6d4b34cd71ac45741cb7c8d0c3ef6909eadf4 -r10d16b726979dd7b3c41def7038e8958b46b638b
--- lams_tool_scratchie/web/WEB-INF/spring-servlet.xml	(.../spring-servlet.xml)	(revision 7ff6d4b34cd71ac45741cb7c8d0c3ef6909eadf4)
+++ lams_tool_scratchie/web/WEB-INF/spring-servlet.xml	(.../spring-servlet.xml)	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -11,10 +11,11 @@
    						   http://www.springframework.org/schema/mvc
         				   http://www.springframework.org/schema/mvc/spring-mvc.xsd">
 
-	<!-- Initialise Spring MVC. Enforce path suffix use otherwise /start will be recognised but /start.do will not. -->
+	<!-- Initialise Spring MVC. Enforce path suffix use otherwise /start will be recognised but /start.do will not. 
+		 Task executor is defined in commonContext.xml and is fetched from underlying JEE7+ platform (WildFly) -->
 	<mvc:annotation-driven>
+		<mvc:async-support default-timeout="10000" task-executor="serverTaskExecutor" />	
 		<mvc:path-matching suffix-pattern="true" />
 	</mvc:annotation-driven>
-
 	<context:component-scan base-package="org.lamsfoundation.lams.tool.scratchie.web.controller" />
 </beans>
\ No newline at end of file
Index: lams_tool_scratchie/web/WEB-INF/web.xml
===================================================================
diff -u -r9986a8084b318ccc9c025ec56407dc09a705dd60 -r10d16b726979dd7b3c41def7038e8958b46b638b
--- lams_tool_scratchie/web/WEB-INF/web.xml	(.../web.xml)	(revision 9986a8084b318ccc9c025ec56407dc09a705dd60)
+++ lams_tool_scratchie/web/WEB-INF/web.xml	(.../web.xml)	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -28,6 +28,7 @@
 		<filter-class>
 			org.springframework.orm.hibernate5.support.OpenSessionInViewFilter
 		</filter-class>
+		<async-supported>true</async-supported>
 		<init-param>
 			<param-name>sessionFactoryBeanName</param-name>
 			<param-value>coreSessionFactory</param-value>
@@ -39,12 +40,14 @@
 		<filter-class>
 			org.lamsfoundation.lams.web.session.SystemSessionFilter
 		</filter-class>
+		<async-supported>true</async-supported>
 	</filter>
 	<filter>
 		<filter-name>LocaleFilter</filter-name>
 		<filter-class>
 			org.lamsfoundation.lams.web.filter.LocaleFilter
 		</filter-class>
+		<async-supported>true</async-supported>
 		<init-param>
 			<param-name>encoding</param-name>
 			<param-value>UTF-8</param-value>
@@ -53,29 +56,39 @@
 	<filter>
 		<filter-name>CSRFGuard</filter-name>
 		<filter-class>org.owasp.csrfguard.CsrfGuardFilter</filter-class>
+		<async-supported>true</async-supported>
 	</filter>
 
 	<filter-mapping>
 		<filter-name>hibernateFilter</filter-name>
 		<url-pattern>/*</url-pattern>
+		<dispatcher>REQUEST</dispatcher>
+        <dispatcher>ASYNC</dispatcher>
 	</filter-mapping>
 	<filter-mapping>
 		<filter-name>SystemSessionFilter</filter-name>
 		<url-pattern>/*</url-pattern>
+		<dispatcher>REQUEST</dispatcher>
+        <dispatcher>ASYNC</dispatcher>
 	</filter-mapping>
 	<filter-mapping>
 		<filter-name>LocaleFilter</filter-name>
 		<url-pattern>/*</url-pattern>
+		<dispatcher>REQUEST</dispatcher>
+        <dispatcher>ASYNC</dispatcher>
 	</filter-mapping>
 	<filter-mapping>
 		<filter-name>CSRFGuard</filter-name> 
 		<url-pattern>*.do</url-pattern>
+		<dispatcher>REQUEST</dispatcher>
+        <dispatcher>ASYNC</dispatcher>
 	</filter-mapping>
 
 
 	<servlet>
 		<servlet-name>populateMarks</servlet-name>
 		<servlet-class>org.lamsfoundation.lams.tool.scratchie.web.servlet.PopulateMarksServlet</servlet-class>
+		<async-supported>true</async-supported>
 	</servlet>
 
 	<servlet>
@@ -84,6 +97,7 @@
 			org.springframework.web.servlet.DispatcherServlet
 		</servlet-class>
 		<load-on-startup>1</load-on-startup>
+		<async-supported>true</async-supported>
 	</servlet>
 
 	<servlet>
@@ -98,6 +112,7 @@
 			<param-value>false</param-value>
 		</init-param>
 		<load-on-startup>1</load-on-startup>
+		<async-supported>true</async-supported>
 	</servlet>
 
 	<!-- The download servlet, reused from the content repository jar -->
@@ -111,6 +126,7 @@
 			<param-value>scratchieToolContentHandler</param-value>
 		</init-param>
 		<load-on-startup>3</load-on-startup>
+		<async-supported>true</async-supported>
 	</servlet>
 
 	<servlet-mapping>
Index: lams_tool_scratchie/web/pages/monitoring/studentChoices5.jsp
===================================================================
diff -u -re63f171f9fe9c08cdf47514249ecb9757419193c -r10d16b726979dd7b3c41def7038e8958b46b638b
--- lams_tool_scratchie/web/pages/monitoring/studentChoices5.jsp	(.../studentChoices5.jsp)	(revision e63f171f9fe9c08cdf47514249ecb9757419193c)
+++ lams_tool_scratchie/web/pages/monitoring/studentChoices5.jsp	(.../studentChoices5.jsp)	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -57,28 +57,30 @@
 </style>
 
 
-<div class="container-fluid">
+<script>
+	// tell TBL monitor that this element is scrollable horizontally
+	tlbMonitorHorizontalScrollElement = '#questions-data-container';
+	
+	function exportExcel(){
+		//dynamically create a form and submit it
+		var exportExcelUrl = "<lams:LAMSURL/>tool/lascrt11/tblmonitoring/exportExcel.do?toolContentID=${toolContentID}&reqID=" + (new Date()).getTime();
+		var form = $('<form method="post" action="' + exportExcelUrl + '"></form>');
+	    var hiddenInput = $('<input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"></input>');
+	    form.append(hiddenInput);
+	    $(document.body).append(form);
+	    form.submit();
+	};
 
-<c:if test="${not showStudentChoicesTableOnly}">
-	<script>
-		// tell TBL monitor that this element is scrollable horizontally
-		tlbMonitorHorizontalScrollElement = '#questions-data-container';
+	$(document).ready(function(){
+		openEventSource('<lams:WebAppURL />tblmonitoring/traStudentChoicesFlux.do?toolContentId=${toolContentID}', function(event) {
+			$('#student-choices-table').load('<lams:WebAppURL />tblmonitoring/traStudentChoicesTable.do?toolContentID=${toolContentID}');
+		});
 		
-		function exportExcel(){
-			//dynamically create a form and submit it
-			var exportExcelUrl = "<lams:LAMSURL/>tool/lascrt11/tblmonitoring/exportExcel.do?toolContentID=${toolContentID}&reqID=" + (new Date()).getTime();
-			var form = $('<form method="post" action="' + exportExcelUrl + '"></form>');
-		    var hiddenInput = $('<input type="hidden" name="<csrf:tokenname/>" value="<csrf:tokenvalue/>"></input>');
-		    form.append(hiddenInput);
-		    $(document.body).append(form);
-		    form.submit();
-		};
+		$('#time-limit-panel-placeholder').load('${timeLimitPanelUrl}');
+	});
+</script>
 
-		$(document).ready(function(){
-			$('#time-limit-panel-placeholder').load('${timeLimitPanelUrl}');
-		});
-	</script>
-
+<div class="container-fluid">
 	 <div class="row">
 		<div class="col-8 offset-2 text-center">
 			<h3>
@@ -112,8 +114,7 @@
 		</div>
 	</div>
 	<!-- End notifications -->
-</c:if>
-
+	
 	<div class="row">
 		<div class="col-10 offset-1">
 			<div class="card">
@@ -130,16 +131,14 @@
 									</th>
 								</c:forEach>
 								
-								<c:if test="${not empty sessionDtos}">
-									<th class="text-center">
-										<fmt:message key="label.total"/>&nbsp;
-										<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
-										   title="<fmt:message key="label.total.1st.attempt.by.team"/>"></i>
-									</th>
-									<th class="text-center">
-										<fmt:message key="label.total"/> %
-									</th>
-								</c:if>
+								<th class="text-center">
+									<fmt:message key="label.total"/>&nbsp;
+									<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
+									   title="<fmt:message key="label.total.1st.attempt.by.team"/>"></i>
+								</th>
+								<th class="text-center">
+									<fmt:message key="label.total"/> %
+								</th>
 							</tr>
 						</thead>
 						<tbody>
@@ -158,157 +157,18 @@
 									</td>
 								</c:forEach>
 								
-								<c:if test="${not empty sessionDtos}">
-									<td class="text-center"></td>
-									<td class="text-center"></td>
-								</c:if>
+								<td class="text-center"></td>
+								<td class="text-center"></td>
 							</tr>
-							
-							<c:if test="${not empty sessionDtos and (not showStudentChoicesTableOnly or sessionMap.isGroupedActivity)}">
-								<tr>
-									<th style="font-weight: bold;">
-										<fmt:message key="label.teams.notuppercase"/>
-									</th> 
-								</tr>
-							</c:if>
-							
-							<c:forEach var="sessionDto" items="${sessionDtos}" varStatus="i">
-								<tr>
-									<th class="text-center">
-										<c:if test="${not showStudentChoicesTableOnly or sessionMap.isGroupedActivity}">
-											<c:choose>
-												<c:when test="${empty sessionDto.leaderUid}">
-													${sessionDto.sessionName}
-												</c:when>
-												<c:otherwise>
-													<c:url var="userSummaryUrl" value='/learning/start.do'>
-														<c:param name="userID" value="${sessionDto.leaderUid}" />
-														<c:param name="toolSessionID" value="${sessionDto.sessionId}" />
-														<c:param name="mode" value="teacher" />
-													</c:url>
-													<a href="#" onClick="javascript:launchPopup('${userSummaryUrl}', 'MonitoringReview')">${sessionDto.sessionName}</a>
-												</c:otherwise>
-											</c:choose>
-											
-										</c:if>
-									</th>
-									
-									<c:choose>
-										<c:when test="${empty sessionDto.itemDtos}">
-											<c:forEach begin="1" end="${fn:length(items) + 2}">
-												<td></td>
-											</c:forEach>
-										</c:when>
-										
-										<c:otherwise>
-											<c:forEach var="itemDto" items="${sessionDto.itemDtos}">
-												<td class="text-center">
-													<c:forEach var="optionDto" items="${itemDto.optionDtos}">
-														<c:if test="${optionDto.answer != ''}">
-															<span class="user-response <c:if test="${optionDto.correct}">successful-response</c:if> <c:if test="${!optionDto.correct}">wrong-response</c:if>">
-																<c:choose>
-																	<c:when test="${itemDto.type == 1 or itemDto.type == 8}">
-																		<c:out value="${optionDto.answer}" escapeXml="false"/>
-																	</c:when>
-																	<c:when test="${optionDto.correct}"><i class="fa fa-check"></i></c:when>
-																	<c:otherwise><i class="fa fa-close"></i></c:otherwise>
-																</c:choose>
-																
-															</span>
-														</c:if>
-													</c:forEach>
-												</td>
-											</c:forEach>
-											
-											<c:set var="highlightClass">
-												<c:choose>
-													<c:when test="${sessionDto.totalPercentage > 95}">bg-success</c:when>
-													<c:when test="${sessionDto.totalPercentage < 40}">bg-danger text-white</c:when>
-													<c:when test="${sessionDto.totalPercentage < 75}">bg-warning</c:when>
-												</c:choose>
-											</c:set>
-											
-											<td class="text-center ${highlightClass}">
-												${sessionDto.mark}
-											</td>
-											
-											<td class="text-center ${highlightClass}">
-												<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${sessionDto.totalPercentage}" /> %
-											</td>
-										</c:otherwise>
-									</c:choose>
-								</tr>
-							</c:forEach>      
-							
-							<c:if test="${not empty sessionDtos}">
-								<c:set var="totalSum" value="0" />
-								<c:set var="totalPercentSum" value="0" />
-								<tr>
-									<th><fmt:message key="label.total"/>&nbsp;
-									<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
-									   title="<fmt:message key="label.total.1st.attempt.by.question"/>"></i></th>
-									   
-									<c:forEach var="item" items="${items}">
-										<c:set var="highlightClass">
-											<c:choose>
-												<c:when test="${item.correctOnFirstAttemptPercent > 95}">bg-success</c:when>
-												<c:when test="${item.correctOnFirstAttemptPercent < 40}">bg-danger text-white</c:when>
-												<c:when test="${item.correctOnFirstAttemptPercent < 75}">bg-warning</c:when>
-											</c:choose>
-										</c:set>
-										
-										<td class="text-center ${highlightClass}">
-											${item.correctOnFirstAttemptCount}
-										</td>
-										<c:set var="totalSum" value="${totalSum + item.correctOnFirstAttemptCount}" />
-										<c:set var="totalPercentSum" value="${totalPercentSum + item.correctOnFirstAttemptPercent}" />
-									</c:forEach>
-									
-									<c:set var="totalPercentAverage" value="${totalPercentSum / fn:length(items)}" />
-									<c:set var="totalAverageHighlightClass">
-										<c:choose>
-											<c:when test="${totalPercentAverage > 95}">bg-success</c:when>
-											<c:when test="${totalPercentAverage < 40}">bg-danger text-white</c:when>
-											<c:when test="${totalPercentAverage < 75}">bg-warning</c:when>
-										</c:choose>
-									</c:set>
-									<td class="text-center ${totalAverageHighlightClass}">
-										<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${totalSum / fn:length(items)}" />&nbsp;
-										<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
-										    title="<fmt:message key="label.total.1st.attempt.average"/>"></i>
-									</td>
-									<td class="text-center">-</td>
-								</tr>
-								<tr>
-									<th><fmt:message key="label.total"/> %</th>
-									<c:forEach var="item" items="${items}">
-										<c:set var="highlightClass">
-											<c:choose>
-												<c:when test="${item.correctOnFirstAttemptPercent > 95}">bg-success</c:when>
-												<c:when test="${item.correctOnFirstAttemptPercent < 40}">bg-danger text-white</c:when>
-												<c:when test="${item.correctOnFirstAttemptPercent < 75}">bg-warning</c:when>
-											</c:choose>
-										</c:set>
-										
-										<td class="text-center ${highlightClass}">
-											<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${item.correctOnFirstAttemptPercent}" /> %
-										</td>
-									</c:forEach>
-									<td class="text-center">-</td>
-									<td class="text-center ${totalAverageHighlightClass}">					
-										<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${totalPercentAverage}" />&nbsp;%&nbsp;
-										<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
-										    title="<fmt:message key="label.total.1st.attempt.average"/>"></i>
-									</td>
-								</tr>                         
-							</c:if>                     
 						</tbody>
+						<tbody id="student-choices-table">
+						</tbody>
 					</table>
 				</div>
 			</div>
 		</div>          
 	</div>
-	
+		
 	<!-- Question detail modal -->
 	<c:forEach var="item" items="${items}" varStatus="i">
 		<div class="modal fade" id="question${i.index}Modal">
@@ -328,7 +188,6 @@
 				<div class="table-responsive voffset10">
 					<table class="table table-striped table-hover">
 						<tbody>
-						
 							<c:forEach var="qbOption" items="${item.qbQuestion.qbOptions}" varStatus="j">
 								<c:set var="cssClass"><c:if test='${qbOption.correct}'>bg-success</c:if></c:set>
 									<tr>
Index: lams_tool_scratchie/web/pages/monitoring/studentChoicesTable.jsp
===================================================================
diff -u
--- lams_tool_scratchie/web/pages/monitoring/studentChoicesTable.jsp	(revision 0)
+++ lams_tool_scratchie/web/pages/monitoring/studentChoicesTable.jsp	(revision 10d16b726979dd7b3c41def7038e8958b46b638b)
@@ -0,0 +1,138 @@
+<%@ include file="/common/taglibs.jsp"%>
+
+<c:if test="${not empty sessionDtos}">
+	<tr>
+		<th style="font-weight: bold;">
+			<fmt:message key="label.teams.notuppercase"/>
+		</th> 
+	</tr>
+	
+	<c:forEach var="sessionDto" items="${sessionDtos}" varStatus="i">
+		<tr>
+			<th class="text-center">
+				<c:if test="${not showStudentChoicesTableOnly or sessionMap.isGroupedActivity}">
+					<c:choose>
+						<c:when test="${empty sessionDto.leaderUid}">
+							${sessionDto.sessionName}
+						</c:when>
+						<c:otherwise>
+							<c:url var="userSummaryUrl" value='/learning/start.do'>
+								<c:param name="userID" value="${sessionDto.leaderUid}" />
+								<c:param name="toolSessionID" value="${sessionDto.sessionId}" />
+								<c:param name="mode" value="teacher" />
+							</c:url>
+							<a href="#" onClick="javascript:launchPopup('${userSummaryUrl}', 'MonitoringReview')">${sessionDto.sessionName}</a>
+						</c:otherwise>
+					</c:choose>
+					
+				</c:if>
+			</th>
+			
+			<c:choose>
+				<c:when test="${empty sessionDto.itemDtos}">
+					<c:forEach begin="1" end="${fn:length(items) + 2}">
+						<td></td>
+					</c:forEach>
+				</c:when>
+				
+				<c:otherwise>
+					<c:forEach var="itemDto" items="${sessionDto.itemDtos}">
+						<td class="text-center">
+							<c:forEach var="optionDto" items="${itemDto.optionDtos}">
+								<c:if test="${optionDto.answer != ''}">
+									<span class="user-response <c:if test="${optionDto.correct}">successful-response</c:if> <c:if test="${!optionDto.correct}">wrong-response</c:if>">
+										<c:choose>
+											<c:when test="${itemDto.type == 1 or itemDto.type == 8}">
+												<c:out value="${optionDto.answer}" escapeXml="false"/>
+											</c:when>
+											<c:when test="${optionDto.correct}"><i class="fa fa-check"></i></c:when>
+											<c:otherwise><i class="fa fa-close"></i></c:otherwise>
+										</c:choose>
+										
+									</span>
+								</c:if>
+							</c:forEach>
+						</td>
+					</c:forEach>
+					
+					<c:set var="highlightClass">
+						<c:choose>
+							<c:when test="${sessionDto.totalPercentage > 95}">bg-success</c:when>
+							<c:when test="${sessionDto.totalPercentage < 40}">bg-danger text-white</c:when>
+							<c:when test="${sessionDto.totalPercentage < 75}">bg-warning</c:when>
+						</c:choose>
+					</c:set>
+					
+					<td class="text-center ${highlightClass}">
+						${sessionDto.mark}
+					</td>
+					
+					<td class="text-center ${highlightClass}">
+						<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${sessionDto.totalPercentage}" /> %
+					</td>
+				</c:otherwise>
+			</c:choose>
+		</tr>
+	</c:forEach>      
+								
+	<c:set var="totalSum" value="0" />
+	<c:set var="totalPercentSum" value="0" />
+	<tr>
+		<th><fmt:message key="label.total"/>&nbsp;
+		<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
+		   title="<fmt:message key="label.total.1st.attempt.by.question"/>"></i></th>
+		   
+		<c:forEach var="item" items="${items}">
+			<c:set var="highlightClass">
+				<c:choose>
+					<c:when test="${item.correctOnFirstAttemptPercent > 95}">bg-success</c:when>
+					<c:when test="${item.correctOnFirstAttemptPercent < 40}">bg-danger text-white</c:when>
+					<c:when test="${item.correctOnFirstAttemptPercent < 75}">bg-warning</c:when>
+				</c:choose>
+			</c:set>
+			
+			<td class="text-center ${highlightClass}">
+				${item.correctOnFirstAttemptCount}
+			</td>
+			<c:set var="totalSum" value="${totalSum + item.correctOnFirstAttemptCount}" />
+			<c:set var="totalPercentSum" value="${totalPercentSum + item.correctOnFirstAttemptPercent}" />
+		</c:forEach>
+		
+		<c:set var="totalPercentAverage" value="${totalPercentSum / fn:length(items)}" />
+		<c:set var="totalAverageHighlightClass">
+			<c:choose>
+				<c:when test="${totalPercentAverage > 95}">bg-success</c:when>
+				<c:when test="${totalPercentAverage < 40}">bg-danger text-white</c:when>
+				<c:when test="${totalPercentAverage < 75}">bg-warning</c:when>
+			</c:choose>
+		</c:set>
+		<td class="text-center ${totalAverageHighlightClass}">
+			<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${totalSum / fn:length(items)}" />&nbsp;
+			<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
+			    title="<fmt:message key="label.total.1st.attempt.average"/>"></i>
+		</td>
+		<td class="text-center">-</td>
+	</tr>
+	<tr>
+		<th><fmt:message key="label.total"/> %</th>
+		<c:forEach var="item" items="${items}">
+			<c:set var="highlightClass">
+				<c:choose>
+					<c:when test="${item.correctOnFirstAttemptPercent > 95}">bg-success</c:when>
+					<c:when test="${item.correctOnFirstAttemptPercent < 40}">bg-danger text-white</c:when>
+					<c:when test="${item.correctOnFirstAttemptPercent < 75}">bg-warning</c:when>
+				</c:choose>
+			</c:set>
+			
+			<td class="text-center ${highlightClass}">
+				<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${item.correctOnFirstAttemptPercent}" /> %
+			</td>
+		</c:forEach>
+		<td class="text-center">-</td>
+		<td class="text-center ${totalAverageHighlightClass}">					
+			<fmt:formatNumber type="number" minFractionDigits="0" maxFractionDigits="2" value="${totalPercentAverage}" />&nbsp;%&nbsp;
+			<i class="fa fa-question-circle text-primary" data-toggle="tooltip" data-placement="top" data-container="body" 
+			    title="<fmt:message key="label.total.1st.attempt.average"/>"></i>
+		</td>
+	</tr>                         
+</c:if>				
\ No newline at end of file