.result-header,
.result-list{
  background-color: #eeeeee;
}

.result-header{
  flex: 0 1 auto;
  float: left;
  border-left: none;
  border-top: none;
}

.result-list{
  flex: 1 1 auto;
  float: left;
  overflow: auto;
  border-left: none;
  border-top: none;
  margin-bottom: 10px;
}

.result-item {
  border: 1px solid black;
  margin-bottom: 1px;
  height: 64px;
  cursor: pointer;
  padding: 5px;
  overflow: hidden;
}
.result-item:hover {
  box-shadow: inset -1px -1px 5px 0px rgba(0,0,0,0.75);
}
.result-item.details {
  height: inherit;
}

.result-item .description{
  margin-top: 10px;
}

.result-item .play-icon {
  float: right;
  background: url($base_url + 'assets/images/play-button.png') no-repeat;
  background-size: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin: 4px 7px 0 0;
}
.result-item.playing .play-icon {
  background: url($base-url + 'assets/images/playing.gif') no-repeat;
  margin: 6px 5px 0 0;
}