Index: lams_monitoring/web/css/components-monitoring.css
===================================================================
diff -u -rff9f51378eb2ac41ff5c96ba9263f1d51b37a075 -r7ecadc30076e09aa7a50a2c495344c56622f5105
--- lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision ff9f51378eb2ac41ff5c96ba9263f1d51b37a075)
+++ lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision 7ecadc30076e09aa7a50a2c495344c56622f5105)
@@ -110,7 +110,7 @@
 }
 
 .monitoring-page-content .monitoring-layout-element > div {
-	margin: 1.8rem auto 0 auto;
+	margin: 0 auto;
 }
 
 .monitoring-page-content .graph-grades {
@@ -284,7 +284,6 @@
 	box-shadow: 0px 20px 20px #2E384D1A;
 	background-color: #fff;
 	border-radius: 1.2rem;
-	margin-top: 1.8rem;
 	margin-bottom: 2rem;
 	padding: 1.5rem 2rem;
 }
@@ -1011,46 +1010,75 @@
 	margin-top: 3px;
 }
 
-#canvas-container .portrait-color-0 {
+#canvas-container .leader-display {
+	margin: 0px;
+}
+
+#canvas-container .leader-display h4 {
+	margin-bottom: 0px;
+}
+
+#canvas-container .popover-link {
+	color: #337ab7 !important;
+}
+
+#canvas-container .popover-link:hover {
+	color: #0E9AEF !important;
+}
+
+#canvas-container .popover-link:focus {
+	color: #0E9AEF !important;
+}
+
+#canvas-container .popover-title {
+	background-color: #dddddd;
+}
+
+#canvas-container .popover-content-with-portrait {
+	min-height: 220px;
+	min-width: 220px;
+}
+
+.portrait-color-0 {
 	color: #001f3f;
 }
 
-#canvas-container .portrait-color-1 {
+.portrait-color-1 {
 	color: #FF851B;
 }
 
-#canvas-container .portrait-color-2 {
+.portrait-color-2 {
 	color: #85144b;
 }
 
-#canvas-container .portrait-color-3 {
+.portrait-color-3 {
 	color: #111111;
 }
 
-#canvas-container .portrait-color-4 {
+.portrait-color-4 {
 	color: #3D9970;
 }
 
-#canvas-container .portrait-color-5 {
+.portrait-color-5 {
 	color: #0074D9;
 }
 
-#canvas-container .portrait-color-6 {
+.portrait-color-6 {
 	color: #FF4136;
 }
 
-#canvas-container .portrait-sm-lineheight {
+.portrait-sm-lineheight {
 	line-height: 32px;
 	vertical-align: top;
 }
 
-#canvas-container .portrait-generic-sm {
+.portrait-generic-sm {
 	display: inline-block;
 	height: 35px;
 	vertical-align: middle;
 }
 
-#canvas-container .portrait-generic-sm:before {
+.portrait-generic-sm:before {
 	content: "\f2be";
 	font-family: FontAwesome;
 	font-style: normal;
@@ -1059,13 +1087,13 @@
 	line-height: 35px;
 }
 
-#canvas-container .portrait-generic-md {
+.portrait-generic-md {
 	display: inline-block;
 	height: 80px;
 	vertical-align: middle;
 }
 
-#canvas-container .portrait-generic-md:before {
+.portrait-generic-md:before {
 	content: "\f2be";
 	font-family: FontAwesome;
 	font-style: normal;
@@ -1074,13 +1102,13 @@
 	line-height: 65px;
 }
 
-#canvas-container .portrait-generic-lg {
+.portrait-generic-lg {
 	display: inline-block;
 	height: 200px;
 	vertical-align: middle;
 }
 
-#canvas-container .portrait-generic-lg:before {
+.portrait-generic-lg:before {
 	content: "\f2be";
 	font-family: FontAwesome;
 	font-style: normal;
@@ -1089,50 +1117,19 @@
 	line-height: 200px;
 }
 
-#canvas-container .portrait-generic-xl {
-	display: inline-block;
-	height: 400px;
-	vertical-align: middle;
+.learners-accordion-item-template {
+	display: none;
 }
 
-#canvas-container .portrait-generic-xl:before {
-	content: "\f2be";
-	font-family: FontAwesome;
-	font-style: normal;
-	font-size: 400px;
-	font-weight: normal;
-	line-height: 400px;
+#learners-accordion .accordion-body {
+	background-color: #F6F5FA;
 }
 
-#canvas-container .leader-display {
-	margin: 0px;
+#learners-accordion .no-progress {
+	display: none;	
 }
 
-#canvas-container .leader-display h4 {
-	margin-bottom: 0px;
-}
-
-#canvas-container .popover-link {
-	color: #337ab7 !important;
-}
-
-#canvas-container .popover-link:hover {
-	color: #0E9AEF !important;
-}
-
-#canvas-container .popover-link:focus {
-	color: #0E9AEF !important;
-}
-
-#canvas-container .popover-title {
-	background-color: #dddddd;
-}
-
-#canvas-container .popover-content-with-portrait {
-	min-height: 220px;
-	min-width: 220px;
-}
-
-.vertical-timeline {
-	transform: translateX(-40%);
+#learners-accordion .vertical-timeline {
+	display: none;
+	transform: translateX(-25%);
 }
\ No newline at end of file