ul {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0;
}

ul section {
  margin: 0;
  padding: 0;
}

ul h2 {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  height: 32px;

  margin: 0;
  padding: 0 6px;
  box-sizing: border-box;

  font-size: 0.9em;
  line-height: 32px;

  background: #efefef;
  border-bottom: 1px #bcbcbc solid;

  z-index: 100;
}

ul .background {
  position: absolute;
  width: 100%;

  background: linear-gradient(to bottom, transparent 0px, transparent 45px, #EDEDED 45px, #EDEDED 70px, transparent 20px),
              linear-gradient(to bottom, transparent 0px, transparent 15px, #EDEDED 15px, #EDEDED 25px, transparent 20px),
              linear-gradient(to top, #bcbcbc, #bcbcbc 1px, white 1px, white);
  background-position: 20% 88px, 5% -88px, 0 -88px;
  background-size: 90% 88px, 60% 88px, 100% 88px;
  background-repeat: repeat-y;

  z-index: 0;
}

ul.reordering .background {
  background: linear-gradient(to top, #bcbcbc, #bcbcbc 1px, white 1px, white);
  background-position: 0 -88px;
  background-size: 100% 88px;
}

ul li {
  width: 100%;
  height: 88px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  -moz-user-select: none;

  background: white;
  border-bottom: 1px #bcbcbc solid;

  z-index: 10;
}

ul li h3 {
  margin: 0;
  padding: 9px 6px 3px 6px;
  background: white;

  color: #424242;

  pointer-events: none;
}

ul li p {
  margin: 0;
  padding: 3px 6px 10px 6px;
  background: white;

  color: #797979;

  pointer-events: none;
}

li.new {
  opacity: 0;
}

li .overlay {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: calc(100% - 2px);

  background: rgba(255, 255, 255, 0.7);

  opacity: 0;
  animation-duration:  0.2s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;

  -webkit-animation-duration:  0.2s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: both;

  pointer-events: none;
}

li.edit .overlay {
  opacity: 1;
  pointer-events: auto;
}

.overlay .cursor {
  margin: 17px auto;
  padding: 0;
  width: 50px;
  height: 50px;

  text-align: center;
  line-height: 50px;
  font-size: 25px;
  color: #0b0b0b;

  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  -moz-user-select: none;
}

li.dragging {
  transition: transform 0s linear;
  -webkit-transition: -webkit-transform 0s linear;
}

li.dragging .overlay {
  opacity: 0;
}

li[data-populated=false] {
  opacity: 0;
}