div.treeview {
    position: relative;

    ul {
        list-style: none;
        margin-left: 0;

        li {
            margin: 0;
            padding: 0.5em 1em 0.2em 1em;
            line-height: 2em;
            color: #17171b;
            position: relative;
            border: 1px solid #d3dfea;
            margin: 10px 0;
            border-radius: 5px;
            line-height: 30px;
            cursor: move;

            &:before {
                content: "";
                display: block;
                width: 10px;
                height: 0;
                border-top: 2px solid #d3dfea;
                margin-top: -1px;
                position: absolute;
                top: 22px;
                left: -10px;
            }
        }

        ul {
            padding-left: 9px;
            border-left: 2px solid #d3dfea;
        }
    }

    > ul > li > div {
        margin: -0.5em -1em -0.2em -1em;
        padding: 0.5em 1em 0.2em 1em;
        background-color: #d3dfea;
    }

    > ul > li:before {
        display: none;
    }
}