@font-face{
	font-family: "fa-icons";
	src: url("fa-icons.woff");
}
*:before,
*:after{
	font-family: "fa-icons";
}
*:before{
	margin-right: 1em;
}
*:after{
	margin-left: 1em;
}
*[faicon=success]:before{
	content: '\f058';
	color: var(--success-color);
	opacity: 0.5;
}
*[faicon=error]:before{
	content: '\f057';
	color: var(--error-color);
	opacity: 0.5;
}
*[faicon=alert]:before{
	content: '\f06a';
	color: var(--alert-color);
	opacity: 0.5;
}
*[faicon=help]:before{
	content: '\f059';
	color: var(--help-color);
	opacity: 0.5;
}
*[faicon=en]:before{
	content: '\f0ac';
	opacity: 0.5;
}
*[faicon=es]:before{
	content: '\f0ac';
	opacity: 0.5;
}
*[faicon=normal]:before{
	content: '\f06e';
	opacity: 0.5;
}
*[faicon=dark]:before{
	content: '\f2a8';
	opacity: 0.5;
}
*[faicon=nick]:after{
	content: '\f507';
	margin-left: -1.7em; 
	opacity: 0.5;
}
label[faicon=nick]:after{
	content: '';
}
label[faicon=nick]:before{
	content: '\f507';
	margin-right: 0.5em; 
	opacity: 0.5;
}
*[faicon=pass]:after{
	content: '\f084';
	margin-left: -1.7em; 
	opacity: 0.5;
}
label[faicon=pass]:after{
	content: '';
}
label[faicon=pass]:before{
	content: '\f084';
	margin-right: 0.5em; 
	opacity: 0.5;
}
*[faicon=email]:after{
	content: '\f0e0';
	margin-left: -1.7em; 
	opacity: 0.5;
}
label[faicon=email]:after{
	content: '';
}
label[faicon=email]:before{
	content: '\f0e0';
	margin-right: 0.5em; 
	opacity: 0.5;
}
*[faicon="sign-in"]:before,
form button[faicon="sign-in"]:before{
	content: '\f2f6';
	margin-right: 0.5em;
	opacity: 0.7;
}
*[faicon="recover-access"]:before,
form button[faicon="recover-access"]:before{
	content: '\f0e2';
	margin-right: 0.3em;
	text-decoration: none;
	opacity: 0.7;
}
*[faicon="add"]:before,
button[faicon="add"]:before{
	content: '\271a';
	margin-right: 0.3em;
	text-decoration: none;
	opacity: 0.7;
}
*[faicon="edit"]:before,
button[faicon="edit"]:before{
	content: '\270f';
	margin-right: 0.3em;
	text-decoration: none;
	opacity: 0.7;
}
*[faicon="delete"]:before,
button[faicon="delete"]:before{
	content: '\f2ed';
	margin-right: 0.3em;
	text-decoration: none;
	opacity: 0.7;
}
*[faicon="view-all"]:before{
	content: '\f06e';
	margin-right: 0.3em;
	text-decoration: none;
	opacity: 0.7;
}
*[faicon="cancel"]:before{
	content: '\f05e';
	margin-right: 0.3em;
	text-decoration: none;
	opacity: 0.7;
}
*[faicon="search"]:before{
	content: '\f002';
	margin-right: 0.5em;
	opacity: 0.7;
}
*[faicon="send"]:before{
	content: '\f1d9';
	margin-right: 0.5em;
	opacity: 0.7;
}
*[faicon="back"]:before{
	content: '\2af7';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="dashboard"]:before{
	content: '\f3fd';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="logout"]:before{
	content: '\f2f5';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="pages"]:before{
	content: '\f570';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="contacts"]:before{
	content: '\f0e6';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="admins"]:before{
	content: '\f4fe';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="plugins"]:before{
	content: '\f085';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="templates"]:before{
	content: '\f1c9';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="databases"]:before{
	content: '\f1c0';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="languages"]:before{
	content: '\f0ac';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="skins"]:before{
	content: '\f06e';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="storages"]:before{
	content: '\f0c7';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="environ"]:before{
	content: '\f1b2';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="socials"]:before{
	content: '\f0c0';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="links"]:before{
	content: '\f0c1';
	margin: 0.5em;
	vertical-align: baseline;
}
*[faicon="banners"]:before{
	content: '\f2d0';
	margin: 0.5em;
	vertical-align: baseline;
}