.treeview {
    width: auto;
    height: auto;
    max-height: 20rem;
    /*line-height: 20px;*/
    padding: .375rem .75rem;
    overflow: auto;
    border: 1px solid #dce7f1;
    border-radius: .2rem;
}

    .treeview ul {
        list-style: none;
        margin-bottom: 0 !important;
        /*padding-left: 1rem !important;*/
        padding-left: 0 !important;
        /*min-height: 30px;*/
    }

    .treeview li {
        min-height: 30px;
        align-content: center;
    }

    .treeview .open > ul {
        display: block;
    }

    .treeview .closed > ul {
        display: none;
    }


    .treeview .open,
    .treeview .closed {
        cursor: pointer;
        padding-left: 1rem !important;
    }

        .treeview .open::before,
        .treeview .closed::before {
            font-size: 20px;
            display: inline-block;
            margin-left: -16px;
        }

        .treeview .closed::before {
            content: "\002B";
        }

        .treeview .open::before {
            content: "\2212";
        }


    .treeview .not-allowed {
        cursor: not-allowed;
    }