/**************** COLORS ******************/
@font-face {
  font-family: 'Brusseline';
  src: url("../fonts/brusseline-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/brusseline-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brusseline-webfont.woff") format("woff"), url("../fonts/brusseline-webfont.ttf") format("truetype"), url("../fonts/brusseline-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Brusseline';
  src: url("../fonts/brusselinebol-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/brusselinebol-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brusselinebol-webfont.woff") format("woff"), url("../fonts/brusselinebol-webfont.ttf") format("truetype"), url("../fonts/brusselinebol-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Brusseline';
  src: url("../fonts/brusselinebolita-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/brusselinebolita-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brusselinebolita-webfont.woff") format("woff"), url("../fonts/brusselinebolita-webfont.ttf") format("truetype"), url("../fonts/brusselinebolita-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Brusseline';
  src: url("../fonts/brusselineita-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/brusselineita-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/brusselineita-webfont.woff") format("woff"), url("../fonts/brusselineita-webfont.ttf") format("truetype"), url("../fonts/brusselineita-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: italic; }

body {
  font-family: 'Brusseline', sans-serif;
  background: #f9f7f0; }

#LayoutContent {
  background-color: #eceae5; }

#ApplicationContent {
  background-color: #eceae5; }
  @media screen and (min-width: 801px) {
    #ApplicationContent {
      padding: 0; } }
  @media screen and (max-width: 800px) {
    #ApplicationContent {
      padding: 0; } }

@media screen and (min-width: 801px) {
  .ApplicationLeftPane {
    box-sizing: border-box;
    width: 333px;
    padding: 20px; } }

@media screen and (min-width: 801px) {
  #LoadingOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

#EntryPointRequestLoadingOverlay, #LoadingOverlay {
  background-image: url(../images/loader.gif); }

#LayoutHeader {
  height: 85px; }

#LayoutHeaderContent {
  background-color: #FFFFFF; }
  @media screen and (min-width: 801px) {
    #LayoutHeaderContent {
      background-image: none; } }

#ApplicationLogo {
  width: 129px;
  height: 55px;
  background-image: url(../images/mivb-stib-logo.svg);
  background-size: cover;
  margin-left: 24px;
  margin-top: 14px; }

#ApplicationTitle {
  display: none; }

#LanguageBar {
  color: #bbbaba; }

.LanguageSelector {
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold; }

.ApplicationLeftPane {
  font-size: 14px; }
  @media screen and (max-width: 800px) {
    .ApplicationLeftPane {
      padding: 15px; } }

@media screen and (min-width: 801px) {
  #TravelPlansInputContent {
    max-width: none; } }

.DidYouMeanHeader {
  background-color: transparent; }

#OriginAndDestinationLabel {
  color: #0d4d90;
  margin-bottom: 10px; }

#EndLocationInput {
  margin-top: 7px; }

.SuggestionInput {
  box-shadow: none;
  height: 45px;
  border-color: #d4d2ce;
  border-radius: 6px; }

.SuggestionInputAutoComplete {
  height: 40px; }

.LocationInputIcon {
  background-size: 25px 25px; }
  .LocationInputIcon.StartLocationInputIcon {
    background-size: 19px 25px;
    background-image: url(../images/marker-start.png); }
  .LocationInputIcon.EndLocationInputIcon {
    background-image: url(../images/marker-destination.png); }

.SuggestionCurrentLocationButton {
  background-image: url(../images/icon-target.png); }

.SuggestionRecentButton {
  background-image: url(../images/icon-recent.png); }

.SuggestionClearButton,
.SuggestionCurrentLocationButton,
.SuggestionRecentButton {
  background-size: 18px 18px;
  position: relative;
  top: -2px; }

.SuggestionClearButton {
  background-image: url(../images/icon-close.png);
  background-size: auto; }

.SuggestionType {
  height: 25px; }
  .SuggestionType.establishment {
    background-image: url(../images/icon-landmark.png);
    background-size: auto; }
  .SuggestionType.SuggestionTypeStop {
    background-image: url(../images/icon-station.png);
    background-size: auto; }
  .SuggestionType.administrative_area_level_1, .SuggestionType.administrative_area_level_2, .SuggestionType.administrative_area_level_3, .SuggestionType.colloquial_area, .SuggestionType.country, .SuggestionType.floor, .SuggestionType.geocode, .SuggestionType.locality, .SuggestionType.neighborhood, .SuggestionType.political, .SuggestionType.post_box, .SuggestionType.postal_code, .SuggestionType.postal_code_prefix, .SuggestionType.postal_town, .SuggestionType.premise, .SuggestionType.room, .SuggestionType.route, .SuggestionType.street_address, .SuggestionType.street_number, .SuggestionType.sublocality, .SuggestionType.sublocality_level_4, .SuggestionType.sublocality_level_5, .SuggestionType.sublocality_level_3, .SuggestionType.sublocality_level_2, .SuggestionType.sublocality_level_1, .SuggestionType.subpremise {
    background-image: url(../images/icon-marker.png);
    background-size: auto; }

li.ui-menu-item.Suggestion {
  border-bottom-color: #edecec; }

.SuggestionHeader {
  background: #cfccc6;
  border-bottom: none;
  padding: 10px 0;
  font-family: 'Brusseline', sans-serif;
  font-size: 14px;
  color: #5d5e5e; }

.SuggestionText {
  font-size: 14px;
  color: #888c8d; }

#SwitchArrivalDepartureButton {
  background-image: url(../images/button-switch.png);
  color: #d40a10;
  text-transform: lowercase;
  background-size: 21px 18px;
  padding-left: 25px;
  height: 18px; }

.k-picker-wrap.k-state-default .k-input,
span.k-widget span.k-dropdown-wrap span.k-input,
.SuggestionInputAutoComplete.LocationInputAutoComplete {
  color: #5d5e5e; }

#gh-RequestTimeTypeDropDownListWrapper .k-dropdown .k-input {
  color: #5d5e5e;
  text-align: left; }

.k-dropdown {
  border-radius: 6px; }

.k-dropdown-wrap .k-select {
  padding-right: 10px; }

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
  color: #5d5e60; }

span.k-widget span.k-dropdown-wrap {
  height: 45px; }

span.k-widget span.k-dropdown-wrap span.k-input {
  padding-top: 12px;
  text-align: center; }

span.k-widget span.k-dropdown-wrap span.k-select span.k-icon {
  background-image: url(../images/arrow-down.png);
  background-size: 14px 9px;
  margin-top: 19px; }

input.DatePicker {
  height: 45px !important; }

input.DatePicker + span {
  width: 55px !important; }

span.DatePicker span.k-picker-wrap.k-state-default span.k-select span.k-icon.k-i-calendar {
  background-image: url(../images/icon-calendar.png);
  background-size: 23px 20px; }

.TimePicker {
  text-align: left; }

.TimeDropDownList {
  width: 47% !important; }

.TimePickerHourMinuteSeparator {
  width: 6%; }

.AccordionElementHeader, .AccordionElement.AccordionElementOpen .AccordionElementHeader {
  background-color: transparent;
  border-top: none;
  color: #0d4d90;
  border-bottom: 2px solid #d40a10;
  padding: 5px 0; }

.AccordionElementHeaderImage {
  width: 13px;
  height: 13px;
  background-repeat: no-repeat; }

.AccordionElement.AccordionElementCollapsed .AccordionElementHeaderImage {
  background-image: url(../images/icon-expand.png);
  background-position: center; }

.AccordionElement.AccordionElementOpen .AccordionElementHeaderImage {
  background-image: url(../images/instruction-close.png);
  background-size: contain; }

#TravelPlansInputContent .TimeDropDownList.Time24HoursDropDownList {
  width: 95px;
  text-align: center; }

#AdvancedOptionsTravelPlan {
  background-color: #eceae5; }

.OptionsButton {
  margin-left: 6px;
  width: calc( 25% - 5px); }
  .OptionsButton:first-child {
    margin-left: 0; }

.OptionsBackgroundButton {
  height: 55px;
  width: 100%;
  border-radius: 6px; }

#ServiceModeBusBtn .OptionsBackgroundButton {
  background-size: 27px 34px; }

#ServiceModeBusBtn.Selected .OptionsBackgroundButton {
  background-image: url(../images/bus-active.png); }

#ServiceModeBusBtn.Unselected .OptionsBackgroundButton {
  background-image: url(../images/bus-inactive.png); }

#ServiceModeMetroBtn .OptionsBackgroundButton {
  background-size: 32px 36px; }

#ServiceModeMetroBtn.Selected .OptionsBackgroundButton {
  background-image: url(../images/metro-active.png); }

#ServiceModeMetroBtn.Unselected .OptionsBackgroundButton {
  background-image: url(../images/metro-inactive.png); }

#ServiceModeTramwayBtn .OptionsBackgroundButton {
  background-size: 26px 37px; }

#ServiceModeTramwayBtn.Selected .OptionsBackgroundButton {
  background-image: url(../images/tramway-active.png); }

#ServiceModeTramwayBtn.Unselected .OptionsBackgroundButton {
  background-image: url(../images/tramway-inactive.png); }

#ServiceModeTrainBtn .OptionsBackgroundButton {
  background-size: 27px 33px; }

#ServiceModeTrainBtn.Selected .OptionsBackgroundButton {
  background-image: url(../images/train-active.png); }

#ServiceModeTrainBtn.Unselected .OptionsBackgroundButton {
  background-image: url(../images/train-inactive.png); }

.RequestSiteBtn.Site2 .OptionsBackgroundButton {
  background-size: 40px 38px; }

.RequestSiteBtn.Site2.Unselected .OptionsBackgroundButton {
  background-image: url(../images/delijn-inactive.png); }

.RequestSiteBtn.Site2.Selected .OptionsBackgroundButton {
  background-image: url(../images/delijn-active.png); }

.RequestSiteBtn.Site3 .OptionsBackgroundButton {
  background-size: 38px 25px; }

.RequestSiteBtn.Site3.Unselected .OptionsBackgroundButton {
  background-image: url(../images/nmbs-inactive.png); }

.RequestSiteBtn.Site3.Selected .OptionsBackgroundButton {
  background-image: url(../images/nmbs-active.png); }

.RequestSiteBtn.Site5 .OptionsBackgroundButton {
  background-size: 55px 21px; }

.RequestSiteBtn.Site5.Unselected .OptionsBackgroundButton {
  background-image: url(../images/tec-inactive.png); }

.RequestSiteBtn.Site5.Selected .OptionsBackgroundButton {
  background-image: url(../images/tec-active.png); }

.Unselected .OptionsBackgroundButton {
  background-color: #eceae5;
  border-color: #d4d2ce; }

.Unselected .OptionsText {
  color: #838c95; }

.Selected .OptionsBackgroundButton {
  box-shadow: none; }

.Selected .OptionsText {
  color: #0d4d90; }

.OptionsButton.Selected {
  position: relative; }
  .OptionsButton.Selected:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 6px;
    width: 13px;
    height: 12px;
    background-image: url(../images/icon-marked.png); }

#RequestTravelPlansButton {
  margin-top: 0;
  background-color: #0d4d90;
  border-radius: 6px; }

#RequestTravelPlansText {
  text-transform: lowercase;
  background-image: url(../images/icon-lookingglass.png);
  padding-left: 40px; }
  #RequestTravelPlansText:first-letter {
    text-transform: uppercase; }

@media screen and (min-width: 801px) {
  .MapPlaceHolder {
    padding-left: 0; } }

#map-canvas {
  padding-bottom: 60px; }

.ExpandMapButton {
  background-image: url(../images/icon-fullscreen.png); }

.ReduceMapButton {
  background-image: url(../images/icon-nofullscreen.png); }

@media screen and (min-width: 801px) {
  #TravelPlansResults .MapPlaceHolder {
    padding: 0; } }

.TravelPlanSummary {
  padding-left: 10px; }

.TravelPlanSummaryStep.TravelPlanSummaryStepRoute.TripIsShort {
  background-image: none; }

.TravelPlanSummary.ActiveTravelPlanSummary {
  background: #ddedf5;
  background-image: url(../images/arrow-right-blue.png) !important;
  background-repeat: no-repeat;
  background-position: 7px 50%; }

.TvpSummaryStepTypeRoute {
  padding: 0 4px; }

.TvpSummaryStepRoutePublicId {
  padding: 0 8px;
  vertical-align: middle; }

.MenuInfoBox, .StopInfoBox {
  width: 300px;
  padding: 5px 0;
  font-size: 15px;
  font-family: 'Brusseline', sans-serif; }

#SetAsOriginMenuStopBoxAction,
#SetAsDestinationStopInfoBoxAction,
#SetAsDestinationMenuInfoBoxAction,
#SetAsOriginMenuInfoBoxAction {
  display: block;
  position: relative;
  text-decoration: none;
  color: #0d4d90;
  padding: 10px 0;
  margin: 0; }
  #SetAsOriginMenuStopBoxAction:after,
  #SetAsDestinationStopInfoBoxAction:after,
  #SetAsDestinationMenuInfoBoxAction:after,
  #SetAsOriginMenuInfoBoxAction:after {
    content: '';
    display: inline-block;
    background-image: url(../images/step-start.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%;
    width: 25px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px; }

#SetAsDestinationStopInfoBoxAction:after,
#SetAsDestinationMenuInfoBoxAction:after {
  background-image: url(../images/step-finish.png); }

.TravelPlanStopInfoBox .StopInfoBoxHeader, .StopInfoBox .StopInfoBoxHeader {
  background: none;
  border: none;
  padding: 5px 0;
  font-size: 15px; }

.StopInfoBoxRouteDirections .RouteScheduleLinkWrapper {
  display: none; }

.StopInfoBoxRouteDirections .RouteServiceModeAndIdentifier {
  margin-bottom: 10px; }

.StopInfoBoxRouteDirections.LoadingStopInfoBoxRouteDirections {
  background-image: url(../images/loader.gif);
  background-size: auto; }

img[src^="/TripFR/Content/Shared/Images/WhiteTramway.png"] {
  content: url(../images/icon-tramway.png) !important;
  width: 11px;
  height: 17px; }

img[src^="/TripFR/Content/Shared/Images/WhiteMetro.png"] {
  content: url(../images/icon-subway.png) !important;
  width: 12px;
  height: 16px; }

img[src^="/TripFR/Content/Shared/Images/WhiteBus.png"] {
  content: url(../images/icon-bus.png) !important;
  width: 13px;
  height: 16px; }

.ResultsHeader {
  padding: 15px 20px; }

.ReturnToOptionsButton {
  background-color: #0d4d90;
  border-radius: 6px;
  font-size: 13px;
  padding: 10px 30px 10px 10px;
  min-width: 170px;
  width: auto; }

.ReturnToOptionsIcon {
  background-image: url(../images/icon-back.png);
  width: 9px;
  height: 12px; }

.ReturnToOptionsText {
  padding-left: 15px; }

#TravelPlansResults {
  color: #0d4d90;
  background-color: #f8f8f8;
  font-family: 'Brusseline', sans-serif;
  font-size: 13px; }

#TravelPlansSummaries {
  border-top: none;
  padding-left: 20px;
  border-bottom: 1px solid #d4d2ce; }

.TravelPlanSummary {
  border-bottom: none; }

@media screen and (min-width: 801px) {
  #TravelPlansResults .ApplicationLeftPane {
    width: 425px; } }

.TravelPlanHeaderDurationContent {
  color: #8e8c88;
  font-size: 12px; }
  .TravelPlanHeaderDurationContent a {
    color: #0d4d90; }

.TravelPlanHeader {
  padding-left: 90px; }

.StepLine {
  border-right-width: 2px;
  width: 22px; }
  .StepLine.Walk {
    border-right-style: dashed;
    border-color: #0d4d90 !important; }
  .StepLine.Site3, .StepLine.Site7 {
    margin-left: 22px; }

.TravelPlanHeaderActions {
  display: block;
  position: absolute;
  top: 0;
  right: 0; }

.TravelPlanMapButton, .TravelPlanEmailButton, .TravelPlanMapButton {
  padding: 0; }

.TravelPlanEmailButton, .TravelPlanPrintButton, .TravelPlanMapButton {
  background-color: transparent; }

.TravelPlanEmailButton {
  background-image: url(../images/icon-email.png);
  background-size: 17px 13px; }

.TravelPlanPrintButton {
  background-image: url(../images/icon-print.png);
  background-size: 18px 16px; }

.TravelPlanMapButton {
  background-image: url(../images/icon-map.png);
  background-size: 18px 16px;
  height: 20px;
  position: relative;
  top: -4px; }

.ScrollTopButton {
  background: #0d4d90 url(../images/icon-totop.png) no-repeat 50% 50%;
  position: relative;
  top: -5px;
  right: 5px; }

.TravelPlanDuration, .TravelPlanWalkingDuration {
  color: #d40a10; }

.TravelPlanDuration {
  font-weight: bold;
  font-size: 24px; }

.PrintableTravelPlanDetail {
  color: #0d4d90; }

.PrintableTravelPlanDetail .TravelPlanDuration, .PrintableTravelPlanDetail .TravelPlanWalkingDuration {
  display: block; }

.TravelPlanWalkingDuration {
  font-size: 10px; }

.StepFirstColumn {
  width: 80px;
  margin-left: 0; }

.StepTypeAndRouteIdentifier {
  width: 80px; }

.StepThirdColumn {
  width: calc( 100% - 125px); }

.StepLocation {
  font-size: 15px;
  color: #0d4d90; }

.TravelPlanStepDate {
  color: #9b9c9c;
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  padding-bottom: 10px; }

.StepStartTime {
  font-weight: normal; }

.TravelPlanStopTimetableLink, .TravelPlanRouteTimetableLink, .TravelPlanStepMapLink {
  color: #d40a10;
  border-bottom: 1px solid #d40a10; }

.TravelPlanRouteTimetableLink {
  display: none; }

.StepTypeImage {
  content: url(../images/step-walk.png) !important;
  width: 18px;
  height: 26px;
  right: 0; }

.StepTypeAndRouteIdentifierWrapper {
  right: 0;
  left: auto;
  width: 82px;
  height: auto;
  text-align: right; }
  .StepTypeAndRouteIdentifierWrapper span {
    display: inline-block;
    vertical-align: bottom; }

.Step .icon {
  float: none; }

.Step .icon_mode.icon_mode_very_small {
  left: 0;
  bottom: 6px;
  top: auto; }

.Step .icon.icon_very_small {
  margin-bottom: 4px; 
  width: 22px}

.Step .icon_mode, .Step .Step .icon {
  float: none; }

.Step .RouteIdentifier {
  width: auto;
  padding-left: 5px; }

.Step .RouteStepSite.Site3, .Step .RouteStepSite.Site7, .Step .RouteStepSite.SiteB {
  margin-left: 0; }

.Step .RouteStepSite.SiteB {
  width: 38px;
  background-size: 38px 13px; }

.RouteStepServiceModeImage {
  margin-left: 0;
  width: 27px; }

.StepLocationImageWrapper {
  text-align: center; }

.Steps .StepLocationImageWrapper {
  background: transparent url(../images/step-stop.png) no-repeat scroll 0% 0%/contain;
  width: 12px;
  height: 12px;
  margin-top: 6px;
  margin-left: 7px; }

.Steps .StepLocationImage {
  display: none; }

.Steps li:nth-of-type(2) .StepLocationImageWrapper {
  background: transparent url(../images/step-start.png) no-repeat scroll 0% 0%/contain;
  width: 19px;
  height: 25px;
  margin-left: 4px;
  margin-top: 0; }

.Steps li:nth-of-type(2) .StepLocationImage {
  display: none; }

.Steps li:nth-last-of-type(2) .StepLocationImageWrapper {
  background: transparent url(../images/step-finish.png) no-repeat scroll 0% 0%/contain;
  width: 25px;
  height: 25px;
  margin-left: 2px;
  margin-top: 6px; }

.Steps li:nth-last-of-type(2) .StepLocationImage {
  display: none; }

.StepSummary,
.StepInstructions {
  color: #8e8c88; }

.RouteStepServiceModeImage.RouteStepServiceModeTrain {
  background-image: url(../images/train-inactive.png);
  background-position: center;
  background-size: 21px 27px; }

.RouteStepServiceModeImage.RouteStepServiceModeTramway {
  background-image: url(../images/tramway-inactive.png);
  background-position: center;
  background-size: 21px 27px; }

.RouteStepServiceModeImage.RouteStepServiceModeMetro {
  background-image: url(../images/metro-inactive.png);
  background-position: center;
  background-size: 21px 27px; }

.RouteStepServiceModeImage.RouteStepServiceModeBus {
  background-image: url(../images/bus-inactive.png);
  background-position: center;
  background-size: 21px 27px; }

.ExpandInstructionsIcon {
  content: url(../images/instruction-expand.png) !important;
  width: 18px;
  height: 18px; }

.CollapseInstructionsIcon {
  content: url(../images/instruction-collapse.png) !important;
  width: 18px;
  height: 18px; }

.TravelPlanStopTimetableLinkContainer {
  display: none; }

.TravelPlanSummaryStep {
  border-radius: 6px; }

.TravelPlanSummary.ActiveTravelPlanSummary {
  background-color: #ddedf3;
  background-image: none; }

.TravelPlanSummaryStepWalk {
  background-image: none;
  background-color: #acabab !important;
  background-position: center; }

.TvpSummaryStepTypeWalk {
  background-image: url(../images/icon-walk.png);
  background-size: 12px 17px;
  background-position: center; }

.TvpSummaryStepTypeRouteTramway {
  background-image: url(../images/icon-tramway.png) !important;
  background-size: 15px 21px; }

.TvpSummaryStepTypeRouteMetro {
  background-image: url(../images/icon-subway.png) !important;
  background-size: 18px 21px; }

.TvpSummaryStepTypeRouteBus {
  background-color: transparent;
  background-image: url(../images/icon-bus.png) !important;
  background-size: 17px 21px; }

.TravelPlanSummaryStepWait {
  background-image: none;
  background-color: #d7dbd9 !important; }

.icon {
  color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  border-radius: 6px;
  margin-left: 0px;
  margin-right: 5px;
  margin-bottom: 7px;
  font-family: "brusseline", Helvetica, Verdana, Arial, sans-serif;
  overflow: hidden; }

.icon_mode.B, .icon_mode.T, .icon_mode.M {
  position: relative;
  background: transparent; }
  .icon_mode.B:before, .icon_mode.T:before, .icon_mode.M:before {
    position: absolute;
    font-size: 12px;
    margin-left: -13px;
    margin-top: 0;
    padding: 1px 6px;
    background: #d40a10;
    border-radius: 50%;
    left: 50%; }

.icon_mode.T:before {
  padding: 1px 7px 0; }

.icon_mode.B:before {
  padding: 1px 7px; }

.TvpSummaryStepTypeRouteMetro {
  background-position: 0 50%; }

.TvpSummaryStepRouteServiceMode.icon_mode {
  line-height: 20px;
  padding: 0 10px; }
  .TvpSummaryStepRouteServiceMode.icon_mode:before {
    margin-top: -1px; }

.icon:before {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  z-index: 10; }

.icon:after {
  display: block;
  float: left;
  position: absolute;
  top: -11px;
  left: 14px;
  height: 65px;
  font-size: 0px;
  border-left: solid 6px transparent;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -moz-transform: rotate(45deg);
  /* Safari and Chrome */ }

.icon_small:after {
  top: -14px;
  left: 5px;
  border-left: solid 4px #ffffff; }

.icon_large:before {
  top: 11px; }

.icon_large:after {
  display: block;
  float: left;
  position: absolute;
  top: -7px;
  left: 18px;
  height: 65px;
  font-size: 0px;
  border-left: solid 10px #ffffff; }

.TvpSummaryStepRoutePublicId {
  position: relative;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden; }

.TripIsShort .TvpSummaryStepRoutePublicId:after {
  content: "";
  border-left: 4px solid;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  webkit-transform: rotate(45deg);
  display: block;
  z-index: -1;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -5px; }

.line_l1 {
  background-color: #C4008F;
  color: #FFFFFF !important; }
  .TripIsShort .line_l1 {
    z-index: 1;
    text-shadow: -1px 0 #C4008F, 0 1px #C4008F, 1px 0 #C4008F, 0 -1px #C4008F; }

.icon.line_l1:before {
  content: "1"; }

.line_l1.slash {
  text-shadow: -1px 0 #c4008f, 0 1px #c4008f, 1px 0 #c4008f, 0 -1px #c4008f; }

.icon.line_l1.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_lM1 {
  background-color: #C4008F;
  color: #FFFFFF !important; }
  .TripIsShort .line_lM1 {
    z-index: 1;
    text-shadow: -1px 0 #C4008F, 0 1px #C4008F, 1px 0 #C4008F, 0 -1px #C4008F; }

.icon.line_lM1:before {
  content: "M1"; }

.line_lM1.slash {
  text-shadow: -1px 0 #c4008f, 0 1px #c4008f, 1px 0 #c4008f, 0 -1px #c4008f; }

.icon.line_lM1.slash:after {
  content: "";
  border-color: #FFFFFF; } 

.line_l2 {
  background-color: #F57000;
  color: #FFFFFF !important; }
  .TripIsShort .line_l2 {
    z-index: 1;
    text-shadow: -1px 0 #F57000, 0 1px #F57000, 1px 0 #F57000, 0 -1px #F57000; }

.icon.line_l2:before {
  content: "2"; }

.line_l2.slash {
  text-shadow: -1px 0 #f57000, 0 1px #f57000, 1px 0 #f57000, 0 -1px #f57000; }

.icon.line_l2.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_lM2 {
  background-color: #F57000;
  color: #FFFFFF !important; }
  .TripIsShort .line_lM2 {
    z-index: 1;
    text-shadow: -1px 0 #F57000, 0 1px #F57000, 1px 0 #F57000, 0 -1px #F57000; }

.icon.line_lM2:before {
  content: "M2"; }

.line_lM2.slash {
  text-shadow: -1px 0 #f57000, 0 1px #f57000, 1px 0 #f57000, 0 -1px #f57000; }

.icon.line_lM2.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l3 {
  background-color: #B5BA05;
  color: #000000 !important; }
  .TripIsShort .line_l3 {
    z-index: 1;
    text-shadow: -1px 0 #B5BA05, 0 1px #B5BA05, 1px 0 #B5BA05, 0 -1px #B5BA05; }

.icon.line_l3:before {
  content: "3"; }

.line_l3.slash {
  text-shadow: -1px 0 #b5ba05, 0 1px #b5ba05, 1px 0 #b5ba05, 0 -1px #b5ba05; }

.icon.line_l3.slash:after {
  content: "";
  border-color: #000000; }
  
.line_lT3 {
  background-color: #B5BA05;
  color: #000000 !important; }
  .TripIsShort .line_lT3 {
    z-index: 1;
    text-shadow: -1px 0 #B5BA05, 0 1px #B5BA05, 1px 0 #B5BA05, 0 -1px #B5BA05; }

.icon.line_lT3:before {
  content: "T3"; }

.line_lT3.slash {
  text-shadow: -1px 0 #b5ba05, 0 1px #b5ba05, 1px 0 #b5ba05, 0 -1px #b5ba05; }

.icon.line_lT3.slash:after {
  content: "";
  border-color: #000000; }  

.line_l4 {
  background-color: #F25482;
  color: #000000 !important; }
  .TripIsShort .line_l4 {
    z-index: 1;
    text-shadow: -1px 0 #F25482, 0 1px #F25482, 1px 0 #F25482, 0 -1px #F25482; }

.icon.line_l4:before {
  content: "4"; }

.line_l4.slash {
  text-shadow: -1px 0 #f25482, 0 1px #f25482, 1px 0 #f25482, 0 -1px #f25482; }

.icon.line_l4.slash:after {
  content: "";
  border-color: #000000; }

  .line_lT4 {
  background-color: #F25482;
  color: #000000 !important; }
  .TripIsShort .line_lT4 {
    z-index: 1;
    text-shadow: -1px 0 #F25482, 0 1px #F25482, 1px 0 #F25482, 0 -1px #F25482; }

.icon.line_lT4:before {
  content: "T4"; }

.line_lT4.slash {
  text-shadow: -1px 0 #f25482, 0 1px #f25482, 1px 0 #f25482, 0 -1px #f25482; }

.icon.line_lT4.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l5 {
  background-color: #E6B012;
  color: #FFFFFF !important; }
  .TripIsShort .line_l5 {
    z-index: 1;
    text-shadow: -1px 0 #E6B012, 0 1px #E6B012, 1px 0 #E6B012, 0 -1px #E6B012; }

.icon.line_l5:before {
  content: "5"; }

.line_l5.slash {
  text-shadow: -1px 0 #e6b012, 0 1px #e6b012, 1px 0 #e6b012, 0 -1px #e6b012; }

.icon.line_l5.slash:after {
  content: "";
  border-color: #FFFFFF; }

  
  .line_lM5 {
  background-color: #E6B012;
  color: #FFFFFF !important; }
  .TripIsShort .line_lM5 {
    z-index: 1;
    text-shadow: -1px 0 #E6B012, 0 1px #E6B012, 1px 0 #E6B012, 0 -1px #E6B012; }

.icon.line_lM5:before {
  content: "M5"; }

.line_lM5.slash {
  text-shadow: -1px 0 #e6b012, 0 1px #e6b012, 1px 0 #e6b012, 0 -1px #e6b012; }

.icon.line_lM5.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l6 {
  background-color: #0078AD;
  color: #FFFFFF !important; }
  .TripIsShort .line_l6 {
    z-index: 1;
    text-shadow: -1px 0 #0078AD, 0 1px #0078AD, 1px 0 #0078AD, 0 -1px #0078AD; }

.icon.line_l6:before {
  content: "6"; }

.line_l6.slash {
  text-shadow: -1px 0 #0078ad, 0 1px #0078ad, 1px 0 #0078ad, 0 -1px #0078ad; }

.icon.line_l6.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lM6 {
  background-color: #0078AD;
  color: #FFFFFF !important; }
  .TripIsShort .line_lM6 {
    z-index: 1;
    text-shadow: -1px 0 #0078AD, 0 1px #0078AD, 1px 0 #0078AD, 0 -1px #0078AD; }

.icon.line_lM6:before {
  content: "M6"; }

.line_lM6.slash {
  text-shadow: -1px 0 #0078ad, 0 1px #0078ad, 1px 0 #0078ad, 0 -1px #0078ad; }

.icon.line_lM6.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l7 {
  background-color: #FFF06E;
  color: #000000 !important; }
  .TripIsShort .line_l7 {
    z-index: 1;
    text-shadow: -1px 0 #FFF06E, 0 1px #FFF06E, 1px 0 #FFF06E, 0 -1px #FFF06E; }

.icon.line_l7:before {
  content: "7"; }

.line_l7.slash {
  text-shadow: -1px 0 #fff06e, 0 1px #fff06e, 1px 0 #fff06e, 0 -1px #fff06e; }

.icon.line_l7.slash:after {
  content: "";
  border-color: #000000; }

.line_lT7 {
  background-color: #FFF06E;
  color: #000000 !important; }
.TripIsShort .line_lT7 {
    z-index: 1;
    text-shadow: -1px 0 #FFF06E, 0 1px #FFF06E, 1px 0 #FFF06E, 0 -1px #FFF06E; }

.icon.line_lT7:before {
  content: "T7"; }
  
.line_lT7.slash {
  text-shadow: -1px 0 #fff06e, 0 1px #fff06e, 1px 0 #fff06e, 0 -1px #fff06e; }

.icon.line_lT7.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l8 {
  background-color: #94C9FD;
  color: #FFFFFF !important; }
  .TripIsShort .line_l8 {
    z-index: 1;
    text-shadow: -1px 0 #94C9FD, 0 1px #94C9FD, 1px 0 #94C9FD, 0 -1px #94C9FD; }

.icon.line_l8:before {
  content: "8"; }

.line_l8.slash {
  text-shadow: -1px 0 #94C9FD, 0 1px #94C9FD, 1px 0 #94C9FD, 0 -1px #94C9FD; }

.icon.line_l8.slash:after {
  content: "";
  border-color: #FFFFFF; }  
  
.line_lT8 {
  background-color: #94C9FD;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT8 {
    z-index: 1;
    text-shadow: -1px 0 #94C9FD, 0 1px #94C9FD, 1px 0 #94C9FD, 0 -1px #94C9FD; }

.icon.line_lT8:before {
  content: "T8"; }

.line_lT8.slash {
  text-shadow: -1px 0 #94C9FD, 0 1px #94C9FD, 1px 0 #94C9FD, 0 -1px #94C9FD; }

.icon.line_lT8.slash:after {
  content: "";
  border-color: #FFFFFF; }   
  
.line_l9 {
  background-color: #FF00FF;
  color: #FFFFFF !important; }
  .TripIsShort .line_l9 {
    z-index: 1;
    text-shadow: -1px 0 #FF00FF, 0 1px #FF00FF, 1px 0 #FF00FF, 0 -1px #FF00FF; }

.icon.line_l9:before {
  content: "9"; }

.line_l9.slash {
  text-shadow: -1px 0 #FF00FF, 0 1px #FF00FF, 1px 0 #FF00FF, 0 -1px #FF00FF; }

.icon.line_l9.slash:after {
  content: "";
  border-color: #FFFFFF; }    
  
.line_lT9 {
  background-color: #FF00FF;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT9 {
    z-index: 1;
    text-shadow: -1px 0 #FF00FF, 0 1px #FF00FF, 1px 0 #FF00FF, 0 -1px #FF00FF; }

.icon.line_lT9:before {
  content: "T9"; }

.line_l9.slash {
  text-shadow: -1px 0 #FF00FF, 0 1px #FF00FF, 1px 0 #FF00FF, 0 -1px #FF00FF; }

.icon.line_lT9.slash:after {
  content: "";
  border-color: #FFFFFF; }   

.line_l12 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l12 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l12:before {
  content: "12"; }

.line_l12.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l12.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l13 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_l13 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_l13:before {
  content: "13"; }

.line_l13.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_l13.slash:after {
  content: "";
  border-color: #000000; }

.line_l14 {
  background-color: #FF9EC2;
  color: #000000 !important; }
  .TripIsShort .line_l14 {
    z-index: 1;
    text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_l14:before {
  content: "14"; }

.line_l14.slash {
  text-shadow: -1px 0 #ff9ec2, 0 1px #ff9ec2, 1px 0 #ff9ec2, 0 -1px #ff9ec2; }

.icon.line_l14.slash:after {
  content: "";
  border-color: #000000; }

.line_l15 {
  background-color: #36578C;
  color: #FFFFFF !important; }
  .TripIsShort .line_l15 {
    z-index: 1;
    text-shadow: -1px 0 #36578C, 0 1px #36578C, 1px 0 #36578C, 0 -1px #36578C; }

.icon.line_l15:before {
  content: "15"; }

.line_l15.slash {
  text-shadow: -1px 0 #36578c, 0 1px #36578c, 1px 0 #36578c, 0 -1px #36578c; }

.icon.line_l15.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l17 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l17 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l17:before {
  content: "17"; }

.line_l17.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l17.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l19 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l19 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l19:before {
  content: "19"; }

.line_l19.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l19.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l1B19 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT19 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_lT19:before {
  content: "T19"; }

.line_lT19.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_lT19.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l20 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_l20 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_l20:before {
  content: "20"; }

.line_l20.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_l20.slash:after {
  content: "";
  border-color: #000000; }

.line_l21 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l21 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l21:before {
  content: "21"; }

.line_l21.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l21.slash:after {
  content: "";
  border-color: #000000; }

.line_l22 {
  background-color: #B5BA05;
  color: #000000 !important; }
  .TripIsShort .line_l22 {
    z-index: 1;
    text-shadow: -1px 0 #B5BA05, 0 1px #B5BA05, 1px 0 #B5BA05, 0 -1px #B5BA05; }

.icon.line_l22:before {
  content: "22"; }

.line_l22.slash {
  text-shadow: -1px 0 #b5ba05, 0 1px #b5ba05, 1px 0 #b5ba05, 0 -1px #b5ba05; }

.icon.line_l22.slash:after {
  content: "";
  border-color: #000000; }

.line_l25 {
  background-color: #991F36;
  color: #FFFFFF !important; }
  .TripIsShort .line_l25 {
    z-index: 1;
    text-shadow: -1px 0 #991F36, 0 1px #991F36, 1px 0 #991F36, 0 -1px #991F36; }

.icon.line_l25:before {
  content: "25"; }

.line_l25.slash {
  text-shadow: -1px 0 #991f36, 0 1px #991f36, 1px 0 #991f36, 0 -1px #991f36; }

.icon.line_l25.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lT25 {
  background-color: #991F36;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT25 {
    z-index: 1;
    text-shadow: -1px 0 #991F36, 0 1px #991F36, 1px 0 #991F36, 0 -1px #991F36; }

.icon.line_lT25:before {
  content: "T25"; }

.line_lT25.slash {
  text-shadow: -1px 0 #991f36, 0 1px #991f36, 1px 0 #991f36, 0 -1px #991f36; }

.icon.line_lT25.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l27 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_l27 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_l27:before {
  content: "27"; }

.line_l27.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_l27.slash:after {
  content: "";
  border-color: #000000; }

.line_l28 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l28 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l28:before {
  content: "28"; }

.line_l28.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l28.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l29 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_l29 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_l29:before {
  content: "29"; }

.line_l29.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_l29.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l31 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_l31 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_l31:before {
  content: "31"; }

.line_l31.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_l31.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l32 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l32 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l32:before {
  content: "32"; }

.line_l32.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l32.slash:after {
  content: "";
  border-color: #000000; }

.line_lT32 {
  background-color: #F7E017;
  color: #000000 !important; }
.TripIsShort .line_lT32 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_lT32:before {
  content: "T32"; }

.line_lT32.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_lT32.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l33{
  background-color: #FF9EC2;
  color: #000000 !important; }
  .TripIsShort .line_l33 {
    z-index: 1;
    text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_l33:before {
  content: "33"; }

.line_l33.slash {
  text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_l33.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l34 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_l34 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_l34:before {
  content: "34"; }

.line_l34.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_l34.slash:after {
  content: "";
  border-color: #000000; }

.line_l36 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_l36 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_l36:before {
  content: "36"; }

.line_l36.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_l36.slash:after {
  content: "";
  border-color: #000000; }

.line_l38 {
  background-color: #B085B3;
  color: #FFFFFF !important; }
  .TripIsShort .line_l38 {
    z-index: 1;
    text-shadow: -1px 0 #B085B3, 0 1px #B085B3, 1px 0 #B085B3, 0 -1px #B085B3; }

.icon.line_l38:before {
  content: "38"; }

.line_l38.slash {
  text-shadow: -1px 0 #b085b3, 0 1px #b085b3, 1px 0 #b085b3, 0 -1px #b085b3; }

.icon.line_l38.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l39 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l39 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l39:before {
  content: "39"; }

.line_l39.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l39.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lT39 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT39 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_lT39:before {
  content: "T39"; }

.line_lT39.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_lT39.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l40 {
  background-color: #FFDE3B21;
  color: #FFFFFFFF !important; }
  .TripIsShort .line_l40 {
    z-index: 1;
    text-shadow: -1px 0 #FFDE3B21, 0 1px #FFDE3B21, 1px 0 #FFDE3B21, 0 -1px #FFDE3B21; }

.icon.line_l40:before {
  content: "40"; }

.line_l40.slash {
  text-shadow: -1px 0 #FFDE3B21, 0 1px #FFDE3B21, 1px 0 #FFDE3B21, 0 -1px #FFDE3B21; }

.icon.line_l40.slash:after {
  content: "";
  border-color: #FFFFFFFF; }
  
.line_l41 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_l41 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_l41:before {
  content: "41"; }

.line_l41.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_l41.slash:after {
  content: "";
  border-color: #000000; }

.line_l42 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l42 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l42:before {
  content: "42"; }

.line_l42.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l42.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l43 {
  background-color: #996308;
  color: #FFFFFF !important; }
  .TripIsShort .line_l43 {
    z-index: 1;
    text-shadow: -1px 0 #996308, 0 1px #996308, 1px 0 #996308, 0 -1px #996308; }

.icon.line_l43:before {
  content: "43"; }

.line_l43.slash {
  text-shadow: -1px 0 #996308, 0 1px #996308, 1px 0 #996308, 0 -1px #996308; }

.icon.line_l43.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l44 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_l44 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_l44:before {
  content: "44"; }

.line_l44.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_l44.slash:after {
  content: "";
  border-color: #000000; }
  
.line_lT44 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_lT44 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_lT44:before {
  content: "T44"; }

.line_lT44.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_lT44.slash:after {
  content: "";
  border-color: #000000; }  

.line_l45 {
  background-color: #B085B3;
  color: #FFFFFF !important; }
  .TripIsShort .line_l45 {
    z-index: 1;
    text-shadow: -1px 0 #B085B3, 0 1px #B085B3, 1px 0 #B085B3, 0 -1px #B085B3; }

.icon.line_l45:before {
  content: "45"; }

.line_l45.slash {
  text-shadow: -1px 0 #b085b3, 0 1px #b085b3, 1px 0 #b085b3, 0 -1px #b085b3; }

.icon.line_l45.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l46 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l46 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l46:before {
  content: "46"; }

.line_l46.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l46.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l47 {
  background-color: #B085B3;
  color: #FFFFFF !important; }
  .TripIsShort .line_l47 {
    z-index: 1;
    text-shadow: -1px 0 #B085B3, 0 1px #B085B3, 1px 0 #B085B3, 0 -1px #B085B3; }

.icon.line_l47:before {
  content: "47"; }

.line_l47.slash {
  text-shadow: -1px 0 #b085b3, 0 1px #b085b3, 1px 0 #b085b3, 0 -1px #b085b3; }

.icon.line_l47.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l48 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l48 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l48:before {
  content: "48"; }

.line_l48.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l48.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l49 {
  background-color: #36578C;
  color: #FFFFFF !important; }
  .TripIsShort .line_l49 {
    z-index: 1;
    text-shadow: -1px 0 #36578C, 0 1px #36578C, 1px 0 #36578C, 0 -1px #36578C; }

.icon.line_l49:before {
  content: "49"; }

.line_l49.slash {
  text-shadow: -1px 0 #36578c, 0 1px #36578c, 1px 0 #36578c, 0 -1px #36578c; }

.icon.line_l49.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l50 {
  background-color: #B5BA05;
  color: #000000 !important; }
  .TripIsShort .line_l50 {
    z-index: 1;
    text-shadow: -1px 0 #B5BA05, 0 1px #B5BA05, 1px 0 #B5BA05, 0 -1px #B5BA05; }

.icon.line_l50:before {
  content: "50"; }

.line_l50.slash {
  text-shadow: -1px 0 #b5ba05, 0 1px #b5ba05, 1px 0 #b5ba05, 0 -1px #b5ba05; }

.icon.line_l50.slash:after {
  content: "";
  border-color: #000000; }

.line_l51 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_l51 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_l51:before {
  content: "51"; }

.line_l51.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_l51.slash:after {
  content: "";
  border-color: #000000; }

.line_lT51 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_lT51 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_lT51:before {
  content: "T51"; }

.line_lT51.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_lT51.slash:after {
  content: "";
  border-color: #000000; }

.line_l52 {
  background-color: #753BBD;
  color: #FFFFFF !important; }
  .TripIsShort .line_l52 {
    z-index: 1;
    text-shadow: -1px 0 #753BBD, 0 1px #753BBD, 1px 0 #753BBD, 0 -1px #753BBD; }

.icon.line_l52:before {
  content: "52"; }

.line_l52.slash {
  text-shadow: -1px 0 #753bbd, 0 1px #753bbd, 1px 0 #753bbd, 0 -1px #753bbd; }

.icon.line_l52.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l53 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l53 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l53:before {
  content: "53"; }

.line_l53.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l53.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l54 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l54 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l54:before {
  content: "54"; }

.line_l54.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l54.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l55 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_l55 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_l55:before {
  content: "55"; }

.line_l55.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_l55.slash:after {
  content: "";
  border-color: #000000; }

.line_lT55 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_lT55 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_lT55:before {
  content: "T55"; }

.line_lT55.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_lT55.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l56 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_l56 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_l56:before {
  content: "56"; }

.line_l56.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_l56.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l57 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l57 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l57:before {
  content: "57"; }

.line_l57.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l57.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l58 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l58 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l58:before {
  content: "58"; }

.line_l58.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l58.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l59 {
  background-color: #996308;
  color: #FFFFFF !important; }
  .TripIsShort .line_l59 {
    z-index: 1;
    text-shadow: -1px 0 #996308, 0 1px #996308, 1px 0 #996308, 0 -1px #996308; }

.icon.line_l59:before {
  content: "59"; }

.line_l59.slash {
  text-shadow: -1px 0 #996308, 0 1px #996308, 1px 0 #996308, 0 -1px #996308; }

.icon.line_l59.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l60 {
  background-color: #FF9EC2;
  color: #000000 !important; }
  .TripIsShort .line_l60 {
    z-index: 1;
    text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_l60:before {
  content: "60"; }

.line_l60.slash {
  text-shadow: -1px 0 #ff9ec2, 0 1px #ff9ec2, 1px 0 #ff9ec2, 0 -1px #ff9ec2; }

.icon.line_l60.slash:after {
  content: "";
  border-color: #000000; }

.line_l61 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l61 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l61:before {
  content: "61"; }

.line_l61.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l61.slash:after {
  content: "";
  border-color: #000000; }

.line_l62 {
  background-color: #FF9EC2;
  color: #000000 !important; }
  .TripIsShort .line_l62 {
    z-index: 1;
    text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_l62:before {
  content: "62"; }

.line_l62.slash {
  text-shadow: -1px 0 #ff9ec2, 0 1px #ff9ec2, 1px 0 #ff9ec2, 0 -1px #ff9ec2; }

.icon.line_l62.slash:after {
  content: "";
  border-color: #000000; }

.line_lT62 {
  background-color: #FF9EC2;
  color: #000000 !important; }
  .TripIsShort .line_lT62 {
    z-index: 1;
    text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_lT62:before {
  content: "T62"; }

.line_lT62.slash {
  text-shadow: -1px 0 #ff9ec2, 0 1px #ff9ec2, 1px 0 #ff9ec2, 0 -1px #ff9ec2; }

.icon.line_lT62.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l63 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_l63 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_l63:before {
  content: "63"; }

.line_l63.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_l63.slash:after {
  content: "";
  border-color: #000000; }

.line_l64 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l64 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l64:before {
  content: "64"; }

.line_l64.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l64.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l65 {
  background-color: #E3BA12;
  color: #000000 !important; }
  .TripIsShort .line_l65 {
    z-index: 1;
    text-shadow: -1px 0 #E3BA12, 0 1px #E3BA12, 1px 0 #E3BA12, 0 -1px #E3BA12; }

.icon.line_l65:before {
  content: "65"; }

.line_l65.slash {
  text-shadow: -1px 0 #e3ba12, 0 1px #e3ba12, 1px 0 #e3ba12, 0 -1px #e3ba12; }

.icon.line_l65.slash:after {
  content: "";
  border-color: #000000; }

.line_l66 {
  background-color: #36578C;
  color: #FFFFFF !important; }
  .TripIsShort .line_l66 {
    z-index: 1;
    text-shadow: -1px 0 #36578C, 0 1px #36578C, 1px 0 #36578C, 0 -1px #36578C; }

.icon.line_l66:before {
  content: "66"; }

.line_l66.slash {
  text-shadow: -1px 0 #36578c, 0 1px #36578c, 1px 0 #36578c, 0 -1px #36578c; }

.icon.line_l66.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l68 {
  background-color: #97D700;
  color: #000000 !important; }
  .TripIsShort .line_l68 {
    z-index: 1;
    text-shadow: -1px 0 #97D700, 0 1px #97D700, 1px 0 #97D700, 0 -1px #97D700; }

.icon.line_l68:before {
  content: "68"; }

.line_l68.slash {
  text-shadow: -1px 0 #97d700, 0 1px #97d700, 1px 0 #97d700, 0 -1px #97d700; }

.icon.line_l68.slash:after {
  content: "";
  border-color: #000000; }

.line_l69 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_l69 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_l69:before {
  content: "69"; }

.line_l69.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_l69.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l71 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l71 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l71:before {
  content: "71"; }

.line_l71.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l71.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l72 {
  background-color: #FF9EC2;
  color: #000000 !important; }
  .TripIsShort .line_l72 {
    z-index: 1;
    text-shadow: -1px 0 #FF9EC2, 0 1px #FF9EC2, 1px 0 #FF9EC2, 0 -1px #FF9EC2; }

.icon.line_l72:before {
  content: "72"; }

.line_l72.slash {
  text-shadow: -1px 0 #ff9ec2, 0 1px #ff9ec2, 1px 0 #ff9ec2, 0 -1px #ff9ec2; }

.icon.line_l72.slash:after {
  content: "";
  border-color: #000000; }

.line_l74 {
  background-color: #B085B3;
  color: #FFFFFF !important; }
  .TripIsShort .line_l74 {
    z-index: 1;
    text-shadow: -1px 0 #B085B3, 0 1px #B085B3, 1px 0 #B085B3, 0 -1px #B085B3; }

.icon.line_l74:before {
  content: "74"; }

.line_l74.slash {
  text-shadow: -1px 0 #b085b3, 0 1px #b085b3, 1px 0 #b085b3, 0 -1px #b085b3; }

.icon.line_l74.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l75 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l75 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l75:before {
  content: "75"; }

.line_l75.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l75.slash:after {
  content: "";
  border-color: #000000; }

.line_l76 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l76 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l76:before {
  content: "76"; }

.line_l76.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l76.slash:after {
  content: "";
  border-color: #000000; }

.line_l77 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l77 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l77:before {
  content: "77"; }

.line_l77.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l77.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l78 {
  background-color: #B085B3;
  color: #FFFFFF !important; }
  .TripIsShort .line_l78 {
    z-index: 1;
    text-shadow: -1px 0 #B085B3, 0 1px #B085B3, 1px 0 #B085B3, 0 -1px #B085B3; }

.icon.line_l78:before {
  content: "78"; }

.line_l78.slash {
  text-shadow: -1px 0 #b085b3, 0 1px #b085b3, 1px 0 #b085b3, 0 -1px #b085b3; }

.icon.line_l78.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l79 {
  background-color: #36578C;
  color: #FFFFFF !important; }
  .TripIsShort .line_l79 {
    z-index: 1;
    text-shadow: -1px 0 #36578C, 0 1px #36578C, 1px 0 #36578C, 0 -1px #36578C; }

.icon.line_l79:before {
  content: "79"; }

.line_l79.slash {
  text-shadow: -1px 0 #36578c, 0 1px #36578c, 1px 0 #36578c, 0 -1px #36578c; }

.icon.line_l79.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l80 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l80 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l80:before {
  content: "80"; }

.line_l80.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l80.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l81 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l81 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l81:before {
  content: "81"; }

.line_l81.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l81.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lT81 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT81 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_lT81:before {
  content: "T81"; }

.line_lT81.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_lT81.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l82 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_l82 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_l82:before {
  content: "82"; }

.line_l82.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_l82.slash:after {
  content: "";
  border-color: #000000; }

.line_lT82 {
  background-color: #9EBFE3;
  color: #000000 !important; }
  .TripIsShort .line_lT82 {
    z-index: 1;
    text-shadow: -1px 0 #9EBFE3, 0 1px #9EBFE3, 1px 0 #9EBFE3, 0 -1px #9EBFE3; }

.icon.line_lT82:before {
  content: "T82"; }

.line_lT82.slash {
  text-shadow: -1px 0 #9ebfe3, 0 1px #9ebfe3, 1px 0 #9ebfe3, 0 -1px #9ebfe3; }

.icon.line_lT82.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l83 {
  background-color: #B5BA05;
  color: #000000 !important; }
  .TripIsShort .line_l83 {
    z-index: 1;
    text-shadow: -1px 0 #B5BA05, 0 1px #B5BA05, 1px 0 #B5BA05, 0 -1px #B5BA05; }

.icon.line_l83:before {
  content: "83"; }

.line_l83.slash {
  text-shadow: -1px 0 #b5ba05, 0 1px #b5ba05, 1px 0 #b5ba05, 0 -1px #b5ba05; }

.icon.line_l83.slash:after {
  content: "";
  border-color: #000000; }

.line_l84 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l84 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l84:before {
  content: "84"; }

.line_l84.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l84.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l85 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l85 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l85:before {
  content: "85"; }

.line_l85.slash {
  text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l85.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l86 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l86 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l86:before {
  content: "86"; }

.line_l86.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l86.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l87 {
  background-color: #338C26;
  color: #FFFFFF !important; }
  .TripIsShort .line_l87 {
    z-index: 1;
    text-shadow: -1px 0 #338C26, 0 1px #338C26, 1px 0 #338C26, 0 -1px #338C26; }

.icon.line_l87:before {
  content: "87"; }

.line_l87.slash {
  text-shadow: -1px 0 #338c26, 0 1px #338c26, 1px 0 #338c26, 0 -1px #338c26; }

.icon.line_l87.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l88 {
  background-color: #991F36;
  color: #FFFFFF !important; }
  .TripIsShort .line_l88 {
    z-index: 1;
    text-shadow: -1px 0 #991F36, 0 1px #991F36, 1px 0 #991F36, 0 -1px #991F36; }

.icon.line_l88:before {
  content: "88"; }

.line_l88.slash {
  text-shadow: -1px 0 #991f36, 0 1px #991f36, 1px 0 #991f36, 0 -1px #991f36; }

.icon.line_l88.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l89 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_l89 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_l89:before {
  content: "89"; }

.line_l89.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_l89.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l92 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_l92 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_l92:before {
  content: "92"; }

.line_l92.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_l92.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lT92 {
  background-color: #DE3B21;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT92 {
    z-index: 1;
    text-shadow: -1px 0 #DE3B21, 0 1px #DE3B21, 1px 0 #DE3B21, 0 -1px #DE3B21; }

.icon.line_lT92:before {
  content: "T92"; }

.line_lT92.slash {
  text-shadow: -1px 0 #de3b21, 0 1px #de3b21, 1px 0 #de3b21, 0 -1px #de3b21; }

.icon.line_lT92.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l93 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_l93 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_l93:before {
  content: "93"; }

.line_l93.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_l93.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lT93 {
  background-color: #E87D0D;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT93 {
    z-index: 1;
    text-shadow: -1px 0 #E87D0D, 0 1px #E87D0D, 1px 0 #E87D0D, 0 -1px #E87D0D; }

.icon.line_lT93:before {
  content: "T93"; }

.line_lT93.slash {
  text-shadow: -1px 0 #e87d0d, 0 1px #e87d0d, 1px 0 #e87d0d, 0 -1px #e87d0d; }

.icon.line_lT93.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l94 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_l94 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_l94:before {
  content: "94"; }

.line_l94.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_l94.slash:after {
  content: "";
  border-color: #000000; }

.line_lT94 {
  background-color: #F7E017;
  color: #000000 !important; }
  .TripIsShort .line_lT94 {
    z-index: 1;
    text-shadow: -1px 0 #F7E017, 0 1px #F7E017, 1px 0 #F7E017, 0 -1px #F7E017; }

.icon.line_lT94:before {
  content: "T94"; }

.line_lT94.slash {
  text-shadow: -1px 0 #f7e017, 0 1px #f7e017, 1px 0 #f7e017, 0 -1px #f7e017; }

.icon.line_lT94.slash:after {
  content: "";
  border-color: #000000; }
  
.line_l95 {
  background-color: #36578C;
  color: #FFFFFF !important; }
  .TripIsShort .line_l95 {
    z-index: 1;
    text-shadow: -1px 0 #36578C, 0 1px #36578C, 1px 0 #36578C, 0 -1px #36578C; }

.icon.line_l95:before {
  content: "95"; }

.line_l95.slash {
  text-shadow: -1px 0 #36578c, 0 1px #36578c, 1px 0 #36578c, 0 -1px #36578c; }

.icon.line_l95.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l97 {
  background-color: #991F36;
  color: #FFFFFF !important; }
  .TripIsShort .line_l97 {
    z-index: 1;
    text-shadow: -1px 0 #991F36, 0 1px #991F36, 1px 0 #991F36, 0 -1px #991F36; }

.icon.line_l97:before {
  content: "97"; }

.line_l97.slash {
  text-shadow: -1px 0 #991f36, 0 1px #991f36, 1px 0 #991f36, 0 -1px #991f36; }

.icon.line_l97.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_lT97 {
  background-color: #991F36;
  color: #FFFFFF !important; }
  .TripIsShort .line_lT97 {
    z-index: 1;
    text-shadow: -1px 0 #991F36, 0 1px #991F36, 1px 0 #991F36, 0 -1px #991F36; }

.icon.line_lT97:before {
  content: "T97"; }

.line_lT97.slash {
  text-shadow: -1px 0 #991f36, 0 1px #991f36, 1px 0 #991f36, 0 -1px #991f36; }

.icon.line_lT97.slash:after {
  content: "";
  border-color: #FFFFFF; }
  
.line_l98 {
  background-color: #FC8306;
  color: #FFFFFF !important; }
  .TripIsShort .line_l98 {
    z-index: 1;
    text-shadow: -1px 0 #FC8306, 0 1px #FC8306, 1px 0 #FC8306, 0 -1px #FC8306; }

.icon.line_l98:before {
  content: "98"; }

.line_l98.slash {
  text-shadow: -1px 0 #fc8306, 0 1px #fc8306, 1px 0 #fc8306, 0 -1px #fc8306; }

.icon.line_l98.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l204 {
  background-color: #FF00FF;
  color: #FFFFFF !important; }
  .TripIsShort .line_l204 {
    z-index: 1;
    text-shadow: -1px 0 #FF00FF, 0 1px #FF00FF, 1px 0 #FF00FF, 0 -1px #FF00FF; }

.icon.line_l204:before {
  content: "N04"; }

.line_l204::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l204::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l204::first-letter {
  font-size: 20px; }

.line_l204::first-line {
  font-size: 22px; }

.icon_small.icon.line_l204::first-line {
  font-size: 16px; }

.icon_large.icon.line_l204::first-line {
  font-size: 30px; }

.line_l204.slash {
  text-shadow: -1px 0 #ff00ff, 0 1px #ff00ff, 1px 0 #ff00ff, 0 -1px #ff00ff; }

.icon.line_l204.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l205 {
  background-color: #9978B8;
  color: #FFFFFF !important; }
  .TripIsShort .line_l205 {
    z-index: 1;
    text-shadow: -1px 0 #9978B8, 0 1px #9978B8, 1px 0 #9978B8, 0 -1px #9978B8; }

.icon.line_l205:before {
  content: "N05"; }

.line_l205::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l205::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l205::first-letter {
  font-size: 20px; }

.line_l205::first-line {
  font-size: 22px; }

.icon_small.icon.line_l205::first-line {
  font-size: 16px; }

.icon_large.icon.line_l205::first-line {
  font-size: 30px; }

.line_l205.slash {
  text-shadow: -1px 0 #9978b8, 0 1px #9978b8, 1px 0 #9978b8, 0 -1px #9978b8; }

.icon.line_l205.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l206 {
  background-color: #00C8FF;
  color: #FFFFFF !important; }
  .TripIsShort .line_l206 {
    z-index: 1;
    text-shadow: -1px 0 #00C8FF, 0 1px #00C8FF, 1px 0 #00C8FF, 0 -1px #00C8FF; }

.icon.line_l206:before {
  content: "N06"; }

.line_l206::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l206::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l206::first-letter {
  font-size: 20px; }

.line_l206::first-line {
  font-size: 22px; }

.icon_small.icon.line_l206::first-line {
  font-size: 16px; }

.icon_large.icon.line_l206::first-line {
  font-size: 30px; }

.line_l206.slash {
  text-shadow: -1px 0 #00c8ff, 0 1px #00c8ff, 1px 0 #00c8ff, 0 -1px #00c8ff; }

.icon.line_l206.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l208 {
  background-color: #94C9FD;
  color: #000000 !important; }
  .TripIsShort .line_l208 {
    z-index: 1;
    text-shadow: -1px 0 #94C9FD, 0 1px #94C9FD, 1px 0 #94C9FD, 0 -1px #94C9FD; }

.icon.line_l208:before {
  content: "N08"; }

.line_l208::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l208::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l208::first-letter {
  font-size: 20px; }

.line_l208::first-line {
  font-size: 22px; }

.icon_small.icon.line_l208::first-line {
  font-size: 16px; }

.icon_large.icon.line_l208::first-line {
  font-size: 30px; }

.line_l208.slash {
  text-shadow: -1px 0 #94c9fd, 0 1px #94c9fd, 1px 0 #94c9fd, 0 -1px #94c9fd; }

.icon.line_l208.slash:after {
  content: "";
  border-color: #000000; }

.line_l209 {
  background-color: #FF00FF;
  color: #FFFFFF !important; }
  .TripIsShort .line_l209 {
    z-index: 1;
    text-shadow: -1px 0 #FF00FF, 0 1px #FF00FF, 1px 0 #FF00FF, 0 -1px #FF00FF; }

.icon.line_l209:before {
  content: "N09"; }

.line_l209::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l209::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l209::first-letter {
  font-size: 20px; }

.line_l209::first-line {
  font-size: 22px; }

.icon_small.icon.line_l209::first-line {
  font-size: 16px; }

.icon_large.icon.line_l209::first-line {
  font-size: 30px; }

.line_l209.slash {
  text-shadow: -1px 0 #ff00ff, 0 1px #ff00ff, 1px 0 #ff00ff, 0 -1px #ff00ff; }

.icon.line_l209.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l210 {
  background-color: #D2FF0A;
  color: #000000 !important; }
  .TripIsShort .line_l210 {
    z-index: 1;
    text-shadow: -1px 0 #D2FF0A, 0 1px #D2FF0A, 1px 0 #D2FF0A, 0 -1px #D2FF0A; }

.icon.line_l210:before {
  content: "N10"; }

.line_l210::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l210::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l210::first-letter {
  font-size: 20px; }

.line_l210::first-line {
  font-size: 22px; }

.icon_small.icon.line_l210::first-line {
  font-size: 16px; }

.icon_large.icon.line_l210::first-line {
  font-size: 30px; }

.line_l210.slash {
  text-shadow: -1px 0 #d2ff0a, 0 1px #d2ff0a, 1px 0 #d2ff0a, 0 -1px #d2ff0a; }

.icon.line_l210.slash:after {
  content: "";
  border-color: #000000; }

.line_l211 {
  background-color: #976A0E;
  color: #FFFFFF !important; }
  .TripIsShort .line_l211 {
    z-index: 1;
    text-shadow: -1px 0 #976A0E, 0 1px #976A0E, 1px 0 #976A0E, 0 -1px #976A0E; }

.icon.line_l211:before {
  content: "N11"; }

.line_l211::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l211::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l211::first-letter {
  font-size: 20px; }

.line_l211::first-line {
  font-size: 22px; }

.icon_small.icon.line_l211::first-line {
  font-size: 16px; }

.icon_large.icon.line_l211::first-line {
  font-size: 30px; }

.line_l211.slash {
  text-shadow: -1px 0 #976a0e, 0 1px #976a0e, 1px 0 #976a0e, 0 -1px #976a0e; }

.icon.line_l211.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l212 {
  background-color: #FC8306;
  color: #FFFFFF !important; }
  .TripIsShort .line_l212 {
    z-index: 1;
    text-shadow: -1px 0 #FC8306, 0 1px #FC8306, 1px 0 #FC8306, 0 -1px #FC8306; }

.icon.line_l212:before {
  content: "N12"; }

.line_l212::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l212::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l212::first-letter {
  font-size: 20px; }

.line_l212::first-line {
  font-size: 22px; }

.icon_small.icon.line_l212::first-line {
  font-size: 16px; }

.icon_large.icon.line_l212::first-line {
  font-size: 30px; }

.line_l212.slash {
  text-shadow: -1px 0 #fc8306, 0 1px #fc8306, 1px 0 #fc8306, 0 -1px #fc8306; }

.icon.line_l212.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l213 {
  background-color: #C30C3E;
  color: #FFFFFF !important; }
  .TripIsShort .line_l213 {
    z-index: 1;
    text-shadow: -1px 0 #C30C3E, 0 1px #C30C3E, 1px 0 #C30C3E, 0 -1px #C30C3E; }

.icon.line_l213:before {
  content: "N13"; }

.line_l213::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l213::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l213::first-letter {
  font-size: 20px; }

.line_l213::first-line {
  font-size: 22px; }

.icon_small.icon.line_l213::first-line {
  font-size: 16px; }

.icon_large.icon.line_l213::first-line {
  font-size: 30px; }

.line_l213.slash {
  text-shadow: -1px 0 #c30c3e, 0 1px #c30c3e, 1px 0 #c30c3e, 0 -1px #c30c3e; }

.icon.line_l213.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l216 {
  background-color: #0A3C0A;
  color: #FFFFFF !important; }
  .TripIsShort .line_l216 {
    z-index: 1;
    text-shadow: -1px 0 #0A3C0A, 0 1px #0A3C0A, 1px 0 #0A3C0A, 0 -1px #0A3C0A; }

.icon.line_l216:before {
  content: "N16"; }

.line_l216::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l216::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l216::first-letter {
  font-size: 20px; }

.line_l216::first-line {
  font-size: 22px; }

.icon_small.icon.line_l216::first-line {
  font-size: 16px; }

.icon_large.icon.line_l216::first-line {
  font-size: 30px; }

.line_l216.slash {
  text-shadow: -1px 0 #0a3c0a, 0 1px #0a3c0a, 1px 0 #0a3c0a, 0 -1px #0a3c0a; }

.icon.line_l216.slash:after {
  content: "";
  border-color: #FFFFFF; }

.line_l218 {
  background-color: #64D214;
  color: #FFFFFF !important; }
  .TripIsShort .line_l218 {
    z-index: 1;
    text-shadow: -1px 0 #64D214, 0 1px #64D214, 1px 0 #64D214, 0 -1px #64D214; }

.icon.line_l218:before {
  content: "N18"; }

.line_l218::first-letter {
  font-size: 14px; }

.icon_small.icon.line_l218::first-letter {
  font-size: 10px; }

.icon_large.icon.line_l218::first-letter {
  font-size: 20px; }

.line_l218::first-line {
  font-size: 22px; }

.icon_small.icon.line_l218::first-line {
  font-size: 16px; }

.icon_large.icon.line_l218::first-line {
  font-size: 30px; }

.line_l218.slash {
  text-shadow: -1px 0 #64d214, 0 1px #64d214, 1px 0 #64d214, 0 -1px #64d214; }

.icon.line_l218.slash:after {
  content: "";
  border-color: #FFFFFF; }

#LayoutFooter {
  display: none; }

#PagePopupWindow {
  background-color: #eceae5;
  min-width: 336px;
  min-height: 458px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  @media screen and (max-width: 800px) {
    #PagePopupWindow {
      min-height: 200px;
      min-width: 290px; } }

#PagePopupActions {
  background-color: #FFFFFF;
  border-bottom: none;
  text-align: center;
  padding: 15px 0; }

#PagePopupLoading {
  background-color: #eceae5;
  background-image: url(../images/loader.gif);
  min-width: 337px; }

#PagePopupHeader {
  background-color: #0d4d90;
  height: 50px; }

#PagePopupTitle {
  font-size: 14px;
  text-transform: uppercase;
  padding: 18px; }

#PagePopupWindowCloseButton {
  background-image: url(../images/icon-close-popup.png);
  width: 14px;
  height: 14px;
  text-index: -9999px;
  padding: 0;
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
  margin: 15px; }

#PagePopupPartialView {
  background-color: #eceae5; }

#PagePopupPartialView #StopTimetableResults .ResultsHeader {
  margin-top: 0;
  background-color: #eceae5; }

.ResultsHeader {
  padding: 15px; }

.ResultsDate {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin-right: 0; }

.StopTimetableRouteDirection {
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px; }

#StopTimetableTitle {
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 15px;
  color: #0d4d90;
  border-bottom: none; }

#PagePopupPartialView #StopTimetableContent {
  margin: 0; }

.RouteDescriptionText {
  font-size: 14px;
  color: #0d4d90; }

.RouteDescriptionDirection {
  color: #0d4d90; }

.StopTimetablePeriod {
  border: none;
  border-top: 1px solid #bbbaba; }

.StopTimetablePeriodHeader.StopTimetablePeriodHeaderContentVisible {
  background-color: #FFFFFF;
  font-size: 12px;
  color: #0d4d90;
  font-weight: normal; }

.StopTimetablePeriodHeader {
  background-color: #0d4d90;
  font-size: 12px;
  font-weight: normal; }

.StopTimetablePeriodContent {
  margin: 0; }

.StopTimetablePeriodPassingTimes th, .StopTimetablePeriodPassingTimes td {
  border: none; }

.StopTimetablePeriodHeaderContentHidden .StopTimetablePeriodHeaderImage {
  background-image: url(../images/timetable-expand.png);
  background-position: center; }

.PeriodHour {
  background-color: #ddedf5;
  color: #0d4d90; }

.StopTimetablePeriodPassingTimes tr:nth-child(odd) .PeriodPassingTimeTextWrapper {
  background-color: #ddedf5; }

.StopTimetablePeriodPassingTimes tr:nth-child(odd) .PeriodPassingTime {
  background-color: #ddedf5; }

@media screen and (max-width: 800px) {
  #TravelPlanEmailPopupContent {
    width: 290px; } }

@media screen and (min-width: 801px) {
  #TravelPlanEmailPopupContent {
    width: 307px; } }

#TravelPlanEmailPopupRecipientsLabel,
#TravelPlanEmailPopupCommentsLabel {
  color: #0d4d90;
  font-size: 14px; }

#TravelPlanEmailPopupCommentsInput,
#TravelPlanEmailPopupRecipientsInput {
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 6px; }
  @media screen and (min-width: 801px) {
    #TravelPlanEmailPopupCommentsInput,
    #TravelPlanEmailPopupRecipientsInput {
      width: 100%; } }

#TravelPlanEmailPopupRecipientsInput {
  height: 45px; }

#TravelPlanEmailPopupRecipientsExplanation {
  margin-left: 0;
  color: #8e8c88;
  font-style: normal;
  font-size: 12px; }

#TravelPlanEmailPopupActions {
  text-align: center; }

#TravelPlanEmailPopupSendButton, #PagePopupPrintButton {
  display: inline-block;
  background-color: #0d4d90;
  width: 100%;
  height: 50px;
  font-size: 16px;
  padding: 15px 35px 15px 15px;
  border-radius: 6px;
  box-sizing: border-box;
  max-width: 300px; }
  #TravelPlanEmailPopupSendButton:before, #PagePopupPrintButton:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-bottom: -3px;
    background-position: 0 50%;
    padding-right: 15px; }

#TravelPlanEmailPopupSendButton:before {
  background-image: url(../images/icon-mail.png); }

#PagePopupPrintButton:before {
  background-image: url(../images/button-print.png); }

#StopTimetableResults .ApplicationLeftPane {
  padding: 0;
  width: 336px; }

.PrintHeader {
  display: none; }

.PrintableTravelPlanDetailContent {
  margin: 0;
  padding-bottom: 20px; }

#TravelPlanGlobalViewMap {
  width: 660px; }

#TravelPlanGlobalViewMapWrapper {
  padding-top: 0; }

.PrintableTravelPlanDetail .TravelPlanDetail {
  padding-top: 15px; }

.PrintableTravelPlanDetail .TravelPlanHeader .TravelPlanHeaderContent {
  width: 90%; }

.ErrorTitle {
  font-size: 24px;
  font-weight: bold;
  color: #d40a10; }

.ErrorDescription {
  color: #8e8c88;
  font-size: 12px; }
  .ErrorDescription a {
    color: #0d4d90; }

.k-popup .k-calendar {
  width: 100%;
  display: block;
  border-radius: 5px; }

.k-animation-container {
  margin-top: 5px; }

.k-popup.k-list-container, .k-popup.k-calendar-container {
  padding: 0;
  border-radius: 5px;
  width: 270px !important; }
  .k-popup.k-list-container .k-calendar, .k-popup.k-calendar-container .k-calendar {
    background: #cfccc6;
    border-radius: 3px; }
  .k-popup.k-list-container .k-header, .k-popup.k-calendar-container .k-header {
    background: #cfccc6;
    color: #5d5e5e;
    padding: 0 15px; }
    .k-popup.k-list-container .k-header a, .k-popup.k-calendar-container .k-header a {
      color: #5d5e5e;
      font-family: 'Brusseline', sans-serif; }
  .k-popup.k-list-container .k-content, .k-popup.k-calendar-container .k-content {
  }
    /*display: block; }*/
    .k-popup.k-list-container .k-content .k-link, .k-popup.k-calendar-container .k-content .k-link {
      padding: 0;
      color: #5d5e5e; }
    .k-popup.k-list-container .k-content thead, .k-popup.k-calendar-container .k-content thead {
      background: #cfccc6;
      color: #5d5e5e;
      display: block;
      padding: 0 15px;
      border-bottom: 1px solid; }
    .k-popup.k-list-container .k-content tr, .k-popup.k-calendar-container .k-content tr {
      display: block; }
    .k-popup.k-list-container .k-content th, .k-popup.k-calendar-container .k-content th {
      background: #cfccc6;
      color: #5d5e5e;
      display: inline-block;
      width: 14.28%;
      text-align: center;
      padding: 0 0 9px;
      font-size: 14px;
      font-family: 'Brusseline', sans-serif; }
    .k-popup.k-list-container .k-content tbody, .k-popup.k-calendar-container .k-content tbody {
      display: block;
      padding: 0 15px; }
      .k-popup.k-list-container .k-content tbody tr, .k-popup.k-calendar-container .k-content tbody tr {
        display: block; }
      .k-popup.k-list-container .k-content tbody td, .k-popup.k-calendar-container .k-content tbody td {
        width: 13%;
        display: inline-block;
        text-align: center;
        font-size: 14px; }
        .k-popup.k-list-container .k-content tbody td.disabledDayGridCell, .k-popup.k-calendar-container .k-content tbody td.disabledDayGridCell {
          background-color: transparent; }
  .k-popup.k-list-container .k-footer, .k-popup.k-calendar-container .k-footer {
    display: none !important; }

.k-state-selected {
  background-color: transparent;
  border-color: transparent;
  color: #5d5e5e; }

.k-state-selected > .k-link {
  color: #5d5e5e;
  background: url(../images/icon-selected.png) no-repeat 48% 0;
  background-size: 87% 94%; }

.k-panelbar .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, .k-listview > .k-state-focused.k-state-selected {
  box-shadow: none; }

.TravelPlanSummaryEndTime {
  padding-right: 20px;
  width: 54px; }

div.k-animation-container div.k-list-container.k-popup.k-group.k-reset ul.k-list.k-reset li.k-item.k-state-selected.k-state-focused {
  border-color: #0d4d90 !important;
  background-color: #0d4d90; }

div.k-animation-container div.k-list-container.k-popup.k-group.k-reset ul.k-list.k-reset li.k-item {
  font-size: 14px; }

#NotePopup {
  margin-left: -12px;
  margin-top: 8px; }

.NoteBubble {
  background: #fdd74d;
  color: #d40a10;
  padding: 10px;
  border: none;
  border-radius: 5px;
  margin-right: 3px;
  width: 168px; }
  .NoteBubble .NoteBorderArrow {
    display: none; }
  .NoteBubble .NoteArrow {
    border-bottom: 7px solid #fdd74d;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .NoteBubble .NoteArrow.AlignLeft {
      right: 0; }
  .NoteBubble .NoteClose {
    position: absolute;
    top: 14px;
    right: 10px;
    background: url(../images/icon-close-red.png) no-repeat;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 15px; }
    .NoteBubble .NoteClose + .NoteDescription {
      font-weight: bold; }
  .NoteBubble .NoteDescription {
    padding: 0;
    padding-right: 15px;
    padding-bottom: 10px; }
    .NoteBubble .NoteDescription:last-child {
      padding-bottom: 0; }

.NoteButton {
  background-image: url(../images/warning.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  padding: 2px;
  margin-top: 1px; }
  .NoteButton .NoteCode,
  .NoteButton .NoteIcon {
    display: none !important; }

.EarlierLaterButton {
    background-color: #edeae3;
	/*color: #d40a10;*/
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    height: 15px;
    padding: 3px;
    text-align: center;
}