--- /dev/null
+/* Flowchart variables */
+/* Sequence Diagram variables */
+/* Gantt chart variables */
+/* state colors */
+.label {
+
+ color: #333; }
+
+.label text {
+ fill: #333; }
+
+.node rect,
+.node circle,
+.node ellipse,
+.node polygon {
+ fill: #BDD5EA;
+ stroke: #9370DB;
+ stroke-width: 1px; }
+
+.node .label {
+ text-align: center; }
+
+.node.clickable {
+ cursor: pointer; }
+
+.arrowheadPath {
+ fill: lightgrey; }
+
+.edgePath .path {
+ stroke: lightgrey;
+ stroke-width: 1.5px; }
+
+.edgeLabel {
+ background-color: #e8e8e8;
+ text-align: center; }
+
+.cluster rect {
+ fill: #6D6D65;
+ stroke: rgba(255, 255, 255, 0.25);
+ stroke-width: 1px; }
+
+.cluster text {
+ fill: #F9FFFE; }
+
+div.mermaidTooltip {
+ position: absolute;
+ text-align: center;
+ max-width: 200px;
+ padding: 2px;
+
+ font-size: 12px;
+ background: #6D6D65;
+ border: 1px solid rgba(255, 255, 255, 0.25);
+ border-radius: 2px;
+ pointer-events: none;
+ z-index: 100; }
+
+.actor {
+ stroke: #81B1DB;
+ fill: #BDD5EA; }
+
+text.actor {
+ fill: black;
+ stroke: none; }
+
+.actor-line {
+ stroke: lightgrey; }
+
+.messageLine0 {
+ stroke-width: 1.5;
+ stroke-dasharray: '2 2';
+ stroke: lightgrey; }
+
+.messageLine1 {
+ stroke-width: 1.5;
+ stroke-dasharray: '2 2';
+ stroke: lightgrey; }
+
+#arrowhead {
+ fill: lightgrey; }
+
+.sequenceNumber {
+ fill: white; }
+
+#sequencenumber {
+ fill: lightgrey; }
+
+#crosshead path {
+ fill: lightgrey !important;
+ stroke: lightgrey !important; }
+
+.messageText {
+ fill: lightgrey;
+ stroke: none; }
+
+.labelBox {
+ stroke: #81B1DB;
+ fill: #BDD5EA; }
+
+.labelText {
+ fill: #323D47;
+ stroke: none; }
+
+.loopText {
+ fill: lightgrey;
+ stroke: none; }
+
+.loopLine {
+ stroke-width: 2;
+ stroke-dasharray: '2 2';
+ stroke: #81B1DB; }
+
+.note {
+ stroke: rgba(255, 255, 255, 0.25);
+ fill: #fff5ad; }
+
+.noteText {
+ fill: black;
+ stroke: none;
+
+ font-size: 14px; }
+
+.activation0 {
+ fill: #f4f4f4;
+ stroke: #666; }
+
+.activation1 {
+ fill: #f4f4f4;
+ stroke: #666; }
+
+.activation2 {
+ fill: #f4f4f4;
+ stroke: #666; }
+
+/** Section styling */
+.section {
+ stroke: none;
+ opacity: 0.2; }
+
+.section0 {
+ fill: rgba(255, 255, 255, 0.3); }
+
+.section2 {
+ fill: #EAE8B9; }
+
+.section1,
+.section3 {
+ fill: white;
+ opacity: 0.2; }
+
+.sectionTitle0 {
+ fill: #F9FFFE; }
+
+.sectionTitle1 {
+ fill: #F9FFFE; }
+
+.sectionTitle2 {
+ fill: #F9FFFE; }
+
+.sectionTitle3 {
+ fill: #F9FFFE; }
+
+.sectionTitle {
+ text-anchor: start;
+ font-size: 11px;
+ text-height: 14px;
+ }
+
+/* Grid and axis */
+.grid .tick {
+ stroke: lightgrey;
+ opacity: 0.3;
+ shape-rendering: crispEdges; }
+
+.grid path {
+ stroke-width: 0; }
+
+/* Today line */
+.today {
+ fill: none;
+ stroke: #DB5757;
+ stroke-width: 2px; }
+
+/* Task styling */
+/* Default task */
+.task {
+ stroke-width: 2; }
+
+.taskText {
+ text-anchor: middle;
+ }
+
+.taskText:not([font-size]) {
+ font-size: 11px; }
+
+.taskTextOutsideRight {
+ fill: #323D47;
+ text-anchor: start;
+ font-size: 11px;
+ }
+
+.taskTextOutsideLeft {
+ fill: #323D47;
+ text-anchor: end;
+ font-size: 11px; }
+
+/* Special case clickable */
+.task.clickable {
+ cursor: pointer; }
+
+.taskText.clickable {
+ cursor: pointer;
+ fill: #003163 !important;
+ font-weight: bold; }
+
+.taskTextOutsideLeft.clickable {
+ cursor: pointer;
+ fill: #003163 !important;
+ font-weight: bold; }
+
+.taskTextOutsideRight.clickable {
+ cursor: pointer;
+ fill: #003163 !important;
+ font-weight: bold; }
+
+/* Specific task settings for the sections*/
+.taskText0,
+.taskText1,
+.taskText2,
+.taskText3 {
+ fill: #323D47; }
+
+.task0,
+.task1,
+.task2,
+.task3 {
+ fill: #BDD5EA;
+ stroke: rgba(255, 255, 255, 0.5); }
+
+.taskTextOutside0,
+.taskTextOutside2 {
+ fill: lightgrey; }
+
+.taskTextOutside1,
+.taskTextOutside3 {
+ fill: lightgrey; }
+
+/* Active task */
+.active0,
+.active1,
+.active2,
+.active3 {
+ fill: #81B1DB;
+ stroke: rgba(255, 255, 255, 0.5); }
+
+.activeText0,
+.activeText1,
+.activeText2,
+.activeText3 {
+ fill: #323D47 !important; }
+
+/* Completed task */
+.done0,
+.done1,
+.done2,
+.done3 {
+ stroke: grey;
+ fill: lightgrey;
+ stroke-width: 2; }
+
+.doneText0,
+.doneText1,
+.doneText2,
+.doneText3 {
+ fill: #323D47 !important; }
+
+/* Tasks on the critical line */
+.crit0,
+.crit1,
+.crit2,
+.crit3 {
+ stroke: #E83737;
+ fill: #E83737;
+ stroke-width: 2; }
+
+.activeCrit0,
+.activeCrit1,
+.activeCrit2,
+.activeCrit3 {
+ stroke: #E83737;
+ fill: #81B1DB;
+ stroke-width: 2; }
+
+.doneCrit0,
+.doneCrit1,
+.doneCrit2,
+.doneCrit3 {
+ stroke: #E83737;
+ fill: lightgrey;
+ stroke-width: 2;
+ cursor: pointer;
+ shape-rendering: crispEdges; }
+
+.milestone {
+ transform: rotate(45deg) scale(0.8, 0.8); }
+
+.milestoneText {
+ font-style: italic; }
+
+.doneCritText0,
+.doneCritText1,
+.doneCritText2,
+.doneCritText3 {
+ fill: #323D47 !important; }
+
+.activeCritText0,
+.activeCritText1,
+.activeCritText2,
+.activeCritText3 {
+ fill: #323D47 !important; }
+
+.titleText {
+ text-anchor: middle;
+ font-size: 18px;
+ fill: #323D47;
+ }
+
+g.classGroup text {
+ fill: #9370DB;
+ stroke: none;
+
+ font-size: 10px; }
+ g.classGroup text .title {
+ font-weight: bolder; }
+
+g.classGroup rect {
+ fill: #BDD5EA;
+ stroke: #9370DB; }
+
+g.classGroup line {
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+.classLabel .box {
+ stroke: none;
+ stroke-width: 0;
+ fill: #BDD5EA;
+ opacity: 0.5; }
+
+.classLabel .label {
+ fill: #9370DB;
+ font-size: 10px; }
+
+.relation {
+ stroke: #9370DB;
+ stroke-width: 1;
+ fill: none; }
+
+#compositionStart {
+ fill: #9370DB;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#compositionEnd {
+ fill: #9370DB;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#aggregationStart {
+ fill: #BDD5EA;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#aggregationEnd {
+ fill: #BDD5EA;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#dependencyStart {
+ fill: #9370DB;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#dependencyEnd {
+ fill: #9370DB;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#extensionStart {
+ fill: #9370DB;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+#extensionEnd {
+ fill: #9370DB;
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+.commit-id,
+.commit-msg,
+.branch-label {
+ fill: lightgrey;
+ color: lightgrey;
+ }
+
+.pieTitleText {
+ text-anchor: middle;
+ font-size: 25px;
+ fill: #eee;
+}
+
+g.stateGroup text {
+ stroke: none;
+ font-size: 10px;
+}
+
+g.stateGroup circle {
+ fill: white !important;
+ stroke: white !important;
+}
+
+g.stateGroup .state-title {
+ font-weight: bolder;
+ fill: black; }
+
+g.stateGroup rect {
+ fill: #ececff;
+ stroke: #9370DB; }
+
+g.stateGroup line {
+ stroke: #9370DB;
+ stroke-width: 1; }
+
+.transition {
+ stroke: #9370DB;
+ stroke-width: 1;
+ fill: none; }
+
+.stateGroup .composit {
+ fill: #555;
+ border-bottom: 1px; }
+
+.state-note {
+ stroke: rgba(255, 255, 255, 0.25);
+ fill: #fff5ad; }
+ .state-note text {
+ fill: black;
+ stroke: none;
+ font-size: 10px; }
+
+.stateLabel .box {
+ stroke: none;
+ stroke-width: 0;
+ fill: #BDD5EA;
+ opacity: 0.5; }
+
+.stateLabel text {
+ fill: black;
+ font-size: 10px;
+ font-weight: bold;
+}
+
+.cluster-label {
+ color:black;
+}
+
+.statediagram-cluster rect {
+ fill: #BDD5EA;
+ stroke: #9370DB;
+ stroke-width: 1px;
+}
+.statediagram-cluster rect.outer {
+ rx: 5px;
+ ry: 5px;
+}
+.statediagram-state .divider {
+ stroke: #9370DB;
+}
+
+.statediagram-state .title-state {
+ rx: 5px;
+ ry: 5px;
+}
+.statediagram-cluster.statediagram-cluster .inner {
+ fill: white;
+}
+.statediagram-cluster.statediagram-cluster-alt .inner {
+ fill: #e0e0e0;
+}
+
+.statediagram-cluster .inner {
+ rx:0;
+ ry:0;
+}
+
+.statediagram-state rect.basic {
+ rx: 5px;
+ ry: 5px;
+}
+.statediagram-state rect.divider {
+ stroke-dasharray: 10,10;
+ fill: #efefef;
+}
+
+.note-edge {
+ stroke-dasharray: 5;
+}
+
+.statediagram-note rect {
+ stroke: var(--cluster-border);
+ fill: #fff5ad;
+ stroke-width: 1px;
+ rx: 0;
+ ry: 0;
+}
+
+.node circle.state-start {
+ fill: black;
+ stroke: black;
+}
+.node circle.state-end {
+ fill: black;
+ stroke: white;
+ stroke-width: 1.5
+}
+#statediagram-barbEnd {
+ fill: #9370DB;
+}
\ No newline at end of file