table {
  border-collapse: collapse;
  margin: 0 10 auto;
  padding: 0;
  width: 80%;
  color: #000;
}
table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px solid #bbb;
}
table thead{
  border-bottom: 5px solid #ff9900;
}
table tr:last-child{
   border-bottom: none
}
table th,
table td {
  padding: 0.5em 4px 0.5em 1em;
  border-right: 1px solid #bbb;
}
table th:last-child,
table td:last-child{
    border: none;
}
tbody th {
    color: #ff9901;
}

.summarytable {
  width: 100%;
}
.summarytable .name {
/*
	width:180px;
*/
}
.summarytable .score {
	width:80px;
}
.summarytable .rank {
	width:40px;
}
.summarytable .avgrank {
	width:40px;
}

.txt{
   text-align: left;
   font-size: .85em;
}
.score{
   text-align: right;
	width:80px;
}
.name {
   text-align: left;
	width:240px;
}
.rank {
	text-align:center;
	width:40px;
}

.summarypanel {
	width:100%;
	margin-top:10px;
}
.last-update {
	float:right;
}
.add-score {
	float:left;
}
.add-score-input {
	width:60px;
	margin-left:10px;
}
#paypay {
  position:absolute;
  right:10px;
  top:10px;
  border:1px solid blue;
  padding:5px;
  z-index:10;
  background-color:white;
}
.sumerror {
	color:red;
}


.scoretable {
	width:100%;
}
.scoretable td{
  padding: 0.4em 0.4em 0.4em 0.4em;
  border-right: 1px solid #bbb;

}
.scoretable .rank {
	width:20px;
}
.scoretable .data-name {
	float:left;
}
.scoretable .data-score {
	float:right;
}

/*
@media screen and (max-width: 640px) {
	table {
		font-size:70%;
	}
.scoretable td{
}
.scoretable .name{
}
.scoretable .data-name {
	display: flex;
	flex-direction: column;
	align-items: flex-center;
	width:100%;
	text-align:center;
}
.scoretable .data-score {
	display: flex;
	flex-direction: column;
	align-items: flex-center;
	width:100%;
	text-align:center;
}

}
*/