i {
    margin-right: 5px;
}

.resizable {
    resize:vertical;
    overflow: auto;
}

span.li-key {
    font-weight: bold;
    margin-right: 0.5rem;
}

#outline  li  a {
    text-decoration: none;
    color: #6c757d;
}

#outline li a:hover {
    font-weight: bold;
    color: #212529;
}


#sidebar ul {
    padding-left: 1rem;
}

span.feature {
    text-wrap: nowrap;
}

#family > li {
    min-height: 32px;
    color: #565656;
    padding: 0 0.5rem;
}

#family > li:hover {
    background-color: #565656;
    color: white;
}

#family > li.active {
    background-color: #9D2236;
    color: white;
}

#family > li > a {
    text-decoration: none;
    color: inherit;
}

.card:hover {
    box-shadow: green 0 0 15px !important;
}