/* Reports */
div.report_section {
	padding:var(--margin-m);
	border:1px solid var(--lighter);
	border-radius:var(--radius-tight);
	background-color:var(--white);
	margin-bottom:var(--margin-m);
}

	div.report_section ul{
		margin-left:var(--margin-m);
	}
	
	div.report_section ul.no_bullets {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	div.report_section ul li span.li_note {
		font-size:14px;
		color:var(--darker);
		display:block;
		margin-top:-4px;
		margin-bottom:var(--margin-xxs);
	}
	
	div.report_section img.portrait {
		float:right;
		width:150px;
		height:150px;
		margin-left:var(--margin-m);
		top:calc(0px - (var(--margin-m)));
		position:relative;
		border-radius:var(--radius-tight);
	}
	
		
	/* Data Bars */
	div.report_section .data_bar {
		display:block;
		width:100%;
	}
		
		div.report_section .data_bar .data_bar_label {
			width:100%;
			margin:0px;
			padding:0px;
			display:block;
			height:var(--margin-m);
			line-height:var(--margin-m);
			}
		
		div.report_section .data_bar .data_bar_back {
			position:relative;
			box-shadow:inset var(--shadow);
			background-color:var(--lightest);
			border-radius:var(--radius-tight);
			width:100%;
			height:var(--margin-m);
			display:block;
			margin:0px;
			margin-bottom:var(--margin-s);
			padding:0px;
			z-index:1000;
			}
		
		div.report_section .data_bar .data_bar_back .data_bar_fill,
		div.report_section .data_bar .data_bar_back .data_bar_text {
			position:absolute;
			left:0px;
			top:0px;
			height:calc(var(--margin-m) - 4px));
			margin:2px;
			float:left;
			width:100%;
			max-width:100% !important;
			font-size:12px;
			line-height:20px;
			font-weight:500;
		}
		
		div.report_section .data_bar .data_bar_back .data_bar_fill {
			background-color:var(--purple);
			border-radius:var(--radius-tight) 0px 0px var(--radius-tight);
			z-index:1001;
			}
			
		div.report_section .data_bar .data_bar_back .data_bar_text {
			color:var(--white);
			padding:0px 0px 0px var(--margin-xxs);
			z-index:1002;
			}
			
		div.report_section .data_bar .data_bar_back .data_bar_text.out {
			color:var(--purple);
			font-weight:600;
			}
		
div.dimensional_responses p span {
	color:var(--darker);
	display:inline-block;
	width:100%;
	padding:2px 0px 10px 0px;
	font-size:14px;
	font-weight:400;
	border-top:1px solid var(--light);
}


p.token_link {
		font-size:14px;
		color:var(--darker);
		display:block;
		margin:0px;
		padding:0px;
		line-height:17px;
		margin-top:-16px;
		margin-bottom:var(--margin-xxs);
}