/*
 * Style Risk page
 */

/*
 * Keep meter at top with scrollable area below
 */
.risk .page {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}
.riskMeterContainer {
	width: 100%;
  flex: 0 0 auto; /* Let the top div grow based on its content, but not shrink */
  padding-bottom: 4px;
  border-bottom: 1px solid black;
}
.riskDataContainer {
	width: 100%;
  flex: 1 1 auto; /* Let the bottom div grow and shrink to fill remaining space */
  overflow-y: auto;
}
/* use 2 columns on large displays */
.viewSizeGE-XL .riskInputContainer {
	column-count: 2;
}
.risk .card {
	break-inside: avoid;									/* don't break inside cards in 2-col */
}

/* risk meter */
.riskMeter {
	width: 100%;
}
.riskMeter canvas, .riskMeter span {
	margin: auto;
}

/* risk entries */
.risk .card_label:first-child {
	flex: 1 0 50%;
}
.risk .card_value:nth-child(2) {
	justify-content: center;
	flex: 0 0 40%;
}
.risk .card_value:last-child {
	justify-content: end;
	flex: 0 0 4ch;
	padding-right: 2px;
}

.viewSizeGE-XL .riskCombi {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.riskHigh {
	color:red;
}