/*** Mobile Navigation Left Sidebar Menu ***/

/*** Include for less than Bootstrap medium screen size ***/
@media only screen and (max-width : 992px) {

	body {
	    overflow-x: hidden;
	}
	
    #leftmenu_nav {
        min-height:0px;
    }


	/*** Hamburger Icon(s) ***/
	
	.mnav-hamburger {
	    font-size:2.0rem;
	    cursor:pointer;
	}
	.mnav-hamburger-x {
	    font-size:2.0rem;
        color:#fff;
	    padding-top:5px;
	    padding-left:10px; 
	    cursor:pointer;
	}
	
	
	
	/*** Wrapper ***/
	
	#mnav-wrapper {
	    padding-left: 0;
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}
	
	#mnav-wrapper.toggled {
	    padding-left: 240px;
	}
	
	#mnav-sidebar-wrapper {
	    z-index: 1000;
	    left: 240px;
	    width: 0;
	    height: 100%;
	    margin-left: -240px;
	    overflow-y: auto;
	    overflow-x: hidden;
	    #background: #1a1a1a;
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}
	#mnav-sidebar-wrapper::-webkit-scrollbar {
	  display: none;
	}
	#mnav-wrapper.toggled #mnav-sidebar-wrapper {
	    width: 240px;
	}
	#mnav-wrapper.toggled #page-content-wrapper {
	    position: absolute;
	    margin-left: -240px;
	}
	
	
	
	/*** Screen Overlay ***/
	
	.mnav-overlay {
	    position: fixed;
	    display: none;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(255,255,255,.8);
	    z-index: 1;
	}

    /*
    .navbar-inverse {
	    background: rgba(100,100,100,.9) !important;
    }
    */
	


    /* mobile menu */
    .mobile-menu {
        padding-left:20px;
        padding-right:5px;
    }
    .mobile-menu li {
        list-style-type:none;
        padding-top:5px;
        font-size:1.0em;
        text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
        font-weight:bold;
    }
    .mobile-menu li a {
        color:#fff;
    }
    .mobile-menu li a.active {
        font-weight:bold;
    }
    .mobile-indent {
        padding-left:1.5em;
    }
    .mobile-indent a {
        display:block;
        padding:3px;
        font-weight:normal;
        font-size:0.9em;
    }
    .mobile-indent a.active {
        font-weight:bold;
    }
    .mobile-indent a:before {
        font-family: FontAwesome;
        #content: "\f0da";
        #content: "\f054";
        padding-right:5px;
    }


    .navbar-inverse {
        background-color:#223566;
        background-image:none;
    }
}