.sym-del,
.sym-edit,
.sym-create-class,
.sym-create-pupil,
.sym-list-class,
.sym-list-pupil,
.sym-mail,
.sym-phone
{
	display				: inline-block;
	width				: 2em;
	height				: 2em;
	background-position	: center center;
	background-size		: auto 2em;
	background-repeat	: no-repeat;
	border-radius		: .25em;
	background-color	: #EEE;
}

.sym-del 			{ background-image	: url("/images/sym-delete.png"); 		background-size	: auto 90%	}
.sym-edit 			{ background-image	: url("/images/sym-edit.png"); 			background-size	: auto 100%	}
.sym-create-class	{ background-image	: url("/images/sym-create-group.png"); 	background-size	: auto 90%	}
.sym-create-pupil	{ background-image	: url("/images/sym-create-person.png");	background-size	: auto 90%	}
.sym-list-class		{ background-image	: url("/images/sym-list.png"); 			background-size	: auto 80%	}
.sym-list-pupil 	{ background-image	: url("/images/sym-list-group.png"); 	background-size	: auto 100%	}
.sym-mail			{ background-image	: url("/images/sym-mail.png"); 			background-size	: auto 80%	}
.sym-phone			{ background-image	: url("/images/sym-phone.png"); 		background-size	: auto 80%	}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/src/fonts/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url("/src/fonts/MaterialIcons-Regular.woff2") format('woff2'),
    url("/src/fonts/MaterialIcons-Regular.woff") format('woff'),
    url("/src/fonts/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1em;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}