kai.infodb/view-train.css

.early {
	color: green;
}

.late {
	color: red;
}

.station {
	color: black;
}

.rsk {
	cursor: pointer;
}

#comp-date {
	display: flex;
	justify-content: space-between;
}

#company {
	text-align: start;
}

#date {
	text-align: end;
}

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

	page-break-inside: avoid;
}

.stationItem:nth-of-type(even) {
	background-color: #fafafa;
}

.stationItem.cancelled:nth-of-type(odd) {
	background-color: #fffafa;
}

.stationItem.cancelled:nth-of-type(even) {
	background-color: #ffeaea;
}

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

.stationItem.not-in-journey .name, .stationItem.not-in-journey .arrival, .stationItem.not-in-journey .departure {
	color: grey;
}

.stationItem.cancelled .name {
	text-decoration: line-through;
	text-decoration-color: red;
	color: red;
}

.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, .stationItem .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;
}

.stationItem .platform.changed {
	color: red;
}

.stationItem .notes {
	grid-area: notes;
}

.stationItem .note {
	text-align: center;
}

.remarkItem {
	margin-top: 4px;
	margin-bottom: 4px;
}

.remarkItem:nth-of-type(even) {
	background-color: #fafafa;
}

.last-refreshed {
	font-size: 12px;
	text-transform: none;
}

.remark-status, .remark-status * {
	color: red !important;
}

.remark-board, .remark-exit {
	color: blue !important;
}

#actual-map {
	height: 500px;
}

#actual-map a {
	display: initial;
	padding: initial;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}