@charset "UTF-8";
@font-face {
  font-family: "DIN";
  src: url("DIN-Medium.woff2") format("woff2"), url("DIN-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN-bold";
  src: url("DIN-Bold.woff2") format("woff2"), url("DIN-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Light";
  src: url("DIN-Light.woff2") format("woff2"), url("DIN-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
a:active,
a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

.visible {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
  display: block;
}

.ABT {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.AGT {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.AVL {
  background-color: #00985F;
  color: #FFFFFF;
}

.ADL {
  background-color: #C60C30;
  color: #FFFFFF;
}

.BTA {
  background-color: #00985F;
  color: #FFFFFF;
}

.BWN {
  background-color: #00985F;
  color: #FFFFFF;
}

.BSR {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.BSD {
  background-color: #C60C30;
  color: #FFFFFF;
}

.BRS {
  background-color: #CE8E00;
  color: #121212;
}

.BMR {
  background-color: #00985F;
  color: #FFFFFF;
}

.BPT {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.BRT {
  background-color: #60269E;
  color: #FFFFFF;
}

.BPG {
  background-color: #A626AA;
  color: #FFFFFF;
}

.BWD {
  background-color: #A626AA;
  color: #FFFFFF;
}

.BHN {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.BDY {
  background-color: #C60C30;
  color: #FFFFFF;
}

.CPL {
  background-color: #006EC7;
  color: #FFFFFF;
}

.CHT {
  background-color: #6E3219;
  color: #FFFFFF;
}

.CI {
  background-color: #A626AA;
  color: #FFFFFF;
}

.CAV {
  background-color: #FF6319;
  color: #FFFFFF;
}

.CSH {
  background-color: #006EC7;
  color: #FFFFFF;
}

.CPG {
  background-color: #00985F;
  color: #FFFFFF;
}

.CLP {
  background-color: #CE8E00;
  color: #121212;
}

.DPK {
  background-color: #A626AA;
  color: #FFFFFF;
}

.DGL {
  background-color: #C60C30;
  color: #FFFFFF;
}

.EHN {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.ERY {
  background-color: #FF6319;
  color: #FFFFFF;
}

.EWN {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.FRY {
  background-color: #6E3219;
  color: #FFFFFF;
}

.FMD {
  background-color: #A626AA;
  color: #FFFFFF;
}

.FPK {
  background-color: #CE8E00;
  color: #121212;
}

.FLS {
  background-color: #C60C30;
  color: #FFFFFF;
}

.FHL {
  background-color: #4D5357;
  color: #FFFFFF;
}

.FPT {
  background-color: #00985F;
  color: #FFFFFF;
}

.GCY {
  background-color: #CE8E00;
  color: #121212;
}

.GBN {
  background-color: #6E3219;
  color: #FFFFFF;
}

.GCV {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.GHD {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.GST {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.GNK {
  background-color: #C60C30;
  color: #FFFFFF;
}

.GRV {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.GWN {
  background-color: #006EC7;
  color: #FFFFFF;
}

.GPT {
  background-color: #A626AA;
  color: #FFFFFF;
}

.GVL {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.HBY {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.HEM {
  background-color: #CE8E00;
  color: #121212;
}

.HGN {
  background-color: #00A1DE;
  color: #121212;
}

.HWT {
  background-color: #6E3219;
  color: #FFFFFF;
}

.HVL {
  background-color: #006EC7;
  color: #FFFFFF;
}

.HOL {
  background-color: #CE8E00;
  color: #121212;
}

.HUN {
  background-color: #006EC7;
  color: #FFFFFF;
}

.IWD {
  background-color: #6E3219;
  color: #FFFFFF;
}

.IPK {
  background-color: #FF6319;
  color: #FFFFFF;
}

.ISP {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.JAM {
  background-color: #4D5357;
  color: #FFFFFF;
}

.KGN {
  background-color: #4D5357;
  color: #FFFFFF;
}

.KPK {
  background-color: #006EC7;
  color: #FFFFFF;
}

.LVW {
  background-color: #00A1DE;
  color: #121212;
}

.LTN {
  background-color: #6E3219;
  color: #FFFFFF;
}

.LCE {
  background-color: #6E3219;
  color: #FFFFFF;
}

.LHT {
  background-color: #00985F;
  color: #FFFFFF;
}

.LNK {
  background-color: #C60C30;
  color: #FFFFFF;
}

.LMR {
  background-color: #6E3219;
  color: #FFFFFF;
}

.LVL {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.LBH {
  background-color: #FF6319;
  color: #FFFFFF;
}

.LYN {
  background-color: #FF6319;
  color: #FFFFFF;
}

.MVN {
  background-color: #00A1DE;
  color: #121212;
}

.MHT {
  background-color: #C60C30;
  color: #FFFFFF;
}

.MQA {
  background-color: #00985F;
  color: #FFFFFF;
}

.MPK {
  background-color: #00985F;
  color: #FFFFFF;
}

.MSY {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.MAK {
  background-color: #A626AA;
  color: #FFFFFF;
}

.MFD {
  background-color: #A626AA;
  color: #FFFFFF;
}

.MAV {
  background-color: #006EC7;
  color: #FFFFFF;
}

.MRK {
  background-color: #00985F;
  color: #FFFFFF;
}

.SSM {
  background-color: #C60C30;
  color: #FFFFFF;
}

.MIN {
  background-color: #006EC7;
  color: #FFFFFF;
}

.MTK {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.MHL {
  background-color: #C60C30;
  color: #FFFFFF;
}

.NBD {
  background-color: #CE8E00;
  color: #121212;
}

.NHP {
  background-color: #006EC7;
  color: #FFFFFF;
}

.NPT {
  background-color: #006EC7;
  color: #FFFFFF;
}

.ODL {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.ODE {
  background-color: #FF6319;
  color: #FFFFFF;
}

.OBY {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.PGE {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.PLN {
  background-color: #A626AA;
  color: #FFFFFF;
}

.PDM {
  background-color: #C60C30;
  color: #FFFFFF;
}

.PJN {
  background-color: #006EC7;
  color: #FFFFFF;
}

.PWS {
  background-color: #C60C30;
  color: #FFFFFF;
}

.QVG {
  background-color: #CE8E00;
  color: #121212;
}

.RHD {
  background-color: #A626AA;
  color: #FFFFFF;
}

.RVC {
  background-color: #00985F;
  color: #FFFFFF;
}

.RON {
  background-color: #A626AA;
  color: #FFFFFF;
}

.ROS {
  background-color: #6E3219;
  color: #FFFFFF;
}

.RSN {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.SVL {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.SCF {
  background-color: #00AF3F;
  color: #FFFFFF;
}

.SFD {
  background-color: #00985F;
  color: #FFFFFF;
}

.STN {
  background-color: #006EC7;
  color: #FFFFFF;
}

.SHN {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.SHD {
  background-color: #A626AA;
  color: #FFFFFF;
}

.SPK {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.SAB {
  background-color: #00A1DE;
  color: #121212;
}

.SJM {
  background-color: #006EC7;
  color: #FFFFFF;
}

.SMR {
  background-color: #CE8E00;
  color: #121212;
}

.BK {
  background-color: #006EC7;
  color: #FFFFFF;
}

.SYT {
  background-color: #006EC7;
  color: #FFFFFF;
}

.VSM {
  background-color: #6E3219;
  color: #FFFFFF;
}

.WGH {
  background-color: #00985F;
  color: #FFFFFF;
}

.WHD {
  background-color: #00A1DE;
  color: #121212;
}

.WBY {
  background-color: #006EC7;
  color: #FFFFFF;
}

.WHN {
  background-color: #00B2A9;
  color: #FFFFFF;
}

.WWD {
  background-color: #00A1DE;
  color: #121212;
}

.WMR {
  background-color: #6E3219;
  color: #FFFFFF;
}

.WDD {
  background-color: #4D5357;
  color: #FFFFFF;
}

.WYD {
  background-color: #A626AA;
  color: #FFFFFF;
}

.YPK {
  background-color: #A626AA;
  color: #FFFFFF;
}

.lirr-table,
.lirr-table * {
  font-size: 16px;
  border-collapse: collapse;
  border: none;
}

.lirr-table {
  margin: 0 !important;
}

.din-target {
  font-family: "DIN";
}

.lirr-table th {
  font-weight: 700;
  font-size: 20px;
  padding: 10px 0;
}

.lirr-table th:nth-child(1),
.lirr-table th:nth-child(3) {
  width: 20%;
}

.lirr-table th:nth-child(2) {
  text-align: left;
}

.lirr-table td:nth-child(2),
.lirr-table th:nth-child(1) {
  text-align: left;
}

.lirr-table .date-cell {
  padding: 5px 0 3px 10px;
  width: 20%;
}

.lirr-table .dest-cell {
  padding-left: 3px;
}

.header-row {
  font-family: "DIN" !important;
}

.peak {
  font-weight: 400;
}

.stop {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  padding: 5px;
  border-radius: 3px;
  font-weight: 400;
}

.stops-row {
  display: none;
  background-color: #2D2E35;
  border-bottom: 2px solid #fff !important;
}

.lirr-view-all-stops {
  border-bottom: 2px solid #fff;
}
.lirr-view-all-stops td {
  background-color: #2D2E35;
  color: #fff;
  font-weight: normal;
  padding: 21px 15px 22px;
}
.lirr-view-all-stops .view-all {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 20px;
}
.lirr-view-all-stops .view-all:before {
  content: "+";
  position: absolute;
  left: 0;
}
.lirr-view-all-stops.active .view-all:before {
  content: "+";
  transform: rotate(45deg);
}

.track-cell {
  font-family: "DIN" !important;
  font-size: 36px;
  color: #fff;
  text-align: center !important;
  width: 16%;
}

.amtrak-refresh-icon,
.refresh-icon {
  float: left;
  position: relative;
  top: 3px;
}

.refresh-text {
  position: relative;
  left: 15px;
  font-size: 16px;
}

.last-update,
.last-update-amtrak {
  padding-left: 15px;
  color: #7a7a7a;
  font-size: 14px;
}

.train-divider {
  border-bottom: 5px solid #1A2B3B;
  margin: 20px 0 5px;
}

.stops {
  padding: 14px 0 14px 20px;
  text-align: left !important;
}

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

.train-half {
  width: 50%;
  float: left;
  text-align: center;
  padding: 17px 0;
  background: #F1F1F1;
  font-weight: 700;
  font-size: 16px;
  color: #1A2B3B;
  cursor: pointer;
}

.train-third {
  width: 33.3333333%;
  float: left;
  text-align: center;
  padding: 17px 0;
  background: #F1F1F1;
  font-weight: 700;
  font-size: 16px;
  color: #1A2B3B;
  cursor: pointer;
}

.amtrak-nav.active,
.train-nav.active {
  color: #ffffff;
  background: #1A2B3B;
  padding: 27px 0;
  position: relative;
  top: -10px;
  left: -1px;
}

.train-nav-item {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-right: 1px solid #000000;
}
.train-nav-item.last {
  border-right: none !important;
}

@media screen and (max-width: 768px) {
  .train-nav-item {
    font-size: 12px;
  }
}
.amtrak-table-nav .train-nav-item {
  border: none !important;
}

.refresh-row {
  margin-top: 20px;
  margin-bottom: 30px;
}

.train-logo-container {
  text-align: center;
}
.train-logo-container img {
  display: inline-block;
}

#train-schedule {
  margin-top: -15px;
}

.amtrak-tab,
.tab {
  display: none;
}
.amtrak-tab.active,
.tab.active {
  display: block;
}

.show-more {
  font-weight: 700;
}

#amtrak-arrivals-target,
#amtrak-departures-target,
#depart-target,
#lirr-status-wrapper {
  max-height: 656px;
  overflow: auto;
  -webkit-user-select: none;
  /* Safari */
  /* Firefox */
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#amtrak-arrivals-target::-webkit-scrollbar,
#amtrak-departures-target::-webkit-scrollbar,
#depart-target::-webkit-scrollbar,
#lirr-status-wrapper::-webkit-scrollbar {
  width: 10px;
}
#amtrak-arrivals-target::-webkit-scrollbar-track,
#amtrak-departures-target::-webkit-scrollbar-track,
#depart-target::-webkit-scrollbar-track,
#lirr-status-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
}
#amtrak-arrivals-target::-webkit-scrollbar-thumb,
#amtrak-departures-target::-webkit-scrollbar-thumb,
#depart-target::-webkit-scrollbar-thumb,
#lirr-status-wrapper::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  border-radius: 10px;
}
#amtrak-arrivals-target::-webkit-scrollbar-thumb:hover,
#amtrak-departures-target::-webkit-scrollbar-thumb:hover,
#depart-target::-webkit-scrollbar-thumb:hover,
#lirr-status-wrapper::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

#next-train-table {
  max-height: 656px;
  overflow: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#next-train-table::-webkit-scrollbar {
  width: 10px;
}
#next-train-table::-webkit-scrollbar-track {
  border-radius: 10px;
}
#next-train-table::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  border-radius: 10px;
}
#next-train-table::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
#next-train-table td:nth-child(2) {
  width: 60%;
}

.rotate {
  animation: rotation 1s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.next-train-nav {
  font-weight: 700;
  font-size: 20px;
  padding: 9px 0;
}
.next-train-nav ul {
  display: inline-block;
}
.next-train-nav li,
.next-train-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.next-train-nav li:last-of-type:after {
  content: "" !important;
}
.next-train-nav li {
  display: inline-block;
}
.next-train-nav li a {
  color: #000;
  font-weight: normal;
}
.next-train-nav li:after {
  content: "·";
  font-size: 24px;
  color: #000;
  position: relative;
  top: 3px;
  left: 3px;
  padding: 0 4px;
}
.next-train-nav li.active a {
  color: #00A9E2;
  border-bottom: 3px solid #00A9E2;
}
.next-train-nav li:not(.active):hover a {
  color: #000;
  border-bottom: 3px solid #000;
}

.amtrak-table {
  border-collapse: collapse;
  border: none;
  margin: 0;
}
.amtrak-table .placeholder-head {
  display: none;
}
.amtrak-table .pill-cell {
  width: 85% !important;
}
.amtrak-table .track-cell {
  width: 15% !important;
}
.amtrak-table * {
  border-collapse: collapse;
  border: none;
}
.amtrak-table th {
  font-weight: 700;
  font-size: 20px;
  padding: 10px 0;
  text-align: left;
}
.amtrak-table th:nth-child(1) {
  width: 25%;
}
.amtrak-table th:nth-child(2) {
  width: 55%;
}
.amtrak-table th:nth-child(3) {
  width: 20%;
  text-align: center;
}
.amtrak-table td:nth-child(1) {
  width: 20%;
}
.amtrak-table td:nth-child(2) {
  width: 60%;
  padding-left: 4px !important;
}
.amtrak-table td:nth-child(3) {
  width: 15%;
  text-align: center;
}
.amtrak-table.arrivals .amtrak-header-row {
  background: #00537E !important;
}
.amtrak-table.arrivals .amtrak-destination {
  background: #1a1a1a !important;
}
.amtrak-table .amtrak-header-row {
  background: #007CB3;
  color: #fff;
}
.amtrak-table .amtrak-header-row .train-name {
  font-family: "DIN" !important;
}
.amtrak-table .amtrak-header-row td {
  padding: 5px 0 3px;
}
.amtrak-table .amtrak-header-row td:nth-child(1) {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .amtrak-table .amtrak-header-row td:nth-child(1) {
    padding-left: 5px;
  }
}
.amtrak-table .amtrak-destination {
  background: #00537E;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.amtrak-table .amtrak-destination td {
  padding: 14px 0;
}
.amtrak-table .amtrak-destination td:nth-child(1) {
  padding-left: 20px;
}
.amtrak-table .pill-destination,
.amtrak-table .pill-status {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  padding: 5px;
  border-radius: 3px;
  font-weight: 400;
}
.amtrak-table .pill-destination {
  background: #007CB3;
  font-weight: 400;
}
.amtrak-table .pill-status {
  font-weight: normal;
  color: #fff;
}
.amtrak-table .boarding {
  background: #FCEA10 !important;
  font-family: "DIN" !important;
  color: #131415 !important;
}

.train-number {
  font-family: "DIN Light" !important;
  font-weight: normal !important;
}

.service-status-table {
  border-collapse: collapse;
  border: none;
  margin: 0 !important;
  font-family: "DIN";
}
.service-status-table * {
  border-collapse: collapse;
  border: none;
}
.service-status-table tr:nth-child(1) {
  border: none !important;
}
.service-status-table tr.even {
  background: #3D4B59;
  border-top: 2px solid #fff;
}
.service-status-table tr.odd {
  background: #2C2E33;
  border-top: 2px solid #fff;
}
.service-status-table td {
  padding: 35px 10px 28px;
}
.service-status-table .status-cell {
  text-align: right;
}
.service-status-table .service-alert,
.service-status-table .service-good {
  font-family: "DIN" !important;
  color: #00FF26;
}

.lirr-next {
  border-collapse: collapse;
  border: none;
  font-family: "DIN";
}
.lirr-next * {
  border-collapse: collapse;
  border: none;
}
.lirr-next thead {
  display: none;
}
.lirr-next tr.even {
  background: #65666B;
  border-top: 2px solid #fff;
}
.lirr-next tr.odd {
  background: #4F5055;
  border-top: 2px solid #fff;
}
.lirr-next tr.nt-stop {
  background: #2D2E35;
}
.lirr-next tr.nt-stop td:nth-child(1) {
  width: 20%;
  font-family: "DIN" !important;
  padding-bottom: 21px !important;
  padding-top: 22px !important;
}
.lirr-next tr.nt-stop td {
  padding-top: 10px;
}
.lirr-next tr.nt-station td {
  font-family: "DIN" !important;
}
.lirr-next td {
  color: #fff;
  padding: 4px 10px;
}

.hidden {
  display: none;
}

.amtrak-spinner,
.lirr-spinner {
  position: relative;
  top: 4px;
  width: 17px;
  height: auto;
}

.clickable {
  cursor: pointer;
}

.align-right {
  text-align: right !important;
  padding-right: 20px !important;
}

.col-yellow {
  color: #fccc0a !important;
}

.col-grey {
  color: #808183 !important;
}

.col-red {
  color: #ee352e !important;
}

.col-green {
  color: #00933c !important;
}

#amtrak-departures {
  font-family: "DIN";
}
/*# sourceMappingURL=trains.css.map */