.mm-menu.mm-offcanvas {
    z-index: 9999;
}

.mm-menu {
    max-width: 240px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 50%, #a1dbff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 50%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 50%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
    border-radius: 0;
    box-shadow: 0 3px 2px rgba(0,0,0,0.3);
    color: #333;
}

.mm-listview .mm-divider, .mm-listview>li>a, .mm-listview>li>span {
    white-space: normal;
}

.mm-navbar {
    background-color: #F7FCFD;
    color: #0096D6;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: #0096D6;
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
    border-color: #0096D6;
}

.mm-listview > li:not(.mm-divider):after {
    border-color: #bdd8e2;
}

.mm-listview>li>a.activePage {
    font-weight: bold;
}