/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { background: #fff;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } */

/* optional Container STYLES */
.chart { height: 650px; width: 100%; margin: auto; border: 1px solid #DDD; border-radius: 3px; }

.tennis-draw {
    font-size: 90%;
    width: 130px;
}

.tennis-draw.winner { background: url('/assets/img/trophy.png') right 0 no-repeat; }
/*.tennis-draw.winner .node-name { padding-left: 5px; margin-top: -5px; display: block; } */

.tennis-draw .node-name,
    .tennis-draw .node-name-2 { padding: 2px; white-space: pre; color: #007bff; /*#212529; /*#00AFF0;*/ }
.tennis-draw .node-desc { padding: 2px; color: #999; }

.tennis-draw p.node-name,
    .tennis-draw p.node-name-2 { margin-bottom: 0 }
.tennis-draw p.node-desc { margin-bottom: 0 }

.tennis-draw.first-draw .node-title,
    .tennis-draw.first-draw .node-name,
    .tennis-draw.first-draw img,
    .tennis-draw.first-draw-2 .node-title-2,
    .tennis-draw.first-draw-2 .node-name-2,
    .tennis-draw.first-draw-2 img { position: absolute; top: -16px; }

.tennis-draw.first-draw.bye .node-name,
    .tennis-draw.first-draw-2.bye .node-name-2 { color: #999; }
    
/* Difference */
.tennis-draw.first-draw { width: 230px; height: 60px; margin-top: 5px; }
.tennis-draw.first-draw-2 { width: 280px; height: 60px; margin-top: 5px; }

.tennis-draw.first-draw .node-name { width: 205px; left: 85px; top: 0px; }
.tennis-draw.first-draw-2 .node-name-2 { width: 205px; left: 135px; top: 0px; }

.tennis-draw.first-draw .tree-image,
 .tennis-draw.first-draw-2 .tree-image { margin: 3px 4px 0 0; top: -15px; width: 50px; }
.tennis-draw.first-draw-2 .tree-image-2 { margin: 3px 4px 0 0; top: -15px; width: 50px; left: 50px; }

.tennis-draw.first-draw .node-title { margin-top: 3px; left: 60px; font-weight: bold; top: 0px }
.tennis-draw.first-draw-2 .node-title-2 { margin-top: 3px; left: 110px; font-weight: bold; top: 0px }