.white-block {
	background: white;
	margin-bottom: 1rem;
	padding: 0.75rem;
	border-radius: 0.5rem;
}
.list-of-choices {
	.button {
		.icon {
			margin-right: 1ch !important;
			display: inline-block;
		}
	}
	.choice-label {
		font-size: 1rem;
		color: #383838;
	}
	.choice-header {
		margin-left: -0.75rem;
		margin-right: -0.75rem;
		border-bottom: 1px solid #e2e0fa;
	}
	.max_score {
		color: green;
	}
}
.date-label {
	font-size: 1rem;
	color: #383838;
	font-weight: bold;
	margin-bottom: 1.25rem;
}

.choice-bars-display {
	.is-narrow {
		width: 5em;
		text-align: right;
		padding-right: 1em;
	}
	.bar {
	}
}
.bar-div {
	padding: 0.25rem 0.025rem;
	text-align: center;
	border-radius: 0.25rem;
}
div {
	&.has-background-yes {
		border: green;
		background: yellowgreen;
		@extend .bar-div;
	}
	&.has-background-maybe {
		border: orange;
		background: yellow;
		@extend .bar-div;
	}
	&.has-background-no {
		border: red;
		background: pink;
		@extend .bar-div;
	}
}