olivegroup-gamified1/css/pathwaytree.css

sample des

.react-checkbox-tree {
    position: relative;
}
.react-checkbox-tree span {
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.4px;
    color: #a8a8a8;
}
.react-checkbox-tree .fa-folder-open, .react-checkbox-tree .fa-folder {
    color: #007bff;
}
.react-checkbox-tree .fa-html5 {
    color: #f21f10;
}
.react-checkbox-tree ol {
    padding-left: 5px;
    list-style: none;
}
.react-checkbox-tree ol li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.react-checkbox-tree ol li:before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 10px;
    height: 1px;
    margin: auto;
    content: '';
    background-color: #666;
}
.react-checkbox-tree ol li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #666;
}
.react-checkbox-tree ol li:last-child:after {
    height: 15px;
}
.react-checkbox-tree ol a {
    cursor: pointer;
}
.react-checkbox-tree ol a:hover {
    text-decoration: none;
}