
.CommuterProfile {
  margin-bottom: 30px;
}

.CommuterProfile h3 {
  margin: 0;
}


.CommuterProfile p {
  color: var(--font-color);
}

.CommuterProfile .alert-warning {
  margin-top: 10px;
}

.CommuterProfile .email {
  font-size: var(--font-size);
}

.CommuterProfile h4 {
  margin: 25px 0 10px;
  padding-bottom: 5px;
}

.CommuterProfile h4 .subtitle {
  font-size: var(--font-size);
  color: var(--font-light-color);
}

.CommuterProfile form > button {
  margin-top: 10px;
}

.CommuterProfile .form-control {
  border: 1px solid var(--outline-color);
  color: var(--font-color);
  outline: none;
  display: inline-block;
}

.FavoritePlaces {
  margin-top: 10px;
  width: 100%;
  table-layout: fixed;
  border:0px;
  border-collapse:collapse;
  border-spacing:0px;
}

.FavoritePlaces .place-names-column {
  width: auto;
  border: 0px;
  vertical-align: top;
}

.FavoritePlaces .place-buttons-column {
  width: 150px;
  border: 0px;
  vertical-align: top;
  text-align: right;
}

.FavoritePlaces .place-name {
  position: relative;
  padding: 10px 15px;
  height: 44px;
  width: 100%;
}

.FavoritePlaces .address {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.FavoritePlaces .place-button {
  font-size: 22px;
  height: 44px;
  width: 44px;
  text-align: center;
}

.FavoritePlaces .icon-start {
  color: var(--primary-color);
}

.FavoritePlaces .icon-end {
  color: var(--secondary-color);
}
