.keyboard-container{
	max-width: 350px;
	width: 90%;
	margin: 0px auto;
}
.keyboard-container .key{
	text-align: center;
}
.keyboard-container .key:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.keyboard-container .key span{
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	display: block;
	line-height: 100px;
	background-color: #eee;
	border-radius: 10px;
	font-size: 30px;
	cursor: pointer;
}
.keyboard-container .delete span{
	background-color: #D15353;
	font-size: 20px;
}
.keyboard-container .submit span{
	background-color: #538CD1;
	font-size: 20px;
}
.keyboard-container #pin{
	font-size: 30px;
}
.keyboard-container div.input.password{
	max-width: 350px;
	margin: 0px auto;
}
.keyboard-container fieldset, .keyboard-container  form{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.input.radio label:not(:first-child){
	background-color:#eee;
	padding: 0px 30px;
	border-radius: 3px;
}

.obed div{
	clear:both;
}
.obed div::after{
	content: " ";
	clear:both;
	display: block;
}
.obed label{
	float: left;
	margin-right: 20px;
	font-size: 20px;
	margin-bottom: 10px;
}
.obed label:first-child{
	font-size: 14px;
	float: none;
}

@media (max-width: 960px) {
	.keyboard-container{
		max-width: 600px;
	}
	.dochadzkaDays .button{
		width: 100%;
	}
	.hide-for-mobile{
		display: none;
	}
}