/* kakuro */

.fwq-kakuro-grid, .fwq-kakuro-numbers {
   border-collapse: collapse;
}

.fwq-kakuro-grid td, .fwq-kakuro-numbers td {
   width: 36px;
   height: 36px;
   padding: 0 0;
   text-align: center;
}

.fwq-kakuro-grid td div {
   width: 36px;
   height: 36px;
   padding: 0 0;
   position: relative;
}

.fwq-kakuro-grid td {
   border: 1px solid black;
}

.fwq-kakuro-td-filled, .fwq-kakuro-td-bs-hv, .fwq-kakuro-td-bs-h, .fwq-kakuro-td-bs-v {
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.fwq-kakuro-td-filled {
   background-color: #808080;
}

.fwq-kakuro-td-bs-hv {
   background-image: url('img/backdiag.png');
}

.fwq-kakuro-td-bs-h {
   background-image: url('img/backgraybot.png');
}

.fwq-kakuro-td-bs-v {
   background-image: url('img/backgraytop.png');
}

.fwq-kakuro-digit {
   position: absolute;
}

/* number picker */

.fwq-kakuro-numbers {
   margin-top: 1em;
   margin-bottom: 0.5em;
}

.fwq-kakuro-selected {
   background-color: #aaa;
}

.fwq-kakuro-errors {
   color: red;
   background: yellow;
}

.fwq-kakuro-solved {
   font-weight: bold;
   color: green;
   background: yellow;
}

.fwq-kakuro-error-rgn {
   background: #fc83b9;
   color: black;
}

.fwq-kakuro-error-empty {
   background: #ffff80;
}