diff --git a/dist/www/stylesheets/mermaid.forest.css b/dist/www/stylesheets/mermaid.forest.css
index b6cd7a563c..9c71f4c689 100644
--- a/dist/www/stylesheets/mermaid.forest.css
+++ b/dist/www/stylesheets/mermaid.forest.css
@@ -1 +1,243 @@
-.mermaid .label{font-family:'trebuchet ms', verdana, arial;color:#333333}.node rect,.node circle,.node polygon{fill:#cde498;stroke:#13540c;stroke-width:1px}.edgePath .path{stroke:green;stroke-width:1.5px}.cluster rect{fill:#cdffb2 !important;rx:4  !important;stroke:#6eaa49 !important;stroke-width:1px !important}.cluster text{fill:#333333}.actor{stroke:#13540c;fill:#cde498}text.actor{fill:black;stroke:none}.actor-line{stroke:grey}.messageLine0{stroke-width:1.5;stroke-dasharray:"2 2";marker-end:"url(#arrowhead)";stroke:#333333}.messageLine1{stroke-width:1.5;stroke-dasharray:"2 2";stroke:#333333}#arrowhead{fill:#333333}#crosshead path{fill:#333333 !important;stroke:#333333 !important}.messageText{fill:#333333;stroke:none}.labelBox{stroke:#326932;fill:#cde498}.labelText{fill:black;stroke:none}.loopText{fill:black;stroke:none}.loopLine{stroke-width:2;stroke-dasharray:"2 2";marker-end:"url(#arrowhead)";stroke:#326932}.note{stroke:#6eaa49;fill:#fff5ad}.noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-size:14px}.section{stroke:none;opacity:0.2}.section0{fill:#6eaa49}.section2{fill:#6eaa49}.section1,.section3{fill:white;opacity:0.2}.sectionTitle0{fill:#333333}.sectionTitle1{fill:#333333}.sectionTitle2{fill:#333333}.sectionTitle3{fill:#333333}.sectionTitle{text-anchor:start;font-size:11px;text-height:14px}.grid .tick{stroke:lightgrey;opacity:0.3;shape-rendering:crispEdges}.grid path{stroke-width:0}.today{fill:none;stroke:red;stroke-width:2px}.task{stroke-width:2}.taskText{text-anchor:middle;font-size:11px}.taskTextOutsideRight{fill:black;text-anchor:start;font-size:11px}.taskTextOutsideLeft{fill:black;text-anchor:end;font-size:11px}.taskText0,.taskText1,.taskText2,.taskText3{fill:white}.task0,.task1,.task2,.task3{fill:#487e3a;stroke:#13540c}.taskTextOutside0,.taskTextOutside2{fill:black}.taskTextOutside1,.taskTextOutside3{fill:black}.active0,.active1,.active2,.active3{fill:#cde498;stroke:#13540c}.activeText0,.activeText1,.activeText2,.activeText3{fill:black !important}.done0,.done1,.done2,.done3{stroke:grey;fill:lightgrey;stroke-width:2}.doneText0,.doneText1,.doneText2,.doneText3{fill:black !important}.crit0,.crit1,.crit2,.crit3{stroke:#ff8888;fill:red;stroke-width:2}.activeCrit0,.activeCrit1,.activeCrit2,.activeCrit3{stroke:#ff8888;fill:#cde498;stroke-width:2}.doneCrit0,.doneCrit1,.doneCrit2,.doneCrit3{stroke:#ff8888;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}.doneCritText0,.doneCritText1,.doneCritText2,.doneCritText3{fill:black !important}.activeCritText0,.activeCritText1,.activeCritText2,.activeCritText3{fill:black !important}.titleText{text-anchor:middle;font-size:18px;fill:black}text{font-family:'trebuchet ms', verdana, arial;font-size:14px}
\ No newline at end of file
+.mermaid .label
+{
+	font-family: 'trebuchet ms', verdana, arial;
+	color: #333333;
+}
+
+.node rect,.node circle,.node polygon
+{
+	fill: #cde498;
+	stroke: #13540c;
+	stroke-width: 1px;
+}
+
+.edgePath .path
+{
+	stroke: green;
+	stroke-width: 1.5px;
+}
+
+.cluster rect
+{
+	fill: #cdffb2 !important;
+	rx: 4 !important;
+	stroke: #6eaa49 !important;
+	stroke-width: 1px !important;
+}
+
+.cluster text { fill: #333333; }
+
+.actor
+{
+	stroke: #13540c;
+	fill: #cde498;
+}
+
+text.actor
+{
+	fill: black;
+	stroke: none;
+}
+
+.actor-line { stroke: grey; }
+
+.messageLine0
+{
+	stroke-width: 1.5;
+	stroke-dasharray: "2 2";
+	marker-end: "url(#arrowhead)";
+	stroke: #333333;
+}
+
+.messageLine1
+{
+	stroke-width: 1.5;
+	stroke-dasharray: "2 2";
+	stroke: #333333;
+}
+
+#arrowhead { fill: #333333; }
+
+#crosshead path
+{
+	fill: #333333 !important;
+	stroke: #333333 !important;
+}
+
+.messageText
+{
+	fill: #333333;
+	stroke: none;
+}
+
+.labelBox
+{
+	stroke: #326932;
+	fill: #cde498;
+}
+
+.labelText
+{
+	fill: black;
+	stroke: none;
+}
+
+.loopText
+{
+	fill: black;
+	stroke: none;
+}
+
+.loopLine
+{
+	stroke-width: 2;
+	stroke-dasharray: "2 2";
+	marker-end: "url(#arrowhead)";
+	stroke: #326932;
+}
+
+.note
+{
+	stroke: #6eaa49;
+	fill: #fff5ad;
+}
+
+.noteText
+{
+	fill: black;
+	stroke: none;
+	font-family: 'trebuchet ms', verdana, arial;
+	font-size: 14px;
+}
+
+.section
+{
+	stroke: none;
+	opacity: 0.2;
+}
+
+.section0 { fill: #6eaa49; }
+.section2 { fill: #6eaa49; }
+
+.section1,.section3
+{
+	fill: white;
+	opacity: 0.2;
+}
+
+.sectionTitle0 { fill: #333333; }
+.sectionTitle1 { fill: #333333; }
+.sectionTitle2 { fill: #333333; }
+.sectionTitle3 { fill: #333333; }
+
+.sectionTitle
+{
+	text-anchor: start;
+	font-size: 11px;
+	text-height: 14px;
+}
+
+.grid .tick
+{
+	stroke: lightgrey;
+	opacity: 0.3;
+	shape-rendering: crispEdges;
+}
+
+.grid path { stroke-width: 0; }
+
+.today
+{
+	fill: none;
+	stroke: red;
+	stroke-width: 2px;
+}
+
+.task { stroke-width: 2; }
+
+.taskText
+{
+	text-anchor: middle;
+	font-size: 11px;
+}
+
+.taskTextOutsideRight
+{
+	fill: black;
+	text-anchor: start;
+	font-size: 11px;
+}
+
+.taskTextOutsideLeft
+{
+	fill: black;
+	text-anchor: end;
+	font-size: 11px;
+}
+
+.taskText0,.taskText1,.taskText2,.taskText3 { fill: white; }
+
+.task0,.task1,.task2,.task3
+{
+	fill: #487e3a;
+	stroke: #13540c;
+}
+
+.taskTextOutside0,.taskTextOutside2 { fill: black; }
+.taskTextOutside1,.taskTextOutside3 { fill: black; }
+
+.active0,.active1,.active2,.active3
+{
+	fill: #cde498;
+	stroke: #13540c;
+}
+
+.activeText0,.activeText1,.activeText2,.activeText3 { fill: black !important; }
+
+.done0,.done1,.done2,.done3
+{
+	stroke: grey;
+	fill: lightgrey;
+	stroke-width: 2;
+}
+
+.doneText0,.doneText1,.doneText2,.doneText3 { fill: black !important; }
+
+.crit0,.crit1,.crit2,.crit3
+{
+	stroke: #ff8888;
+	fill: red;
+	stroke-width: 2;
+}
+
+.activeCrit0,.activeCrit1,.activeCrit2,.activeCrit3
+{
+	stroke: #ff8888;
+	fill: #cde498;
+	stroke-width: 2;
+}
+
+.doneCrit0,.doneCrit1,.doneCrit2,.doneCrit3
+{
+	stroke: #ff8888;
+	fill: lightgrey;
+	stroke-width: 2;
+	cursor: pointer;
+	shape-rendering: crispEdges;
+}
+
+.doneCritText0,.doneCritText1,.doneCritText2,.doneCritText3 { fill: black !important; }
+.activeCritText0,.activeCritText1,.activeCritText2,.activeCritText3 { fill: black !important; }
+
+.titleText
+{
+	text-anchor: middle;
+	font-size: 18px;
+	fill: black;
+}
+
+text
+{
+	font-family: 'trebuchet ms', verdana, arial;
+	font-size: 14px;
+}