kai.infotren/view-train.css

.IR, .IRN {
	color: red;
}

.early {
	color: green;
}

.late {
	color: red;
}

.station {
	color: black;
}

#company {
	text-align: center;
}

.stationItem {
	display: grid;
	grid-template-columns: 50px auto 50px;
	grid-template-rows: auto;
	grid-template-areas: 
		"arr name dep"
		"arr km dep"
		"arr platform dep";
	padding: 4px 0;
}

.stationItem .name {
	text-align: center;
	grid-area: name;
}

.stationItem .arrival {
	text-align: start;
	grid-area: arr;

	align-items: flex-start;
}

.stationItem .departure {
	text-align: end;
	grid-area: dep;

	align-items: flex-end;
}

.stationItem .arrival, .station .departure {
	align-self: center;
	
	display: flex;
	flex-direction: column;
}

.stationItem .arrival .original, .stationItem .departure .original {
	color: #a0a0a0;
	text-decoration: line-through;
}

.stationItem .arrival .not-real, .stationItem .departure .not-real {
	font-style: italic;
}

.stationItem .km {
	text-align: center;
	grid-area: km;
}

.stationItem .platform {
	text-align: center;
	grid-area: platform;
}