.side-nav {
    font-size: 18px;
    padding: 6px;
    background-color: #333;
    max-height: 337px;
    overflow: auto;
}

    .side-nav ul {
        list-style: none;
    }

        .side-nav ul a {
            display: block;
            -moz-transition: .8s;
            -o-transition: .8s;
            -webkit-transition: .8s;
            transition: .8s;
        }

            .side-nav ul a:hover {
                color: #fff;
                text-decoration: none;
                background-color: #f52929;
                padding-right: 10px;
            }
            .side-nav ul a:focus {
                color: #fff;
                text-decoration: none;
            }

.rotate-icon {
    margin-top: 10px;
}

.side-nav li {
    line-height: 2.5;
}

.collapsible-body {
    max-height: 0px;
    overflow: hidden;
}

    .collapsible-body.expand {
        max-height: 1000px;
    }

.waves-effect {
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: none;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .waves-effect .waves-ripple {
        position: absolute;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        background: -webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        -webkit-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        -webkit-transition-property: opacity,-webkit-transform;
        -o-transition-property: transform,opacity;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        -webkit-transform: scale(0) translate(0,0);
        -ms-transform: scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255,255,255,.4);
        background: -webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0,0,0,.2);
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,.4);
    }

.waves-notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.waves-button, .waves-circle {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%);
}