.t_light_holder {
	margin-bottom: 22px;
}

.set {
	display: flex;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.t_light_holder .title {
	align-self: center;
}

.traffic_light {
	width: 30px;
	MIN-WIDTH: 30PX;
	height: 30px;
	min-height: 30px;
	margin: 10px;
	border-radius: 50%;
	display: none;
}

.set[data-type='1'] .traffic_light {
	background-color: red;
}

.set[data-type='2'] .traffic_light {
	background-color: orange;
}

.set[data-type='3'] .traffic_light {
	background-color: green;
}

.title {
	width: 25%;
	padding: 0 5px;
	font-weight: bold;
}

.comments, .responses {
	flex: 2 2 auto;
}

.comments textarea {
	width: 100%;
}

.tl .set[data-type='1'] .title:before {
	content: 'What should we stop doing?';
}
.tl .set[data-type='2'] .title:before {
	content: 'What should continue doing?';
}
.tl .set[data-type='3'] .title:before {
	content: 'What should we start doing?';
}

.ntl .set[data-type='1'] .title:before {
	content: '(a) those things you appreciate about the module so far';
}
.ntl .set[data-type='2'] .title:before {
	content: '(b) anything that you think could be done better or differently';
}

.ntl .set[data-type='3'] .title:before {
	content: '(c) any particular comments you would like to make about the direction of the module for the remainder of the term';
}


.c {
	display: flex;
	border-bottom: 1px dotted #ddd;
}

.c:last-child {
	border-bottom: 0;
}

.res {
	font-style: italic;
}

.c > * {
	width: 50%;
}