/*****************************************************************************
*	Mobile Nav - Collapsed
*******************************************************************************/

/*** Mobile Nav - Shows as a narrow line ***/

.menu-collapser {
	position: relative;
	color: #FFF;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*** Mobile Nav - Small square with 3 lines (navicon) ***/

.collapse-button {
	position: absolute;
	right: 8px;
	top: 50%;
	width: 40px;
	background-color: #fff;
	border-radius: 4px 4px 4px 4px;
	color: #5a2466;
	padding: 7px 10px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: thin solid #009de0;
	border-color: #5a2466;
}
.collapse-button:hover, .collapse-button:focus {
	background-image: none;
	background-color: #5a2466;
	color: #FFF!important;
		border-color: #C7B4CC;
}


.collapse-button .icon-bar {
	background-color: #5a2466;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	display: block;
	height: 2px;
	width: 18px;
	margin: 2px 0;
}

.collapse-button:hover .icon-bar{
	background-color: #C7B4CC;
}


.collapsed ul{margin-top:1px;}
.collapsed ul li{
	width: 100% !important;
	display: inline-block;
}
.collapsed ul li a{
	background: #ededed;
	border-top: dotted #5a2466 thin;
}
.collapsed ul li a:hover{
	border-bottom: none !important;
	background: #fff !important;
	color: #5a2466 !important;
}	

/*** First Level Items - Grey Panel ***/
.main-nav ul.nav.collapsed li > ul {display: none;position: static;padding-left:20px!important; padding-right:20px!important; padding-top:10px!important;}	
.main-nav ul.nav.collapsed li {display: block;width: 100%!important;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #5B5A50;}
.main-nav ul.nav.collapsed > li {border-right: none!important;margin-bottom: 0px!important;margin-top: 0px!important;padding-left: 0px!important;padding-right: 0px!important;}
.main-nav ul.nav.collapsed li a {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.075);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-top:15px!important;padding-bottom:15px!important;text-align:left!important;padding-left:20px; padding-right:10px;width:100%!important;font-family: 'Roboto', sans-serif;height: 45px!important;	text-transform: capitalize;}
.main-nav ul.nav.collapsed li a:hover {color:#999;border-bottom: 1px solid rgba(0, 0, 0, 0.075);}
.main-nav ul.nav.collapsed li:hover {border:none!important; }
.main-nav ul.nav.collapsed li .sub-collapser{width: 60px!important;height: 45px!important;background: none rgba(0, 0, 0, 0.075)!important;text-align: center!important;top: 0!important;left:auto!important;bottom: 0px!important;right:0px!important;}
.main-nav ul.nav.collapsed li .sub-collapser > h2 {  margin-top:20px!important;margin-bottom:20px!important;bottom: 0px!important;}
.main-nav ul.nav.collapsed li .sub-collapser:before { margin-right: 0em!important;}	
.main-nav ul.nav.collapsed li a h2 {margin-top:0px!important;margin-bottom:0px!important;float:left;font-size:20px!important;line-height:20px;}
.main-nav .nav.collapsed li.nav-path-selected {border:none!important;}
.main-nav .nav.collapsed li.nav-path-selected a{color:#999;}

/*** Second Level Items - Red Panel ***/
.main-nav ul.nav.collapsed li ul li{display:list-item!important;height: auto!important;border: none!important;background:none!important;}
.main-nav ul.nav.collapsed li ul li.nav-path-selected{border-bottom: 1px dotted #ffffff!important;}
.main-nav ul.nav.collapsed li ul li a {height: auto!important;background:none!important;padding-left:0px!important;padding-bottom:10px!important;padding-top:10px!important;overflow:hidden;width:100%!important; color:#FFF!important;border-bottom: 1px dotted #ffffff;}
.main-nav ul.nav.collapsed li ul li.nav-path-selected a{color:#3a3933!important;}
.main-nav ul.nav.collapsed li ul li a:hover {border-bottom: 1px dotted #ffffff;}
.main-nav ul.nav.collapsed li ul li a h2 {display:none!important;}/*** No Third level Nav***/