Synnefo

/* snf-font */

}

/*snf-font-auxiliary*/

@font-face {

	font-family: 'snf-font-auxiliary';

	src:url('../fonts/snf-font-auxiliary.eot');

	src:url('../fonts/snf-font-auxiliary.eot?#iefix') format('embedded-opentype'),

		url('../fonts/snf-font-auxiliary.woff') format('woff'),

		url('../fonts/snf-font-auxiliary.ttf') format('truetype'),

		url('../fonts/snf-font-auxiliary.svg#snf-font-auxiliary') format('svg');

	font-weight: normal;

	font-style: normal;

}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {

	font-family: 'snf-font-auxiliary';

	content: attr(data-icon);

	speak: none;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

/* Use the following CSS code if you want to have a class per icon */

/*

Instead of a list of all class selectors,

you can use the generic selector below, but it's slower:

[class*="snf-"] {

*/

.snf-folder-create-outline, .snf-folder-create-full, .snf-shared-by-me, .snf-shared-to-me-outline, .snf-shared-by-me-full, .snf-folder-move-full, .snf-folder-move-outline, .snf-shared-to-me-full {

	font-family: 'snf-font-auxiliary';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

}

.snf-folder-create-outline:before {

	content: "\61";

}

.snf-folder-create-full:before {

	content: "\41";

}

.snf-shared-by-me:before {

	content: "\63";

}

.snf-shared-to-me-outline:before {

	content: "\64";

}

.snf-shared-by-me-full:before {

	content: "\43";

}

.snf-folder-move-full:before {

	content: "\45";

}

.snf-folder-move-outline:before {

	content: "\65";

}

.snf-shared-to-me-full:before {

	content: "\44";