/* 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: 60px; }
    .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; 
    text-decoration: none;
  }
.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: 63px;
    padding-top: 15px;
    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: 'Open Sans', sans-serif;
      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;
        text-decoration: none;
      }

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