/* Contains the styles for the route timetable results. */

/* Contains the common CSS constants for the whole application. */
/*#region Common colors*/
/*#endregion Common colors*/
/*#region Shadow colors*/
/*#endregion Shadow colors*/
/*#region Text*/
/* Dark color for text in the application */
/*#endregion Text*/
/*#region Content constants*/
/*#endregion*/
/*#region Z-indexes*/
/* Has to be higher than map canvas. */
/* Has to be higher than expanded map place holder. */
/* Has to be higher than expand map button. */
/* The layouts z indexes are for internal purposes only.
                                They are not for styling. */
/*#endregion Z-indexes*/
/*#region Global time picker constants*/
/*#endregion Global time picker constants*/
/* Contains mixins for the application. Mixins are methods that simplify the reuse of a block of CSS
   code with parameters. */
/* The cursor is shown as a pointer over the element */
#NextPassingTimesResults {
  width: 100%;
  font-size: 0;
}
#NextPassingTimesResultsContent {
  font-size: 12px;
  width: 100%;
}
#NextPassingTimesTitle {
  background-color: #edeae3;
  border-bottom: 1px solid #e0deda;
  font-size: 16px;
  padding: 10px;
}
.NextPassingTimesStopDescription {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.NextPassingTimesStopNote {
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
  width: 28px;
}
/*#region Next Passing Time Route Title */

#NextPassingTimesResultsContent .RouteDirectionNote {
  display: inline-block;
}
#NextPassingTimesResultsContent .RouteTitle {
  padding-bottom: 10px;
  padding-top: 10px;
}
#NextPassingTimesList .Ungrouped .RouteTitle {
  padding: 5px;
}
#NextPassingTimesList .Ungrouped .RouteModeIdentifier {
  min-width: 42px;
}
/*#endregion Next Passing Time Route Title */

.NextPassingTimesActions {
  margin-bottom: 10px;
  text-align: right;
  width: 100%;
}
.NextPassingTimesLoading {
  background-image: url("../Shared/Images/Loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
}
/*#region Next Passing Times Table */

.NextPassingTimesSelectable {
  border: 1px solid #e0deda;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  cursor: hand;
  margin-bottom: 5px;
  min-width: 115px;
  padding: 1px;
  vertical-align: middle;
  width: 100%;
}
.NextPassingTimesSelectable.Selected {
  background-color: white;
  border: 2px solid;
  padding: 0;
}
.GroupByRoute .NextPassingTimesSelectable {
  padding: 5px;
}
.GroupByRoute .NextPassingTimesSelectable.Selected {
  padding: 4px;
}
.NextPassingTimesTableContainer {
  border-bottom: 1px solid #e0deda;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5px;
  width: 100%;
}
.NextPassingTimesTableContainer:last-child {
  border-bottom: 0;
}
.NextPassingTimesTable {
  width: 100%;
}
.NextPassingTimesCell {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 3px;
  text-align: left;
  vertical-align: middle;
}
.NextPassingTimesNote {
  display: inline-block;
  height: 28px;
  padding: 0 1px;
  vertical-align: middle;
  width: 28px;
}
.NextPassingTimesNote.EmptyNote {
  height: 28px;
  width: 28px;
}
.NextPassingTimesTime {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: -moz-calc(((100%) - (48px)));
  width: -webkit-calc(((100%) - (48px)));
  width: -o-calc(((100%) - (48px)));
  width: calc(((100%) - (48px)));
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  min-width: 58px;
  padding-left: 5px;
  text-align: left;
  vertical-align: middle;
}
.NextPassingTimesSelectable .PredictedTimeIndicator {
  display: inline-block;
}
/*#endregion Next Passing Times Table */

.PassingTimesItineraryLabelOverlay > .ItineraryLabelOverlayLabel {
  padding: 0 4px 0 4px;
}
.NextPassingTimesLegend {
  margin-top: 5px;
  text-align: right;
  vertical-align: middle;
}
.NextPassingTimesStopTimetableLinkContainer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 5px;
  height: 100%;
  width: 100%;
}
.NextPassingTimesStopTimetableLink {
  float: right;
}
.NextPassingTimesTimeDescription {
  width: 110px;
}
#NextPassingTimesResults .ApplicationLeftPane {
  width: 400px;
}
.RouteInformationDescription {
  padding-left: 5px;
  text-align: left;
}
.Ungrouped .NextPassingTimesStopTimetableLinkContainer {
  margin-bottom: 15px;
}
@media screen and (max-width: 800px) {
  #NextPassingTimesResults .ApplicationLeftPane {
    margin-top: 10px;
    width: 100%;
  }
  #NextPassingTimesResults .ApplicationRightPane {
    display: none;
    /* Hide the map on small devices. */
  
  }
  .NextPassingTimesCell {
    width: -moz-calc(((50%) - (4px)));
    width: -webkit-calc(((50%) - (4px)));
    width: -o-calc(((50%) - (4px)));
    width: calc(((50%) - (4px)));
  }
}
@media screen and (min-width: 801px) {
  .NextPassingTimesCell {
    width: -moz-calc(((33%) - (1px)));
    width: -webkit-calc(((33%) - (1px)));
    width: -o-calc(((33%) - (1px)));
    width: calc(((33%) - (1px)));
  }
  .NextPassingTimesActions {
    display: none;
  }
}
.ErrorBox {
  background-color: #cfccc5;
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: left;
  padding: 16px 10px 16px 10px;
  font-weight: bold;
  font-family: Arial, "Segoe UI", Verdana, Sans-Serif;
  font-size: 12px;
  color: #5b5a5a;
}