@charset "utf-8";
/* CSS Document */

.question { 
	margin-bottom: 20px; 
	text-align: left;
}

 .result { 
	 margin-top: 30px; 
	 padding: 20px; 
	 border: 1px solid #ccc; 
	 border-radius: 8px; 
	 width: 80%;
	 text-align: left;
}

.grid{
	grid-template-columns:1fr 1fr;
	/*position: relative;*/
}

.col {
	margin-top: 10px;
    margin-left: 10px;
	margin-right: 10px;
    }

 .col2 {
	padding-left: 10px;
	padding-right: 10px;
	/* background-color: #A0A0A0;*/
    }

.bar { 
	background: #ddd; 
	border-radius: 5px; 
	height: 25px; 
	margin: 5px 0; 
	width: 100%; 
}

.bar span { 
	display: block; 
	height: 100%; text-align: center; 
	color: white; 
	border-radius: 5px; 
}

.bar.saude span { 
	background: #08AB0E; 
}

.bar.risco span { 
	background: #A20909; 
}

.bar.eu span { 
	background: #0382D0; 
}

.bar.parceiro span { 
	background: #852B83; 
}