/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Stay on top */
    top: 0;
	left:-1px;
    /* right: 0;*/
    background:#f1f2f4; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */	
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */	
	border-right:1px solid #ccc;
}

/* The navigation menu links */
/*.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s }*/

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, 
.offcanvas a:focus { /*color: #f1f1f1; */}

/* Position and style the close button (top right corner) */
.sidenav a.closebtn { position: absolute; top: 12px; right: 15px; font-size: 36px; margin-left: 50px;  text-decoration:none; color:#999; transition:0.3s;  }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main { transition: margin-left .5s; /*padding: 20px;*/ }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) { 
	.sidenav {padding-top: 15px;}
	/*.sidenav a {font-size: 18px;}*/
}

.sidenav .stitle { position:absolute; left:18px; top:20px;  font-weight:normal; font-size:20px; color:#113d8e; }
	
.sideAllmenu { width:calc(100% - 30px); padding:0 15px; padding-bottom:100px; }
	
.sideAllmenu ul.mdepth1 { width:100%; border-top:2px solid #ccc; }
.sideAllmenu ul.mdepth1 li { position:relative; width:100%; display:block;  border-bottom:2px solid #ccc; }
.sideAllmenu ul.mdepth1 li a:link,
.sideAllmenu ul.mdepth1 li a:visited { padding:12px 0 12px 15px; text-decoration:none; color:#000; font-weight:bold; font-size:16px; text-align:left; display:block; transition:0.3s; }
.sideAllmenu ul.mdepth1 li a:active,
.sideAllmenu ul.mdepth1 li a:focus,
.sideAllmenu ul.mdepth1 li a:hover { color:#06c; }
	
.sideAllmenu ul.mdepth1 li ul.mdepth2 { width:100%; border-top:none; background:#252f45; display:none; }
.sideAllmenu ul.mdepth1 li ul.mdepth2 li { width:100%; border-bottom:none; }
.sideAllmenu ul.mdepth1 li ul.mdepth2 li a:link,
.sideAllmenu ul.mdepth1 li ul.mdepth2 li a:visited { padding:10px 0 10px 25px; text-decoration:none; color:#fff; font-weight:normal; font-size:14px; display:block; transition:0.3s;  border-top:1px solid #1f283b; }
.sideAllmenu ul.mdepth1 li ul.mdepth2 li a:active,
.sideAllmenu ul.mdepth1 li ul.mdepth2 li a:focus,
.sideAllmenu ul.mdepth1 li ul.mdepth2 li a:hover { color:#fff; font-weight:bold; text-shadow:1px 1px 1px #333; }
	
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 { width:100%; border-top:none; background:#f6a50a; }
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 li { width:100%; border-bottom:none; }
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 li a:link,
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 li a:visited { padding:10px 0 10px 35px; text-decoration:none; color:#fff; font-weight:normal; font-size:14px; display:block; transition:0.3s;  border-top:1px solid #e49909; }
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 li a:active,
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 li a:focus,
.sideAllmenu ul.mdepth1 li ul.mdepth2 li ul.mdepth3 li a:hover { color:#fff; }


.sideAllmenu ul.mdepth1 li .icon { position:absolute; right:10px; top:10px; }




.leftmenu { width:200px; border-top:2px solid #113d8e; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.leftmenu ul { width:100%; overflow:hidden; }
.leftmenu ul li { width:100%; display:block; border-bottom:1px solid #ccc;  }
.leftmenu ul li ul { width:100%; overflow:hidden; display:none; }
.leftmenu ul li ul li { width:100%; display:block; border-bottom:none; border-top:1px solid #ecb239; }

.leftmenu ul li a:link,
.leftmenu ul li a:visited { padding:12px 0 12px 30px; background:url(../images/inc/leftmenu_blt1.gif) no-repeat 10px 15px; font-size:110%; color:#333; display:block; }
.leftmenu ul li a:active,
.leftmenu ul li a:focus,
.leftmenu ul li a:hover,
.leftmenu ul li a.select { color:#113d8e;  }

.leftmenu ul li ul li a:link,
.leftmenu ul li ul li a:visited { padding:10px 0 10px 30px; background:#ffc448 url(../images/inc/leftmenu_blt2_off.gif) no-repeat right top; font-size:100%; color:#333; display:block; }
.leftmenu ul li ul li a:active,
.leftmenu ul li ul li a:focus,
.leftmenu ul li ul li a:hover,
.leftmenu ul li ul li a.select { background:#fff url(../images/inc/leftmenu_blt2_on.gif) no-repeat right top; color:#900107; }