/*///////////////////////////////////////////////////////
///
///   Iconography
///
///////////////////////////////////////////////////////*/

.icon-header{
	font-size: 16px;
	color: #62636c;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
}

.icon-header:hover{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
}


.icon-header-utility{
	margin-top: 8px;
	margin-right: 8px;
	font-size: 14px;
	color: #46474d;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
	float: right;
}

.icon-header-utility:hover{
	margin-top: 8px;
	margin-right: 8px;
	font-size: 14px;
	color: #7e7f8b;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
	float: right;
}

.icon-header-utility:active{
	margin-top: 8px;
	margin-right: 8px;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
	float: right;
}


.icon-utility{
	width: 25px;
	height: 25px;
	font-size: 18px;
	color: #484a50;
}

.icon-utility:hover{
	width: 25px;
	height: 25px;
	font-size: 18px;
	color: #afb3bc;
}

.icon-utility:active{
	width: 25px;
	height: 25px;
	font-size: 18px;
	color: #000000;
}


.icon-sidebar{
	font-size: 16px;
	color: #767983;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}


.icon-insp{
	font-size: 16px;
	color: #8e8e90;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.icon-insp:hover{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.icon-insp:active{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.9);
}


.icon-alert{
	font-size: 60px;
	color: #bababd;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    margin-right: 15px;
    float: left;
}


.icon-add-to{
	font-size: 30px;
	color: #FFFFFF;
	opacity: 0.8; 
}

.icon-add-to:hover{
	font-size: 50px;
	color: #FFFFFF;
	opacity: 1; 
}



.icon{
	font-size: 16px;
	color: #bababd;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.icon:hover{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.icon:active{
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}


.icon-active{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.icon-active:hover{
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.icon-disabled{
	font-size: 16px;
	color: #3f4045;
	text-shadow: 0px -1px 0px #37383c;
}

.icon-disabled:hover{
	font-size: 16px;
	color: #3f4045;
	text-shadow: 0px -1px 0px #37383c;
}