/*********************D1 Left Nav Bar Menu Items  ****************************************
***************************************************************************************/

/***** Nav Box *****/
.D1-leftNavBox {
	width:240px;
	padding:4px;
	position: relative;
}

/***** Each Menu Demension *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"],
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current],
.D1-leftNavBox .treeview-navigation a[role="treeitem"]:hover,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns]:hover >span {
	margin:0;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	border-left: none;
	text-decoration: none;
	border-radius: 0 0 0 0;
	border-bottom:1px solid #e2e3e7;
	text-decoration: none!important;
	font-size: 0.98em;
	font-weight: normal;
}

/***** Each Menu Text and Background Colour *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current],
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current] >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns]:hover >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"]:hover {
/*	color: white;
	background-color:#336150;  */
}

/***** Demensions for Menu Text Area with Right Arrow *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns]:hover >span {
	padding:0;
	border-bottom:none;
	padding-right:3px
}

/***** Position of Right Arrow on Expanded Menu FALSE *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="false"]:hover > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"]:hover > span svg {
	transform: rotate(0deg) translate(0px, 0px); 
	position: absolute;
	right: 4px; 
	margin-top: 6px;
/*	color:#0042b0;  */
	width:15px;
	height: 15px;
}


/***** Position of Right Arrow on Expanded Menu TRUE *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"]:hover > span svg {
	transform: rotate(300deg) translate(0px, 0px); 
}

/***** Right Arrow Menu hover effect *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"] span.icon svg polygon {
  	stroke-width: 2px;
}

/***** Right Arrow color for current state *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="false"]:hover > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"]:hover > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current][aria-expanded="true"] > span svg {
	/* color:#FFF; */
}

/***** Second Level Menu Items *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] a[role="treeitem"][aria-expanded="false"] {
	/* background-color: #fef9db;
	color:#0042b0; */
}

.D1-leftNavBox .treeview-navigation ul[role="group"] a[role="treeitem"][aria-expanded="false"] {
    background-color: #fbfbf4;
}


/***** Each Menu Disabled Page *****/
/******** Font Size **********/
.D1-leftNavBox .treeview-navigation li.closed[role="none"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li:last-child a[role="treeitem"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] {
	font-size: 0.98em;
}

/*****  1st Parent Disabled Page Menu Item *****/
.D1-leftNavBox .treeview-navigation li.closed[role="none"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"]{
	color:black;
}

/***** 2nd Disabled Page Menu Item *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] {
	padding-left: 0.28em;
}


/***** Each Menu Disabled Page sub level 2 & level 3 *****/
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] li a[role="treeitem"] {
	padding-left: 0.38em;
}

/***** Each Menu Disabled Page sub level 2 & 3 background *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"] {
	padding-left:1em;
}

/***** Each Menu Disabled Page sub level 2 background *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] a[role="treeitem"] {
	font-style: normal;
	font-weight: normal;
}


/***** Each Menu Disabled Page sub level 2 & level 3 *****/
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] li a[role="treeitem"],
/***** Each Menu Disabled Page sub level 2 & level 3 Arrows *****/
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] a[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] a[role="treeitem"][aria-expanded="true"] > span svg, 
.D1-leftNavBox .treeview-navigation ul li[role="none"] a.breadcrumb[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation ul li[role="none"] a.breadcrumb[role="treeitem"][aria-expanded="true"] > span svg, 
/***** Active Child of Parent Disabled Page with sub menu level 1 *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="false"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="true"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span,
/***** Active Child of Parent Disabled Page with sub menu level 3 background with Arrows *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns],
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns]:hover,
/***** Active Child of Parent Disabled Page with sub menu level 3 background menu text *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"]:hover,
/***** Active Child of Parent Disabled Page with sub menu level 3 background menu text hover state *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"]:hover {
/* color:yellow; FOR TESTING */
}

/***** Active Child of Parent Disabled Page with sub menu level 1 background color *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="false"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="true"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span, 

/***** Active Child of Parent Disabled Page with sub menu level 3 background color with Arrows *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns],
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns]:hover, 

/***** Active Child of Parent Disabled Page with sub menu level 3 menu text background color *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"]:hover,

/***** Each Menu Disabled Page sub level 2 & 3 background *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"],

/***** Each Menu Disabled Page sub level 2 background *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] a[role="treeitem"] {
/*	background-color: red;  FOR TESTING */
}


/***** OnClick set focus outline for Menus *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"]:focus,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current]:focus {
  	outline: 0;
  	padding:3px 0 3px 5px;
}


/******* Hamburger Menu Items **********/
.D1-leftNavBox .collapse.navbar-collapse {
	padding-left:0px;
	padding-right:0px;
}

.D1-hamMenu .navbar {
	display: block;
	padding:0;
}

.D1-hamMenu button.navbar-toggle {
	padding:0;
	margin:0;
	border:none;
	margin-top:-5px;
	display: none;
}

.D1-hamMenu .navbar-toggler-icon {
	background-color: black;
	width:2.2em;
	height: 2.2em;
	border-radius: 4px 4px;
}


.D1-leftNavBox .navbar-collapse.collapse.collapse {
	display: block;
}



@media (max-width: 991px) {
	
.D1-leftNavBox {
	width:100%;
	margin-bottom:3%;
	background-color: #FFF;
    border: none;
}	
	
.D1-hamMenu button.navbar-toggle {
	display: block;
}
	
.D1-leftNavBox .navbar-collapse.collapse.collapse {
	display:none;
}
	
	
.D1-leftNavBox .navbar-collapse.collapse.show {
	display: block;
}
		
}