.sidebar.black::after {
    background: url(https://www.gstatic.com/chat/hangouts/bg/cbccbd84d54a52e3ba7b148f2711b629-Matiash-02.jpg);
    background: url(https://images.unsplash.com/photo-1497250681960-ef046c08a56e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80);/*https://unsplash.com/photos/OOE4xAnBhKo*/
    background-size: cover;
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    pointer-events: none;
    z-index: -5;
    opacity: 0.2;
}
.sidebar.black::before {
    position: absolute;
    content: " ";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.6) 40%);	
    background:  linear-gradient(45deg, #45484d 0%,#000000 100%)
    background: rgba(0,0,0,0.7);
    opacity: 0.5;
    z-index: -3;
    pointer-events: none;
}

.sidebar.black .navbar .nav-link {
    color: #fff;
}


.sidebar.black .navbar .nav-link i {
    color: #fff;
}    


.sidebar.black .logo a i {
    color: #fff;
}    

.sidebar.black .navbar .nav-item:hover
{
	background:#007bff
}

.sidebar.black .navbar .nav-item:hover > a i {
    color: #fff;
}
