.icons {
	border-right: 1px dotted #808080;
	display: inline-flex;
	float: left;
	margin-right: 3px;
	padding: 3px;
}
.icon {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 3px;
	display: inline-block;
	height: 22px;
	margin: 0px 1px;
	user-select: none;
	width: 22px;
}

.icon:before{
	color: #28343f;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 16px;	
	font-weight: bold;
	line-height: 22px;
	text-align: center;
    position: relative;
    width: 100%;
}


/* --- user roles --- */
.icon-admin:before			{	content: "\f4fe";	}
.icon-teacher:before		{	content: "\f508";	}
.icon-lead_teacher:before	{	content: "\f559";	}
.icon-student:before		{	content: "\f007";	}
.icon-candidate:before		{	content: "\f007";	font-weight: 400;	}
/* --- other icons --- */
.icon-teacherwrite:before	{	content: "\f303";	}
.icon-group:before 			{	content: "\f0c0";	}
.icon-time:before			{	content: "\f2f2";	}
.icon-author:before			{	content: "\f4ff";	}
.icon-desc:before			{	content: "\f15c";	font-weight: 400;	}
.icon-question:before		{	content: "\f059";	}
.icon-questions:before		{	content: "\f0ae";	}
.icon-tograde:before		{	content: "\f4fe";	}
.icon-points:before			{	content: "\f005";	}
/* --- question types --- */
.icon-singlechoise:before	{	content: "\f46c";	}
.icon-multichoise:before	{	content: "\f0ae";	}
.icon-essay:before			{	content: "\f15c";	}
/* --- file types --- */
.icon-document:before		{	content: "\f15c";	font-weight: 400;	}
.icon-video:before			{	content: "\f008";	}
.icon-image:before			{	content: "\f03e";	font-weight: 400;	}

.icon-drag					{	border: 1px solid rgba(0,0,0,0);	cursor: move;	}
.icon-drag:before			{	content: "\f0b2";	}
.icon-skip:before			{	content: "\f01e";	}

.icon-true{
	background-color: rgba(0,128,0,0.2);
	border: 1px solid rgba(0,128,0,0.5);
}
.icon-false{
	background-color: rgba(128,0,0,0.2);
	border: 1px solid rgba(128,0,0,0.5);
}
.icon-none{
	background-color: rgba(0,0,0,0.15);
	border: 1px solid rgba(0,0,0,0.5);
}