.ui-keyboard {
	background: linear-gradient(to right bottom, #eee, #ebebeb, #e8e8e8, #e6e6e6, #e3e3e3);
	border: none;
	padding: 25px 20px 20px;
	font-size: 35px;
	// height: 880px;
	// font-size: 20px;
	.ui-keyboard-keyset {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.ui-keyboard-button {
		border: none;
		background: none;
		height: 4em;
		margin: 8px 8px 12px;
		user-select: none;
		position: relative;
		transition: all 0.2s ease-in-out;
		transform-origin: bottom center;
		cursor: pointer;
		background: #fafafa;
		color: #707070;
		border: 2px solid rgba(255, 255, 255, 0.04);
		box-shadow: 0 4px 0 0.04px rgba(0, 0, 0, 0.1);
		border-bottom-color: rgba(255, 255, 255, 0.1);
		border-bottom-width: 4px;
		flex: 1 1 100%;
		display: inline-flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		font-family: $worksans;
		&:hover {
			transform: scaleY(0.98) translateY(1px);
			background: #fafafa;
		}
		&:active {
			transform: scaleY(0.95) translateY(4px);
			background: #fafafa;
		}
	}
	.ui-keyboard-tab,
	.ui-keyboard-shift:last-of-type {
		display: none;
	}
}
#inputNome_keyboard,
#inputCidade_keyboard {
	.ui-keyboard-space {
		min-width: 30em;
	}
}
