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

DotaDPCTeamWidget
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #0e1318fc), color-stop( 0.5, #151c24ed), to( #0e131855 ) );
	background-color: #0e1318dd;
}

#AsyncContainer
{
	width: 100%;
	height: 100%;
}

.AsyncSuccessContainer
{
	flow-children: down;
}

.Header
{
	width: 100%;
	flow-children: right;
	height: 40px;
}

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

.TeamsTabButtonContents
{
	horizontal-align: center;
	vertical-align: middle;
	flow-children: right;
}

.TeamsTabButton Label
{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	color: bluegreyTextReg;
	margin-top: 2px;
	transition-property: color;
	transition-duration: 0.2s;
}

.TeamsTabButton:selected Label
{
	color: bluegreyTextBright;
	text-shadow: 0px 0px 6px 1 #79adff88;
}

.TeamsTabButton:hover Label
{
	color: bluegreyTextBright;
}

.TeamsTabButton .DPCFavoriteStar
{
	width: 15px;
	height: 15px;
	margin-right: 4px;
	vertical-align: middle;
}

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

#TeamsList
{
	width: 100%;
	height: 100%;
	flow-children: down;
	overflow: squish scroll;
}

.NoFavoritesText
{
	vertical-align: top;
	horizontal-align: center;
	color: bluegreyTextReg;
	text-align: center;
	padding: 0px 16px;
	margin-top: 60px;
	visibility: collapse;
}

.AllTeamsLink
{
	color: #acb5c9;
}

.ShowingFavorites:not(.HasTeams) .NoFavoritesText
{
	visibility: visible;
}

.TeamInfo
{
	width: 100%;
	border-bottom: 2px solid #2e384288;
	background-color: dpcPanelBGLightFade;
}

.TeamInfo.Hidden
{
	visibility: collapse;
}

.FeaturedLabel
{
	pre-transform-rotate2d: 270deg;
	margin-left: -152px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: semi-bold;
	text-transform: uppercase;
	color: bluegreyTextReg;
	width: 100%;
	text-align: center;
	vertical-align: center;
	color: #486b95;
	color: colorTI10GoldDim&44;
	visibility: collapse;
}

.CurrentFavorite .FeaturedLabel
{
	visibility: visible;
}

.CurrentFavorite.TeamInfo
{
	background-color: #18273b;
	background-image: url("s2r://panorama/images/dpc/featured_team_home_bg_psd.vtex");
	background-img-opacity: 0.5;
	background-size: cover;
	background-repeat: no-repeat;
}

.TeamHeader
{
	flow-children: right;
	padding: 12px;
}

.TeamInfo #TeamImage
{
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-left: 12px;
	transition-property: brightness, img-shadow;
	transition-duration: 0.2s;
}

.TeamHeader:hover #TeamImage
{
	brightness: 2.2;
	img-shadow: 0px 0px 8px 1 #79adff22;
}

.TeamName
{
	color: bluegreyTextBright;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: semi-bold;
	font-size: 18px;
	height: 20px;
	text-overflow: shrink;
	transition-property: brightness, text-shadow;
	transition-duration: 0.2s;
}

.TeamHeader:hover .TeamName
{
	brightness: 2.2;
	text-shadow: 0px 0px 8px 1 #79adff22;
}

.TeamRank
{
	color: bluegreyTextReg;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: semi-bold;
	transition-property: brightness;
	transition-duration: 0.2s;
}

.TeamHeader:hover .TeamRank
{
	brightness: 1.6;
}

.TeamDetails
{
	flow-children: down;
	vertical-align: middle;
	width: fill-parent-flow( 1.0 );
	padding-right: 4px;
}

.TeamRecord
{
	color: bluegreyTextReg;
	vertical-align: top;
	font-size: 18px;
	font-weight: semi-bold;
	margin-top: 4px;
	margin-right: 4px;
}

.WatchDPC__SpoilerMode .TeamRecord
{
	visibility: collapse;
}

.TeamBody
{
	width: 100%;
	flow-children: right;
}

.TeamSeriesSummary
{
	flow-children: down;
	width: fill-parent-flow( 1.0 );
	padding: 0px 12px 4px 12px;
}

.TeamSeries
{
	width: 100%;
	height: 20px;
	flow-children: right;
	margin-bottom: 4px;
	font-weight: semi-bold;
	color: bluegreyTextReg;
	font-size: 16px;
	letter-spacing: 1px;
}

.TeamSeries Label
{
	text-transform: uppercase;
	color: bluegreyTextReg;
	font-size: 16px;
	vertical-align: middle;
}

.TeamLastSeriesScore
{
	margin-left: 6px;
}

.MissingSeries
{
	letter-spacing: 2px;
}

.TeamInfo.HasNextSeries #TeamNextSeries .MissingSeries,.TeamInfo.HasLastSeries #TeamLastSeries .MissingSeries
{
	visibility: collapse;
}

.HasSeries
{
	flow-children: right;
	transition-property: brightness;
	transition-duration: 0.18s;
	visibility: collapse;
}

.TeamInfo.HasNextSeries #TeamNextSeries .HasSeries,.TeamInfo.HasLastSeries #TeamLastSeries .HasSeries
{
	visibility: visible;
}

.TeamInfo.HasNextSeries #TeamNextSeries:hover .HasSeries,.TeamInfo.HasLastSeries #TeamLastSeries:hover .HasSeries
{
	brightness: 2.4;
}

.TeamInfo.HasNextSeries #TeamNextSeries:active .HasSeries,.TeamInfo.HasLastSeries #TeamLastSeries:active .HasSeries
{
	brightness: 1.8;
}

.TeamSeriesLabel
{
	width: 60px;
	height: 20px;
	text-align: right;
	margin-right: 12px;
	letter-spacing: 1px;
	text-overflow: shrink;
}

.TeamSeriesImage
{
	width: 20px;
	height: 20px;
	margin-right: 6px;
	margin-top: 1px;
}

.TeamSeries .TeamLastSeriesOutcome
{
	color: bluegreyTextReg;
}

.TeamLastSeriesSpoiler
{
	visibility: collapse;
}

.WatchDPC__SpoilerMode .TeamSeries .TeamLastSeriesOutcome,.WatchDPC__SpoilerMode .TeamSeries .TeamLastSeriesScore
{
	visibility: collapse;
}

.WatchDPC__SpoilerMode .TeamSeries .TeamLastSeriesSpoiler
{
	visibility: visible;
}

.TeamInfo #TeamFavoriteButton
{
	height: 58px;
	width: 56px;
	background-image: url("s2r://panorama/images/dpc/ticker_bg_psd.vtex");
	background-repeat: no-repeat;
	background-size: cover;
	transition-duration: 0.2s;
	transition-property: background-image, brightness;
}

.TeamInfo #TeamFavoriteButton:hover
{
	brightness: 1.2;
}

.TeamInfo #TeamFavoriteButton:active
{
	brightness: 1.0;
}

.CurrentFavorite.TeamInfo #TeamFavoriteButton
{
	background-image: url("s2r://panorama/images/dpc/ticker_bg_gold_psd.vtex");
	background-img-opacity: 0.3;
}

.TeamInfo #TeamFavoriteButton .DPCFavoriteStar
{
	horizontal-align: right;
	vertical-align: bottom;
	width: 20px;
	height: 20px;
	margin-right: 12px;
	margin-bottom: 14px;
	transition-property: background-image;
	background-image: url("s2r://panorama/images/dpc/favorite_star_off_psd.vtex");
}

.TeamInfo.TeamFavorite #TeamFavoriteButton .DPCFavoriteStar
{
	background-image: url("s2r://panorama/images/dpc/favorite_star_psd.vtex");
}

VerticalScrollBar:active .ScrollThumb,HTMLVerticalScrollBar:active .ScrollThumb
{
	background-color: #3A444488;
}

VerticalScrollBar,HTMLVerticalScrollBar
{
	width: 4px;
}

.SearchContainer
{
	background-color: dpcPanelBGLight;
	background-color: #101a25;
	width: 100%;
	border-bottom: 2px solid #2e384288;
}

#SearchBox
{
	background-color: dpcPanelBG;
	vertical-align: middle;
	horizontal-align: middle;
	border: 2px solid #28354822;
	border-radius: 10px;
	width: 320px;
	flow-children: right;
	transition-property: border;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
	margin-bottom: 10px;
	margin-top: 8px;
}

#SearchBox:hover
{
	border: 2px solid #283548;
}

#SearchTextEntry
{
	border: 0px solid transparent;
	width: fill-parent-flow( 1.0 );
	background-color: #00000000;
	transition-property: background-color;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
	padding-top: 8px;
	margin-top: 2px;
	font-size: 16px;
	color: bluegreyTextBright;
}

#SearchTextEntry #PlaceholderText
{
	color: bluegreyTextReg;
	font-size: 16px;
	padding-top: 0px;
	margin-top: 0px;
}

#SearchIcon
{
	background-image: url("s2r://panorama/images/control_icons/icon_search_png.vtex");
	background-repeat: no-repeat;
	background-size: contain;
	width: 27px;
	height: 27px;
	vertical-align: middle;
	margin-left: 8px;
	wash-color: bluegreyTextReg;
}