/* Scheduled and Unscheduled */
.trip-status.S, .trip-status.U {
  background: green;
  color: white !important;
}

/* Toggle tab view in General Information modal window is black on dark blue, hard to see. Changing to white */
md-dialog md-toolbar.md-primary md-tabs-destroy-button button.md-button.md-icon-button.md-accent md-icon.material-icons {
  color: white;
}

/* The trips' text color in calendar is white on light background colors, hard to see. Changing to black */
.calendar-wrapper .calendar-inner-wrapper .calendar-week .calendar-day-wrapper .calendar-date-trip-wrapper .calendar-date-trip .ellipsis-text,
.calendar-wrapper .calendar-inner-wrapper .calendar-week .calendar-day-wrapper .calendar-date-trip-wrapper .calendar-date-trip span {
  color: black;
}

/* The phone number input boxes on the Book Trip page are too small, making width 100% */
form[name="forms.bookTripFormValidation"] md-input-container.phone-input {
  width: 100%; max-width: 100%;
}

/* Cancelled trips should show the text on the calendar with line-through text-decoration */
.calendar-date-trip .calendar-date-trip-content .trip-status.CL + .ellipsis-text span,
.calendar-date-trip .calendar-date-trip-content .trip-status.CA + .ellipsis-text span,
.calendar-date-trip .calendar-date-trip-content .trip-status.CS + .ellipsis-text span,
.calendar-date-trip .calendar-date-trip-content .trip-status.CL + .ellipsis-text + .time span span,
.calendar-date-trip .calendar-date-trip-content .trip-status.CA + .ellipsis-text + .time span span,
.calendar-date-trip .calendar-date-trip-content .trip-status.CS + .ellipsis-text + .time span span {
  text-decoration: line-through;
}

/* Changing button text so it is not all caps */
button.md-button {
  text-transform: capitalize;
}

/* Changing tab's title text under General Information lik so it is not all caps */
md-dialog md-dialog-content md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item span {
  text-transform: capitalize;
}

/* Hiding the mobility aids section on the Confirm Trip page as per SFMTA request */
form[name="confirmTripFormValidation"] div[ng-if="$context['PASS/PassInfoServer/Defaults/MobilityAidSelectable'] != 1"] {
  visibility: hidden;
}

/* Adding an outline to the comments input field in the feedback form as per Transdev request */
form#feedbackForm textarea {
  border: 1px dashed gray;
}

/* Adding an outline to the comments input field in the feedback form as per Transdev request */
form#feedbackForm textarea:focus {
  border: 1px dashed rgb(43, 116, 183);
}

/* Removed the left padding from the div.md-toolbar-tools element so the logo is pinned to the left side of the screen on the sign in page */
md-toolbar.signin-toolbar .md-toolbar-tools {
  padding-left: 0;
  /* The logo image on the sign in page was too wide in mobile view, allowed it to get cut-off instead of staying at 100% */
  overflow: hidden;
}

/* Increased height of elements that house the logo to 100% so the logo takes up the entire height of the toolbar on the sign in page */
md-toolbar.signin-toolbar .md-toolbar-tools,
md-toolbar.signin-toolbar .md-toolbar-tools button.md-logo-button,
md-toolbar.signin-toolbar .md-toolbar-tools button.md-logo-button img {
  height: 48px;
  max-height: 48px;
  min-height: 48px;
}

/* Updating Colour for Missed Trips to be Different than No Show Trips */
.trip-status.NM {
  background: yellow;
  color: black;
}