/* 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 */
/*#region Layout*/

#gh-OriginAndDestinationLabel {
  color: #5b5a5a;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
#TravelPlansInput .k-datepicker.gh-DatePicker,
#gh-TravelPlansInput .k-datepicker.gh-DatePicker {
  margin-bottom: 8px;
}
#gh-SwitchArrivalDeparture {
  margin-top: 5px;
  text-align: right;
}
#gh-SwitchArrivalDepartureButton {
  background-image: url("Images/SwitchArrivalDeparture.png");
  background-repeat: no-repeat;
  -moz-background-size: 11px 15px;
  -o-background-size: 11px 15px;
  -webkit-background-size: 11px 15px;
  background-size: 11px 15px;
  color: #2972e1;
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  height: 15px;
  padding-left: 15px;
  vertical-align: middle;
}
/*#endregion Layout*/

/*#region Arrival departure buttons*/

.gh-RequestTimeArrivalDepartureToggle {
  margin-bottom: 8px;
  margin-top: 8px;
}
/*#endregion Arrival departure buttons*/

/*#region Request time type dropdown list*/

#gh-RequestTimeTypeDropDownListWrapper {
  margin-top: 20px;
  margin-bottom: 8px;
}
#gh-RequestTimeTypeDropDownListWrapper .k-dropdown {
  width: 100%;
}
#gh-RequestTimeTypeDropDownListWrapper .k-dropdown .k-input {
  padding-left: 10px;
}
/*#endregion Request time type dropdown list*/

#gh-TravelPlanRequestTimePicker {
  display: inherit;
  height: 40px;
  opacity: 1;
  /* hidden to visible transition */

  -webkit-transition: opacity 0.5s 0.5s, height 0.5s;
  -moz-transition: opacity 0.5s 0.5s, height 0.5s;
  -o-transition: opacity 0.5s 0.5s, height 0.5s;
  transition: opacity 0.5s 0.5s, height 0.5s;
}
#gh-TravelPlanRequestTimePicker.gh-TravelPlanRequestTimePickerHidden {
  height: 0;
  opacity: 0;
  overflow: hidden;
  /* visible to hidden transition */

  -webkit-transition: opacity 0.5s, height 0.5s 0.5s;
  -moz-transition: opacity 0.5s, height 0.5s 0.5s;
  -o-transition: opacity 0.5s, height 0.5s 0.5s;
  transition: opacity 0.5s, height 0.5s 0.5s;
}
#TravelPlansInputContent .gh-TimeDropDownList.gh-Time24HoursDropDownList,
#gh-TravelPlansInputContent .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)));
}
#TravelPlansInputContent .gh-TimeDropDownList.gh-Time12HoursDropDownList,
#gh-TravelPlansInputContent .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)));
}
.gh-PlaceAttributions {
  color: #777777;
  font-size: 10px;
}