<style>
    body {
        /* Needs to be here so that the first selector works. Dunno why... */
    }
    
	.fsrscreen_nextDepartureBar {
		display: inline;
        position: fixed;
        bottom: 0;
        z-index: 100;
		width: 100vw;
		height: 4vw;
        padding-bottom: 5px;
		color: white;
        font-size: 3.5vw;
		font-family: 'Century Gothic', sans-serif;
        overflow: hidden;
        white-space: nowrap;
        align-items: center;
        background-color: black;
	}
    
    .fsrscreen_lineContainer {
        float: left;
		border-color: #fff;
        border-style: solid;
        border-width: 0 .075em 0 0;
        background-color: black;
    }
    
    .fsrscreen_lineContainer:last-of-type {
        border: none;
    }
    
    .fsrscreen_lineNr {
		float: left;
        text-align: center;
        font-size: .8em;
        font-weight: bold;
        padding: .1em;
        margin: 0;
        width: 4vw;
        height: 4vw;
    }
    
	/* This generates the statements providing the line numbers with their specific color as defined in the lines.json */
    .fsrscreen_lineNr#fsrscreen_line_1 { background-color: #E30017; }
.fsrscreen_lineNr#fsrscreen_line_2 { background-color: #EB5A2D; }
.fsrscreen_lineNr#fsrscreen_line_3 { background-color: #E50059; }
.fsrscreen_lineNr#fsrscreen_line_4 { background-color: #C80519; }
.fsrscreen_lineNr#fsrscreen_line_6 { background-color: #FEDD00; }
.fsrscreen_lineNr#fsrscreen_line_7 { background-color: #9E0135; }
.fsrscreen_lineNr#fsrscreen_line_8 { background-color: #219133; }
.fsrscreen_lineNr#fsrscreen_line_9 { background-color: #93C254; }
.fsrscreen_lineNr#fsrscreen_line_10 { background-color: #F9AF00; }
.fsrscreen_lineNr#fsrscreen_line_11 { background-color: #C1DDAE; }
.fsrscreen_lineNr#fsrscreen_line_12 { background-color: #006A42; }
.fsrscreen_lineNr#fsrscreen_line_13 { background-color: #FDC200; }
.fsrscreen_lineNr#fsrscreen_line_44 { background-color: #A7348B; }
.fsrscreen_lineNr#fsrscreen_line_46 { background-color: #F8AB00; }
.fsrscreen_lineNr#fsrscreen_line_61 { background-color: #0068B3; }
.fsrscreen_lineNr#fsrscreen_line_62 { background-color: #008ACD; }
.fsrscreen_lineNr#fsrscreen_line_63 { background-color: #214193; }
.fsrscreen_lineNr#fsrscreen_line_64 { background-color: #35A9E1; }
.fsrscreen_lineNr#fsrscreen_line_65 { background-color: #196FB7; }
.fsrscreen_lineNr#fsrscreen_line_66 { background-color: #35A9E1; }
.fsrscreen_lineNr#fsrscreen_line_68 { background-color: #008FB9; }
.fsrscreen_lineNr#fsrscreen_line_70 { background-color: #C89D65; }
.fsrscreen_lineNr#fsrscreen_line_72 { background-color: #A48979; }
.fsrscreen_lineNr#fsrscreen_line_73 { background-color: #DBD086; }
.fsrscreen_lineNr#fsrscreen_line_74 { background-color: #935D36; }
.fsrscreen_lineNr#fsrscreen_line_76 { background-color: #A48979; }
.fsrscreen_lineNr#fsrscreen_line_77 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_78 { background-color: #DBD086; }
.fsrscreen_lineNr#fsrscreen_line_79 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_80 { background-color: #673B0B; }
.fsrscreen_lineNr#fsrscreen_line_81 { background-color: #935D36; }
.fsrscreen_lineNr#fsrscreen_line_83 { background-color: #C89D65; }
.fsrscreen_lineNr#fsrscreen_line_84 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_85 { background-color: #C89D65; }
.fsrscreen_lineNr#fsrscreen_line_86 { background-color: #935D36; }
.fsrscreen_lineNr#fsrscreen_line_87 { background-color: #A48979; }
.fsrscreen_lineNr#fsrscreen_line_88 { background-color: #A48979; }
.fsrscreen_lineNr#fsrscreen_line_89 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_90 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_91 { background-color: #C5BD79; }
.fsrscreen_lineNr#fsrscreen_line_92 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_93 { background-color: #9C9660; }
.fsrscreen_lineNr#fsrscreen_line_95 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_97 { background-color: #BBAD94; }
.fsrscreen_lineNr#fsrscreen_line_98A { background-color: #B0AA6D; }
.fsrscreen_lineNr#fsrscreen_line_98B { background-color: #DBD086; }
.fsrscreen_lineNr#fsrscreen_line_98C { background-color: #C5BD79; }
.fsrscreen_lineNr#fsrscreen_line_166 { background-color: #35A9E1; }
.fsrscreen_lineNr#fsrscreen_line_333 { background-color: #9B9C9D; }
.fsrscreen_lineNr#fsrscreen_line_default { background-color: #191917; }
    
    .fsrscreen_mainDirectionContainer {
		float: left;
        padding: 0 .3em 0 0;
        border-right: .05em solid #aaa;
    }
    
    .fsrscreen_mainDirectionContainer:last-of-type {
        border: none;
    }
    
    .fsrscreen_mainDirectionName {
        float: left;
		text-align: center;
		font-size: .5em;
		font-weight: normal;
		padding: .55em 0 .55em .4em;
		margin: 0;
		height: 4vw;
        letter-spacing: -.1ex;
    }
    
    .fsrscreen_singleDepartureContainer {
		float: left;
		text-align: center;
		font-size: .8em;
		font-weight: bolder;
		padding: .1em;
		margin: 0;
		height: 4vw;
    }
    
    .fsrscreen_singleDepartureTimeRemaining {
		float: left;
        width: 3.5vw;
        text-align: right;
    }
    
    .fsrscreen_singleDepartureTimeRemaining::after {
        content: "'";
        vertical-align: text-top;
        font-size: .8em;
        color: #aaa;
    }
    
    .fsrscreen_singleDepartureDestination {
		/*float: left;*/
        text-align: end;
        /*writing-mode: vertical-rl;*/
        font-size: .3em;
        font-weight: bolder;
        vertical-align: sub;
        padding-top: .6em;
    }
</style>