.starter-template {
  padding: 20px 15px;
  text-align: center;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 200px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 220px;
  }
}

h4 {
  font-weight: 700;
  font-variant: small-caps;
  color: rgb(149, 149, 149);
}

li {
 margin-bottom: 1.2em;
}

.p-small {
  margin-bottom: 0.3em;
}

.author {
  font-size: 90%;
  margin-left: 0.5em;
}

.supervisor {
  font-size: 90%;
}

.date {
  font-size: 90%;
  margin-left: 0.5em;
}

.callout {
  margin-left: -2em;
  padding-left: 1em;
  list-style-position: outside;
  list-style-type: none;
}

.done {
  border-left: #5cb85c 3px solid;
}

.next {
  border-left: #1b809e 3px solid;
}

.inactive {
  border-left: #eeeeee 3px solid;
}

.unallocated {
  border-left: #ffffcc 3px solid;
}

.cancelled {
  border-left: #ff0000 3px solid;
}