body {
	background-color: #51dc9c;
}

.Title {
	font-size: 2em;
	color: #468417;
	text-shadow: 0 2px 5px #ccabab;
}

.arrow {
	border: solid #429c3d;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.StartPoint {
	color: #caa041;
	font-size: 1.5em;
	min-width: 80px;
	text-align: right;
}

.EndPoint {
	color: #caa041;
	font-size: 1.7em;
	min-width: 80px;
	text-align: left;
}

.RouteNumber {
	font-size: 1.5em;
	color: #223ec7;
	text-align: right;
	min-width: 70px;
	display: inline-block;
	font-weight: 700;
}

.NoTime, .Loading {
	font-size: 1.5em;
	color: grey;
	display: inline-block;
	padding-left: 25px;
}

.Time {
	font-size: 1.5em;
	color: #a52a2a;
	min-width: 60px;
	display: inline-block;
	text-align: center;
	text-shadow: 0 0 2px #fff;
	font-weight: 700;
}

.KMB {
	/* background-image: url("images/KMB.svg"); */
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	background-size: 35%;
}

.CTB {
	background-image: url("images/CTB.png");
	background-repeat: no-repeat;
	background-position-x:right;
	background-position-y:bottom;
	background-size: 30%;
}

.NWFB {
	background-image: url("images/NWFB.png");
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	background-size: 30%;
}

footer {
	font-size: 18px;
	color: #8c9c5a;
	text-shadow: 0 0 3px #98942b;
	text-align: center;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-clockwise' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z'/%3e%3cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z'/%3e%3c/svg%3e");
}