﻿
/* ==============================
	Main Container
============================== */

.leftNavColumn {
	width:184px;
	height:auto !important;
	margin:0 0 35px 0;
	background-color:#E2E2E2;
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 8px 10px 6px -6px #999;
}
.leftNav {
	width:184px;
	padding:10px 0 0;
	list-style:none;
	margin:0 0 35px 0;
}
.leftNavHeader, .leftNavHeader a {
	background-color:#182B49;
	color:#FFFFFF;		
	/* font: 28px 'TradeGothicCon', sans-serif; previous styles for section title header */
	font: 28px 'UniversLight', sans-serif;
	padding:8px;	
	/* line-height:18px; */
	text-decoration: none !important;
	line-height: 30px !important;
	text-align:left;
	display: inline-block;
	width: 100%;
}
.leftNavHeader a:hover,.leftNavHeader a:focus {
	color:#fff !important;
	text-decoration: underline !important;
	background-color: transparent !important;
}
.additional-navigation-header {
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: #e2e2e2 1px solid;
}
.additional-navigation-header span.additional-navigation-text {
	padding: 15px;
}
.additional-navigation-header button.hamburger {
	padding: 18px 15px 10px 15px !important;
}
#sidenav-mobile-content {
	display:none;
}
.leftNavHeader {
	display:none;
}
@media only screen and (min-width: 768px) {
	#leftNavPlaceholder {
		float:right;
	}
	.leftNavHeader {
		display:block;
	}
	#sidenav-mobile-content {
		display:block !important;
	}
	.additional-navigation-header {
	 	display:none;
	}
}

/* ==============================
	Root Menu
==============================

/* ==============================
	Expandable Menus
============================== 

/* ==============================
	Sub Menus
============================== */

.leftNavColumn .ms-core-listMenu-verticalBox a:hover {
	background-color:rgba(53, 128, 165, 0.8) !important;
	color: #fff !important;
}

.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
	color: #00245D;	/* Link Color  */
	font: normal 24px 'UniversLight', sans-serif;
	padding:4px 10px 4px 20px;
	line-height:18px;
	border-top:1px solid #fff;
	background-image: none; /* removes document icons on document links in left nav */
}

.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    color: #00245D;
    font-family: 'UniversLight', sans-serif;
    font-size: 0.8em;
    padding: 5px 0px 5px 30px;
    line-height: 18px;
    border-top: 1px solid #fff;
    background-image: none;
}

.leftNavColumn .ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited,
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item {
	color:#00245d;
	font-family:'UniversLight', sans-serif;
	font-weight:normal;	
	line-height: 1.3em;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li {
	border-bottom: #e2e2e2 1px solid;
	padding-left: 1.2em;
}


/* Default menu levels 3+ padding */
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 40px; }
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 50px; }
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 60px; }

/* Switch level 2+ padding */
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .switch {	padding-left: 10px; padding-right: 15px; }
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static {
    padding-left: 0px !important;
    list-style: none !important;
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > .switch { padding-left: 20px; list-style: none;}
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static { padding-left: 0px; list-style: none;}
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .switch { padding-left: 30px; list-style: none; }
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static  { padding-left: 0px; list-style: none;}
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .switch { padding-left: 35px; list-style: none;}
.leftNavColumn .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static { padding-left: 0px; list-style: none; }


/* Collapsed and expanded levels */
.leftNavColumn .ms-core-listMenu-verticalBox li ul {
    height: 0;
    overflow: hidden;
    -webkit-padding-start: 0px;
}

.leftNavColumn .ms-core-listMenu-verticalBox li.expanded > ul {
	height: auto; padding:0px;
	/* padding-bottom: 5px; */
}

/* Switch styles */
.leftNavColumn .switch {
	float: right;
	width: 24px;
	height: 1px;
	cursor: pointer;
	margin: 0 5px 0 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.leftNavColumn ul li ul li .switch {
	width: 34px;
}
.leftNavColumn .switch span {
	display: block;
	width: 25px;
	height: 25px;
	margin: 10px 10px 0px 0px;
	overflow: hidden;
}
.leftNavColumn .switch img {
	position: relative;
	left: 0px;
	top: 6px;
}
.leftNavColumn .switch img:hover {
	position: relative;
	left: 0px;
	top: -36px;
}

.leftNavColumn .expanded > .switch img{
	left: 0px;
    top: -168px;
    }
.leftNavColumn .expanded > .switch img:hover{
	left: 0px;
    top: -124px;
    }
    
/* UCSDHN 'Right Nav' Modifications */
#leftNavID {
	float: right;	
}

@media only screen and (min-width: 768px)  {
	#leftNavID {
		float: none;	
	}
}

#leftNavID .ms-core-listMenu-selected:link, #leftNavID .ms-core-listMenu-selected:visited, #leftNavID .ms-core-listMenu-selected {
	font-family: 'UniversBold' !important;
	background-color: #fff;
}

.leftNavColumn {
    border-width: 1px;
    border-style: solid;
    border-color: #c7c7c7;
    background-color: #fff;	
}

#leftNavID .ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
	padding: 0px !important;
}

#leftNavID UL {
	list-style-image: none !important;
    list-style-type: none !important;
    margin-bottom: 0px !important;
}

#leftNavID .ms-core-listMenu-root {
	padding-left: 0px;
}

#leftNavID .ms-core-listMenu-root li.selected a.ms-core-listMenu-item.selected  {
	border-left-width: 8px;
	border-left-color: #00C6D7 !important;
	border-left-style: solid;
	border-top: none;
}

#leftNavID .ms-core-listMenu-verticalBox > a.ms-core-listMenu-item, #leftNavID .ms-core-listMenu-verticalBox li.static > a.ms-core-listMenu-item, #leftNavID .ms-core-listMenu-verticalBox li.static > span.ms-core-listMenu-item {
	display:block;
	padding: 10px 10px 10px 10px !important;
}

#leftNavID .ms-core-listMenu-verticalBox > a.ms-core-listMenu-item, #leftNavID .ms-core-listMenu-verticalBox li.selected > a.ms-core-listMenu-item {
	padding-left: 4px !important;
}
#leftNavID DIV.ms-core-listMenu-verticalBox > UL > LI > a.ms-core-listMenu-item SPAN.ms-navedit-flyoutArrow, #leftNavID DIV.ms-core-listMenu-verticalBox > UL > LI > span.ms-core-listMenu-item SPAN.ms-navedit-flyoutArrow {
	padding-left: 10px !important;
	padding-right: 5px !important;
}
#leftNavID .ms-core-listMenu-verticalBox LI UL LI a.ms-core-listMenu-item SPAN.ms-navedit-flyoutArrow, #leftNavID .ms-core-listMenu-verticalBox LI UL LI SPAN.ms-core-listMenu-item SPAN.ms-navedit-flyoutArrow {
	padding-left: 45px !important;
	padding-right: 5px !important;
}

#leftNavID ul li, #leftNavID ul ul li {    
	background: none repeat scroll 0 0 #ffffff;
    border-radius: 0;        
    padding-left: 0;
    margin-left: 0;
    top: 100%;
    list-style-type: none;
}
#leftNavID ul li:before, #leftNavID ul ul li:before {
	content: none;
}
#leftNavID ul ul li, #leftNavID ul ul ul li {    
	background: none repeat scroll 0 0 #ffffff;
    border-radius: 0;        
    padding-left: 0px !important;
    margin-left: 0;
    top: 100%;
    list-style-type: none;
}
#leftNavID ul ul li:before, #leftNavID ul ul ul li:before {   
	content: none;
}
#leftNavID ul ul li a.ms-core-listMenu-item SPAN.ms-navedit-flyoutArrow {
	padding-left: 45px !important;
	display: inline-block;
}
#leftNavID span.menu-item-text {
	display: inline-block;
	margin-right: 34px;
}

#leftNavID li.expanded span.menu-item-text, #leftNavID li.collapsed span.menu-item-text {
	display: inline-block;
	margin-right: 25px;
}

#leftNavID .ms-core-listMenu-verticalBox ul li.expanded ul li.expanded ul li a.menu-item.ms-core-listMenu-item  {
	padding-left: 30px !important;
}