.mm-menu.mm-theme-dark {
    background: #3d3d3d;
    border-color: #fff;
    color: #fff;
}

.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-listview {
    /*border-color: rgba(0, 0, 0, .15)*/
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, 1) /* .8 */
}

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    /*background: rgba(255, 255, 255, .05)*/
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-shadow-page.mm-theme-dark:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05);
    tap-highlight-color: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-shadow-page.mm-theme-white:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .3);
    tap-highlight-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-keyboardfocus a:focus, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-shadow-page.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: false
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}