@import '../../../../less/variables.less';

.case-subtitle {
	font-size: 1.2em;
	text-transform: uppercase;
	display: table;
	margin-bottom: 20px;

	.case-unit {
		font-size: 0.8em;
		text-transform: none;
		margin-top:16px;
	}
}

@media (max-width: @screen-xs-max)  {
	.case-subtitle {
		text-align: center;
		width: 100%;
	}

	.state-box {
		margin-bottom: 8px;
	}
}


.state-box {
	border-radius: 10px;
	color: white;
	text-align: center;
	padding: 3px;
	font-size: 0.9em;
}

.cs-NOT_ONTREATMENT, .vs-notvalidated, .dt-SUSPECT {
	background-color: #ffa457;
}

.cs-ONTREATMENT, .vs-validated, .dt-CONFIRMED {
	background-color: #93ada9;
}

.cs-CLOSED {
	background-color: #a0a0a0;
}