#bracket{
    width: 100%;
    overflow: auto;
    /*display: flex;*/
    /*margin-top: -45px;*/
    font-size: 12px;
    padding-top: 100px;
    padding-bottom: 30px;
}

/*#bracket .sideLeft {*/
    /*width: calc(50% - 155px);*/
/*}*/

/*#bracket .sideRight {*/
    /*width: calc(50% + 155px);*/
/*}*/

#bracket a{
    color: #A0A0A0;
}
#bracket a:hover{
    color: #337ab7 !important;
}

#bracket .round{
    float: left;
    min-width: 160px;
    text-align: center;
    min-height: 1px;
    position: relative;
}

#bracket .round .titleRound{
    font-size: 14px;
    text-transform: uppercase;
    background-color: #5F5F5F;
    color: #E6E6E6;
    border: solid 1px #969696;
    padding: 5px;
    /*display: inline-block;*/

    display: block;
    margin: auto;
    width: 95%;
    /*width: 152px;*/
}

#bracket .round .match{
    /*height: 100px;*/
    height: 75px;
    background: #3C3C3C;
    color: #A0A0A0;
    /*width: 100%;*/
    width: inherit;
    margin: auto;
    padding-top: 1px;
    /*min-width: 160px;*/
    width: 160px;
    position: relative;
    text-align: left;
}

#bracket .round .match.hiddenMatch{
    background: url(/images/bg-stripe.png);
}

#bracket .round .match.byeMatch{
    background: transparent;
    padding: 20px 0;
}

#bracket .round:first-of-type .match:first-child{
    /*margin-top: 0 !important;*/
}

#bracket .round .match .numMatch{
    float: left;
    height: 100%;
    /*line-height: 95px;*/
    line-height: 75px;
    padding: 0 10px;
    border-right: solid 1px #A0A0A0;
    margin-right: 2px;
    width: 32px;
    text-align: center;
    font-size: 10px;
}

#bracket .round .match.byeMatch .numMatch{
    line-height: 35px;
}

#bracket .round .match .team{
    /*height: 35px;*/
    /*line-height: 35px;*/
    /*height: 25px;*/
    line-height: 25px;
    color: #A0A0A0;
}

#bracket .round .match.byeMatch .team{
    line-height: 34px;
    background: #3C3C3C;
    display: block;
    height: 100%;
}

#bracket .round .match .result{
    border-top: solid 1px #323232;
    border-bottom: solid 1px #323232;
    display: block;
    margin-left: 35px;

    font-size: 10px;
    padding: 2px 0;
}

#bracket .round .match .bracketLine{
    border: solid 1px #696969;
    /*width: 115px;*/
    /*height: 80px;*/
    position: absolute;
    /*right: -115px;*/
    border-left: none;
}

#bracket .sideLeft .round .match .bracketLine.bracketLineFinal{
    border-right: none;
}

/*#bracket .sideLeft .round .match .bracketLine.bracketLineFinal.bracketLineFinalLast{*/
    /*border-right: solid 1px #696969;*/
/*}*/

#bracket .round .match .bracketLine.top{
    top: 40px;
    border-bottom: none;
 }

#bracket .round .match .bracketLine.bottom{
    bottom: 40px;
    border-top: none;
}

#bracket .round .match .cup{
    position: absolute;
    /*left: 25px;*/
    left: 180px;
    top: -175px;
    text-align: center;
}

#bracket .round .match .cup img{
    width: 200px;
}

#bracket .round .match .cup .team{
    background: #3C3C3C;
    padding: 10px;
}

#bracket .conferenceTitle{
    color: #ffffff;
    padding: 10px 15px;
    margin-bottom: 0;
    text-align: center;
}

#bracket .sideRight .conferenceTitle{
    /*margin-left: 155px;*/
    /*margin-left: 33%;*/
}

/*RIGHT SIDE*/
#bracket .sideRight .round{
    float: right;
}

#bracket .sideRight .round .match .bracketLine{
    border-left: solid 1px #696969;
    border-right: none;
}


/*FINAL*/
/*#bracket .round .match.final{*/
    /*position: absolute;*/
    /*top: -112.5px;*/
/*}*/

#bracket .round .final{
    color: #A0A0A0;
}

#bracket .round .final .finalWinnerSection{
    position: relative;
}

#bracket .round .final .finalWinnerSection .finalWinner{
    position: absolute;
    bottom: 40px;
    text-align: center;
    /*left: -75px;*/
    max-width: 100%;
}

#bracket .round .final .finalWinnerSection .finalWinner img{
    /*width: 300px;*/
    max-width: 70%;
}

#bracket .round .final .finalWinnerSection .finalWinner.type2 img {
    max-width: 45%;
}

#bracket .round .final .finalWinnerSection .finalWinner .team{
    background: #3C3C3C;
    padding: 10px;
    text-transform: uppercase;
    color: #ffffff;
    min-height: 75px;
    display: block;
    line-height: 16px;
    position: relative;
}

#bracket .round .final .finalWinnerSection .finalWinner .team a{
    color: #ffffff;
}

#bracket .round .final .finalWinnerSection .finalWinner .team .topLine{
    position: absolute;
    height: 25px;
    width: 50%;
    border-right: solid 1px #696969;
    top: -25px;
    left: 0;
}

#bracket .round .final .finalWinnerSection .finalWinner .botLine{
    position: absolute;
    height: 39px;
    width: 50%;
    border-right: solid 1px #696969;
    bottom: -39px;
    left: 0;
}

#bracket .divisionTitle {
    position: absolute;
    writing-mode: tb-rl;
    bottom: 0;
    background: linear-gradient(90deg, rgb(12, 12, 12), rgb(184, 186, 208), rgb(12, 12, 12));
    color: #ffffff;
    padding: 3px;
    font-size: 26px;
}

#bracket .sideLeft .divisionTitle {
    transform: rotate(-180deg);
    right: 100%;
    margin-right: 5px;
}

#bracket .sideRight .divisionTitle {
    left: 100%;
    margin-left: 5px;
}