/* 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 */
/* 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*/
#RouteTimetableResults {
  font-size: 12px;
  position: relative;
  max-width: 1600px;
}
#PagePopupPartialView #RouteTimetableResults {
  margin: 15px;
}
/* Site-spec : Cancelled trips legend. */

#RouteTimetableResultsContent .CancelledTripLegendFooter {
  font-size: 12px;
  margin: 10px;
}
#PagePopupPartialView #RouteTimetableHeader td:nth-child(2) {
  border-left: 0;
}
#PagePopupPartialView #RouteTimetableResults .ResultsDate {
  margin-top: 0;
}
/*#region Route Timetable Title */

.RouteTimetableTitle {
  border-bottom: 1px solid #e0deda;
  border-top: 1px solid #e0deda;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
}
.RouteTimetableTitle .RouteDescriptionDirection {
  display: none;
}
#RouteTimetableResults .RouteTitle.PrintableRouteTitle {
  display: none;
}
#RouteTimetableResults .RouteTitle {
  float: left;
  width: auto;
}
#RouteTimetableResults .PrintableRouteServiceModeImage {
  display: none;
}
#RouteDirectionNote {
  float: left;
  padding-left: 5px;
  padding-top: 5px;
  width: 28px;
}
#RouteDirectionLabel {
  font-weight: bold;
  width: 60px;
}
/*#region Route Direction DropDownList */

#RouteDirectionDropDownListWrapper,
.DirectionsDropDownList {
  width: 190px;
}
.DirectionsDropDownList.k-dropdown {
  max-width: 190px;
  text-align: left;
  width: 100%;
}
.DirectionsDropDownList.k-widget span.k-dropdown-wrap {
  background-color: white;
  box-shadow: none;
  height: 38px;
}
.DirectionsDropDownList.k-widget span.k-dropdown-wrap span.k-input {
  font-size: 12px;
  font-weight: bold;
  padding-top: 9px;
}
.DirectionsDropDownList.k-widget span.k-dropdown-wrap span.k-select span.k-icon {
  background-image: url("../Shared/Images/ArrowDown.png");
  background-position: 0 0;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  margin-top: 12px;
}
.RouteDescription .DirectionsDropDownList {
  display: none;
}
/*#endregion Route Direction DropDownList */
/*#endregion Route Timetable Title */
/*#region Route Timetable Header */
#RouteTimetableHeader {
  background-color: #f9f7f0;
  z-index: 1;
}
#RouteTimetableTimePickerWrapper {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}
#RouteTimetableTimePicker {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  text-align: left;
}
#RouteTimetableTimePickerWrapper {
  width: 190px;
}
#RouteTimetableTimePicker .gh-TimeDropDownList.gh-Time24HoursDropDownList {
  width: -moz-calc(((50%) - (15px / 2)));
  width: -webkit-calc(((50%) - (15px / 2)));
  width: -o-calc(((50%) - (15px / 2)));
  width: calc(((50%) - (15px / 2)));
}
#RouteTimetableTimePicker .gh-TimeDropDownList.gh-Time12HoursDropDownList {
  width: -moz-calc(((33%) - (20px / 3)));
  width: -webkit-calc(((33%) - (20px / 3)));
  width: -o-calc(((33%) - (20px / 3)));
  width: calc(((33%) - (20px / 3)));
}
#RouteTimetableTimePicker.gh-TimePicker span.k-widget span.k-dropdown-wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
}
#RouteTimetableTimePicker.gh-TimePicker span.k-widget span.k-dropdown-wrap span.k-input {
  padding-top: 4px;
}
#RouteTimetableTimePicker.gh-TimePicker span.k-widget span.k-dropdown-wrap span.k-select span.k-icon {
  margin-top: 6px;
}
#FilterStopsButton {
  background-color: #57b70a;
  background-image: url("Images/StopFilter.png");
  background-position: 4px center;
  background-repeat: no-repeat;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  font-weight: bold;
  min-height: 30px;
  padding-top: 8px;
  padding-left: 28px;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 165px;
}
/*#endregion Route Timetable Header */

/*#region Route Timetable Actions */

#RouteTimetableActions {
  color: black;
  display: inline-block;
  font-size: 0;
  padding-top: 10px;
  -o-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.RouteSchemaButton,
.RouteTimetableBrochureButton {
  background-position: right 3px center;
  background-repeat: no-repeat;
  font-weight: bold;
  margin-bottom: 20px;
  margin-right: 10px;
  position: relative;
  text-decoration: none;
}
.RouteSchemaButton {
  background-image: url("Images/SchemaLink.png");
  -moz-background-size: 26px 18px;
  -o-background-size: 26px 18px;
  -webkit-background-size: 26px 18px;
  background-size: 26px 18px;
  font-size: 12px;
  padding: 7px 33px 7px 7px;
}
.RouteTimetableBrochureButton {
  background-image: url("Images/DownloadArrow.png");
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  font-size: 12px;
  padding: 7px 21px 7px 7px;
}
.RouteTimetablePrintButton {
  margin-bottom: 20px;
  margin-right: 10px;
}
#RouteTimetableActions .ViewSelectedTripInMapLink {
  display: inline-block;
  float: right;
  padding-top: 8px;
}
/*#endregion Route Timetable Actions */

/*#region Route schema */

#RouteSchemaOverlay {
  background-color: rgba(200, 200, 200, 0.7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000;
}
#RouteSchemaWindow {
  background-color: white;
  margin: auto;
  min-width: 300px;
  position: relative;
  z-index: 10001;
}
#RouteSchemaHeader {
  background-color: #2972e1;
  color: white;
  display: inline-block;
  font-size: 20px;
  width: 100%;
}
#RouteSchemaTitle {
  float: left;
  padding: 10px;
}
#RouteSchemaWindowCloseButton {
  cursor: pointer;
  cursor: hand;
  float: right;
  padding: 10px;
}
#RouteSchemaImage {
  background-color: black;
  display: block;
  margin: 20px auto;
  vertical-align: middle;
}
/*#endregion Route schema */

@media screen and (max-width: 800px) {
  .RouteDescription .DirectionsDropDownList {
    display: block;
  }
  #RouteDirectionDropDownListWrapper,
  #RouteDirectionLabel,
  .RouteTimetablePrintButton {
    display: none;
  }
  #RouteTimetableResults .RouteTitle {
    width: -moz-calc(((100%) - (33px)));
    width: -webkit-calc(((100%) - (33px)));
    width: -o-calc(((100%) - (33px)));
    width: calc(((100%) - (33px)));
  }
  #RouteDirectionNote {
    float: right;
  }
  .DirectionsDropDownList.k-widget span.k-dropdown-wrap {
    height: 24px;
  }
  .DirectionsDropDownList.k-widget span.k-dropdown-wrap span.k-input {
    padding-top: 3px;
  }
  .DirectionsDropDownList.k-widget span.k-dropdown-wrap span.k-select span.k-icon {
    margin-top: 3px;
  }
}