.workout-details {
  padding: 15px 0 10px 0;
  position: relative;
  min-height: 60px;
}

.workout-details h1.title,
.workout-details h1.message {
  font-size: 22px;
  padding: 2px 0 4px 0;
}

.workout-details .standard-details {
	float:left;
	width:40%;
}

.workout-details .user-details {
	position: relative;
	width: 60%;
	margin-left: 40%;
}

.workout-details .sport-name,
.workout-details .date-time,
.workout-details h1.title {
	font-size: 18px;
  line-height: 22px;
  height:24px;
}

.workout-details .message {
  line-height: 22px;
}

.standard-details .validity {
	margin-top: 10px;
}

.workout-details .sport-name {
  color: #87aa14;
}

.workout-details .date-time {
  color: #B1B1B1;
  font-size: 14px;
  line-height: 17px;
}

.workout-details h1.title,
.workout-details .message,
.workout-details .notes {
  max-width: 450px;
}

.workout-details .notes .editable > * {
	display: initial;
}

.workout-details h1.title,
.workout-details .messsage {
	font-weight: bold;
  padding: 0;
  margin:0;
}

.workout-details h1.title span {
	display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workout-details h1.title.editable.default {
	font-weight: normal;
}

.workout-details h1.title input {
	font-weight:bold;
	font-size: 18px;
	line-height: 22px;
	width: 420px;
}

.workout-details .notes textarea,
.workout-details .message textarea {
  height: 60px;
  width: 420px;
}