.sidebar {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .sidebar > li {
        position: relative;
    }

    .sidebar a {
        display: block;
        padding: 5px;
        color: #333;
        text-decoration: none;
    }

        .sidebar a:hover {
            background-color: #ddd;
        }

.submenu {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #eee;
}

    .submenu li {
        width: 100%;
    }

    .submenu a:hover {
        background-color: #ccc; 
    }

.fa-caret-down {
    float: right;
    padding-right: 8px;
    margin: auto;
}

.rotate {
    transform: rotate(180deg); 
    margin-right: 10px
}