/* Main style sheet for jQuery Keypad v1.4.1. */


.midnightKeypad .keypad-key, .midnightKeypad .keypad-special {
	width: 35px;
	height: 35px;
	padding: 0;
	border: none;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #a5172b;
	box-shadow: none !important;
	outline: none;
	border-radius: 43px;
} 

.opac2 .keypad-key:hover {
    color: #FFF;
    background-color: #0667b5;
    transition: ease 0.2s;
}
.opac1 .keypad-key:hover {
    color: #FFF;
    background-color: #14588e;
    transition: ease 0.2s;
}
.opac3 .keypad-key:hover {
    color: #FFF;
    background-color: #204463;
    transition: ease 0.2s;
}
.midnightKeypad .keypad-special {
    background-color: #696969;
    transition: ease 0.2s;
    width: auto;
    padding: 0px 9px;
    border-radius: 14px;
}
.keypad-special:hover {
	background-color: #c5c2c2;
	transition: ease 0.2s;
} 
.midnightKeypad .keypad-key-down {
	color: #FFF;
} 
.midnightKeypad .keypad-space { width: 38px; height: 32px; }

button.keypad-trigger {
	width: 25px;
	padding: 0px;
}
img.keypad-trigger {
	margin: 2px;
	vertical-align: middle;
}
.keypad-popup, .keypad-inline, .keypad-key, .keypad-special {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.keypad-popup {
    z-index: 10;
    margin: 0;
    padding: 0;
    color: #000;
    z-index: 999999;
    background: transparent;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.01);
    width: auto !important;
}

.keypad-keyentry {
	display: none;
}
.keypad-inline {
	border: unset;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-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 {
	clear: both;
	width: 100%;
	float: left;
}
.keypad-space {
	float: left;
	margin: 0.125em;
	width: 2em;
}
* html .keypad-space { /* IE6 */
	margin: 0em;
	width: 2.25em;
}
.keypad-half-space {
	float: left;
	margin: 0.125em 0.0625em;
	width: 1em;
}
* html .keypad-half-space { /* IE6 */
	margin: 0em;
	width: 1.125em;
}
.keypad-key, .keypad-special {
    float: left;
    margin: 0.125em;
    padding: 0em;
    width: 33px;
    height: 33px;
    background-color: #005396;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    text-align: center;
    cursor: pointer;
    color: white;
    border: none;
    border-radius: 18px;
    outline: none !important;
}
.keypad-key[disabled] {
	border: 0.125em outset;
}
.keypad-key-down {
}
.keypad-special {
    width: 5.25em;
}
.keypad-spacebar {
	width: 13.25em;
}
.keypad-tab {
	width: 2em;
}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
	color: #fff;
	font-weight: bold;
}
.keypad-clear {
	background-color: #005396;
}
.keypad-back {
	background-color: #00a;
}
.keypad-close {
	background-color: #0a0;
}
.keypad-shift {
	background-color: #0aa;
}
.keypad-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 125px;
	height: 200px;
}