/* Target the sidenav at every level */
div#mySidenav,
div#mySidenav.sidenav,
div#mySidenav.nav,
div#mySidenav.nav.sidenav {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Every possible element inside */
div#mySidenav *,
div#mySidenav ul,
div#mySidenav ul li,
div#mySidenav ul li a,
div#mySidenav .main-menu,
div#mySidenav .main-menu ul,
div#mySidenav .main-menu ul li,
div#mySidenav .main-menu ul li a,
div#mySidenav .mobile_nav li a,
div#mySidenav .clearfix {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

/* Hover/focus/active yellow */
div#mySidenav ul li a:hover,
div#mySidenav ul li a:focus,
div#mySidenav ul li a:active,
div#mySidenav .mobile_nav li a:hover,
div#mySidenav .mobile_nav li a:focus,
div#mySidenav .mobile_nav li a:active {
    color: #ffdd00 !important;
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Close button */
div#mySidenav .closebtn,
div#mySidenav .closebtn i {
    color: #ffffff !important;
}

div#mySidenav .closebtn:hover {
    color: #ffdd00 !important;
}