body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}
table {
    border: 1px solid black;
    border-collapse: collapse;
}
th {
    padding: 0.5em;
    text-align: center;
}
td {
    padding: 0.1em 0.2em;
    text-align: center;
}
td.replay {
	background-color: white;
}
td.points {
	background-color: white;
}
td.points_1st {
    background-color: #00fe5f;
}
td.points_multiple {
    background-color: #019a32;
}
td.points_fail {
    background-color: #fb3431;
}

table tr td.vertical {
	max-width: 1.3em;
	white-space: nowrap;
	transform: scale(-1) translateX(25%);
}
table tr td.vertical div {
	writing-mode: vertical-lr;
}

table.team {
    border: none;
    border-collapse: collapse;
    width: 100%;
}
table.team tr td:nth-child(6) {
    width: 20%;
    text-align: center;
}
table.team tr td {
    width: 16%;
    text-align: center;
}

div.hero {
    position:relative;
    width: 40px;
	height: 40px;
	margin: auto;
}

div.spirit {
    position:relative;
    width: 20px;
	height: 20px;
	margin: auto;
}

img.bg {
	position:absolute;
	top:2px;
	left:2px;
	z-index:0;
	width: 36px;
	height: 36px;
}

img.frame {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    height: 40px;
}

img.hero {
    position:absolute;
    top:2px;
    left:2px;
    z-index:1;
    height: 36px;
}

img.spirit {
    position:absolute;
    top:0px;
    left:0px;
    height:20px;
}

img.stars {
    position:absolute;
    bottom:0px;
    left:1px;
    z-index:3;
    width: 38px;
}

img.patronat {
    position:absolute;
    top:-6px;
    right:-6px;
    z-index:4;
    max-width: 20px;
    max-height: 20px;
}


div.replayi {
    position:relative;
    background-image: url("/img/button_green.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    margin: auto;
}

div.replayt {
    display: none;
}

div.replayi img {
    position:absolute;
    width: 20px;
    left: 6px;
    top:7px;
    transition: all 0.25s;
}

div.replayi img:hover {
    filter: brightness(130%);
    transition: all 0.25s;
}

form {
  padding: 0.5em;
  width: 55em;
  overflow: hidden;
}

fieldset {
  padding: 0.5em;
  border: 1px solid grey;
  border-radius: 4px;
}
label.cb-inline {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    overflow: hidden;
    width: 6em;
}