body.tournament #main {
	background-color:#eee;
	padding:0.5em;
}
body.tournament #main div.flex {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:1em;

}

body.tournament #main div.flex >div {
	padding:1em;
}

body.tournament div.tableau {
	background-color:#fff;
	box-shadow:0 2px 12px rgba(0,0,0,0.1);
}
body.tournament div.tableau .t1.self,
body.tournament div.tableau .t2.self {
	box-shadow: 0 0 2px 2px rgba(0,102,255,0.8);
	background-color:rgba(0,102,255,0.1);
}
.pager{
	text-align:center;
}

div.tableau > input[type=radio] {
	display:none;
}
div.tableau > label {
	display:none;
}
div.tableau > select[name="matchteam"]{
	position:absolute;
	top:0;
	left:50px;
	display:none;
	z-index:10;
}
div.tableau > button[name=team]{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#basedata, #competitions, #players, #locations, div.matches {
	box-shadow:0 2px 12px rgba(0,0,0,0.1);
	padding:1em;
	background-color:#fff;
}
#tableaus{
	min-width:768px;
}
div.matches, #tableaus{
	margin:1em 0;
	display:inline-block;
	vertical-align:top;
}
#players .info th[title]:after {
	/*content:attr(title);*/
}

#setlist, #matchteams, #compplayers, #auslosung{
	display: inline-block;
	vertical-align: top;
	box-shadow:0 2px 12px rgba(0,0,0,0.1);
	padding:1em;
	background-color:#fff;
	margin-top:1em;
}

body.tournament #s_searchform {display:none;}
body.tournament #s_searchform:checked +label {
	color:red;
}
body.tournament #tournamentsearchform {display:none;}
body.tournament #s_searchform:checked ~ #tournamentsearchform {
	display:inline-block;
}

body.tournament div.matches .ln::after,
body.tournament table.info .ln::after,
body.tournament div.group .ln::after,
body.tournament div.tableau .ln::after{
	content:attr(title);
}

td.hasreg{
	background-color:#693;
}

table.matches {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}
table.matches th{
	word-break:break-word;
	word-wrap:break-word;
	hyphens:auto;
	border:1px solid #ccc;
}

table.matches td{
	border:1px solid #ccc;
	padding:4px;
}

.matches tr.status3,
.matches tr.status4,
.matches tr.status5,
.matches tr.status6{
	background-color:#ddd;
}

table.matches tr:hover {
	background-color:#ff9;
}
table.matches tr:hover td{
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
}

table.matches td.win{
	background-color:#ee6;
}
/* weiter durch Los */
.matches td.winlucky{
	background-color:#fff;
}

table.matches td >a{
	text-decoration:none;
}

table.matches td a.rv {
	font-size:12px;
	display:block;
	padding:2px;
}
table.matches td a.rv a {
	font-size:10px;
	display:inline-block;
	padding:4px;
	line-height:1em;
	margin-right:2px;
	background-color:#fff;
	border-radius:50%;
}

#matchteams td a span.lk {
    color: #666;
    font-size: smaller;
    padding-left: 0.3em;
}
/* do not zoom page on iphone when doing the select */
select.matchstatus{
	font-size:16px;
}

.tableau div a.rv {
	margin-left:10px;
}
.tableau div a.rv a {
	display:inline-block;
	background-color:#fff;
        font-size:8px;
        line-height:1em;
        padding:2px;
	margin-right:4px;
	border-radius:50%;
}
.tableau div a.rv .rc {
	padding-left:3px;
	padding-right:3px;
}
.result span.tiebreak {
	vertical-align:sub;
	font-size:smaller;
	color:#339;
}
.matches span.tiebreak {
	vertical-align:sub;
	font-size:smaller;
	color:#339;
	padding-left:0.2em;
}
div#subcomp {
	display:flex;
	flex-wrap:wrap;
	gap:1em;
}
div#subcomp div.group{
	padding:1em;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	background-color:#fff;
}
div#subcomp .groupname{
	padding:1em;
	text-align:center;
}
table.group{
	border:1px solid #000;
	border-collapse:collapse;
}

table.group th,
table.group td {
	border:1px solid #000;
}

table.group th a{
	text-decoration:none;
	font-weight:normal;
	color:#600;
	white-space:nowrap;
}

table.group td.x {
	background-color:#ddd;
}
table.group td.result {
	text-align:center;
}
table.group td.result span.result{
	display:block;
}

table.grouptotal {
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #999;*/
	margin-top: 1em;
	border-collapse: collapse;
}

table.grouptotal th{
	font-weight:normal;
}
table.grouptotal th,
table.grouptotal td {
	border-bottom: 1px solid #999;
	padding:0.5em;
}

table.grouptotal td a {
	text-decoration: none;
	color: #600;
}
table.grouptotal td:nth-child(3),
table.grouptotal td:nth-child(4),
table.grouptotal td:nth-child(5){
	text-align:center;
}

div.match{
	display:inline-block;
	padding:4px;
	border-radius:10px;
	border:1px solid #f60;
	background-color: rgba(255,200,200,0.3);
	margin:0.5em;
}
div.matchvs{
	display:flex;
	align-items:center;
}
div.matchvs .vs::after{
	content:"vs.";
}
div.match > div:first-of-type{
	display:block;
	text-align:center;
}
div.matchvs div.attendees{
	border-radius:16px;
	margin:0.2em;
}
div.matchvs div.attendees.empty{
	border:1px dashed #999;
	min-width:5em;
	min-height:2em;
}
div.matchvs div.attendees label{
	width:100%;
	margin:0;
}
@media only screen and (max-width: 768px){
	#tableaus {
		display:block;
		min-width:auto;
	}
}
@media only screen and (max-width: 480px){
	body.tournament #main {
		padding:2px;
	}

	body.tournament div#main div.flex >div {
		margin:1em 0 1em 0;
		padding:0.2em;
	}
	body.tournament #main div.flex {
		display:block;
		margin:0.5em 0 0.5em 0;
	}
	div#subcomp {
		display:block;
	}
	div#subcomp div.group {
		padding:1em 0;
		box-shadow: 0 2px 12px rgba(0,0,0,0.1);
		display:block;
		margin:1em 0;
        }
	div#subcomp div.group table.group{
		margin-left:auto;
		margin-right:auto;
	}

	div#subcomp div.group tr:first-child th span.ln{
		display:none;
	}
	div#subcomp .groupname {
		padding:0.5em;
	}
	#players .info th[title]:after{
		content:attr(data-shortname);
	}
	body.tournament div.tableau .ln::after{
		content:attr(data-l)'.';
	}
	div.matchvs .vs{
		margin-left:-1px;
		margin-right:-1px;
	}
	div.matchvs .vs::after{
		content:"vs";
	}
	#basedata, #competitions, #players, div.matches {
		padding:0;
		display:block;
	}
	#compplayers, #matchteams,#setlist{
		padding:0;
		display:block;
	}
	h2{text-align:center;}
}