1 files changed, 75 insertions, 3 deletions
diff --git a/sass/app.scss b/sass/app.scss
index f72203e..347133e 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -143,6 +143,9 @@ div.content {
 		background-color: $powercar-wagon-color;
 	}
 
+	.closed {
+		background-color: $closed-wagon-color;
+	}
 
 	.nondestwagon {
 		border-style: dashed;
@@ -155,13 +158,29 @@ div.content {
 		.type {
 			display: inline-block;
 			width: 5em;
-			color: $fg2;
+			color: $fg;
 		}
 
 		a.type {
 			color: $link-color;
 		}
 
+		.groupno {
+			color: $fg;
+		}
+
+		.grouptype {
+			color: $fg2;
+		}
+
+		.grouptype:before {
+			content: "(";
+		}
+
+		.grouptype:after {
+			content: ")";
+		}
+
 		.uicunknown {
 			color: $fg3;
 		}
@@ -192,7 +211,7 @@ div.content {
 			font-weight: bold;
 		}
 
-		.uic78::before {
+		.uic78:before {
 			content: "-";
 		}
 
@@ -210,7 +229,7 @@ div.content {
 			color: $fg3;
 		}
 
-		.uiccheck::before {
+		.uiccheck:before {
 			content: "-";
 		}
 	}
@@ -363,6 +382,12 @@ div.app {
 				}
 			}
 
+			.load {
+				color: $fg;
+				font-weight: normal;
+				margin-right: 0.5em;
+			}
+
 			.platform {
 				background-color: transparent;
 				font-size: 3em;
@@ -539,6 +564,14 @@ div.app {
 			a {
 				color: $fg;
 			}
+
+			.otherno {
+				color: $fg2;
+			}
+
+			.meta {
+				color: $fg1;
+			}
 		}
 
 		.departure {
@@ -615,6 +648,45 @@ div.app {
 				list-style-type: circle;
 			}
 
+			.time-early {
+				color: $early-stop-color;
+			}
+
+			.time-delayed {
+				color: $delayed-stop-color;
+			}
+
+			.time-sched-only {
+				color: $delayed-stop-color;
+			}
+
+			.time-sched-ontime {
+				color: $early-stop-color;
+			}
+
+
+			.annotation {
+				color: $fg2;
+				list-style-type: none;
+				padding-left: 3em;
+			}
+
+			.-sched:before {
+				content: " ";
+			}
+
+			.time-sched:after {
+				content: " ";
+			}
+
+			.time-sched-only:before {
+				content: "(";
+			}
+
+			.time-sched-only:after {
+				content: ")";
+			}
+
 			i.material-icons {
 				font-size: 14px;
 			}