body {
    /* background-color: // #9b9; */
    background-color: #113;
    font-family: sans-serif;
}

* {
    font-family: sans-serif;
}

.stickdiv {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: grey;
    border: 1px solid transparent;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
}

#players_results {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* margin-bottom: 1vw; */
    /* font-size: 1.5em; */
    color: black;
}

#players_results #d_prs {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vh;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
}

#players_results table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;

    border-spacing: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    /* border-style: ; */
    border-radius: 5px;

    /* margin-bottom: 0.5cm; */
    margin-top: 3.3vh;
    margin-bottom: 0.5em;
    font-size: 18pt;

}

.greenscore {
    color: #008a00;
}

.redscore {
    color: #f00;
}

.bluescore {
    color: #00f;
}

.blackscore {
    color: #000;
}


#players_results .td_pos {
    font-size: 1.1em;
}

#players_results table, #players_results th, #players_results td {
    border-collapse: collapse;
    border: 2px dotted black;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}


#players_results #tfn_thr {
    font-weight: normal;
}

#players_results #tfn_td {
    font-weight: bold;
    text-align: center;
}


/* #players_results { */
/*     display: flex; */
/*     justify-content: center; */
/*     align-items: center; */
/*     /\* margin-bottom: 1vw; *\/ */
/*     font-size: 1.5em; */
/*     color: white; */
/*     font-weight: bold; */
/* } */


/* #players_results ol { */
/*     /\* list-style-type: '🥇'; *\/ */
/*     list-style: none; */
/*     margin-left: 0; */
/*     padding-left: 0; */
/* } */

/* #players_results li { */
/*     /\* list-style-type: '🥇'; *\/ */
/*     text-indent: -2ch; */
/*     padding-left: 2ch; */
/* } */

/* #players_results li.res0:before { */
/*     content: '🥇'; */
/*     padding-right: 1ch; */
/* } */

/* #players_results li.res1:before { */
/*     content: '🥈'; */
/*     padding-right: 1ch; */
/* } */

/* #players_results li.res2:before { */
/*     content: '🥉'; */
/*     width: 1cm; */
/*     padding-right: 1em; */
/* } */

/* #players_results li.res3:before { */
/*     content: '4.'; */
/*     width: 1cm; */
/*     padding-right: 1em; */
/* } */

/* #players_results li.res4:before { */
/*     content: '5.'; */
/*     padding-right: 2ch; */
/* } */

/* #players_results li.res5:before { */
/*     content: '6.'; */
/*     padding-right: 2ch; */
/* } */

/* #players_results li.res6:before { */
/*     content: '7'; */
/*     width: 1cm; */
/*     padding-right: 1cm; */
/* } */

#datetime {
    text-align: center;
    color: #bbb;
    padding-top: 0.4em;
}

#greyrule {
    color: #faa;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1cm; */
    font-size: 1.5rem;
    margin-top: 0;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.6cm;
    text-align: center;
}

#scorecard {
    /* background-color: #9b9; */
    /* background-color: #797; */
    background-color: #262;
    padding-bottom: 0.1cm;
}

#scorecard-grey {
    background-color: #666;
}


#playersform {
    /* background-color: #2196f3; */
    /* background-color: #2196f3; */
    background-color: #244f72;
}

#form_main_title {
    color: #eee;
    /* border-bottom: 1.5px solid; */
    /* border-bottom-color: rgb(242, 212, 0); */
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 2cm; */
    font-size: 4rem;
    margin-top: 0;
    margin-bottom: -0.3cm;
}

#form_main_subtitle {
    color: #eee;
    border-bottom: 1.5px solid;
    border-bottom-color: rgb(242, 212, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1.5cm; */
    font-size: 3rem;
    margin-top: 0;
    padding-bottom: 0.3cm;
}

#form_pl_title {
    color: rgb(242, 212, 0);
    /* font-size: 1cm; */
    font-size: 2rem;
}

#form_pl_plsdiv, #form_pl_plsdiv_ {
    color: rgb(242, 212, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1cm; */
    font-size: 2rem;
    /* padding: 10px; */
}

#form_pl_ul {
    margin-top: 0.1cm;
}


#sel2, #ballt {
    color: rgb(242, 212, 0);
    /* font-size: 1cm; */
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ballt {
    margin-bottom: 0.5cm;
    /* display: none; */
}

#scorenote {
    /* hidden: true; */
    display: none;
    /* flex; */
    justify-content: center;
    align-items: center;
    /* margin-top: 0.3cm; */
    /* margin-bottom: 0.3cm; */
}

#langs {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 0.3cm; */
    /* margin-bottom: 0.3cm; */
    /* font-size: 0.5cm; */
    /* background-color: #113; */

    margin-top: 1vh;
    margin-bottom: 1vh;
}

#lang_cz {
    margin-right: 0.1cm;
    /* font-size: 0.5cm; */
    /* font-size: 0.8rem; */
    font-size: 2vh;
    /* background-color: #113; */
    background-color: #244f72;
}

#lang_en {
    margin-left: 0.1cm;
    /* font-size: 0.5cm; */
    font-size: 2vh;
    background-color: #244f72;
}


input {
    font-size: 0.8cm;
    margin: 0.01cm;
}


#rules {
    display: block;
    justify-content: center;
    align-items: center;

    background-color: lightgrey;
    color: black;
    font-size: 1.2em;
}

#rultext {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.1em;
}

#rultext li {
    font-size: 1.5em;
    padding-bottom: 0.35em;
}

#rultext p {
    font-size: 1.5em;
}

#rultext h2 {
    text-align: center;
}

#rultext h1 {
    text-align: center;
}

#rultext .c {
    text-align: center;
}

#rulclosediv, #rulshowdiv {
    display: flex;
    justify-content: center;
    align-items: center;

}

#showrules {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1em;

    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;
    border-style: none;
}

#rulclose {
    margin-top: 1em;
    margin-bottom: 1em;

    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;
    border-style: none;
}

#rultext .rulthx {
    text-align: right;
}

#start_div {
    display: flex;
    justify-content: center;
    align-items: center;

}

#start_button_mg, #start_button_mtg {
    /* font-size: 1cm; */
    padding: 0.3cm;
    margin: 0.3cm;
    /* margin: 1vw; */
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;
    border-style: none;
}

#start_button_mg {
    background-color: darkgreen;
    color: rgb(242, 212, 0);;
    /* border-color: black; */
}

#start_button_mtg {
    background-color: darkgrey;
    color: black;
    /* border-color: blue; */
}

#start_button_mg:hover {
    filter: brightness(85%);
}

#start_button_mtg:hover {
    filter: brightness(85%);
}


* {
    touch-action: manipulation;
}

#reset {
    background-color: #78f;
    color: white;
    /* font-size: 0.5cm; */
    /* font-size: 4vw; */
}

#reset:hover {
    background-color: #67e;
}

#result:hover {
    background-color: #d56;
}

#result {
    background-color: #e67;
    color: white;
    /* font-size: 0.5cm; */
    /* font-size: 4vw; */
}


#reset, #result {
    /* margin: 0.2em; */
    margin-top: 0.5vh;
    margin-bottom: 0.5vh;
    /* margin-bottom: 0; */
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    padding: 0.5em;
    /* padding: 1vh; */
    margin-top: 0.3cm;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;
    border-style: none;
    /* font-size: 0.8em; */
    font-size: 2vh;
    min-height: 5vh;
    min-width: 15vw;
    font-weight: bold;
}


#rdiv {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 1vw; */
}

#updiv {
   /* display: flex;
    justify-content: center;
    align-items: center; */
}

#next, #prev {
    margin-top: 0.3cm;
    /* padding: 0.2cm; */
    /* padding-left: 0.15cm; */
    /* padding-right: 0.15cm; */

    /* padding: 0.1cm; */
    background-color: #262;
    background-color: #5e3;
    color: white;
    width: 20vw;
    max-height: 10vh;
    min-height: 7vh;
    /* font-size: 11vw; */
    /* font-size: 2rem; */
    font-size: 5vw;

    /* font-size: 1.2cm; */
    /* font-size: 7em; */
    /* 1cm; */

    /* padding: .5cm 0.8cm; */

    /*font-size: 0.8cm;*/
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;
    border-style: none;
}

#next {
    margin-left: 0.3cm;
}

#prev {
    background-color: #226;
    color: white;
    margin-left: 5vw;
}

#next:hover {
    background-color: #4d2;
}


#prev:hover {
    background-color: #115;
}


#ndiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

#pt1, #pt2, #pt3, #pt3, #pt4, #pt5, #pt6, #pt7 {
    /* margin-left: 0.1cm; */
    /* margin-right: 0.1cm; */
    color: black;
    margin-left: 1vw;
    margin-right: 1vw;
    /* margin-top: 0.8cm; */
    /* margin-top: 0.2cm; */
    margin-top: 1vh;

    /* padding: .5cm 0.8cm; */
    /* font-size: 1cm; */
    /* font-size: 2rem; */
    font-size: 4vh;

    /* width: calc(var(vw) / 8); */
    /* width: calc(100vw / 8); */
    width: 10vw;
    /* height: 3.3rem; */
    /* height: 3.3rem; */
    height: 6vh;

    /* calc(1vw/8); */
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */

    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;
    border-style: none;
}

#pt1:hover, #pt2:hover, #pt3:hover, #pt3:hover, #pt4:hover, #pt5:hover, #pt6:hover, #pt7:hover {

}

h2 {
    text-align: center;
}

table.scoretab {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 90vw;
    min-width: 50vw;
    /* font-size: 0.8cm; */
    /* font-size: 1.1cm; */
    /* font-size: 1.0cm; */
    /* font-size: 2em; */
    /* font-size: 2.6vh; */


    font-size: 2.72vh;



    border-spacing: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    /* border-style: ; */
    border-radius: 5px;

    /* margin-bottom: 0.5cm; */
    margin-bottom: 1vh;

    min-height: 70vh;
}


@media (orientation: landscape) {
    table.scoretab {
        font-size: 2rem;
    }
}

@media (orientation: portrait) {
    table.scoretab {
        font-size: 2.72vh;
    }
}


.scoretab #tbh1 {
    width: 20vw;
}

table.scoretab, .scoretab th, .scoretab td {
    border-collapse: collapse;
    border: 2px solid green;
}

.scoretab th, .scoretab td {
    /* padding: 0.2em 1em; */
    /* padding: 0.1em 0.8em; */
    /* padding: 0.01cm 0.75cm; */
    /* padding: 0.01cm 0.2cm; */
    /* padding: 0.01cm 2vw; */
    padding: 1px;

}

.scoretab th {
    font-weight: normal;
    /* font-size: 0.8cm; */
    /* font-size: 2rem; */
    /* font-size: 2.6vh; */
    font-size: 1em;
}

.scoretab td {
    /* font-size: 0.8cm; */
    font-weight: bold;
    min-width: 9vw;
}

#uu {
    width: 9vw;
}


tr:nth-child(even) {
    background-color: #ddd;
}

tr:nth-child(odd) {
    background-color: #eee;
}


#players_results tr:nth-child(even) {
    background-color: #fff;
}

#players_results tr:nth-child(odd) {
    background-color: #eee;
}


#ptsdiv {
    display: flex;
    justify-content: center;
    align-items: center;

    padding-right: 2vw;
    padding-left: 2vw;

    padding-top: 0.5vw;
    padding-bottom: 0.5vw;

}

#ddiv {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0.2em;
}

#divownballs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3em;
    margin-top: 0.7em;
    padding-bottom: 0.6em;
}

#lblownballs {
    margin-left: 0.3em;
    color: aquamarine;
}

#lane, #round, #player {
    /* margin-left: 1cm; */
    /* margin-right: 1cm; */
    /* margin-left: 1cm; */
    /* margin-right: 1cm; */
    /* font-size: 1.3cm; */
    /* font-size: 1cm; */
    /* font-size: 2rem; */
    font-size: 3vh;
    font-weight: bold;
    /* color: #8ff; */
    /* color: rgb(242, 212, 0); */
    /* color: yellow; */
    color: aquamarine;
    /* font-weight: bold; */
    /* color:  */
    /* color: #244f72; */
    /* #113; */
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

#plp {
    margin-right: 0.2cm;
    background-color: #efe;
}

#plm {
    background-color: #fee;
}

#plp, #plm {
    padding: 0.3cm;
    font-size: 0.8cm;
    margin: 0.3cm;
    width: 1.5cm;
    height: 1.5cm;

    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    border-color: grey;

    border-style: none;
}

#plp:hover {
    filter: brightness(85%);
}

#plm:hover {
    filter: brightness(85%);
}

#discl, #discl2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* font-size: 0.55cm; /\* 0.25cm; *\/ */
    /* font-size: 0.35cm; /\* 0.25cm; *\/ */
    font-size: 0.7rem;

    color: rgb(242, 212, 0);
    /* margin-top: 0.1cm; */
    margin-top: 0.1vh;
}

/* author: maros zatko */