@font-face {
    font-family: 'dot_matrix';
    src: url('./dotmatrix-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'london_font';
    src: url('LondonFont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: arial;
}

input{
	font-size: 15pt;
	height: 30px;
	margin: 2px 5px 2px 2px;
}

#page-header {
	margin-bottom: 20px;
}

#page-header-inputs-line1 {
	display: flex;
	flex-direction: row;
	font-size: 18px;
}

#input-delay {
	margin-top: -1px;
	vertical-align: middle;
}

#input-nrcc {
	margin-top: -1px;
	vertical-align: middle;
}

#input-toc {
	margin-top: -1px;
	vertical-align: middle;
}

#input-lines {
	width: 50px;
}

#input-button {
	margin-top: 2px;
	height: 30px;
	font-size: 18px;
	background-color: rgb(230,230,230);
	border-color: rgb(200,200,200);
	border-width: 1px;
}

#board-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.nrcc-message-container {
	font-family: arial;
	color: white;
	background-color: red;
	margin-bottom: 3px;
}

.nrcc-message-title {
	padding: 5px;
	font-weight: bold;
}

.nrcc-message-body {
	padding: 5px
}

.nrcc-message-body > a {
	color: white;
}

.departure-board-container {
	display: flex;
	flex-direction: column;
	width: 360px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 20px 25px 25px 25px;
	margin: 2px;
}

.departure-board-header {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: -1px;
}

.departure-board-body {
	display: flex;
	flex-direction: column;
}

.departure-board-row {
	display: flex;
	flex-direction: row;
	font-family: london_font;
	font-size: 12pt;
	color: rgb(255,214,5);
	background: rgb(25,25,25);
	margin: 3px 0;
	height: 18px;
}

.departure-board-row > div:last-child {
	text-align: right;
}

.departure-board-row-titles {
	font-family: arial;
	font-weight: bold;
	color: white;
	background: black;
}

.departure-board-col-time {
	width: 50px;
}

.departure-board-col-dest {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.departure-board-col-dest-additional {
	width: 315px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10pt;
	margin-top: 1px;
}

.departure-board-col-plat {
	width: 35px;
}

.departure-board-col-expt {
	width: 70px;
	height: 18px;
}

.departure-board-col-toc {
	width: 35px;
}

.align-right {
	text-align: right;
}

.delay-red {
	background-color: red;
	padding-right: 1px;
	display: inline-block;
}

.excuse-yes {
	border-bottom: 1px dotted;
	display: inline-block;
}