/*New*/
.tournament-brackets{position: relative;}
.round-title{margin-bottom: 16px;}
.round-title span{display:inline-block; width:160px; margin-right:36px;padding:5px;background: #959595; color:#fff;text-align: center;}

/*.bracket{display: inline-block; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);white-space: nowrap; }*/
.bracket{min-width:1250px;overflow-x: auto;}

.bracket .round{display: inline-block; vertical-align: middle; position: relative;}

.bracket .round .winners{margin-bottom:2rem}
.bracket .round .winners:last-child{margin-bottom:0!important}

.bracket .round .winners > div {
    display: inline-block;
    vertical-align: middle;
}
.bracket .round .winners > div.matchups .matchup{
    margin-bottom:2rem;
}
.bracket .round .winners > div.matchups .matchup:last-child {

    margin-bottom: 0 !important;
}
.bracket .round .winners > div.matchups .matchup .participants {
    border-radius: 0.25rem;
    overflow: hidden;
}
.bracket .round .winners > div.matchups .matchup .participants .participant {
    position: relative;
    box-sizing: border-box;
    color: #858585;
    border-left: 0rem solid #858585;
    background: #f4f4f4;
    width: 16rem;
    /*height: 3rem;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
}

.bracket .round .winners > div.matchups .matchup .participants .participant span.no {position:absolute;left:0;top:50%;transform:translate(0, -50%);width:20px;height:20px;background: #dbdbdb; color:#000;text-align: center; line-height: 1.6;}
.bracket .round .winners > div.matchups .matchup .participants .participant span.name{margin-left:36px;}
.bracket .round .winners > div.matchups .matchup .participants .participant span.score {position:absolute;right:0;top:50%;transform:translate(0, -50%);width:20px;height:20px;background: #dbdbdb; color:#000;text-align: center; line-height: 1.6;}
.bracket .round .winners > div.matchups .matchup .participants .participant.winner span.score{color:#ff0000}


.bracket .round .winners > div.matchups .matchup .participants .participant.winner {
    /*color: #60c645;
    border-color: #60c645;*/
}
.bracket .round .winners > div.matchups .matchup .participants .participant.loser {
    color: #dc563f;
    border-color: #dc563f;
}
.bracket .round .winners > div.matchups .matchup .participants .participant:not(:last-child) {
    border-bottom: thin solid #f0f2f2;
}
.bracket .round .winners > div.matchups .matchup .participants .participant span {
    margin: 0 0.8rem;
    line-height: 3;
    /*font-size: 1rem;    */
}

.bracket .round .winners > div.connector{
    position: relative;
}

.bracket .round .winners > div.connector.filled .line, .bracket .round .winners > div.connector.filled.bottom .merger:after, .bracket .round .winners > div.connector.filled.top .merger:before {
    border-color: #ff0000;
}


.bracket .round .winners > div.connector .line, .bracket .round .winners > div.connector .merger {
    box-sizing: border-box;
    width: 2rem;
    display: inline-block;
    vertical-align: top;
}
.bracket .round .winners > div.connector .line {
    border-bottom: thin solid #c0c0c8;
    height: 2.5rem;
    margin-left:-4px;
    margin-right:-4px;
}
.bracket .round .winners > div.connector .merger {
    position: relative;
    height: 4.7rem;
    margin-left:-4px;
}

.bracket .round .winners > div.connector .icon {
    position: absolute;
    top:50%;
    left: -5px;
    transform:translate(0, -50%);
}

.bracket .round .winners > div.connector .merger:before, .bracket .round .winners > div.connector .merger:after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50%;
    border: 0 solid;
    border-color: #c0c0c8;
}
.bracket .round .winners > div.connector .merger:before {
    border-right-width: thin;
    border-top-width: thin;
}
.bracket .round .winners > div.connector .merger:after {
    border-right-width: thin;
    border-bottom-width: thin;
}

.bracket .round.round32 .winners:not(:last-child) {
    margin-bottom: 1.4rem;
}

.bracket .round.round32 .winners .matchups .matchup:not(:last-child) {
    margin-bottom: 0.8rem;
}


.bracket .round.round16 .winners:not(:last-child) {
    margin-bottom: 6.2rem;
}
.bracket .round.round16 .winners .matchups .matchup:not(:last-child) {
    margin-bottom: 6.0rem;
}
.bracket .round.round16 .winners .connector .merger {
    height: 10rem;
}
.bracket .round.round16 .winners .connector .line {
    height: 5.0rem;
}




.bracket .round.quarterfinals .winners:not(:last-child) {
    margin-bottom: 16.4rem;
}
.bracket .round.quarterfinals .winners .matchups .matchup:not(:last-child) {
    margin-bottom: 15.8rem;
}
.bracket .round.quarterfinals .winners .connector .merger {
    height: 19.8rem;
}
.bracket .round.quarterfinals .winners .connector .line {
    height: 9.9rem;
}



.bracket .round.semifinals .winners:not(:last-child) {
    margin-bottom: 35.9rem;
}
.bracket .round.semifinals .winners .matchups .matchup:not(:last-child) {
    margin-bottom: 36.3rem;
}
.bracket .round.semifinals .winners .connector .merger {
    height: 40rem;
}
.bracket .round.semifinals .winners .connector .line {
    height: 20.0rem;
}


.bracket .round.finals .winners .matchups .matchup:not(:last-child) {
    margin-bottom: 76rem;
}

.bracket .round.finals .winners .connector .merger {
    height: 80rem;
}
.bracket .round.finals .winners .connector .line {
    height: 40rem;
}
.my-home .my-close {position:absolute;top:14px;right:10px}
.place-box{height:45px; border:1px solid #d5d5d5;padding:15px;width:1050px;font-size:1.1em; font-weight:bold;background:#efefef;text-align:center}

.point-blue {color:#0000FF; font-size: 2.0em;  font-family: 'Anton', sans-serif;}
.point-red {color: #ff0000; font-size: 2.0em;  font-family: 'Anton', sans-serif;}
.point-grey {color: #DFDFDF; font-size: 2.0em;  font-family: 'Anton', sans-serif;}

.point2-blue {color:#0000FF; font-size: 1.5em;  font-family: 'Anton', sans-serif;}
.point2-red {color: #ff0000; font-size: 1.5em;  font-family: 'Anton', sans-serif;}
.point2-grey {color: #DFDFDF; font-size: 1.5em;  font-family: 'Anton', sans-serif;}

.player{width:50px; height:35px;float:left;margin-left:2px}
.rank{float:left;padding-right:2px;}


.scroll-boxs {
    display: flex;
    flex-wrap: no-wrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.cards {
    width: 60px;
    height: 30px;
    margin-right:3px;
    border-radius:5% !important;
    padding:2px;
    over-flow:hidden;
    flex: 0 0 auto;
}
.sticky-cols {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
}

.first-cols {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    left: 0px;
}