#sidebar {
    padding: 20px 0;
    background-color: #3F51B5;
    width: 220px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 250ms ease-in;
    transition: 250ms ease-in;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    #sidebar .navbar-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 20px;
    }

        #sidebar .navbar-header .brand-logo {
            font-size: 1.5em;
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: 250ms ease-in;
            transition: 250ms ease-in;
            visibility: visible;
        }

.navbar-body .nav-item {
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: 400ms all ease-in-out;
    transition: 400ms all ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

    .navbar-body .nav-item:hover {
        background-color: #7280ce;
    }