.grade-feedback-renderer-messages {
	max-height: 600px;
	overflow-y: auto;
}

.grade-feedback-button {
	cursor: pointer;
	color: darkgray;
	fill: rgba(92, 92, 92, 0.6);
	transition: 0.3;
	border: solid 1px rgba(92, 92, 92, 0.4);
	margin-right: 1px;
}

.grade-feedback-button:hover {
	transition: 0.3;
	border: solid 1px #ca5800;
	fill: #ca5800;
}

.grade-feedback-message {
	white-space: pre-wrap;
	font-family: "Open Sans";
	display: flex;
}

.grade-feedback-message-right {
	flex: 1 1 0;
	padding-left: 8px;
}

.grade-feedback-message-right img {
	width: 50%;
	height: auto;
}

.grade-feedback-message-content {
	word-wrap: break-word;
}

.grade-feedback-picture {
	width: 32px;
	height: 32px;
	border-radius: 3px;
}

.grade-feedback-time {
	font-size: 0.8em;
	color: dimgray;
}