body {
	margin: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}

sumplete-solver {
	margin-top: 40px;
}

input[type=number].value-input::-webkit-inner-spin-button,
input[type=number].value-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number].value-input {
	-moz-appearance: textfield;
}


.value-input {
	height: 48px;
	width: 48px;
	min-height: 48px;
	min-width: 48px;
	max-height: 48px;
	max-width: 48px;
	text-align: center;
	padding: 2px !important;
}

.value-input.is-invalid {
	background-image: none;

}

.value-input.sum {
	background-color: rgb(238, 238, 238);
}

.value-input.is-invalid {
	background-color: rgb(252, 150, 150);
}

.solution {
	text-align: center;
}

.solution .row {
	justify-content: center;
}

.solution .col {
	height: 32px;
	width: 32px;
	min-height: 32px;
	min-width: 32px;
	max-height: 32px;
	max-width: 32px;
	margin: 2px;
}

.solution .col[enabled=true] {
	background-color: rgba(111, 189, 111, 0.66);
}

.solution .col[enabled=false] {
	background-color: rgba(255, 0, 0, 0.2);
}