.keyboard{
	position:fixed;
	min-width:54vh;
	text-align:center;
	background:#111;
	padding:2vh 5vw;
	z-index:1000;
}
.keyboard input{
	display:block;
	background:transparent;
	border:none;
	border-bottom:1px solid #aaa;
	color:#eee;
	padding:0;
	margin:auto;
	font-size:5vh;
	width:95%;
	border-radius:3px;
	margin-left:auto;
	margin-right:auto;
}
.keyboard .key{
	display:inline-block;
	text-align:center;
	height:6vh;
	width:9%;
	line-height:4vh;
	font-size:4vh;
	color:#eee;
	padding:0;
	margin:1%;
	background:#444;
	box-shadow:none;
	border-radius:3px;
	vertical-align:middle;
}
.keyboard .key:focus, .keyboard .key:hover, .keyboard .key:active, .keyboard .key.focus{
	color:#000;
	background:#aaa;
}
.keyboard .key.fa{
	font-family:'fasolid';
}
.keyboard .key.double{
	width:18%;
}
.keyboard .key.sixtuple{
	width:54%;
}
.keyboard .nl{
	display:block;
	height:.5vh;
}
.keyboard .br{
	display:block;
	height:0.3%;
}
.keyboard.dock_bottom{
	bottom:0;
	left:0;
	right:0;
	transition:height .2s ease-out;
	overflow:hidden;
}
.keyboard.dock_bottom .key{
	width:9%;
	margin:0.3%;
}
.keyboard.dock_bottom .key.double{
	width:18%;
}
.keyboard.dock_bottom .key.sixtuple{
	width:54%;
}
.keyboard.minimized .key{
	opacity:0;
}

@media (orientation:portrait){
	.keyboard{
		position:fixed;
		min-width:100vw;
		width:100vw;
		padding:2vh 0;
	}
	.keyboard input{
		font-size:6vw;
		width:95%;
		border-radius:0;
		margin-bottom:2vw;
	}
	.keyboard .key{
		height:10vw;
		line-height:10vw;
		font-size:6vw;
	}
	body.Mobile .keyboard input{
		padding:0 1vw;
		width:100%;
	}
	body.Mobile .keyboard.dock_bottom{
		bottom:7vh;
	}
	body.ios .keyboard.dock_bottom{
		bottom:9vh;
	}
}