/* LAYOUT */
/* COLORS */
.ios ng-key {
  padding-top: 0px;
  padding-bottom: 15px;
  background: white;
  width: 32.33333%;
  height: 60px;
  border: 1px solid #e6e6e6; }
  .ios ng-key a {
    color: #4d4d4d;
    height: 75px; }
    .ios ng-key a:hover {
      background: #f3f3f3; }
  .ios ng-key.empty {
    background: #cccccc; }
    .ios ng-key.empty a:hover:not(.ng-hide) {
      background: #f3f3f3; }
.ios .keypad-display {
  color: black;
  border-bottom: 2px solid black; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
            transform: scale3d(1.5, 1.5, 1.5); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
            transform: scale3d(1.5, 1.5, 1.5); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.android ng-key a {
  color: #0091EA;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: white; }
  .android ng-key a:active {
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: pulse;
            animation-name: pulse;
    background: #b7e4ff; }
  .android ng-key a:hover {
    opacity: 1;
    background: #b7e4ff; }
.android .keypad-display {
  color: #0091EA;
  border-bottom: 2px solid #0091EA; }

ng-keypad {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  color: blue;
  margin: auto; }
    ng-keypad ng-key {
        font-size: 2em;
        float: left;
        text-align: center;
        height: 65px;
        padding-top: 5px;
        width: 33.33333%;
        background: white;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    ng-keypad ng-key a {
        cursor: pointer;
        display: block;
        line-height: 60px;
        margin: 0 auto;
        border: none;
        font-family: 'Roboto', 'Lora', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Marcelo */
        color: blue;
        font-size: 1em;
        -webkit-font-smoothing: antialiased;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
      ng-keypad ng-key a:hover {
        opacity: .8;
        background: #ccccff; }

.keypad-display {
  direction: rtl;
  font-size: 2em; /* Marcelo */
  padding: 0px -5% 10px 5%;
  border: 0;
  outline: 0;
  text-align: right;
  border-radius: 0;
  width: 100%; }
  .keypad-display:disabled {
    background: transparent; }