@charset "utf-8";
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu {
	width: 225px;
	font-family: Raleway, sans-serif;
	color: #666;
}
#cssmenu ul ul {
	display: none;
}
#cssmenu > ul > li.active > ul {
	display: block;
}
#cssmenu > ul > li > a.on {
	color:#237bd3;
	background: #f0f0f0;
}

.align-right {
	float: right;
}
#cssmenu > ul > li > a {
	padding: 16px 22px;
	cursor: pointer;
	z-index: 2;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #f2f2f2;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	border-bottom: 1px solid #d8d8d8;

}

#cssmenu > ul > li > a:hover {
	color: #237bd3;
	/* background-color: #237bd3;*/
}

#cssmenu ul > li.has-sub > a:after {
	position: absolute;
	right: 22px;
	top: 18px;
	z-index: 10;
	height: 10px;
	width: 2px;
}

#cssmenu ul ul li a.on {
	background:#5594db;
	font-weight: bold;
	color:#fff;
	/* border: 1px solid #237bd3;*/
}

#cssmenu ul > li.has-sub > a:before {
	position: absolute;
	right: 18px;
	top: 16px;
	display: block;
	width: 11px;
	content: url(/iris/img/cd-icons.svg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}



#cssmenu ul > li.has-sub.open > a:after, #cssmenu ul > li.has-sub.open > a:before {
	content: url(/iris/img/cd-icons2.svg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	color: #237bd3;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;

}
#cssmenu ul ul li a {
	padding: 14px 22px;
	cursor: pointer;
	z-index: 2;
	font-size: 13px;
	text-decoration: none;
	color: #666;
	padding-left: 32px;
	background: url(/iris/img/dot.gif) no-repeat 23px #E8E8E8;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	border-bottom: 1px solid #d8d8d8;
}
#cssmenu ul ul ul li a {
	padding-left: 32px;
}
#cssmenu ul ul li a:hover {
	color: #000;
	/*background-color: #E1E1E1;*/
}
#cssmenu ul ul > li.has-sub > a:after {
	top: 16px;
	right: 22px;
}
#cssmenu ul ul > li.has-sub > a:before {
	top: 15px;
	width: 10px;
}