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

DOTAArcanaVoteMatch
{
	background-color: #191919;
	box-shadow: none;
	flow-children: down;
	max-height: 64px;
}

DOTAArcanaVote.HideColumn1.LargeVotingBoxes DOTAArcanaVoteMatch
{
	max-height: 120px;
	flow-children: none;
}

DOTAArcanaVote.HideColumn1.LargeVotingBoxes:not(.HasNextResults) .FinalArcanaVote DOTAArcanaVoteMatch
{
	height: 146px;
	max-height: 146px;
}

.VoteTableSpacer
{
	width: 1px;
	height: 5px;
}

.VoteTable
{
	flow-children: right;
	width: 100%;
	height: fill-parent-flow( 1.0 );
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .VoteTable
{
	height: 180px;
}

.VoteColumn
{
	flow-children: down;
	vertical-align: middle;
	width: fill-parent-flow( 1.0 );
	height: 100%;
}

.VoteColumn Label
{
	font-size: 16px;
	color: #ffffff22;
}

.Column1,.Bye
{
	horizontal-align: right;
}

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

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .VotingInputs
{
	flow-children: none;
}

.HeroVoteInfo
{
	flow-children: down;
	vertical-align: center;
	min-width: 36px;
}

.LocalVoteCount
{
	visibility: collapse;
	vertical-align: middle;
	text-align: center;
	width: 24px;
	font-size: 18px;
	margin-top:4px;
	horizontal-align: center;
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .LocalVoteCount
{
	horizontal-align: center;
	font-size: 64px;
	color: gradient( linear, 0% 0%, 0% 100%, from( #99FDA7 ), to( #7CCE8744 ) );
	width: fit-children;
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .LocalVoteCount
{
	width: fit-children;
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .LocalVoteCountContainer
{
	width: fit-children;
	visibility: visible;
	vertical-align: top;
	margin: 0px;
}

.Column0 .LocalVoteCountContainer
{
	margin-right: 6px;
}

.Column1 .LocalVoteCountContainer
{
	margin-left: 6px;
}

.LocalVoteCountContainer
{
	width: 24px;
	vertical-align: middle;
	text-align: center;
	horizontal-align: center;
}

.LocalVoteCountContainer Label
{
	color: accentColorBright;
	font-family: monospaceNumbersFont;
	horizontal-align: center;
	text-align: center;
}

DOTAArcanaVoteMatch.HideVotingControls .LocalVoteCount
{
	visibility: collapse;
}

DOTAArcanaVoteMatch.HideVotingControls .HeroImageBevel
{
	visibility: collapse;
}

.VoteIncrementControls
{
	width: 60px;
	height: 34px;
	min-width: 60px;
	vertical-align: center;
}

DOTAArcanaVote.HideColumn1.LargeVotingBoxes .VoteIncrementControls
{
	width: 120px;
	height: 68px;
	min-width: 60px;
	vertical-align: center;
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .VoteIncrementControls
{
	vertical-align: bottom;
	margin-top: 6px;
}

DOTAArcanaVoteButton:Active
{
	sound: "ui_generic_button_click";
}

.HeroImage
{
	width: 60px;
	height: 34px;
	vertical-align: center;
	horizontal-align: center;
}

DOTAArcanaVote.HideColumn1.LargeVotingBoxes .HeroImage
{
	width: 120px;
	height: 68px;
}

.HeroImageBevel
{
	width: 60px;
	height: 34px;
	background-image: url("s2r://panorama/images/compendium/spring2016/hero_bevel_png.vtex");
	box-shadow: #000000dd 0px 0px 3px 1px ;
}

DOTAArcanaVote.HideColumn1.LargeVotingBoxes .HeroImageBevel
{
	width: 120px;
	height: 68px;
	background-size: contain;
}

.HeroImageBevel:hover
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #ffffff10 ), to( #ffffff00 ) );
}

.VoteIncrementControls:disabled .HeroImage
{
	saturation: 0.3;
	brightness: 0.3;
}

.VoteIncrementControls:disabled .HeroImageBevel:hover
{
	background-color: none;
}

DOTAArcanaVoteMatch.HideVotingControls .VoteIncrementControls:disabled .HeroImage
{
	saturation: 1.0;
	brightness: 1.0;
}

.ClearButton
{
	min-width: 20px;
	min-height: 20px;
	height: 20px;
	width: 20px;
	horizontal-align: center;
	visibility: collapse;
}

DOTAArcanaVoteMatch.HasVoted .ClearButton
{
	visibility: visible;
}

.ButtonDark
{
	border: 0px;
	background-color: none;
	min-height: 0px;
}

.ButtonDark:hover
{
	border: 0px;
	background-color: none;
	min-height: 0px;
}

.XImage
{
	width: 16px;
	height: 16px;
	wash-color: accentColor;
	background-image: url("s2r://panorama/images/control_icons/x_close_png.vtex");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 4px;
}

.Bye
{
	width: fill-parent-flow( 1.0 );
	height: 100%;
	visibility: collapse;
	margin-left: 3px;
	margin-right: 3px;
}

.ByeLabel
{
	horizontal-align: center;
	vertical-align: center;
	font-size: 32px;
	margin-right: 30px;
}

DOTAArcanaVoteMatch.HeroBye .Bye
{
	visibility: visible;
}

DOTAArcanaVoteMatch.HeroBye .VoteTableSpacer
{
	visibility: collapse;
}

DOTAArcanaVoteMatch.HeroBye .Column1
{
	visibility: collapse;
}

DOTAArcanaVoteMatch.HeroBye .LocalVoteCount
{
	visibility: collapse;
}

DOTAArcanaVoteMatch.HeroBye .Column0 .HeroImage
{
	horizontal-align: center;
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .Versus
{
	visibility: collapse;
}

.Versus
{
	vertical-align: center;
	width: 40px;
	text-align: center;
}

.ResultsTable
{
	width: 100%;
	height: fit-children;
	vertical-align: bottom;
}

DOTAArcanaVote:not(.HasNextResults) .FinalArcanaVote .ResultsTable
{
	vertical-align: middle;
	margin-top: 32px;
}

DOTAArcanaVote.HideColumn1.LargeVotingBoxes .ResultsTable
{
	margin-bottom: 8px;
}

DOTAArcanaVoteMatch.HeroBye .ResultsTable
{
	visibility: collapse;
}

.ResultsColumn
{
	flow-children: down;
	vertical-align: bottom;
	margin-left: 3px;
	margin-right: 3px;
	width: fill-parent-flow( 1.0 );
	height: fit-children;
}

.ResultsColumn.Column0
{
	margin-left: 12px;
}

.ResultsColumn.Column1
{
	margin-right: 12px;
}

.ResultsColumn Label
{
	font-size: 14px;
	margin-top: 2px;
}

.VoteCount
{
	horizontal-align: center;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

DOTAArcanaVoteMatch.Hero0Winning .ResultsColumn.Column0 Label
{
	color: #c0beb7;
}

DOTAArcanaVoteMatch.Hero1Winning .ResultsColumn.Column1 Label
{
	color: #c0beb7;
}

DOTAArcanaVoteMatch.VotedForHero0 .Column0 .LocalVoteCount
{
	visibility: visible;
}

DOTAArcanaVoteMatch.VotedForHero1 .Column1 .LocalVoteCount
{
	visibility: visible;
}