.cnp {color: rgb(47, 30, 201) !important}
#sudoku-board td { border: 1px solid black; width: 80px; height:80px; text-align: center; font-size: 40px; font-family: Arial} 
#sudoku-board td:nth-child(3), #sudoku-board td:nth-child(6) {
  border-right:5px solid black;
}
#sudoku-board tr:nth-child(3)>td, #sudoku-board tr:nth-child(6)>td  {
  border-bottom:5px solid black;
}
#sudoku-board { border: 5px solid black; border-collapse: collapse;  } 
#klavesnice td { border: 1px solid black; width: 60px; height:60px; text-align: center; font-size: 35px; font-family: Arial;  border-color: #0000ffff; border-radius: 10px;} 
#klavesnice table {border-spacing: 30px;}
#cisla td { border: 1px solid black; width: 40px; height:52px; text-align: center; font-size: 35px; font-family: Arial;  border-color: #aaafff; border-radius: 10px; }


.pok {color:#000000ff  }
.pnot {color: #ffd3dbff}
.kok {color: #0000ffff}
.knot {color: #ffd3dbff}
.cok {color: #aaaaffff}
.cnot {color: #ffd3dbff}
.bar0 {background-color: #ffffffff}
.bar1 {background-color: #ffff7fff}
.bar2 {background-color: #ffc5f6ff}
.bar3 {background-color: #ffcbdeff}
.bar4 {background-color: #ffc7a1ff}
.bar5 {background-color: #d9a2ffff}
.bar6 {background-color: #ffbe3cff}
.bar7 {background-color: rgb(125, 30, 233)}
.bar7 {background-color: rgb(175, 116, 241)}
.bar8 {background-color: rgb(146, 140, 141)}
.bar9 {background-color: rgb(112, 165, 105)}


#cisla table {border-spacing: 30px;}
.menu { align-items: center;}
.bojiste {display: flex; flex-direction: column; align-items: center;}

input[type=number] {width: 70px; height:70px; text-align: center; border: none; font-size: 40px; font-family: Arial; color:#0000ffff;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#chyby {color: #FF0000}

.ctab td {border: none !important; width: 22px !important; height:22px !important; text-align: center; font-size: 16px !important;color: #696969}
.ctab {border: none !important; border-collapse: collapse; margin-left: 5px;}
.tucne {font-weight: bold; color:#0000ff;}
.hidden {display: none;}
.noborder {border: none !important;}