/*
  Name:      sudoku_solver.css
  Revision:  1.0 2010-11-15 Bo Karlsson
             1.1 2018-07-25 Changed solve to solution. Added new solve
             1.2 2021-02-05 Added .sqr
             1.3 2025-08-27 boka Renamed from sudoku_stilar.css
                                 Added button#removeButton, changed margins

  Copyright: 2010-2025 Bo Karlsson, Täby
*/

body {font:1em verdana, arial, sans-sherif; background-color:#DEF; margin-top:10px;}

body#sudokuBody {font:1em verdana, arial, sans-sherif; background-color:#DEF; margin-top:10px;}

* {margin:0; padding:0;}

h2 {
  margin:1.5em 0 .6em 0;
  color:#000000;
  text-align:center;
}

h2#title {
  margin:1em 0 .6em 0;
  color:#000000;
  text-align:center;
}

#framework {
  border:groove purple 20px;
  /*margin:20px 20px 20px 20px;*/
  /*height:740pt;*/
  width:520pt;
  text-align:center;
}

#noscriptText:after {
  text-align:center;
  color:red;
  content:" JavaScript måste aktiveras för att den här sidan ska fungera";
}

table#patternTable {
  table-layout: fixed;
  border-collapse: collapse;
  border:1px solid black;
  margin:20px 20px 20px 20px;
  color:black;
  text-align:center; 
  background-color:#000000;
  font-family:"Comic Sans MS", arial, sans-serif;
}

table#charBarTable {
  border:1px solid black;
  margin:20px 20px 20px 25px;
  color:black;
  text-align:center; 
  font-family:"Comic Sans MS", arial, sans-serif;
}

.sqr {
  text-align:center;
  background-color:white;
  position:relative;
  left:0px;
  top:0px;
  height:44pt;
  width:48pt;
}

.inp {
  text-align:center;
  background-color:white;
  font-size:24pt;
  position:relative;
  left:0px;
  top:0px;
  width:32pt;
  border:0;
}

.inpRev2 {
  text-align:center;
  background-color:white;
  font-size:24pt;
  position:relative;
  left:0px;
  top:0px;
  height:44pt;
  width:48pt;
  /*border:0*/
}

.charBar {
  border:1px solid #888;
  text-align:center;
  background-color:white;
  font-size:24pt;
  position:relative;
  left:0px;
  top:0px;
  height:40pt;
  width:44pt;
  cursor:default;
}

.text {
  margin:20px 120px 0 120px;
  padding:0 2em 0 2em;
  background-color:#FFFFFF;
}

#possibleDiv {
  margin:1em 0 1em 0;
  color:black;
}

#tryCounterDiv {
  margin:1em 0 1em 0;
  color:black;
}

#tryCounterInput {
  margin:0 0 0 1em;
  background-color:#DEF;
  font-size:16px;
  color:black;
  text-align:right;
}

#clickCounterInput {
  margin:0 0 0 0em;
  background-color:#DEF;
  font-size:16px;
  color:black;
  text-align:right;
}

.counterInput {
  margin:0 0 0 1em;
  background-color:#DEF;
  font-size:16px;
  color:black;
}

#remainingCharInput {
  margin:0 0 0 0;
  background-color:#DEF;
  font-size:16px;
  color:black;
  text-align:left;
}

button#entireSolutionButton {
  margin:0 0 0 1em;
  font-size:110%;
  color:red;
}

button#markButton {
  margin:0 0 0 2em;
}

button#backToMarkButton {
  margin:0 0 0 2em;
}

button#backButton {
  margin:0 0 0 2em;
}

button#forwardButton {
  margin:0 0 0 2em;
}

button#solveButton {
  margin:0 1em 0 0;
  font-size:110%;
  font-weight:normal;
}

button#assistButton {
  margin:0 1em 0 0;
  font-size:110%;
  font-weight:normal;
}

button#solutionButton {
  margin:0 1em 0 0;
  font-size:110%;
  font-weight:normal;
}

button#restoreButton {
  margin:0 0 0 1em;
}

button#removeButton {
  margin:0 0 0 1em;
}

button#clearButton {
  margin:0 0 0 1em;
}

button#printButton {
  margin:0 0 0 1em;
}

button#helpButton {
  margin:0 0 0 1em;
  font-size:110%;
}

#copyrightText {
  position:relative;
  top:1em;
  bottom:2em;
  font-size:x-small;
  text-align:center;
}