@import url('https://fonts.googleapis.com/css?family=Lato:700&display=swap');

body {
  text-shadow: none;
  font-family: 'Lato' !important;
}

body,
.fullscreenMessage,
.infoText,
.loadingText {
  color: black !important;
}

#BulletinsButton {
  background: #8ba7d7;
}

#Infobox,
#ScheduleDisplay,
.passenger_display_fullscreen {
  background-image: none;
  background-color: #f5f5f5;
  border-color: #102442;
  color: black;
}

#Compass,
.btn,
.linesLine,
.ol-control button,
.linesLine.lineSelected,
.passenger_display_button {
  background-color: #293966;
  color: white;
}

#Compass {
  opacity: 1;
}

#InfoStopRows,
.vehicle_display .display_data_scroller {
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0);
}

.glyphicon {
  color: white !important;
}

.mts_button.pressed, .mts_iconButton.pressed {
  background-color: #414d71;
}

.passenger_display_clock {
  display: none !important;
}

.passenger_display_data>div:nth-of-type(odd),
.schedule_display_hour_row:nth-child(even),
.vehicle_display_row:nth-of-type(odd) > .display_estimate {
  background: #e7ebf1;
}

.passenger_display_data>div:nth-of-type(even),
.schedule_display_hour_row:nth-child(odd),
.vehicle_display_row:nth-of-type(even) > .display_estimate {
  background: white;
}

.vehicle_display_title {
  background: rgba(200, 200, 200, 0.9);
}

.passenger_display_logo {
  background-image: url("logo.svg");
}

.display_estimate,
.vehicle_display_title,

.passenger_display_titleplay_title,
.passenger_display_data,
.passenger_display_clock,
.passenger_display_date,
.passenger_display_line_heading,
.passenger_display_min_heading,
.passenger_display_title,

.passenger_display_realfullscreen .passenger_display_titleplay_title,
.passenger_display_realfullscreen .passenger_display_clock,
.passenger_display_realfullscreen .passenger_display_date,
.passenger_display_realfullscreen .passenger_display_line_heading,
.passenger_display_realfullscreen .passenger_display_min_heading,

.passenger_display_legend_icon_realtime,
.passenger_display_legend_icon_timetable,

.passenger_display_fullscreen .passenger_display_data,

.ios_device .passenger_display_data,
#ScheduleDisplay.ios_device,
#ScheduleDisplay.ios_device .passenger_display_titleplay_title,

.android_device .passenger_display_data,
#ScheduleDisplay.android_device,
#ScheduleDisplay.android_device .passenger_display_titleplay_title,
.android_device #BulletinScroller {
  color: black;
  text-shadow: none;
}

#BulletinScroller,
.bulletinArea_fullscreen #BulletinScroller,
.ios_device #BulletinScroller {
  text-shadow: none;
}

.passenger_display_legend_disclaimer,
.passenger_display_legend_line {
  color: black;
}

.passenger_display_crowded,
.passenger_display_full,
.passenger_display_row_realtime .min.realtime,
.display_estimate .realtime,
.passenger_display_row_timetable.current {
  color: #7C05B3;
  text-shadow: none;
}

.passenger_display_legend_icon_timetable {
  background-color: black;
}

.passenger_display_legend_icon_realtime {
  background-color: #7C05B3;
}

.mts_iconButton,
.wideIconButton {
  background-image: none;
}

@media screen and (max-device-width: 961px) {
  #InfoContent {
    background-image: none;
    border: 2px solid #8ba7d7;
  }
}
