.userlist-button{
	border-radius: 3px;
	border: 1px solid #808080;	
	color: #28343f;
	cursor: pointer;
	display: inline-block;
	filter: brightness(1);
	font-size: 18px;
	height: 26px;	
	margin: 1px;	
	transition: all 250ms ease-in-out;
	user-select: none;
	width: 40px;
}
.userlist-button:hover{
	filter: brightness(1.15);
}
.userlist-button:before, .header-button:before{
	display: inline-block;
	font-family: 'Font Awesome 5 Free';	
	font-weight: bold;
	line-height: 26px;
	position: relative;
	text-align: center;	
	width: 100%;
}

.button-red			{	background: #bb8080;	}
.button-blue		{	background: #80a7bb;	}
.button-green		{	background: #80bb80;	}
.button-grey		{	background: #d0d0d0;	}


.button-edit:before		{	content: "\f303";		}
.button-password:before	{	content: "\f084";		}
.button-turn:before		{	content: "\f011";		}
.button-view:before		{	content: "\f06e";		}
.button-link:before		{	content: "\f0c1";		}
.button-delete:before	{	content: "\f1f8";		}
.button-docx:before		{	content: "\f019";		}
.button-users:before	{	content: "\f0c0";		}
.button-grade:before	{	content: "\f46d";		}
.button-questions:before{	content: "\f46c"; 		}

.reload-button:before	{	content: "\f2f1";	color: #f2f9ff;		}
.back-button:before		{	content: "\f30a";	color: #f2f9ff;		}

.modal-button, input[type=submit]{
	background: #28343f;
	border: none;
	color: #f2f9ff;	
	cursor: pointer;
	font-family: 'Cuprum', sans-serif;
	height: 32px;
	line-height: 32px;
	margin: 5px 0px;
	padding: 0px;	
	text-transform: uppercase;
	transition: background 250ms ease-in-out;
	width: 100%;
}
.modal-button:hover, input[type=submit]:hover{
	background: #3b4a59;
}

.grade-button{
	background: #28343f;
	border-radius: 3px;
	border: none;
	color: #f2f9ff;
	cursor: pointer;
	font-family: 'Cuprum', sans-serif;
	height: 32px !important;
	line-height: 32px !important;
	margin: 2px !important;
	margin: 5px 0px;
	padding: 0px !important;
	padding: 0px;	
	text-transform: uppercase;
	transition: background 250ms ease-in-out;
	width: 50px !important;
}
.grade-button:hover{
	background: #3b4a59;
}

.header-button {
	background-color: #28343f;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 3px;
	color: #f2f9ff;	
	cursor: pointer;
	display: inline-block;
	float: left;	
	height: 28px;
	transition: all 250ms ease-in-out;
	width: 40px;
}
.header-button:hover{
	background-color: #3b4a59;
}


.back-button:before{
	color: #f2f9ff;
	content: "\f30a";	
}