.list-container{
  width: 100%;
  height: 300px;
  margin-top: 0.4em;
  overflow-y: auto;
  overflow-x: hidden;
}


.list-item-container{
  background-color: $list-item-bg;
  border-radius: 8px;
  margin-bottom: 0.4em;
}

.list-item-selected{
  background-color: $list-item-selected-bg;
}

.list-v-padding{
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.list-h-padding{
  padding-left: 0.4em;
  padding-right: 0.4em;
}

.list-l-padding{
  padding-left: 0.4em;
}

.list-item-title{
  font-weight: bold;
  color: $color-dark;
}