#toneus_keyboard {
	position: absolute;
	border: 1px solid #000;
	background: rgba(0,0,0,0.5);
	left: 50%;
	top: 50%;
}
.toneus_keyboardrow {
	display: flex;
	justify-content: center;
}
.toneus_keyboard_key {
	border: 1px solid #234;
	font-size: 2rem;
	padding: 8px;
	min-width: 2rem;
	background: rgba(255,255,255,0.5);
}

#toneus_keyboard_input {
	position: fixed;
	left: -200px;
}

#toneus_keyboard_move_icon {
	padding: 0px;
	margin: 0px 8px 0px 4px;
	display: inline;
	color:#aaa;
	cursor: move;
}

#toneus_keyboard_setcols {
	display: inline;
}
#toneus_keyboard_setcols div {
	display: inline-block;
	margin: 0 0 0.5rem 1rem;
	width: 3rem;
	border: 1px solid #123;
	cursor: pointer;
}

.tk_bc_no, .tk_bc_0 {
	background: rgba(255,0,0,0.5) !important;
}

.tk_bc_poss, .tk_bc_1 {
	background: rgba(255,255,0,0.5) !important;
}

.tk_bc_yes, .tk_bc_2 {
	background: rgba(0,255,0,0.5) !important;
}

.tk_bc_active {
	border: 3px solid black !important; 
}

.toneus_keyboard_notin {
	background: rgba(0,0,0,0.3);
}

.toneus_keyboard_in {
	background: rgba(255,255,255,0.7);
}

.toneus_keyboard_toggle1 {
	background: rgba(0,255,0,0.7);
}


.toneus_keyboard_toggle2 {
	background: rgba(255,0,0.7);
}

@media (max-width:720px) {
	.toneus_keyboard_key {
		font-size: 1.5rem;
		padding: 4px;
		min-width: 1.5rem;
	}
}
@media (max-width:420px) {
	.toneus_keyboard_key {
		font-size: 1rem;
		padding: 2px;
		min-width: 1rem;
	}
}