body{position:relative}.overlay,.sideMenu{position:fixed;bottom:0}.overlay{top:0;left:0;right:0;opacity: 0;margin:auto;background-color:rgba(0,0,0,.5);z-index:-1;transition:all ease 0.2s}.overlay.open{opacity: 1;z-index:998}.sidebarNavigation{margin-bottom:0;z-index:999;justify-content:flex-start}.sidebarNavigation .leftNavbarToggler{order:-1}.sideMenu{right:-100%;top:52px;transition:all ease 0.5s;;width:100%;z-index:999;max-width:65%;margin-bottom:0;padding:1rem;height: 100%;}.sideMenu.open{right:0;display:block;overflow-y:auto}.sideMenu ul{margin:0;padding:0 0px}.sideMenu.collapse:not(.show) {display: block;}.navbar-toggler{padding-right:0px;}

/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #4f4f4f;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}