/* Main style sheet for jQuery Keypad v2.0.0. */
button.keypad-trigger {
	width: 50px;
	padding: 5px 0;
	background-color: #f4f4f4;
    border:1px solid #ddd;
    border-left:0;
    border-right:0;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-right:1px solid #ddd;
}
button.keypad-trigger:hover {
	width: 50px;
	padding: 5px 0;
	background-color: #f4f4f4;
    border:1px solid #666;
    border-left:0;
    border-right:0;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-right:1px solid #666;
}
img.keypad-trigger {
	margin: 2px;
	vertical-align: middle;
}
.keypad-popup, .keypad-inline, .keypad-key, .keypad-special {
    font-family:roboto;
    font-weight:bold;
}
.keypad-popup {
	display: none;
	z-index: 999999;
	margin: 0;
    margin-top:3px;
	padding: 15px;
    font-family:roboto;
	background-color: #fff;
	color: #1F2937;
	border: 1px solid #D1D5DB;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
    box-shadow: 0 0px 0px rgba(0,0,0,0.16), 0 0px 0px rgba(0,0,0,0.23);
}
.keypad-keyentry {
	display: none;
}
.keypad-inline {
	background-color: #c71e1e;
	border: 1px solid #999;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
.keypad-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.keypad-rtl {
	direction: rtl;
}
.keypad-prompt {
	clear: both;
	text-align: center;
}
.keypad-prompt.ui-widget-header {
	margin: 0.125em;
}
.keypad-row {
	width: 100%;
    padding:0;
}
.keypad-space {
	display: inline-block;
	margin: 0.125em;
	width: 2.5em;
}
.keypad-half-space {
	display: inline-block;
	margin: 0.125em 0.0625em;
	width: 1em;
}
.keypad-key[type="button"] {
    font-family:roboto;
	margin: 0.3em;
    padding: 10px;
    width:5em;
    height:50px;
	background-color: #f4f4f4;
    border:1px solid #D1D5DB;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius:4px;
    float:left;
    color:#666;
    font-size: 20px;
}
.keypad-key[type="button"]:hover,.keypad-special[type="button"]:hover  {
    font-family:roboto;
	margin: 0.3em;
    padding: 10px;
    width:5em;
	background-color: #f4f4f4;
    border:1px solid #666;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius:5px;
    float:left;
    color:#000;
    font-size: 20px;
}
.keypad-special[type="button"] {
    font-family:roboto;
	margin: 0.3em;
    padding: 10px;  
    width:5em;  
    height:60px;
	background-color: #f4f4f4;
    border:1px solid #D1D5DB;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius:4px;
    float:left;
    color:#666;
    font-size: 20px;
}
.keypad-key[disabled] {
	border: 0.125em outset;
}
.keypad-key-down {
    background-color:#ccc;
    border:1px solid #ddd;
}
.keypad-special {
	width: 4.0;
}
.keypad-spacebar {
	width: 13.25em;
}
.keypad-tab {
	width: 2em;
}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
	font-weight: bold;
    float:left;
}
.keypad-clear {
	background-color: #f4f4f4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius:5px;
    float:left;
    font-size: 20px;
}
.keypad-back {
	background-color: #f4f4f4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius:5px;
    font-size: 20px;
}
.keypad-close {
	background-color: #f4f4f4;
    border:1px solid #ddd;
    color:#000;
    float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius:5px;
    font-size: 20px;
}
.keypad-shift {
	background-color: #0aa;
}