/* jQuery Bracket | Copyright (c) Teijo Laine 2011-2018 | Licenced under the MIT licence */
div.bgBracket{
    font-family:Arial;
    font-size:14px;
    position:relative
}
div.bgBracket .tools{
    position:absolute;
    top:0;
    color:#fff
}
div.bgBracket .tools span{
    cursor:pointer;
    margin:5px;
    display:block;
    text-align:center;
    width:18px;
    height:18px;
    background-color:#666
}
div.bgBracket .tools span:hover{
    background-color:#999
}
div.bgBracket .finals{
    float:right;
    right:0;
    clear:right;
    position:relative
}
div.bgBracket .bracket{
    float:right;
    clear:left
}
div.bgBracket .loserBracket{
    float:right;
    clear:left;
    position:relative
}
div.bgBracket .round{
    position:relative;
    float:left
}
div.bgBracket .match{
    position:relative
}
div.bgBracket .editable{
    cursor:pointer
}
div.bgBracket .team{
    position:relative;
    z-index:1;
    float:left;
    background-color:#1b1c23;
    cursor:default
}
div.bgBracket .team:first-child{
    border-bottom:1px solid #999
}
div.bgBracket .team{
    font-size:14px;
    padding:0;
    width:100%;
    border:0;
    margin:0;
    outline:0
}
div.bgBracket .team div.label{
    padding:3px;
    position:absolute;
    height:22px;
    white-space:nowrap;
    overflow:hidden;
    box-sizing:border-box
}
div.bgBracket .team div.label[disabled]{
    cursor:default
}
div.bgBracket .team div.score{
    float:right;
    padding:3px;
    background-color:rgba(255,255,255,.3);
    text-align:center;
    box-sizing:border-box
}
div.bgBracket .team div.score input{
    text-align:center
}
div.bgBracket .team div.score[disabled]{
    color:#999;
    cursor:default
}
div.bgBracket .team div.label input.error,div.bgBracket .team div.score input.error{
    background-color:#fcc
}
div.bgBracket .team.np{
    background-color:#666;
    color:#eee
}
div.bgBracket .team.na{
    background-color:#999;
    color:#ccc
}
div.bgBracket .team.win{
    color:#333
}
div.bgBracket .team.win div.score{
    color:#060
}
div.bgBracket .team.lose div.score{
    color:#900
}
div.bgBracket .team.lose{
    background-color:#ddd;
    color:#999
}
div.bgBracket .team.tie div.score{
    color:#00f
}
div.bgBracket .team.highlightWinner{
    background-color:#da0;
    color:#000
}
div.bgBracket .team.highlightLoser{
    background-color:#ccc;
    color:#000
}
div.bgBracket .team.highlight{
    background-color:#10baa8;
    color:#000
}
div.bgBracket .team.bye{
    background-color:#999;
    color:#ccc
}
div.bgBracket .teamContainer{
    z-index:1;
    position:relative;
    float:left
}
div.bgBracket .connector{
    border:2px solid #666;
    border-left-style:none;
    position:absolute;
    z-index:1;
    border-radius: 0px 3px 3px 0px;
}
div.bgBracket .connector div.connector{
    border:0;
    border-bottom:2px solid #666;
    height:0;
    position:absolute
}
div.bgBracket .connector.highlightWinner,div.bgBracket .connector div.connector.highlightWinner{
    border-color:#da0
}
div.bgBracket .connector.highlightLoser,div.bgBracket .connector div.connector.highlightLoser{
    border-color:#ccc
}
div.bgBracket .connector.highlight,div.bgBracket .connector div.connector.highlight{
    border-color:#0c0
}
div.bgBracket .np .connector,div.bgBracket .np .connector div.connector{
    border-color:#999
}
div.bgBracket .bubble{
    height:22px;
    line-height:22px;
    width:30px;
    right:-35px;
    position:absolute;
    text-align:center;
    font-size:11px
}
div.bgBracket .bubble:after{
    content:"";
    position:absolute;
    top:6px;
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid transparent
}
div.bgBracket .bubble:after{
    left:-5px;
    border-left:0
}
div.bgBracket .win .bubble{
    background-color:#da0;
    color:#960
}
div.bgBracket .win .bubble:after{
    border-right-color:#da0
}
div.bgBracket .win .bubble.third{
    background-color:#963;
    color:#d95
}
div.bgBracket .win .bubble.third:after{
    border-right:6px solid #963
}
div.bgBracket .lose .bubble{
    background-color:#ccc;
    color:#333
}
div.bgBracket .lose .bubble:after{
    border-right-color:#ccc
}
div.bgBracket .lose .bubble.fourth{
    background-color:#678;
    color:#ccd
}
div.bgBracket .lose .bubble.fourth:after{
    border-right:6px solid #678
}
div.bgBracket.rl .finals{
    float:left;
    left:0;
    clear:left
}
div.bgBracket.rl .bracket{
    float:left;
    clear:right
}
div.bgBracket.rl .loserBracket{
    float:left;
    clear:right
}
div.bgBracket.rl .round{
    margin-right:0;
    float:right
}
div.bgBracket.rl .team{
    float:right
}
div.bgBracket.rl .team div.label{
    right:0
}
div.bgBracket.rl .team div.score{
    float:left
}
div.bgBracket.rl .teamContainer{
    float:right
}
div.bgBracket.rl .connector{
    border-left-style:solid;
    border-right-style:none;
    border-width:2px
}
div.bgBracket.rl .connector.highlightWinner,div.bgBracket.rl .connector div.connector.highlightWinner{
    border-color:#da0
}
div.bgBracket.rl .connector.highlightLoser,div.bgBracket.rl .connector div.connector.highlightLoser{
    border-color:#ccc
}
div.bgBracket.rl .connector.highlight,div.bgBracket.rl .connector div.connector.highlight{
    border-color:#0c0
}
div.bgBracket.rl .bubble{
    left:-35px
}
div.bgBracket.rl .bubble.third{
    background-color:#963;
    color:#310
}
div.bgBracket.rl .bubble.fourth{
    background-color:#678;
    color:#ccd
}
div.bgBracket.rl .bubble:after{
    left:auto;
    right:-5px;
    border-left:5px solid transparent;
    border-right:0
}
div.bgBracket.rl .bubble.third:after{
    border-right:0;
    border-left:6px solid #963
}
div.bgBracket.rl .bubble.fourth:after{
    border-right:0;
    border-left:6px solid #678
}
div.bgBracket.rl .highlightWinner .bubble:after{
    border-left-color:#da0
}
div.bgBracket.rl .highlightLoser .bubble:after{
    border-left-color:#ccc
}