/*--------------------------------------------Side Nav Dropdowns */

@media screen and (min-width: 769px) {
	.content-sidebar ul.root > li.static > ul.static {
	    display: none;
	    padding: 10px;
	    opacity:0.0;
	    visibility:hidden;
	}
	.content-sidebar ul.root > li.static {
	    position: relative;
	    padding-left: 10px;
	}
	.content-sidebar ul.root > li.static > a {
     padding: 3px 0px 3px 0px; 
}
    /* Add plus when we can use the left nav for ccsi as well as all other pages*/
	.content-sidebar ul.root > li.static.submenu:before {
	    /*content: "+";*/
	    display: inline;
	    position: absolute;
	    left: -5px;
	    top: 0px;
	    font-weight: bold;
	}
	.content-sidebar ul.root > li.static.submenu:hover {
	    position: relative;
	    background: linear-gradient(to right, transparent 20%, #e8e7e7);
	}
	.content-sidebar ul.root > li.static:hover ul.static {
	    position: absolute;
	    display:inline-block !important;
	    visibility:visible;
	    transition:0.15s all ease-in;
	    opacity: 1.0;
	    background-color: #e8e7e7;
	    z-index: 999;
	    top:0px;
	    right: -270px;
	    width: 250px;
	}
	.content-sidebar .submenu ul.static > li.static {
	    border-bottom: 1px dashed #ccc;
	    /* line-height: 25px; */
	    padding: 5px 0px;
	}
	.content-sidebar .submenu ul.static > li.static:hover {
	    background: #eee;
	}
	.content-sidebar .submenu ul.static > li.static > a {
	    margin: 0px;
	}
	div[id*=QuickLaunchMenu] li.static > a {
	    color: #218ac6;
	    font-weight: bold;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	.submenuButton {
	    height: 35px;
	    width: 100%;
	    background-color: #eee;
	    cursor: pointer;
	    text-align: center;
	    line-height: 35px;
	    margin-bottom: 10px;
	}
	
	li.static.submenu {
	    border: 1px solid #eee;
	    padding: 5px;
	}
	.submenuButton > .state:before {
	    content: "Expand";
	}
	.submenuButton.active > .state:before {
	    content: "Collapse";
	}
	.submenu {
		margin-bottom: 10px;
	}
}