body {
  width: 90%;
  margin: 5px auto;
  color: #ffffff;
  background-color: #5e9886;
  font-family: Arial, sans-serif;
}

main {
  background-color: #5e9999;
  border: solid 2px #dddddd;
  border-radius: 10px;
  padding: 5px;
  margin: 5px auto;
  text-align: center;
}

header {
  background-color: #6f9776;
  border: solid 2px #dddddd;
  border-radius: 10px;
  padding: 5px;
  margin: 5px auto;
  text-align: center;
  color: yellow;
}

header a{
	color: #ffffff;
	text-decoration: none;
}

header a:hover{
	color: #ffd1ad;
}

footer {
  padding: 5px;
  margin: 5px auto;
  text-align: center;
}

a {
	color: white;	
	text-decoration: none;
}

a:hover {
	color: #dddddd;	
}

.player_animation {
	opacity: 0;
    animation: fade 10s linear;
}

@keyframes fade {
  0%,100% { opacity: 0 }
  10%,90% { opacity: 1 }
}

.player_animation_timeout {
	opacity: 0;
    animation: fade 30s linear;
}

@keyframes fade_timeout {
  0%,100% { opacity: 0 }
  1%,99% { opacity: 1 }
}

.button {
	padding: 5px;
	margin: 5px auto;
	background-color: #5e9886;
	color: #ffffff;
	border: solid 2px #dddddd;
	text-decoration: none;
	font-size: 10px;
}

.active_button {
	padding: 5px;
	margin: 5px auto;
	background-color: darkred;
	color: #ffd1ad;
	border: solid 2px #dddddd;
	text-decoration: none;
	font-size: 14px;
}

ul {
	text-align: justify;
	color: #ffffff;
}

li{
	padding: 5px;
	margin: 5px;
	list-style-type: square;
}

b {
	color: #ffd1bd;
}

h2 {
	color: #ffd1bd;
}

.players {
	margin: 5px 0px;
	padding: 5px;
	font-size: 12px;
}

.players th{
	background-color: #5e9999;
	color: #ffffff;
	border: solid 2px #dddddd;
	margin: 5px 0px;
	padding: 5px;
}

.teams {
	margin: 5px auto;
	padding: 5px;
	font-size: 12px;
}

.teams th{
	border: solid 2px #dddddd;
	margin: 5px 0px;
	padding: 5px;
}

.table_header {
	background-color: #6f9776;
	color: #ededed;
}

.table_cell {
	background-color: #5e9886;
	color: #ffffff;
}

.protokol {
	margin: 5px auto;
	padding: 5px;
	font-size: 12px;
}

.protokol td{
	background-color: #5e9999;
	color: #ffffff;
	border: solid 2px #dddddd;
	margin: 5px 0px;
	padding: 5px;
}

.protokol th{
	background-color: #5e9999;
	color: #ddffdd;
	border: solid 2px #dddddd;
	margin: 5px 0px;
	padding: 5px;

}

.col {
	border: solid 2px white;
	background-color: #6f9776;
	text-align: center;
	margin: 5px;
	padding: 5px;
	display: inline-block;
	vertical-align: top;
}

.col a:hover{
	text-decoration: underline;
}

.row2 {
	text-align: center;
	margin: 5px auto;
	padding: 5px;
	vertical-align: top;
	width: fit-content;
}

.row a:hover{
	text-decoration: underline;
}

.player_points {
	color: #ddffdd;
	margin: 5px auto;
	padding: 5px;
}

.tablo {
  padding: 5px;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
  background-color: blue;
  border: solid 2px white;
  color: white;
}

.tablo_cell {
  width: 25px;
  padding: 5px;
  margin: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: darkblue;
  border: solid 2px white;
  color: yellow;
}

.tablo_set {
  width: 25px;
  padding: 5px;
  margin: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: darkred;
  border: solid 2px white;
  color: yellow;
}

.tablo_team {
  padding: 5px;
  margin: 10px;
  text-align: left;
  vertical-align: middle;
  font-weight:bold ;
}

.tablo_serve {
  width: 12px;
  padding-right: 5px;
  margin: 10px;
  text-align: center;
  vertical-align: middle;
}

.tournirs {
	padding: 10px;
	margin: 10px;
	border: solid 2px #dddddd;
	vertical-align: middle;
	border-radius: 10px;
	background-color: #5e9886;
	color: #ffffff;
	display: inline-block;
	
}

.tournirs a {	
	text-decoration: none;
	color: #ffd1bd;
}

.tournirs a:hover {	
	color: yellow;
}