/* Kleuren */
:root
{
    --bordkleurdonker: #9C4115;
	--bordkleurmiddeldonker: #E86121;
	--bordkleurmiddellicht: #F2A883;
	--bordkleurlicht: #F8D7C8;
	--bordkleurwit: #FFFFFF;

    --bordkleurdonkerrgba: rgba(156, 65, 21, 0.75);
}

/* Bord */
.bord
{
	background-color: var(--bordkleurmiddeldonker);
}

/* Sudokutabel en zo */
.sudokutabel
{
    background-color: var(--bordkleurwit);
    outline: 0.75vmin solid var(--bordkleurdonker); 
	border-collapse: collapse;	
	margin: 0.75vmin auto;
}

.sudokurij
{

}

.sudokucel
{
    color: var(--bordkleurdonker);
	width: 8.6vh;
	height: 8.6vh;
	text-align: center;
	font-size: 5vmin;	
	font-weight: bold;
	border: 0.25vmin solid var(--bordkleurdonker);
	cursor: pointer;
	background-size: 3vmin 3vmin;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.sudokucelfout
{
    color: #EE0000;
}

.sudokucelactief
{
    outline: 0.7vmin solid var(--bordkleurmiddeldonker); 
    outline-offset: -0.6vmin;
}

.sudokucelgeblokkeerd
{
    background-color: var(--bordkleurlicht);
}

.sudokuspacerhorizontaal
{
	width: 0.15vmin;
    background-color: var(--bordkleurdonker);
	border: 0.25vmin solid var(--bordkleurdonker);
}

.sudokuspacerverticaal
{
	height: 0.15vmin;
    background-color: var(--bordkleurdonker);
	border: 0.25vmin solid var(--bordkleurdonker);
}