/********************* D3 Left Nav Items *************************/
/*********************Left Nav Bar Menu Items  *******************/
/*****************************************************************/

.leftNavBoxD3
{
	display:block;
	padding:5px 0;
	height:auto;
	border:none;
	width:250px;
	margin:26px 0;
	padding-bottom:30px;
	position:relative;
	font-size:0.98em;
}


#subPageTitle .subPageTitleNoLink,
#subPageTitle a.subPageTitleLink:link,
#subPageTitle a.subPageTitleLink:visited,
#subPageTitle a.subPageTitleLink:active,
#subPageTitle a.subPageTitleLink:hover {
	font-size:1.1em;
	color:#000;
	font-weight:bold;
	margin-bottom:7px;
	text-transform: uppercase;
	text-decoration: none;
}


.leftNavBoxD3 .leftNavWidth li {

}

.leftNavBoxD3 .treeview-navigation a[role="treeitem"] {
	margin: 0;
 	padding: 4px;
 	padding-left: 0.78em;
 	text-decoration: none;
 	color: #000;
  	border: none;
  	display: block;
}

.leftNavBoxD3 .treeview-navigation a[role="treeitem"][aria-current] {
    padding-left: 0.78em;
	border-left: none;
    background-color: transparent;
}

.leftNavBoxD3 .treeview-navigation a[role="treeitem"]:hover {
 	background-color: #FFF;
	text-decoration: none;
  	padding-left: 0.78em;
  	border-left: none;
}

.leftNavBoxD3 .treeview-navigation a[role="treeitem"]:focus {
  	outline: 0;
  	padding: 2px;
    padding-left: 0.8em;
  	border: none;
}


/*****  Trianle Icons ******/
.leftNavBoxD3 .treeview-navigation a[role="treeitem"][aria-expanded="false"] > span svg {
  	transform: rotate(270deg) translate(2px, 2px);
	margin-left:-1em;
	margin-right:0.40em;
}

.leftNavBoxD3 .treeview-navigation a[role="treeitem"][aria-expanded="true"] > span svg {
  	transform: rotate(360deg) translate(0px, 0px);
	margin-left:-1em;
	margin-right:0.40em;
}

/*****  3rd level ******/
.leftNavBoxD3 .treeview-navigation a[role="treeitem"][aria-expanded="true"] + [role="group"], 
.leftNavBoxD3 .treeview-navigation a[role="treeitem"][aria-expanded="true"] + [role="group"] a:hover  {
  	display: block;
  	margin-left: 1.2em;
	background-color:#eaecf0; 
}

.leftNavBoxD3 .treeview-navigation a[role="treeitem"][aria-expanded="true"] + [role="group"] a:hover  {
  	margin-left: 0em;
}


@media only screen and (max-width:991px) {
.leftNavBoxD3 {
	display:none;
}
}