#browse {
    margin-top: 50px;
    margin-bottom: 0;
}
#browse > .container-fluid > .row {
    background-color: #414042;
}
#browse > .container-fluid > .row > .container > .row {
    padding-bottom: 0;
}

#browse_container.empty {
    background-color: #414042;
    height: 10px;
}

#browse .row .row {
    padding-top: 10px;
    padding-bottom: 20px;
}
#browse .btn {
    border-radius: 0;
    border: none;
    font-size: 24px;
    width: 49%;
    padding-top: 10px;
    line-height: 1.2;
    display: inline-block;
    font-weight: 300;
}

div.browse ul {
    padding-left: 0;
    list-style-type: none;
}

div.browse ul.plain {
    list-style-type: none;
    padding-left: 0;
    /*display: inline-block;*/
}
div.browse ul.plain li {
    width: 19%;
    padding: 0 0.25em 0.25ex 0;
    display: inline-block;
}

div.browse ul.tree {
    list-style-type: none;
    padding-left: 0;
}

div.browse ul.tree li {
    font-weight: bold;
    font-size: 16px;
    display: list-item;
    list-style-position: inside;
    width: auto;
    color: #8bc53f;
}
div.browse ul.tree li li {
    margin-left: 0;
    padding-left: 15px;
    font-size: 16px;
    font-family: serif;
    font-weight: bold;
    font-style: italic;
    color: #000;
}
div.browse ul.tree li li li {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;

    margin-left: 0;
}

div.browse ul.tree > li {
    margin-left: 0;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    width: 19%;
    vertical-align: top;
}

.browse > .category {
    border-top: 10px solid #8bc53f;
}

.browse > .category h3 {
    color: #8bc53f;
    text-transform: uppercase;
}

.browse > .use {
    border-top: 10px solid #cd3827;
}

.browse > .use h3 {
    color: #cd3827;
    text-transform: uppercase;
}
.browse .badge {
    background-color: #8bc53f;
}
.browse .badge.red-bg {
    background-color: #cd3827;
}