/* menu */
#menuToggle, 
#menuToggle:focus {border:none; outline:none; box-shadow:none; transition:all .5s ease; width:48px; height:48px;cursor:pointer; padding:0; color:#FFF; background:none; font-size:1.8em; text-align:left;}

.menu-container {position:fixed; width:100%; overflow:auto; z-index:99; padding:0 15px 0 15px; display:none;}
.sidenav {width:100%; max-width:320px; position:fixed; z-index:99;top:84px;bottom: 0px;left:-320px; border-right:1px solid #DEDEDE;-webkit-transition: all .5s; transition: all .5s; overflow: auto;
right: auto !important;}
.sidenav-open {right: auto !important; left:0px !important;}
.sidenav {border-right:1px solid #DEDEDE;-webkit-transition: all .5s; transition: all .5s; overflow: auto; background-color:#FFF; max-height:80vh; max-height:calc(100vh - 96px);}

#mainmenu { margin:0; padding:0;}
#mainmenu li {margin-bottom:1px; clear:both; line-height:48px;}
#mainmenu>li {width:100%;float:left; border-bottom:1px dashed #DFDFDF;}
#mainmenu a { text-decoration:none; outline:none; display:inline-block; color:inherit;}
#mainmenu a:hover { background-color:#F4F4F4;}
#mainmenu>li>a { display:block; padding-left:5px;}
#mainmenu li.has-submenu ul {display:none;}
#mainmenu, #mainmenu ul {list-style:none;}
#mainmenu ul {width:100%; height:auto; /*background:#f9f9f9;*/ margin:0; padding:0; font-size:.9em;z-index:2;}
#mainmenu ul li a { margin-left:.5em; }
#mainmenu ul li ul li a { margin-left:1em; }
#mainmenu li span {font-size:1rem; width:48px; height:48px; text-align:center; cursor:pointer; background-color: #f8f9fa;}
#mainmenu li span:hover { background-color: #f8f9fa;}


#mainmenu span.closed::before { content: "+"}
#mainmenu span.opened::before { content: "-"}


/*#mainmenu li ul li span { font-size:.6em; width:32px; height:32px; text-align:center; }*/

.submenu { position:fixed; left:0px; width:100%; border:1px solid #DEDEDE; padding:15px; display:none; z-index:101}
.submenu { border:1px solid #DEDEDE; display:none; background-color:#FFF; max-height:600px; overflow:auto; }
.submenu p { margin-bottom:0;}
.submenu a { color:inherit; display:block; padding:.3em; }
.submenu a:hover {background-color:#F4F4F4; text-decoration:none;}
.submenu-close {display:block;}


@media (min-width:640px) {
	.submenu-close {display:none;}
	.submenu { left:320px; width:auto; min-width:320px;}
}