/* line 5, app/assets/stylesheets/support.scss */
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 11, app/assets/stylesheets/support.scss */
header {
  display: flex;
  background: #559;
  color: #fff;
  justify-content: space-between;
  padding: 0.5em;
  margin-bottom: 1em;
  border-radius: 0 0 0.5em 0.5em;
}

/* line 20, app/assets/stylesheets/support.scss */
header h2 {
  margin: 0;
}

/* line 24, app/assets/stylesheets/support.scss */
header nav {
  display: flex;
  list-style: none;
  text-align: right;
  margin: 0;
}

/* line 30, app/assets/stylesheets/support.scss */
header nav a,
header nav > span {
  display: inline-block;
  text-decoration: none;
  padding: 0.5em 1em;
  color: #fff;
  border-radius: 0.2em;
  margin-left: 1em;
}

/* line 40, app/assets/stylesheets/support.scss */
header nav a {
  background: #313157;
}

/* line 43, app/assets/stylesheets/support.scss */
header nav a:hover {
  background: #9292c2;
  color: #fff;
  text-decoration: none;
}

/* line 52, app/assets/stylesheets/support.scss */
.page-content {
  display: flex;
}

/* line 55, app/assets/stylesheets/support.scss */
.page-content .sidebar-wrapper {
  width: 15rem;
}

/* line 59, app/assets/stylesheets/support.scss */
.page-content .main-content {
  width: 100%;
}

/* line 64, app/assets/stylesheets/support.scss */
.trip-info-container {
  margin-top: 10px;
}

/* line 68, app/assets/stylesheets/support.scss */
a {
  display: inline-block;
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/support.scss */
a:hover {
  text-decoration: underline;
}

/* line 77, app/assets/stylesheets/support.scss */
.link-remove {
  text-decoration: none;
}

/* line 80, app/assets/stylesheets/support.scss */
.link-remove:focus {
  border: 3px solid #000000;
  text-decoration: underline;
}

/* line 85, app/assets/stylesheets/support.scss */
.link-remove:hover {
  text-decoration: underline;
}

/* line 90, app/assets/stylesheets/support.scss */
.back-link {
  color: #000000;
  font-size: 20px;
}

/* line 94, app/assets/stylesheets/support.scss */
.back-link:hover {
  color: #717375;
}

/* line 99, app/assets/stylesheets/support.scss */
.text-right {
  text-align: right;
}

/* line 103, app/assets/stylesheets/support.scss */
.active-stops-container,
.trucks-container {
  width: 95%;
  margin: auto;
}

/* line 109, app/assets/stylesheets/support.scss */
.stop-card,
.truck-card {
  width: 420px;
  margin: 12px;
  padding: 18px;
  background-color: #fbfbfb;
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.2);
}

/* line 117, app/assets/stylesheets/support.scss */
.stop-card__header,
.truck-card__header {
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 123, app/assets/stylesheets/support.scss */
.stop-card__header__subtitle,
.truck-card__header__subtitle {
  color: #717375;
  font-size: 14px;
}

/* line 129, app/assets/stylesheets/support.scss */
.stop-card__body,
.truck-card__body {
  font-size: 14px;
}

/* line 132, app/assets/stylesheets/support.scss */
.stop-card__body__label,
.truck-card__body__label {
  color: #717375;
}

/* line 138, app/assets/stylesheets/support.scss */
.active-stops-title,
.truck-title {
  font-size: 32px;
  font-weight: bold;
}

/* line 144, app/assets/stylesheets/support.scss */
.connected-stop {
  background-color: #7ec8e3;
}