div.feedback {
	border: 1px solid var(--color-border);
	margin: 1em 0;
	background: #FCFCFC;
}

div.feedback header {
	padding: 0.5em 1em;
	box-sizing: border-box;
	font-weight: 600;
	background: var(--color-gray);
}

div.feedback div.container {
	max-height: 50vh;
	overflow-y: scroll;
	scrollbar-width: thin;
	padding: 0.5em 1em;
	box-sizing: border-box;
}

div.feedback div.container div.row {
	margin: 0 0 1.5em;
	padding: 0;
}

div.feedback div.container div.row.employee {
	justify-content: flex-end;
}

div.feedback div.container div.row div.message {
	width: 65%;
	padding: 0;
	background: #FFFFFF;
	border-radius: 5px;
	box-sizing:border-box;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

div.feedback div.container div.row.employee div.message {
	background: #FDFDFD;
}

div.feedback div.container div.row div.message div.info, div.feedback div.container div.row div.message div.content {
	padding: 0.5em 1em;

}

div.feedback div.container div.row div.message div.info {
	border-bottom: 2px solid #f7f7f7;
}

div.feedback div.container div.row div.message div.info div.author {
	flex: 2 1 100%;
	font-weight: 600;
}

div.feedback div.container div.row div.message div.info div.date {
	flex: 0 1 200px;
	text-align: right;
}

div.feedback form {
	padding: 0;
	border-top: 1px solid #f7f7f7;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	display: flex;
	position: relative;
	z-index: 100;
}

div.feedback form textarea {
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0.2em 0.5em;
	border-radius: 0;
	box-sizing: border-box;
	flex: 1;
}

div.feedback form button {
	border-radius: 0;
}