side-bar .header {
  background: #f6f6f6;
  border-bottom: 1px solid #DDDDDD; }
  .xs-screen side-bar .header {
    height: 90px; }
    .xs-screen side-bar .header md-tabs.links {
      top: 55px; }
  side-bar .header .logo {
    height: auto;
    width: auto;
    max-width: 83px;
    max-height: 42px;
    padding-top: 0px; }
    .xs-screen side-bar .header .logo {
      height: auto; }
  side-bar .header .change-language .icon {
    color: #737578; }
    side-bar .header .change-language .icon:hover {
      color: #292A30; }
  side-bar .header md-tabs.links md-pagination-wrapper .md-tab {
    color: #6f7172; }
    side-bar .header md-tabs.links md-pagination-wrapper .md-tab.md-active {
      color: #292A30; }
  side-bar .header md-tabs.links md-pagination-wrapper md-ink-bar {
    background: #e94e21; }
  side-bar .header .sideNavToggler .cls-1 {
    fill: #737578; }

side-bar-popup .side-bar-popup-wrapper {
  background: #f6f6f6; }

metro-info a {
  color: #6c6d6d; }
  metro-info a:not(.hide-selection):hover {
    color: #292A30; }
  metro-info a:after {
    content: url("/images/expand_black.svg"); }

moovit-spinner svg .spinner-path {
  stroke: #F06334; }

trip-plan .search-zone {
  background-color: #FFFFFF; }

trip-plan .options span {
  color: #737578; }

trip-plan .time-selector i {
  border-color: #737578; }

trip-plan .time-selector span {
  color: #737578; }

trip-plan .time-selector md-select:hover .md-select-value span {
  color: #292A30; }

trip-plan .time-selector md-select:hover .md-select-icon::after {
  background: url(/images/expand_light_gray.svg) no-repeat; }

trip-plan .suggested-routes > .title {
  background: #f6f6f6; }

trip-plan buy-ticket-link {
  border-top: 2px solid #DDDDDD; }

tripplan-time md-select:hover .md-select-value span {
  color: #000; }

tripplan-time md-select:hover .md-select-value .md-select-icon:after {
  background: url("/images/expand_light_gray.svg") no-repeat; }

tripplan-time md-select .md-select-value span {
  color: #292A30; }

trip-plan tripplan-location .container {
  background: none; }
  html[dir=ltr] trip-plan tripplan-location .container {
    margin-left: 20px; }
  html[dir=rtl] trip-plan tripplan-location .container {
    margin-right: 20px; }
  trip-plan tripplan-location .container input[type=text] {
    border-bottom: 1px solid #DDDDDD;
    width: calc(100% - 100px); }
    html[dir=ltr] trip-plan tripplan-location .container input[type=text] {
      padding-right: 20px; }
    html[dir=rtl] trip-plan tripplan-location .container input[type=text] {
      padding-left: 20px; }
    @media only screen and (max-width: 1440px) {
      trip-plan tripplan-location .container input[type=text] {
        width: calc(100% - 120px); } }

trip-plan tripplan-location[model$=from] > .container input[type="text"] {
  width: calc(100% - 100px); }
  @media only screen and (max-width: 1440px) {
    trip-plan tripplan-location[model$=from] > .container input[type="text"] {
      width: calc(100% - 120px); } }

html[dir=ltr] trip-plan tripplan-location[model$=to] > .container > button, html[dir=ltr]
trip-plan tripplan-location[model$=from] > .container > button {
  right: 20px; }

html[dir=rtl] trip-plan tripplan-location[model$=to] > .container > button, html[dir=rtl]
trip-plan tripplan-location[model$=from] > .container > button {
  left: 20px; }

trip-plan tripplan-location[model$=to]::before, trip-plan tripplan-location[model$=to]::after {
  background: #e94e21;
  border-color: #e94e21; }

lines-view .search-zone {
  background-color: #fff; }
  lines-view .search-zone .filter-container {
    border-color: #DDDDDD; }
  lines-view .search-zone .filter-container input {
    color: #292A30; }

line-group-stops .line-container .line-header {
  background: #ECF0F1; }
  line-group-stops .line-container .line-header .line-name {
    color: #292A30; }
  line-group-stops .line-container .line-header .lines.md-menu a {
    color: #0c69da; }

line-stop-arrivals .line-stop-container .line-stop-header {
  background: #ECF0F1; }
  line-stop-arrivals .line-stop-container .line-stop-header .day-title .title {
    color: #292A30; }
  line-stop-arrivals .line-stop-container .line-stop-header .change-time a {
    color: #0c69da; }
  line-stop-arrivals .line-stop-container .line-stop-header .firstLast {
    color: #737578; }

stop-arrivals .stops-header {
  background: #f6f6f6;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  color: #292A30;
  position: relative;
  z-index: 1; }
  .xs-screen stop-arrivals .stops-header {
    height: auto; }
  stop-arrivals .stops-header .subtitle {
    color: #737578; }

side-bar-popup .actions-bar {
  background: #f6f6f6;
  border-bottom: 1px solid #DDDDDD; }

side-bar-popup .side-bar-popup-wrapper route-summary {
  background: #f6f6f6; }
  side-bar-popup .side-bar-popup-wrapper route-summary .legs-container .legs-time {
    color: #292A30; }
  side-bar-popup .side-bar-popup-wrapper route-summary .earlier-time,
  side-bar-popup .side-bar-popup-wrapper route-summary .later-time {
    color: #737578; }
    side-bar-popup .side-bar-popup-wrapper route-summary .earlier-time:hover,
    side-bar-popup .side-bar-popup-wrapper route-summary .later-time:hover {
      color: #292A30; }

side-bar-popup .route-time-summary .route-time-container .duration,
side-bar-popup .route-time-summary .route-time-container .minutes {
  color: #737578; }

side-bar-popup .route-time-summary .destination {
  color: #737578; }

route-details {
  background: #f6f6f6; }

itinerary .actions-bar {
  background: #fff;
  border-top: 1px solid #ddd;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  z-index: 1; }

.gray-btn:hover span, .gray-btn a:hover span {
  color: #292A30; }