.ScheduleContainer
{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1000px;
    position: relative;
}

.GamesTodayHeader
{ 
    position: relative;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    display: none;
}

.ScheduleWidget .TeamTag
{
    display: inline-block;
}

.ScheduleWidget .GamesTodayHeader
{
    display: block;
}

.ScheduleWidget
{
    width: 290px;
}

.SpoilerButton
{
    position: absolute;
    top: -70px;
    right: 10px;
    min-width: 192px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}


.ScheduleGroup,.SpecialEventGroup
{
    display: inline-block;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
}

.ScheduleWidget .ScheduleGroup
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.ScheduleRow,.SpecialEventRow
{
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
}

.SpecialEventRow
{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center;
}

.SpecialEventInfo
{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center;
}

.SpecialEventDesc
{
    margin-top:20px;
    font-size: 16px;
    vertical-align: top;
    margin-top: 17px;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.SpecialEventDesc a
{
    color: #BCCEEA !important;
}

.SpecialEventDesc a:hover
{
    color: #fff !important;
}

.NodeMatches
{
	margin-top: -2px;
	padding-bottom: 12px;
}

.NodeMatch
{
	padding-bottom: 4px;
}

.NodeMatchNumber
{
    display: inline;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #7C8FB6;
}

.NodeMatch.IsMatchLive .NodeMatchNumber
{
	font-size: 20px;
}

.NodeMatch .LiveStreams
{
	display: inline;
}

.NodeMatchWinner
{
	display: inline;
}
.NodeMatchUpcoming
{
    display: inline;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

.NodeInfo
{
	padding-bottom: 12px;
	display: inline-block;
	position: relative;
	text-align: center;
}

.NodeBestOf
{
	margin-top: -2px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #7C8FB6;
}

.MatchDetailsLink
{
	font-size: 12px;
}

.ScheduleWidget .ScheduleRow
{
    height: 32px;
}

.ScheduleRow a:hover, .Scoreboard:hover, .SpoilerButton:hover
{
    color: #FFFFFF !important;
}

.ScheduleWidget .SeriesName, .ScheduleWidget .TeamName, .ScheduleWidget .MatchInfo, .ScheduleWidget .Scoreboard
{
    display: none !important;
}

.SeriesInfo
{
    position: absolute;
    left: 24px;
    top: 16px;
    font-size: 18px;
    display: block;
    z-index: 2;
    text-align: left;
    letter-spacing: 2px;
}

.SeriesTime
{
    font-family:'Radiance-SemiBold','arial',sans-serif;
    font-size: 16px;
}

.SeriesTimeLocal
{
	font-size: 12px;
	color: #999;
}

.SeriesName
{
	font-size: 18px;
}

.MatchInfo
{
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 4;
}

.MatchInfo a
{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.Scoreboard
{
    display: none;
    position: absolute;
    top: 37px;
    right: 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: pointer;
    z-index: 3;
}

.ScoreboardWidget
{
    display: none;
    position: absolute;
    top: 6px;
    right: 28px;
    cursor: pointer;
    z-index: 5;
}

.WidgetWatch
{
    display: none;
    position: absolute;
    top: 5px;
    right: 2px;
    cursor: pointer;
    z-index: 3;
}

.ScheduleWidget .WidgetWatch, .ScheduleWidget .ScoreboardWidget
{
    display: block !important;
}

.GameWinner
{
    display: none;
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    top: 27px;
    width: 200px;
}

.Spoiler .GameWinner, .Spoiler .Scoreboard, .Spoiler .TeamSpoiler
{
    display: inline-block;
}

.Spoiler .SpoilerData
{
    display: inline-block;
}

.SpoilerData
{
    display: none;
}

.NotSpoiler
{
    display: inline-block;
}

.Spoiler .NotSpoiler
{
    display: none;
}

.Team1Win
{
    right: 8px;
    text-align: right;
}

.Team2Win
{
    left: 8px;
    text-align: left;
}

.TeamName
{
    font-size: 22px;
    /* width: 375px; */
    vertical-align: top;
    height: 28px;
    margin-top: 17px;
    position: relative;
    z-index: 1;
}

.TeamNameLeft
{
    text-align: right;
    padding-right: 5px;
}

.TeamNameRight
{
    text-align: left;
    padding-left: 5px;
}

.TeamTag
{
    display: none;
    font-size: 16px;
    width: 60px;
    vertical-align: top;
    margin-top: 6px;
    position: relative;
    z-index: 1;
}

.TeamTagLeft
{
    text-align: right;
    padding-right: 5px;
}

.TeamTagRight
{
    text-align: left;
    padding-left: 5px;
}

.VSText
{
    font-size: 22px;
    width: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
}

.ScheduleWidget .VSText
{
    font-size: 14px;
    width: 30px;
    margin-top: 7px;
}

.ScheduleWidget .TeamLogo
{
    height: 32px;
    width: 32px;
    padding: 5px;
}

.ScheduleWidget .TeamLogo img
{
    height: 22px;
    width: 22px;
}

.TeamLogo
{
    height: 64px;
    width: 64px;
    padding: 10px;
}

.InlineBlock
{
    display: inline-block;
}

.Spoiler .NoMatch
{
    opacity: 0.6;
}

.LiveStreams
{
	padding-top: 4px;
}

.WatchLive
{
	font-size: 20px;
	vertical-align: bottom;
}

.StreamIcon
{
	vertical-align: bottom;
	margin-left: 4px;
	width: 24px;
	height: 24px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

a .StreamIcon.SteamBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/steam.png'); }
a:hover .StreamIcon.SteamBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/steam_hover.png'); }
a .StreamIcon.YoutubeBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/youtube.png'); }
a:hover .StreamIcon.YoutubeBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/youtube_hover.png'); }
a .StreamIcon.TwitchBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/twitch.png'); }
a:hover .StreamIcon.TwitchBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/twitch_hover.png'); }
a .StreamIcon.OtherBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/other.png'); }
a:hover .StreamIcon.OtherBroadcast { background-image: url('http://cdn.dota2.com/apps/dota2/images/international2018/overview/platforms/other_hover.png'); }

/* Match Details Stuff */


#MatchDetails {
    width: 979px;
    height: 534px;
    top: 50%;
    left: 50%;
    margin-top: -267px;
    margin-left: -489px;
    display: none;
    position: fixed;
    z-index: 9999;
    color: #FFFFFF;
}

#MatchID {
    position: absolute;
    top: 60px;
    left: 75px;
}

#MatchDuration {
    position: absolute;
    top: 60px;
    left: 195px;
}

#MatchDate {
    position: absolute;
    top: 60px;
    left: 745px;
}

#RadiantTeamName {
    position: absolute;
    top: 95px;
    left: 75px;
    color: #7aa73d;
}

#DireTeamName {
    position: absolute;
    top: 285px;
    left: 75px;
    color: #ca4633;
}

#WinnerTeamName {
    position: absolute;
    top: 50px;
    left: 275px;
    width: 450px;
    text-align: center;
    font-size: 20px;
}

#DetailsTable {
    display: table;
    top: 135px;
    left: 80px;
    width: 840px;
    height: 140px;
    position: relative;
    font-size: 12px;
    margin: 0;
}

#DetailsTableBot {
    margin: 0;
    margin-top: 53px;
    display: table;
    top: 135px;
    left: 80px;
    width: 840px;
    height: 140px;
    position: relative;
    font-size: 12px;
}

.DetailsTableRow {
    display: table-row;
    vertical-align: middle;
}

.DetailsTableRow img {
    margin-top: -2px;
    vertical-align: middle;
    height: 20px;
}

.DetailsTableCellPlayer {
    display: table-cell;
    width: 130px;
}

.DetailsTableCellLevel {
    display: table-cell;
    width: 25px;

}

.DetailsTableCellHero {
    display: table-cell;
    width: 155px;
}

.DetailsTableCellKDA {
    display: table-cell;
    width: 60px;
    text-align: center;
}

.DetailsTableCellItems {
    display: table-cell;
    width: 190px;
    padding-left: 10px;
}

.DetailsTableCellGold {
    display: table-cell;
    width: 40px;
}

.DetailsTableCellLastHits {
    display: table-cell;
    width: 80px;
}

.DetailsTableCellDenies {
    display: table-cell;
    width: 45px;
}

.DetailsTableCellGoldMin {
    display: table-cell;
    width: 65px;
}

.DetailsTableCellXPMin {
    display: table-cell;
    width: 40px;
}

#close_details_button {
    position: absolute;
    top: 15px;
    left: 940px;
}

/* End of Match Details Stuff */

.NoGamesSchedule
{
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    font-size: 28px;
    padding-top: 200px;
    padding-bottom: 200px;
}

.NoGamesWidget
{
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 14px;
    width: 100%;
}

/* Mobile */
@media (min-width: 320px) and (max-width: 767px) 
{
    
    .SpoilerButton
    {
        top: -140px;
        left: 10px;
        width: 90%;
    }

    .ScheduleRow
    {
        padding-top: 21px;
    }

    .SeriesInfo
    {
        top: 8px;
    }

    .SpecialEventRow .SeriesInfo
    {
        top: 16px;
    }

}