@media (min-width: 768px) {
    .crm-sidebar {
        width: 200px;
        min-height: 100%;
        /*position: sticky;*/
        /*top: 0;*/
    }

        .crm-sidebar .collapse {
            /* Never collapse the sidebar for wide screens */
            display: block;
        }
}

.crm-sidebar {
    background-color: #1E1D1E;
    font-size: 1.1rem;
}

    .crm-sidebar .crm-brand {
        width: 200px;
        font-weight: bold;
        color: #FFFFFF;
    }

        .crm-sidebar .crm-brand img {
            width: 32px;
        }

    .crm-sidebar .nav-item {
        font-size: 0.9rem;
        padding-bottom: 0.5rem;
    }

        .crm-sidebar .nav-item:first-of-type {
            padding-top: 1.5rem;
        }

        .crm-sidebar .nav-item:last-of-type {
            padding-bottom: 1.5rem;
        }

        .crm-sidebar .nav-item a {
            width: calc(100% - 16px);
            height: 2.5rem;
            color: #d7d7d7;
            border-radius: 0px 20px 20px 0px;
            transition: border-radius 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
            display: flex;
            align-items: center;
            line-height: 2.5rem;
        }

            .crm-sidebar .nav-item a.active {
                background-color: rgba(230, 222, 213, 0.9);
                color: rgba(35, 38, 46, 0.9);
            }

            .crm-sidebar .nav-item a:hover:not(.active) {
                background-color: rgba(255,255,255,0.1);
                color: #FFF;
            }