.draw-frame {
	overflow-x: auto;
	min-height: 0.01%;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.draw {
	display: flex;
	flex-direction: row;
}

.draw > div {
	margin: 0px;
	font-size: 12px;
}

.draw .number { 
	box-sizing: border-box;
	float: left;
	clear:both;
	min-width:25px; 
	width:100%; 
	height:25px; 
	border:1px solid transparent; 
	padding-top:3px; 
	padding-right:5px; 
	padding-left:4px; 
	position: relative; 
	white-space: nowrap;
	text-align:right; 
}

.draw .frame { 
	box-sizing: border-box;
	float: left;
	clear:both;
	min-width:130px; 
	width:100%; 
	height:25px; 
	border:1px solid #aaa; 
	padding-top:3px; 
	padding-right:25px; 
	padding-left:4px;
	box-shadow: 0px 1px 3px gray;
	border-radius: 4px; 
	background-color: #f8f8f8; 
	position: relative; 
	white-space: nowrap;
}

.draw .frame .seed {
	position: absolute;
	right: 4px;
	top:3px;
}

.draw .frame img.flag {
	width:16px; 
	margin:0px;
	box-shadow:none;
	border-radius:0;
}

.draw .score {
	float:left;
	height:18px;
	margin-left:4px;
	clear:both;
	font-size: 11px;
}

.draw .score .label {
	border-radius: 1em;
}

/* edit */

.drawedit .frame {
	min-width:230px; 
	padding:0px;
	border:0px;
}

.drawedit .chosen-container-single .chosen-single {
	height: 26px;
	line-height: 26px;
}

.drawedit .input-sm {
	height: 26px;
	padding: 0px 3px;
}

.drawedit .score {
	width: 220px;
}

/* singles */
.draw .round1 .number { margin: 5px 0 4px 0; }
.draw .round1 .frame { margin: 5px 0 4px 0; }
.draw .round2 .frame { margin: 22px 0 21px 0; }
.draw .round3 .frame { margin: 56px 0 55px 0; }
.draw .round4 .frame { margin: 124px 0 123px 0; } 
.draw .round5 .frame { margin: 260px 0 259px 0; }  
.draw .round6 .frame { margin: 532px 0 531px 0; } 
.draw .round7 .frame { margin: 1074px 0 1073px 0; } 
.draw .round8 .frame { margin: 2160px 0 2159px 0; } 


.draw .brackets {min width:21px; width:21px; background-repeat: repeat-y;}
.draw .bracket1 {background-image: url(../images/drabinki/r1.png); background-position:0 5px;}
.draw .bracket2 {background-image: url(../images/drabinki/r2.png); background-position:0 22px;}
.draw .bracket3 {background-image: url(../images/drabinki/r3.png); background-position:0 56px;}
.draw .bracket4 {background-image: url(../images/drabinki/r4.png); background-position:0 124px;}
.draw .bracket5 {background-image: url(../images/drabinki/r5.png); background-position:0 260px;}
.draw .bracket6 {background-image: url(../images/drabinki/r6.png); background-position:0 532px;}
.draw .bracket7 {background-image: url(../images/drabinki/r7.png); background-position:0 1074px; background-repeat: no-repeat;}


.draw .round2 .score {margin-top:-18px;}
.draw .round3 .score {margin-top:-52px;}
.draw .round4 .score {margin-top:-120px;}
.draw .round5 .score {margin-top:-256px;}
.draw .round6 .score {margin-top:-528px;}
.draw .round7 .score {margin-top:-1070px;}
.draw .round8 .score {margin-top:-2155px;}


/* doubles */
.doubles .frame {height:41px;}
.doubles .number {height:41px; padding-top:10px;}
.doubles .seed {margin-top:8px;}

.draw.doubles .round1 .frame { margin: 5px 0 4px 0; }
.draw.doubles .round2 .frame { margin: 30px 0 29px 0; }
.draw.doubles .round3 .frame { margin: 80px 0 79px 0; }
.draw.doubles .round4 .frame { margin: 180px 0 179px 0; }
.draw.doubles .round5 .frame { margin: 380px 0 379px 0; }
.draw.doubles .round6 .frame { margin: 780px 0 779px 0; }
.draw.doubles .round7 .frame { margin: 1580px 0 1579px 0; }


.draw.doubles .bracket1 {background-image: url(../images/drabinki/dr1.png); background-position:0 5px;}
.draw.doubles .bracket2 {background-image: url(../images/drabinki/dr2.png); background-position:0 30px;}
.draw.doubles .bracket3 {background-image: url(../images/drabinki/dr3.png); background-position:0 80px;}
.draw.doubles .bracket4 {background-image: url(../images/drabinki/dr4.png); background-position:0 180px;}
.draw.doubles .bracket5 {background-image: url(../images/drabinki/dr5.png); background-position:0 380px;}
.draw.doubles .bracket6 {background-image: url(../images/drabinki/dr6.png); background-position:0 780px; background-repeat: no-repeat;}

.draw.doubles .round2 .score {margin-top:-26px;}
.draw.doubles .round3 .score {margin-top:-76px;}
.draw.doubles .round4 .score {margin-top:-176px;}
.draw.doubles .round5 .score {margin-top:-376px;}
.draw.doubles .round6 .score {margin-top:-776px;}
.draw.doubles .round7 .score {margin-top:-1576px;}


.draw .frame-title { 
	box-sizing: border-box;
	float: left;
	clear:both;
	min-width:130px; 
	width:100%; 
	height:25px; 
	padding-top:3px; 
	padding-right:0px; 
	padding-left:0px;
	position: relative; 
	white-space: nowrap;
	background-color: #fff; 
	color: gray;
	text-align: center;
	font-size: 14px;
}

.draw .round1 .frame-title { margin: 5px 0 4px 0; }