body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.serialization li:first-child{
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

ol.serialization li:last-child{
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.serialization-child li:first-child{
  margin-top: 7px;
}

.green{
  color: green;
}

.brown{
  color: brown;
}

ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
ol.vertical li {
    display: block;
    padding: 10px;
    border: 1px solid #cccccc;
    color: #000000;
    background: #ffffff;
}

ol.nested_with_switch li, ol.simple_with_animation li, ol.serialization li, ol.default li {
    cursor: pointer;
}

body.dragging, body.dragging * {
  cursor: move !important; }

.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000; }

ol.vertical li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none; }

ol.vertical li.placeholder:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      margin-top: -5px;
      left: -5px;
      top: -4px;
      border: 5px solid transparent;
      border-left-color: red;
      border-right: none; }