rsp6-decoder/rsp6-webshite/govuk.css

.autocomplete__wrapper{position:relative}.autocomplete__hint,.autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%}.autocomplete__input{background-color:transparent;position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{box-shadow:rgba(0,0,0,.256863) 0 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:solid #b1b4b6;border-width:1px 0;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:16px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:19px;line-height:1.31579}}.govuk-link{font-family:'Inter',arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@media print{.govuk-link{font-family:sans-serif}}.govuk-link:focus{outline:3px solid rgba(0,0,0,0);background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}.govuk-link:link{color:#1d70b8}.govuk-link:visited{color:#4c2c92}.govuk-link:hover{color:#003078}.govuk-link:active,.govuk-link:focus{color:#0b0c0c}@media print{.govuk-link[href^="/"]:after,.govuk-link[href^="http://"]:after,.govuk-link[href^="https://"]:after{content:" (" attr(href) ")";font-size:90%;word-wrap:break-word}}.govuk-link--muted:active,.govuk-link--muted:hover,.govuk-link--muted:link,.govuk-link--muted:visited{color:#505a5f}.govuk-link--muted:focus,.govuk-link--text-colour:active,.govuk-link--text-colour:focus,.govuk-link--text-colour:hover,.govuk-link--text-colour:link,.govuk-link--text-colour:visited{color:#0b0c0c}@media print{.govuk-link--text-colour:active,.govuk-link--text-colour:focus,.govuk-link--text-colour:hover,.govuk-link--text-colour:link,.govuk-link--text-colour:visited{color:#000}}.govuk-link--no-visited-state:link,.govuk-link--no-visited-state:visited{color:#1d70b8}.govuk-link--no-visited-state:hover{color:#003078}.govuk-link--no-visited-state:active,.govuk-link--no-visited-state:focus,.govuk-list{color:#0b0c0c}.govuk-list{font-family:'Inter',arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25;margin-top:0;margin-bottom:15px;padding-left:0;list-style-type:none}@media print{.govuk-list{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-list{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.govuk-list{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-list{margin-bottom:20px}}.govuk-list .govuk-list{margin-top:10px}.govuk-list>li{margin-bottom:5px}.govuk-list--bullet{padding-left:20px;list-style-type:disc}.govuk-list--number{padding-left:20px;list-style-type:decimal}.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:0}@media (min-width:40.0625em){.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:5px}}.govuk-list--spaced>li{margin-bottom:10px}@media (min-width:40.0625em){.govuk-list--spaced>li{margin-bottom:15px}}.govuk-template{background-color:#f3f2f1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@media screen{.govuk-template{overflow-y:scroll}}.govuk-template__body{margin:0;background-color:#fff}.govuk-heading-xl{color:#0b0c0c;font-family:'Inter',arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:32px;font-size:2rem;line-height:1.09375;display:block;margin-top:0;margin-bottom:30px}@media print{.govuk-heading-xl{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-xl{font-size:48px;font-size:3rem;line-height:1.04167}}@media print{.govuk-heading-xl{font-size:32pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-heading-xl{margin-bottom:50px}}.govuk-heading-l{color:#0b0c0c;font-family:'Inter',arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:24px;font-size:1.5rem;line-height:1.04167;display:block;margin-top:0;margin-bottom:20px}@media print{.govuk-heading-l{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-l{font-size:36px;font-size:2.25rem;line-height:1.11111}}@media print{.govuk-heading-l{font-size:24pt;line-height:1.05}}@media (min-width:40.0625em){.govuk-heading-l{margin-bottom:30px}}.govuk-heading-m{color:#0b0c0c;font-family:'Inter',arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:18px;font-size:1.125rem;line-height:1.11111;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-m{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-m{font-size:24px;font-size:1.5rem;line-height:1.25}}@media print{.govuk-heading-m{font-size:18pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-heading-m{margin-bott

.tube-line-button {
	margin-bottom: 0 !important;
}
.id-field {
	font-family: "Fantasque Sans Mono", monospace;
}
.train-track-code {
	float: right;
}
@media screen and (max-width: 600px) {
  .no-phones {
    visibility: hidden;
    display: none;
  }
}
.train-to {
	color: #505a5f;
}
.track-suggestion {
	font-family: arial, sans-serif;
}
.govuk-header__logo {
	display: inline-block;
}
.reload-button {
	margin-bottom: 0 !important;
	float: right !important;
	margin-right: 10px !important;
	font-size: 1rem;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	width: max-content !important;
}
.miniviz {
	max-width: 100%;
}
.train-history-last {
    margin-bottom: 20px !important;
}
.train-history-last .history-station {
    background-color: #d53880;
    color: white;
}
.train-history-last .history-content-mid {
    margin-left: 0;
}
.history-dwell-tardy {
    background-color: #d4351c;
    font-weight: bold;
    color: white;
    padding: 0.4rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.history-station {
    vertical-align: top;
    margin-bottom: 0px !important;
    padding: 0.4rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 700;
}
.history-entry-time {
    width: 4rem;
    font-size: 1.5rem;
    color: #505a5f;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-right: 0.4rem;
    line-height: 1.25;
    display: inline-block;
    margin-right: 0.5rem;
}
.history-entry-time small {
    vertical-align: top;
    font-size: 1.1rem;
}
.history-station-platform {
    display: inline-block;
    float: right;
}
.history-transit {
    color: darkgray;
    font-style: italic;
}
.history-content-mid {
    font-style: italic;
    color: darkgray;
    margin-left: 4rem;
    display: inline-block;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    width: calc(100% - 4rem);
}
.history-content-mid .govuk-tag {
    font-style: normal;
}
.history-dest-change {
    color: black;
}
.train-entry-arrow {
    margin-right: 5px;
    margin-left: 5px;
}
.history-transit-last {
    font-style: normal;
    color: #00703c;
    font-weight: bold;
    font-size: 1.5rem;
}
.history-dest {
    background-color: #4c2c92;
    font-weight: bold;
    font-style: normal;
    color: white;
    padding: 0.4rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.line-train-history-heading {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background: white;
    padding-left: 4rem;
    font-weight: normal;
    position: relative;
    margin-bottom: 0 !important;
}
.station-calls-link {
	color: black;
	font-family: 'Inter',arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}
.line-train-history-heading:target .station-calls-link {
	color: #d53880;
	font-weight: 700;
}
.train-history-heading {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background: #f3f2f1;
    padding-left: 4rem;
    font-weight: normal;
    position: relative;
}
.train-history-heading::after {
	content: "";
	clear: both;
	display: table;
}

.history-station-live {
    background: #1d70b8;
    color: white;
    width: auto;
    vertical-align: top;
    margin-bottom: 0px !important;
    margin-right: 10px;
    padding: 0.4rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    display: inline-block;
    font-style: normal;
    float: right;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 700;
}
.history-station-live-old {
    background: #505a5f;
}
.live-line-list .history-station-platform {
    float: none;
    margin-left: 10px;
}
.atward {
    font-weight: normal;
}
.live-line-list .train-history-last .history-station {
    background: inherit;
    color: inherit;
}
.live-line-list .history-transit-last {
    color: #0b0c0c;
    font-weight: normal;
}
.live-line-list .history-content-mid {
    color: #0b0c0c;
    font-weight: normal;
    padding: 0;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadein {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	animation-duration: 1s;
}

@media screen and (max-width: 600px) {
  .station-heading-inner {
	  display: inline-block;
	  margin-top: 5px;
	  margin-bottom: 5px;
  }
  .train-tph {
	  margin-top: 5px;
	  margin-bottom: 5px;
  }
  .line-platform-trains {
	  margin-top: 5px;
	  margin-bottom: 5px;
  }
  .train-tph .fa-clock {
	  margin-top: -5px;
	  margin-bottom: -5px;
  }
/*  .station-heading-inner.has-trains {
	  width: 100%;
  }*/
}
.govuk-radios__divider {
	width: inherit !important;
	text-align: inherit !important;
}
.error-colour {
	color: #d4351c;
}
.direction-jump-link {
	margin-bottom: 0px !important;
}

@media screen and (max-width: 600px) {
	.unpad-when-small {
		padding-left: 0 !important;
	}
}

.merge-note {
	color: #28a197;
}
.bsicons-bhf {
	display: inline-block;
	height: 100%;
	width: 3rem;
	max-height: 3rem;
}
.fa-clock {
	display: inline-block;
	height: 1.5rem;
	float: right;
	padding-top: 0.15rem;
	margin-left: 10px;
	color: #b1b4b6;
}
.git-branch {
	display: inline-block;
	vertical-align: middle;
}
.vertmid {
	vertical-align: middle;
}
.train-history-heading:target {
	border: 5px solid #d53880;
}
.train-tph {
	float: right;
	margin-right: 15px;
	margin-left: 10px;
	font-style: italic;
	color: #b1b4b6;
}
.line-platform-trains {
	float: right;
	margin-right: 15px;
	margin-left: 10px;
	text-decoration: none;
}
.line-intermediate-descr {
	padding-left: 5px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	flex-grow: 1;
	font-style: italic;
}
.line-intermediate-train {
	float: right;
	margin-left: 5px;
	text-decoration: none;
	flex-shrink: 0;
}
.line-platform-intermediate {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
}
.line-intermediate-icon {
	margin-left: 0.5rem;
	width: 3rem;
	text-align: center;
	margin-top: -0.15rem;
	flex-shrink: 0;
}
.underline-me {
	text-decoration: underline;
}
.horrible-hack {
	position: absolute;
	height: calc(100% - 4rem);
	width: 10px;
	margin-left: 1.7rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	z-index: -1;
}
.live-line-list {
	position: relative;
}
.line-platform-icon {
	position: absolute;
	margin-left: -3.5rem;
	width: 3rem;
	text-align: center;
	margin-top: 0.2rem;
}
.arbitrary-html-li {
	background: white;
	margin-bottom: 0px;
	position: relative;
	z-index: 10;
	/* whoops */
	padding-bottom: 2px;
}
.time-jump-link {
	margin-left: 4.5rem;
}

.station-call {
	display: flex;
	width: 100%;
	align-items: center;
}
.station-call:target {
	border: 5px solid #d53880;
	padding: 2px;
	margin-left: -7px;
	margin-right: -7px;
	padding-bottom: 2px;
}
.station-call-time {
    width: 3.5rem;
    font-size: 1.5rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    line-height: 1.25;
    display: inline-block;
    margin-right: 0.5rem;
    flex-shrink: 0;
}
.station-call-station {
	margin-bottom: 0px !important;
	padding: 0.4rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
}
.station-call-links {
	margin-right: 15px;
	margin-left: 10px;
	flex-shrink: 0;
}
.station-call-link {
	text-decoration: none;
	font-weight: normal;
}
.no-data-available {
	margin-left: 4.5rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	display: block;
	width: 100%;
	color: #505a5f;
}

.station-call-station-live {
    background-color: #d53880;
    color: white;
    font-weight: 700;
}
.station-call-station-oos {
	font-style: italic;
	color: #b1b4b6; 
}
.grey-atward {
	color: #505a5f;
}
.station-call-station-live .grey-atward {
	color: white;
}
.station-call-time-live {
	color: #4c2c92;
}
.train-history-entry:target .history-entry-time {
	color: #d53880;
	font-weight: 700;
}
.history-dest-pfm {
	font-weight: normal !important;
}
.history-dest-via {
	font-style: normal;
}
.model-inter {
	color: gray;
	font-style: italic;
}
ul.model-list {
    padding-left: 1rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.clt, .clt ul, .clt li {
     position: relative;
}

.clt ul {
    list-style: none;
    padding-left: 32px;
}

.clt li::before, .clt li::after {
    content: "";
    position: absolute;
    left: -12px;
}
.clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0;
}
.clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px;
}
.clt ul > li:last-child::after {
    height: 8px;
}
.model-visited {
	float: left;
	padding-right: 10px;
}
.model-list-target {
	color: red;
	text-decoration: none;
	padding-left: 0.5rem;
	display: none;
}
li:hover > .model-list-target {
	display: inline;
}
.model-list-target:visited {
	color: red;
}
.govuk-footer {
	box-shadow: 0 50vh 0 50vh #f3f2f1;
}
.govuk-list.live-line-list li {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.live-line-station {
    display: flex;
    align-items: center;
}

span.live-line-bsicon-train {position: absolute;left: 50%;top: 50%;/* margin-left: auto; *//* margin-right: auto; */transform: translateX(-50%) translateY(-40%);}

span.live-line-bsicon {
    position: relative;
    width: 3rem;
    height: 3rem;
    /* font-variant: diagonal-fractions; */
    flex-shrink: 0;
}

.live-line-station-name {
    margin: 0 !important;
    vertical-align: middle;
    flex-grow: 1;
    /* align-self: center; */
    display: inline;
    padding-left: 5px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

li.line-platform-intermediate-blank {
    height: 0.8rem;
}

li.line-platform-intermediate-blank span {
    display: inline-block;
}

li.line-platform-intermediate-filler {
    height: 0;
}

li.line-platform-intermediate-filler span {
    display: inline-block;
}

.live-line-station-link {
    text-decoration: none;
    flex-shrink: 0;
}

.station-heading-inner.has-trains {
    text-overflow: ellipsis;
}
.live-line-station-tph {
    font-style: italic;
    color: #505a5f;
    flex-shrink: 0;
    padding-left: 5px;
    padding-top: 2px; /* dunno why this is necessary but it just looks wrong, okay? */
}
@media (min-width: 40.0625em) {
       	li.line-platform-intermediate-blank {
		height: 1.2rem;
	}
	li.line-platform-intermediate-filler {
		height: 0.6rem;
	}

	li.line-platform-intermediate-filler span {
		display: inline-block;
	}
}
pre {
	white-space: pre-wrap !important;
	overflow-wrap: anywhere !important;
}