#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #1d272c;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    left: 0;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
.sidebar_logo { padding: 50px 20px; }
.sidebar_logo img { width: 100%; }
#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}
#sidebar ul li { padding-left: 30px;  border-bottom: 1px solid transparent;  }
#sidebar ul li a {
    font-size: 25px;
    font-weight: 400;
    display: block;
    color: #fff;
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid #2a3438;
}

#sidebar ul li:hover {
    color: #fff;
    background: #08b6ce;
    border-bottom: 1px solid #2a3438;
}

#sidebar ul li.active {
    color: #fff;
    background: #08b6ce;
    border-bottom: 1px solid #2a3438;
}
#sidebar ul li.active a, #sidebar ul li:hover.active a,  #sidebar ul li:hover a {  border-bottom: 1px solid transparent; }
a[data-toggle="collapse"] {
    position: relative;
}
#sidebar ul li a i { transform: rotate(0deg); }
#sidebar ul li a.collapsed i { transform: rotate(90deg); }
#sidebar ul li ul { padding: 0; width: calc(100% + 30px); margin-left: -30px; background: #293237;}
#sidebar ul li ul li { border: 0; }
#sidebar ul li ul li a { font-size: 20px; color: rgba(255,255,255,.5); font-weight: 300; padding: 10px 15px 10px 20px; position: relative;  border-bottom: 0;}
#sidebar ul li ul li a::after { position: absolute; content: ''; width: 8px; height: 8px; background: #08b6ce; top: calc(50% - 4px); left: 0;    border-bottom: 1px solid #1d272c; }
#sidebar ul li ul li:hover {  background: #293237; border-bottom: 1px solid transparent; }
#sidebar ul li ul li:hover a { border-bottom: 0; }