.hidden {
    display: none;
}

body {
    background-color: #f1f1f1;
    font-size: 62.5%;
    text-align: center;
}

input,
#start-score {
    font-size: 5em;
    width: 100%;
    outline: none;
}

label {
    color: #585858;
    font-size: 5em;
}

.checkbox {
    display: inline-block;
    width: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAPYQAAD2EBqD+naQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADpSURBVFiF7dkxboQwEIXh8dgIS2zPZeAYUbKHSO4SaTuo6Da5BT4OlbVEGHmM06TbIsUUppjvBL+mfKOmaWpijLec8wsRNXACxpgfpdRXVVXvJsZ4a9v2re97W9d16TYAANj3vZnn+bosS4ZxHFfvfT4b730ehuGBRNRYa0sf7Ym1FlJKFywd8h8J5JJALgnkkkAuCeSSQC4J5JJALgnkkkAuCeSSQC4J5JJALgnkkkAu1FqvIYTSHU+2bQOt9WoQ8ds5d+26zp5lCg4hgHMuIOJd/b0hPo/jeE0pXUrHAQBorVdEvBPRxy/zxeL63xC59wAAAABJRU5ErkJggg==');
    background-position: right center;
    background-repeat: no-repeat;
}
.checkbox[rel="1"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAPYQAAD2EBqD+naQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAPKSURBVFiF7ZlbaBRXGMf/c2amO2ZTrdqYoBLT2FajjRI1iUryIBTqQw2ChiSKmuIFL9SAFImIsuAdFSMu0ppYNURrEtAgii1Ni80+rMZKaa0xXuKySt0kWy97S2ad2RkfWrY9bJzd2Wse/L+d/3zfx2/mnDPzcYZpbGw0SpJkVlW1XJZlI4aBOI7zMQzTwvP8l5wkSebMzMzK0tJSwWAwpJoNAOD3+40dHR1VTqdTRUNDg9flcqnDTS6XS62vr/cQWZaNgiCk+qGFSBAEBAKBdJJqkHB6CxirUgLoEHsjjk06YJenG3ntRai9Y4KiKmHjkwr4/NULlFmr4JLcOHC/Dp9bK/BScmnmJA1QVmWUd65Cj88W9K72/Yg99w5p5iUNcMvt7fjZ2UF5M0d9AlPeNs28pAA2Pj6PYz3fUN7Yd8bgQnETjGyaZm7CAa3PO7HutxrK4wmP1qIzyDXmhM1PKKBD7EV55yr4FT/l1+Xvw4KM0ohqJAxQDIhYfH05/hp0UH519jJszF0TcZ2EAW76/St0vrhFefPHFOPrgiO66iQE8PADM761N1HeeCELrcVnYCD6es64A7b3X0PtHRPlCayAtrnnMF7I0l0vroC2ATuqbq6GrMqUf3zmYRSOnhVVzbgBemUfyqyV+PvVM8rf+lENvpi0POq6YQEdYi/Mj05oxiiqghW/rsOf7ruUvzDzU+ydvjNqOADgtC7edndhkbUC9oEnYBkWGz5YPWScqXs/2hxXKO/j9A/xXeFJsAwbE+Abn+APfT+h5JfPYB94AgCo+aMW7f3XQuIuPr2M3d0HKe9dLh0XipvwHj8qJjhNwHveB3DLnuBYUiQsubGCmsYuTzeqb22ACvW/ggzB2cIGTB85NWY4TcDNk9djU+5aynPLHpRZK9HvdwZ7u//fBADsytuORVkL4wIHhFmDdTP2ocdnw/d97UHPNmDH0hsrwROe6u0AoHzCYmybsiVucECYXcwxHFqKTiN/5DTKtzyzDtnbnZp9HAyY5AEC/yz4S/POY5wh440xGYb30Tb3XNjeLhpF9KLOScvGlXktSGNHhFzjCY/mwlPIScuOOxyg40syZ3QBTs4yh0zhkfy9Efd20UjXp65y4hKY8mqD4+rsZSE7Pd7S3MVDacfUrXjos6HHa9Pd20Uj3YAMGNQXHIVb8uju7aKRbkAAMBADMpJ02Pn28ChWEZZlvaIoppojRIODg2BZ1ssRQlotFktVSUmJMFyOgkVRhMViEQkhzcy/vyGOKopSEQgE0lMNBwAsy3oJIc2yLG9+DRae1G+ZDtRsAAAAAElFTkSuQmCC');
}

#nr-players, #nr-rounds {
    width: 2em;
    float: right;
    text-align: center;
    margin-top: 4px;
}

.player-name {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #585858;
    margin-bottom: 8px;
    padding: 0 8px;
}

.sb {
    font-size: 1em;
}

.settings-container {
    width: 90%;
    max-width: 70em;
    margin: 0 auto 16px;
    text-align: left;
}

#score-options label {
    font-size: 5em;
    color: #585858;
}

table {
    color: #585858;
    border: 1px solid #585858;
    font-size: 5em;
    display: inline-block;
    margin: 0 auto;
    border-collapse: collapse;
}

.score {
    font-size: 1em;
    color: #857979;
    background-color: #f1f1f1;
    border: none;
    width: 100%;
    text-align: center;
}

td {
    text-align: center;
    display: table-cell;
    padding: 10px;
    border-top: 1px solid #585858;
    border-right: 1px solid #585858;
    position: relative;
}
td:last-child {
    border-right: none;
}

td.dealer {
    background-color: #eacece;
}

input.atu {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAPYQAAD2EBqD+naQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGHSURBVDiN1ZKxS1tRFMZ/5zbXJlMp7Szh5j2x2F0oBqwhhS4u/SsUxbXg0EBxkFKo0Fb/CcGtEMGIeUundlAU83AQR6t0kJcmco/Li2hfTLt6lnPhft/vfudw4V7UjnOVKAjOdpyrDNKZQZciYoHHaf83pFEs5qMwrP5PwigMq41iMZ+BWGvnUa1HpdJ65NxwX7Nzw1GptI5q3Vo7n4HkLy6+KLxFZApj9ptBUDMiD9O5bDMMFzBmF5FXAssYs3Y99t+vNUZGnlrvF4EZoA08An4DeWC1a8zSy8PD05ueDKRXzSCYFPiWmtsKr8txvN1Pm4F8Hx190r28XARm+yT5anO5pfGDg199IXtjY0Nnnc6MqNaAIYUPBn4obChMI+JE9T0gCh8ftNvLL05OErix2PNOZ0FUP6G6hffPynFc86p/AFDtllutFbx/jmpd4J0vFOZ63lzvYJLksy8Ufk7E8eZde5o4OjoG3kRhWDVJEmUgabQ7AbdgrdYt3cBvr6pd4Dzt96CuANIxjiQ4A4qjAAAAAElFTkSuQmCC');
    background-position: right top;
    background-repeat: no-repeat;
}

th {
    text-align: center;
    padding: 10px;
    border-right: 1px solid #585858;
}
th:last-child {
    border-right: none;
}

.r-round td {
    padding: 5px;
}

.al {
    text-align: left;
}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.score-total {
    color: #0030ff;
}

.score-diff {
    color: #D60202;
}

.score-rank {
    color: #00910a;
}

#menu {
    display: inline-block;
    position: absolute;
    width: 180px;
    height: 50px;
    left: calc(50% - 90px);
    top: 10px;
    box-sizing: border-box;
}
#menu.hidden {
    display: none;
}

.menu-item {
    display: inline-block;
    box-sizing: border-box;
    background-color: #eacece;
    height: 100%;
    width: 26%;
    margin-right: 3%;
    float: left;
    font-size: 40px;
    line-height: 50px;
    border-radius: 3px;
    cursor: pointer;
}
#menu-atu {
    padding-top: 6px;
}
#menu-negative {
    width: 38%
}