.header-round {
position: relative;
flex: 0;
display: flex;
flex-direction: column;
justify-content: space-around;
width: 250px;
}
.header-bracket-box {
margin: 5px 0px;
margin-right: 30px;
overflow: hidden;
border-radius: 5px;
width: 200px;
text-align: center;
}



.bracket {
display: flex;
font-size: 14px !important;
}

.bracket-round, .bracket-label {
position: relative;
flex: 0;
display: flex;
flex-direction: column;
justify-content: space-around;
width: 250px;
}
.bracket-round {
    margin-left: 30px;
}
.bracket-round:first-child {
    margin-left: 0px;
}
.bracket-box-label {
width: 130px;
border: 1px solid #e8e8e8;
}

.bracket-round-separator {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
}

.bracket-group {
position: relative;
display: flex;
flex-direction: column;
padding: 15px 0px;
justify-content: space-around;
}

.bracket-match {
margin: 5px 0;
overflow: hidden;
border-radius: 5px;
width: 200px;
border: 1px solid #e8e8e8;
}

.bracket-player {
padding: 8px 5px;
}
.bracket-player-bb {
border-bottom: 1px solid #cccc;
}

.line-bracket-hr {
border: 2px solid #ccc;
width: 13.5px;
position: absolute;
}
.line-bracket-hr.left {
left: -17px;
}
.line-bracket-hr.right {
right: -17px;
}

.bracket-line-vr {
position: absolute;
border-right: 4px solid #ccc;
right: -17px;
}