@darkText: #212121;
@defaultText: #515251;
@highlightText: #00B7F4;

div.bik-boards-tree {
    padding: 0;
    font-family: 'Segoe UI', Helvetica, Tahoma, sans-serif;

    ul.bik-tree, ul {
        list-style-type: none;
        padding-left: 1.8em;
        padding-top: 0.4em;

        a {
            cursor: pointer;
        }

        a.board {
            color: @darkText;
            font-size: 10.5pt;
            font-weight: 600;
            margin-top: 4px;
            margin-bottom: 5px;
        }

        li.thread, a {
            color: @darkText;
            font-size: 10.5pt;
            font-weight: 600;
            margin-top: 4px;
            margin-bottom: 5px;
        }

        li.selected > a {
            color: @highlightText;
        }

        li {
            padding-left: 1.4em;
        }

        li.expanded > a {
            color: @highlightText;
        }

        li.exanded > ul li:before {
            color: @highlightText;
        }

        li.expanded:before {
            content: "\00f13a"; /* fa-chevron-circle-down */
            color: @highlightText;
        }

        li:before {
            font-family: FontAwesome;
            content: "\00f138"; /* fa-chevron-circle-right */
            float: left;
            width: 1.4em;
            display: inline-block;
            margin-left: -1.4em;
        }

        li.selected:before {
            color: @highlightText;
        }

        li > p {
            padding-left: 20px;
        }
    }

    ul.bik-tree ul {
        margin: 0;
        padding: 0;
        margin-left: 0;
        padding-left: 20px;
    }

    ul.bik-tree li {
        margin: 0;
        padding: 0 0 0 0;
    }
}