/* Prettified by Source 2 Viewer 11.1.0.0 - https://valveresourceformat.github.io */

#DevStatDump
{
	horizontal-align: right;
	flow-children: down;
	overflow: scroll;
	visibility: collapse;
}

.StatsContainer
{
	width: 100%;
	horizontal-align: center;
	flow-children: down;
	margin-top: 12px;
}

.TopStatsSection,.BottomStatsSection
{
	width: 100%;
	flow-children: right;
}

.TopStatsSection
{
	height: 200px;
	margin: 0px 4px;
}

.OuterStatGroup
{
	flow-children: down;
	padding-left: 4px;
	padding-right: 4px;
}

.VerticalPartialSpacer,.VerticalFullSpacer
{
	height: 55%;
	width: 1px;
	background-color: #484235;
	vertical-align: center;
}

.VerticalFullSpacer
{
	height: 100%;
}

.HorizontalPartialSpacer,.HorizontalFullSpacer
{
	height: 1px;
	width: 80%;
	background-color: #484235;
	horizontal-align: center;
}

.HorizontalFullSpacer
{
	width: 100%;
}

.StatGroupHeader
{
	color: simpleStatHeaderColor;
	font-family: titleFont;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: semi-bold;
	text-align: center;
	horizontal-align: center;
	padding: 16px 0px 8px;
	font-size: 16px;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}

.TopSectionStatGroupTitle
{
	horizontal-align: center;
	text-align: center;
}

.StatGroup
{
	border: 1px solid #484235;
}

.DireVsRadiantStats
{
	border-top: 1px solid #484235;
	border-bottom: 1px solid #484235;
}

.GameDurationStats,.RoleStats
{
	width: 28.6%;
}

.GameDurationStats
{
	height: 100%;
	flow-children: down;
}

.DireVsRadiantStats
{
	width: fill-parent-flow(1);
	height: 100%;
	padding: 12px;
	flow-children: down;
}

.SimpleStatPair
{
	flow-children: right;
}

.GameStats
{
	flow-children: down;
}

.HeroMaxStats
{
	flow-children: right;
}

.HeroMaxStatsLeft,.HeroMaxStatsRight
{
	flow-children: down;
}

.MapObjStats
{
	flow-children: down;
}

.RoleStats
{
	flow-children: down;
	height: 100%;
	padding: 12px;
}

.RoleBarChart
{
	flow-children: down;
	vertical-align: center;
	width: 100%;
}

.RoleBar
{
	width: 94%;
	padding: 1px;
	flow-children: right;
	horizontal-align: center;
}

.RoleBarRoleIcon
{
	width: 24px;
	height: 24px;
	margin-right: 2px;
	wash-color: #ccc;
	vertical-align: middle;
	margin-right: 4px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.RoleBarFull
{
	height: 14px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( dotaPlusCharcoal&00 ), to( #9f8f7530 ) );
	border-right: 2px solid #ccc;
	margin-right: 6px;
	vertical-align: center;
}

.RoleBarEmpty
{
	height: 18px;
}

.RoleLabels
{
	width: 100px;
	flow-children: right;
	vertical-align: center;
}

.RoleLabels .Win
{
	color: winnerGreenLow;
	margin-left: 2px;
	font-size: 14px;
	vertical-align: center;
	font-weight: normal;
}

.RoleBarChart Label
{
	color: bluegreyTextBright;
	font-weight: semi-bold;
}

#SafeLaneBar .RoleBarRoleIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/handicap/safelaneicon_psd.vtex");
}

#MidLaneBar .RoleBarRoleIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/handicap/midlaneicon_psd.vtex");
}

#OffLaneBar .RoleBarRoleIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/handicap/offlaneicon_psd.vtex");
}

#SoftSupportBar .RoleBarRoleIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/handicap/softsupporticon_psd.vtex");
}

#HardSupportBar .RoleBarRoleIcon
{
	background-image: url("s2r://panorama/images/rank_tier_icons/handicap/hardsupporticon_psd.vtex");
}

.DireVsRadiantsContents
{
	flow-children: right;
	horizontal-align: center;
	vertical-align: center;
	height: fill-parent-flow(1.0);
}

.RadiantStats,.DireStats
{
	flow-children: down;
	vertical-align: center;
}

.RadiantStats
{
	margin-right: 12px;
}

.DireStats
{
	margin-left: 12px;
}

.RadiantStats Label
{
	text-align: right;
	horizontal-align: right;
	color: battleReportRadiantColor;
}

.DireStats Label
{
	text-align: left;
	horizontal-align: left;
	color: battleReportDireColor;
}

.RadiantDireComparisonLabel
{
	horizontal-align: center;
	vertical-align: bottom;
}

.TeamTitle
{
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

.PieChart
{
	vertical-align: center;
}

.PieChartTeamTitle
{
	font-family: titleFont;
	font-size: 38px;
}

#RadiantGameCircleBar,#DireGameCircleBar
{
	height: 110px;
	width: 110px;
	border-radius: 100%;
	border: 1px solid black;
	horizontal-align: center;
	vertical-align: center;
	opacity-mask: url("s2r://panorama/images/masks/battle_report_radiant_dire_piechart_mask_psd.vtex");
}

#RadiantGameCircleBar
{
	transform: scaleX( -1 ) scaleY( -1 );
	z-index: 10;
}

#DireGameCircleBar
{
	transform: scaleY( -1 );
}

#RadiantGameCircleBar_BG
{
	background-color: black;
	height: 110px;
	width: 110px;
	opacity: 0;
}

#RadiantGameCircleBar_FG
{
	background-color: gradient( linear, 0% 0%, 50% 100%, from( #4DC87E ), to( battleReportRadiantColor ) );
	height: 110px;
	width: 110px;
}

#DireGameCircleBar_BG
{
	background-color: black;
	height: 110px;
	width: 110px;
	opacity: 0;
}

#DireGameCircleBar_FG
{
	background-color: gradient( linear, 0% 0%, 50% 100%, from( #F05F43 ), to( battleReportDireColor ) );
	height: 110px;
	width: 110px;
}

.CircleBackground
{
	height: 110px;
	width: 110px;
	background-color: #0c101395;
	border: 1px solid black;
	border-radius: 100%;
	horizontal-align: center;
	vertical-align: center;
	z-index: -1;
	opacity: 1;
	opacity-mask: url("s2r://panorama/images/masks/battle_report_radiant_dire_piechart_mask_psd.vtex");
}

.CircleOverlay
{
	height: 60px;
	width: 60px;
	background-color: orange;
	border: 1px solid black;
	border-radius: 100%;
	horizontal-align: center;
	vertical-align: center;
	z-index: 100;
	opacity: 0;
}