body {
  background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Angels_Stadium.JPG/1200px-Angels_Stadium.JPG') center no-repeat;
  background-size: cover;
  min-height: 300px;
  margin: 0px;
}

@font-face{
 font-family:"digital-7";
 src: url("font/digital-7.ttf");
}
@font-face{
 font-family:"BB";
 src: url("font/TickingTimebombBB.ttf");
}
@font-face{
 font-family:"DD";
 src: url("font/Digital Dismay.otf");
}

table {
  /* border-collapse: collapse; */
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
div.caption{
	padding:1px;
	background-color: #9b9181;
	font-size: 5em;
	text-align:center;
	border-collapse: collapse;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
caption {
  font-size: 3vw;
  font-weight: bold;
  padding: .8em;
  border: 1px solid #000;
  text-align:center;
  
}
th{
	font-size: 1.25em;
}


table.score,
table.score1{
  border-spacing: 0px 5px;
  display: inline;
  padding-left: 30px;
  margin: 150px 100px 0 0 ;
}


table.score td,
table.score1 td{
	border: 1px solid #000;
}

th,
[data-th]:first-child {
  /* background-color: #eee; */
}

[data-th="Team"] {
  /*  color: #134A8E; */
  font-weight: bold;
  text-align: left;
}

[data-th="1st"],
[data-th="2nd"],
[data-th="3rd"],
[data-th="4th"],
[data-th="5th"],
[data-th="6th"]{
	font-size: 20px;
	font-weight: bold;
}


[data-th="4th"]{
  text-align: center;
  width: 15px;
  margin: 0px;
}

[data-th="3rd"],
[data-th="5th"]{
  text-align: center;
  width: 30px;
  height: 40px;	
}

[data-th="2nd"],
[data-th="1st"]{
	width: 200px;
	text-align: center;
	padding: .0em .25em;
}

.long {
  font-size: 1.5em;
  padding:0 40px;
}

  /* horizontal scroll */
.contained-table {
    background-color: #FFF;
	width: 1550px;
	height: 95%;
	border: 10px solid #eee;
	color: #000;
}
.contained-tableau {
  background-color: #FFF;
  border: 1px solid #000;
  margin: 0em auto;
  padding: 1px;
	width: 1565px;
	height:100%;
	min-height: 900px;
	/*overflow-x: auto;*/
}
.tableau_principal{
	border: 5px solid #eee;
	width: 1540px;
	height: 100%;
	min-height: 900px;
	text-align: center;
}
  table {
    margin: .5em auto;
    max-width: 100%;
  }

img.logo{
	float: left;
	position:absolute;
	margin: 20px 0 0 20px;
	width: 105px;
	height: 50px;
}

a{
    text-decoration: none !important;
}

.add{
	float: left;
	font-size: 25px;
	font-weight: bold;
	background-color:#F6F6F6;
	padding: 10px 20px;
	border-radius: 10px;
	margin-top: 10px;
	margin-left: -45px;
	position: absolute;
}

.reset{
	float: right;
	width: 40px;
	height: 40px;
	margin-left: 1020px;
	position: absolute;
}
.resetplayer{
	float: right;
	margin-left: 10px;
	position: absolute;
	width: 25px;
	height: 25px;
}
@media (max-width: 1000px){
	.contained-table {
		background-color: #FFF;
		width: 97%;
		height: 93%;
		border: 10px solid #eee;
		color: #000;
	}
	.contained-tableau {
	  background-color: #FFF;
	  border: 1px solid #000;
	  margin: 0em auto;
	  padding: 0px;
		width: 97%;
		height:100%;
		min-height: 900px;
		/*overflow-x: auto;*/
	}
	.tableau_principal{
		border: 5px solid #eee;
		width: 100%;
		height: 100%;
		min-height: 900px;
		text-align: center;
		border: 1px solid #000;
		zoom: 135%;
	}
	.reset{
		float: right;
		width: 40px;
		height: 40px;
		margin-top: -60px;
		margin-left: 40px;
		position: absolute;
	}
}