.title {
  font-size: 2em;
  text-decoration: none;
  color: var(--title-color);
  --title-color: #191970;
}

.BadgeHolder {
	display: inline-block;
	float: right;
	min-height: 200px;
	width: 150px;
	padding-top: 30px;
}

.BadgeNumber {
	color: #191970;
	font-weight: bold;
	font-size: 170%;
}

.BadgeText {
	color: #666666;
	font-sise: 85%;
}


.circle2 {
  background: #fff;
  border: 4px solid #191970;
  color: #191970;
  width: 13vw;
  height: 13vw;
  border-radius: 100%;
  text-align: center;
  display: flex;
}

.circle {
  background: #fff;
  border: 4px solid #191970;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}




.circleMetric {
	display: block;
   color: #191970;
	width:140px;
	font-size: 180%;
	font-weight: bold;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	text-align: center;
}


.circleText {
	display: block;
	width: 140px;
	height: 70px;
	font-size: 70%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	fomt-color: #c0c0c0c;

}



.KeyMetricsSection {
	display: block;
	width: 550px;
}


.KeyMetricsSectionHead {
	display: block;
	width: 550px;
	background-color: #20558a;
	color: #fff;

}
.KeyMetricsSectionText {
	text-align: left;
	font-size: 80%;
	padding-top: 10px;
	padding-right: 10px;
	width: 400px;
}

.KeyMetricLevel_1{
	display: block;
	text-align: left;
	width: 400px;
	color: #191970;
	font-weight: bold;
	padding-top: 10px;
}
.KeyMetricLevel_0{
	display: block;
	text-align: left;
	width: 550px;
	color: #191970;
	font-weight: bold;
	padding-top: 10px;
}

.BlueText {
	color: #191970;
	font-size: 110%;
	font-weight: bold;
}

.GrayText {
	color: #696969;
	font-size: 100%;

}


/*****OTHER PAGES*********/
.CAGRcircleHolder {
	display: block;
	float: right;
	height: 82px;
	width: 82px;
	text-align: center;
}




.CAGRcircle20 {
  background: #fff;
  border: 4px solid #008200;
  color: #008200;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.CAGRbox20 {
  background: #fff;
  border: 2px solid #008200;
  color: #008200;
  width: 90px;
  height: 74px;
  border-radius: 1%;
  text-align: center;
  display: flex;
}
.textPLEV20 {
	color: #008200;
	font-size: 90%;
	font-weight: bold;
}
.CAGRcircle25 {
  background: #fff;
  border: 4px solid #b35300;
  color: #b35300;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.CAGRbox25 {
  background: #fff;
  border: 2px solid #b35300;
  color: #b35300;
  width: 90px;
  height: 74px;
  border-radius: 1%;
  text-align: center;
  display: flex;
}
.textPLEV25 {
	color: #b35300;
	font-size: 90%;
	font-weight: bold;
}
.CAGRcircle40 {
  background: #fff;
  border: 4px solid #1c39bb;
  color: #1c39bb;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.CAGRbox40 {
  background: #fff;
  border: 2px solid #1c39bb;
  color: #1c39bb;
  width: 90px;
  height: 74px;
  border-radius: 1%;
  text-align: center;
  display: flex;
}
.textPLEV40 {
	color: #1c39bb;
	font-size: 90%;
	font-weight: bold;
}

.CAGRcircle70 {
  background: #fff;
  border: 4px solid #00827f;
  color: #00827f;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.textPLEV70 {
	color: #00827f;
	font-size: 90%;
	font-weight: bold;
}
.CAGRcircle60 {
  background: #fff;
  border: 4px solid #c18000;
  color: #c18000;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.textPLEV60 {
	color: #c18000;
	font-size: 90%;
	font-weight: bold;
}
.CAGRcircle85 {
  background: #fff;
  border: 4px solid #ffa900;
  color: #ffa900;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.textPLEV60 {
	color: #ffa900;
	font-size: 90%;
	font-weight: bold;
}

.CAGRcircleHS {
  background: #fff;
  border: 4px solid #536878;
  color: #536878;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}

.textPLEVHS {
	color: #536878;
	font-size: 90%;
	font-weight: bold;
}



.CAGRcircleMetric {
	display: block;
	width:82;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: auto;
	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	text-align: center;
	padding-left: 12px;
}


.div_CAGR_Callouts {
 display: block;
 width: 200px;
 float: left;
 
}

.div_PlevHeaderChartA {
	width: 140px;
	display: block;
	text-align: center;

}


.div_CAGR_Sidebar {
 display: inline-block;
 width: 180px;
 float: right;
 
}


.CAGR_PELL_NVR {
  background: #fff;
  border: 4px solid #191970;
  color: #191970;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.text_PELL_NVR {
	color: #191970;
	font-size: 90%;
	font-weight: bold;
}

.CAGR_PELL_ANY {
  background: #fff;
  border: 4px solid #0066CC;
  color: #1e90ff;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  text-align: center;
  display: flex;
}
.text_PELL_ANY {
	color: #0066CC;
	font-size: 90%;
	font-weight: bold;
}