/* 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 */
/* Contains the common CSS constants for the route timetable. */

/* 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*/
#RouteTimetableContainer {
  background-color: #edeae3;
}
.RouteTimetableStopNote,
.RouteTimetablePassingTimeNote {
  display: table-cell;
  font-weight: normal;
  padding: 0 1px;
  vertical-align: middle;
  width: 28px;
}
/*#region Stops*/

.RouteTimetableStop {
  background-color: white;
  border-bottom: 1px solid #d3d1c9;
  border-left: 1px solid #d3d1c9;
  border-right: 1px solid #d3d1c9;
  cursor: pointer;
  cursor: hand;
  height: 40px;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
}
.RouteTimetableStop.SelectedStop {
  background-color: #57b70a;
  color: white;
}
.RouteTimetableStop.SelectedStop.NotSelectableStop {
  cursor: default;
}
.RouteTimetableStopText {
  display: table-cell;
  vertical-align: middle;
}
.routetimetable-stop-icons {
  display: flex;
}
.routetimetable-stop-icons__boarding,
.routetimetable-stop-icons__debarking {
  height: 26px;
  width: 28px;
  margin-left: 4px;
}
.routetimetable-legende {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.routetimetable-legende__icon {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
/*#endregion Stops*/

/*#region Trip selectors*/

.TripSelector {
  background-color: white;
  border-right: 1px solid #d3d1c9;
  border-top: 1px solid #d3d1c9;
  color: #fa7d21;
  cursor: pointer;
  cursor: hand;
  text-align: center;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.TripSelector.TripVisibleInMap {
  background-color: #fa7d21;
  background-image: url("Images/WhitePin.png");
  background-repeat: no-repeat;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  color: white;
  cursor: default;
}
/*#endregion Trip selectors*/
/*#region Passing times*/
.RouteTimetablePassingTime {
  border-bottom: 1px solid #d3d1c9;
  border-right: 1px solid #d3d1c9;
  font-weight: bold;
  height: 40px;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
}
.RouteTimetablePassingTimeTextWrapper {
  text-align: center;
  max-width: 120px;
}
.RouteTimetablePassingTimeTextWrapper,
.RouteTimetableStopTextWrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 5px;
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RouteTimetablePassingTimeText {
  padding-left: 3px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 117px;
}
/* Site-spec : Cancelled trip passing times between parenthesis.
.RouteTimetablePassingTimeText.Cancelled
{
text-decoration: line-through;
}
*/

.RouteTimetablePassingTimeText.Cancelled::before {
  content: "(";
}
.RouteTimetablePassingTimeText.Cancelled::after {
  content: ")";
}
.RouteTimetablePassingTimeText {
  display: table-cell;
}
/*#endregion Passing times*/