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

.BlackBackground
{
	width: 100%;
	height: 100%;
	background-color:#000000EE;
}

.PopupPanel
{
	pre-transform-scale2d: 1;
	opacity: 1;
	height: 100%;
	width: 100%;
	horizontal-align: center;
	background-color: none;
	border: 0px solid #32383677;
	box-shadow: none;
	padding: 0px;
	flow-children: none;
}

.PopupPanel.Hidden
{
	opacity: 0;
	pre-transform-scale2d: 1.2;
}

.MainContainer
{
	flow-children: down;
	width: 100%;
	margin-top: 180px;
	margin-bottom: 30px;
}

#CenterContainer
{
	horizontal-align: center;
}

#Title
{
	width: 640px;
	horizontal-align: center;
}

#TrophyUpgradedLabel
{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: semi-bold;
	letter-spacing: 2px;
	color: #ffffff;
	horizontal-align: center;
	visibility: visible;
	text-shadow: 0px 1px 5px 2.0 #000000;
}

.NewTrophy #TrophyUpgradedLabel
{
	visibility: collapse;
}

#NewTrophyLabel
{
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing:5px;
	color: #cacaca;
	horizontal-align: center;
	visibility: collapse;
}

.NewTrophy #NewTrophyLabel
{
	visibility: visible;
}

#TrophyImage
{
	width: 256px;
	height: 256px;
	horizontal-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}

#TrophyName
{
	font-size: 30px;
	color: white;
	text-shadow: 0px 0px 8px 0 #0066ffde;
	font-family: titleFont;
	font-weight: semi-bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	horizontal-align: center;
}

#ScoreAndTier
{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: semi-bold;
	color: #FFFFFF;
	letter-spacing: 2px;
	horizontal-align: center;
	text-shadow: 0px 1px 5px 2.0 #000000;
}

#BonusProfileXP
{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: #c2deff;
	letter-spacing: 3px;
	horizontal-align: center;
	text-shadow: 0px 0px 8px 2.0 #0077ff;
	padding-top: 10px;
}

#ProgressBarContainer
{
	width: 512px;
	horizontal-align: center;
}

#ProfileProgress
{
	width: 490px;
	height: 25px;
	vertical-align: center;
	background-color: #666666;
	box-shadow: 2px 2px 15px #000000c2;
	border: 1px solid #292929;
}

#ProfileProgress .ProgressBarLeft
{
	background-color: dotalevelgradient;
	wash-color: #99c9ff;
	box-shadow: #61789Caa 0px 0px 4px 0px ;
	border-radius: 4px;
}

#ProfileProgress .ProgressBarRight
{
	background-color: none;
	border-radius: 0px;
}

#ProfileProgressLabel
{
	color: #ffffff;
	font-size: 16px;
	margin-top: 1px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 0px 1px 10px 3.0 #000000;
}

#ProfileBadge
{
	horizontal-align: right;
	margin-right: -60px;
}

#OkButton
{
	horizontal-align: center;
}

#ViewDetailsButton
{
	horizontal-align: center;
}

#ViewDetailsButton:hover Label
{
	color: #ffffff;
}

#ProfileBadgeUpgradedLabel
{
	font-size: 35px;
	text-transform: uppercase;
	font-weight: semi-bold;
	letter-spacing: 2px;
	color: #ffffff;
	horizontal-align: center;
	text-shadow: 0px 1px 5px 2.0 #000000;
}

#ProfileBadgeLargeContainer
{
	horizontal-align: center;
	width: 222px;
	height: 222px;
	margin-top: 100px;
	margin-bottom: 100px;
}

#ProfileBadgeLarge
{
	ui-scale: 222%;
}

#TrophyUpgraded
{
	opacity: 1.0;
	flow-children: down;
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

.BadgeLeveledUp #TrophyUpgraded
{
	opacity: 0.0;
}

#ProfileBadgeUpgraded
{
	opacity: 0.0;
	width: 640px;
	horizontal-align: center;
	flow-children: down;
	pre-transform-scale2d: 1.3;
	transition-property: opacity, pre-transform-scale2d;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}

.BadgeLeveledUp #ProfileBadgeUpgraded
{
	opacity: 1.0;
	pre-transform-scale2d: 1.0;
}

#TrophyAchievedScene
{
	opacity: 1;
	width: 100%;
	height: 100%;
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}

.BadgeLeveledUp #TrophyAchievedScene
{
	opacity: 0;
}

#BadgeLvlUpScene
{
	opacity: 0;
	visibility: collapse;
	width: 100%;
	height: 100%;
	opacity-mask: url("s2r://panorama/images/masks/softedge_box_png.vtex");
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}

.BadgeLeveledUp #BadgeLvlUpScene
{
	opacity: 1;
	visibility: visible;
}

.TrophyPointTextSmall
{
	font-size:14px;
}