.collapsed {
  cursor: pointer;

  legend {
    position: relative;

    > span {
      padding-left: 25px;
    }

    &:after {
      position: absolute;
      top: 6px;
      left: 10px;
      color: #959595;

      text-transform: uppercase;
      font-size: 12px;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      content: '\f138';
    }
  }

  &.shown {
    legend {
      &:after {
        content: '\f13a';
      }
    }
  }

  &:hover {
    legend {
      span {
        color:black;
      }
      &:after {
        color: black;
      }
    }
  }

}

.collapsed > ol {
  display: none;
}