.sidebar-sticky {
    border-right: 1px solid;
    bottom: 40px;
    top: 50px;
    position: fixed;
    width: 230px;
    z-index: 200;
}

.sidebar-sticky ul,
.sidebar-sticky a {
    margin: 0;
    padding: 0;
}

.sidebar-sticky ul > li {
    list-style: none;
    padding: 5px 15px;
}

.sidebar-sticky li:hover {
    cursor: pointer;
}

.sidebar-sticky > ul > li > ul {
    display: none;
}

.sidebar-sticky > ul > li:hover > ul {
    display: block;
    float: left;
    margin-left: 215px;
    margin-top: -29px;
    position: absolute;
    width: 250px;
    z-index: 200;
}


.sidebar-sticky li.nav-item a > span:last-child {
    float: right;
    height: 18px;
    width: 5px;
}
.sidebar-sticky > li.nav-item > a > span > i.fa-angle-down,
.sidebar-sticky > li.nav-item > a > span > i.fa-angle-right {
    width: 5px;
}

.sidebar-sticky > ul > li > a > span > i {
    width: 30px;
    padding-right: 15px;
}


.sidebar-sticky li.nav-item ul { box-shadow: 2px 1px 3px rgba(0,0,0,0.4);  }
.sidebar-sticky li.active ul { box-shadow: none; }
.sidebar-sticky > ul > li.active {
    border-top: 1px solid;
    border-bottom: 1px solid;
    box-shadow: inset 4px 0 0;
}


.sidebar-sticky li.active { font-weight: bold; }
.sidebar-sticky li.active li { font-weight: normal; }
.sidebar-sticky li.active li.active { font-weight: bold; }

.sidebar-sticky li.active a { opacity: 1; }


.sidebar-sticky > ul > li.active > ul {
    display: block;
    margin: 0;
    position: inherit;
    width: 100%;
    z-index: 200;
}

.sidebar-sticky > ul > li.active li {
    padding: 5px 0 5px 35px;
}