@-webkit-keyframes codeWrong {
  0% {
    background-color: white;
  }
  25% {
    background-color: yellow;
  }
  100% {
    background-color: red;
  }
}
@keyframes codeWrong {
  0% {
    background-color: white;
  }
  25% {
    background-color: yellow;
  }
  100% {
    background-color: red;
  }
}
@-webkit-keyframes codeCorrect {
  0% {
    background-color: white;
  }
  25% {
    background-color: limegreen;
  }
  100% {
    background-color: darkgreen;
  }
}
@keyframes codeCorrect {
  0% {
    background-color: white;
  }
  25% {
    background-color: limegreen;
  }
  100% {
    background-color: darkgreen;
  }
}
.confirmCode {
  display: inline-block;
  border: 2px solid lightgrey;
}
.confirmCode input[type="text"] {
  border: 1px solid black;
  color: black;
  margin: 2px;
  padding: 2px;
  font-size: 30px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  text-align: center;
}
.confirmCode input[type="text"]:focus {
  background-color: lightcyan;
}
.confirmCode.invalid {
  -webkit-animation-name: codeWrong;
          animation-name: codeWrong;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.confirmCode.valid {
  -webkit-animation-name: codeCorrect;
          animation-name: codeCorrect;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
div.ui-dialog span.confirmCode {
  margin: 15px 43px;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy90d28tZmFjdG9yLWF1dGhlbnRpY2F0aW9uLWNvbmZpcm0tY29kZS5sZXNzIiwiY3NzL3R3by1mYWN0b3ItYXV0aGVudGljYXRpb24tY29uZmlybS1jb2RlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNDO0lBQ0Msd0JBQUE7R0NBQztFREVGO0lBQ0MseUJBQUE7R0NBQztFREVGO0lBQ0Msc0JBQUE7R0NBQztDQUNGO0FEVEQ7RUFDQztJQUNDLHdCQUFBO0dDQUM7RURFRjtJQUNDLHlCQUFBO0dDQUM7RURFRjtJQUNDLHNCQUFBO0dDQUM7Q0FDRjtBREVEO0VBQ0M7SUFDQyx3QkFBQTtHQ0FDO0VERUY7SUFDQyw0QkFBQTtHQ0FDO0VERUY7SUFDQyw0QkFBQTtHQ0FDO0NBQ0Y7QURURDtFQUNDO0lBQ0Msd0JBQUE7R0NBQztFREVGO0lBQ0MsNEJBQUE7R0NBQztFREVGO0lBQ0MsNEJBQUE7R0NBQztDQUNGO0FER0Q7RUFDQyxzQkFBQTtFQUNBLDRCQUFBO0NDREE7QURERDtFQUlFLHdCQUFBO0VBQ0EsYUFBQTtFQUNBLFlBQUE7RUFDQSxhQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7Q0NBRDtBRENDO0VBQ0MsNEJBQUE7Q0NDRjtBREVBO0VBQ0Msa0NBQUE7VUFBQSwwQkFBQTtFQUNBLCtCQUFBO1VBQUEsdUJBQUE7Q0NBRDtBREVBO0VBQ0Msb0NBQUE7VUFBQSw0QkFBQTtFQUNBLCtCQUFBO1VBQUEsdUJBQUE7Q0NBRDtBREdEO0VBQ0Msa0JBQUE7Q0NEQSIsImZpbGUiOiJjc3MvdHdvLWZhY3Rvci1hdXRoZW50aWNhdGlvbi1jb25maXJtLWNvZGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXG5Aa2V5ZnJhbWVzIGNvZGVXcm9uZyB7XG5cdDAlIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcblx0fVxuXHQyNSUge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHllbGxvdztcblx0fVxuXHQxMDAlIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7XG5cdH1cbn1cbkBrZXlmcmFtZXMgY29kZUNvcnJlY3Qge1xuXHQwJSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5cdH1cblx0MjUlIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiBsaW1lZ3JlZW47XG5cdH1cblx0MTAwJSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogZGFya2dyZWVuO1xuXHR9XG59XG5cbi5jb25maXJtQ29kZSB7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0Ym9yZGVyOiAycHggc29saWQgbGlnaHRncmV5O1xuXHRpbnB1dFt0eXBlPVwidGV4dFwiXSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgYmxhY2s7XG5cdFx0Y29sb3I6IGJsYWNrO1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdHBhZGRpbmc6IDJweDtcblx0XHRmb250LXNpemU6IDMwcHg7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0d2lkdGg6IDQwcHg7XG5cdFx0aGVpZ2h0OiA0MHB4O1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHQmOmZvY3VzIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Y3lhbjtcblx0XHR9XG5cdH1cblx0Ji5pbnZhbGlkIHtcblx0XHRhbmltYXRpb24tbmFtZTogY29kZVdyb25nO1xuXHRcdGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdH1cblx0Ji52YWxpZCB7XG5cdFx0YW5pbWF0aW9uLW5hbWU6IGNvZGVDb3JyZWN0O1xuXHRcdGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdH1cbn1cbmRpdi51aS1kaWFsb2cgc3Bhbi5jb25maXJtQ29kZSB7XG5cdG1hcmdpbjogMTVweCA0M3B4O1xufVxuIiwiQGtleWZyYW1lcyBjb2RlV3Jvbmcge1xuICAwJSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIH1cbiAgMjUlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3c7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmVkO1xuICB9XG59XG5Aa2V5ZnJhbWVzIGNvZGVDb3JyZWN0IHtcbiAgMCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIDI1JSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGltZWdyZWVuO1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IGRhcmtncmVlbjtcbiAgfVxufVxuLmNvbmZpcm1Db2RlIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBib3JkZXI6IDJweCBzb2xpZCBsaWdodGdyZXk7XG59XG4uY29uZmlybUNvZGUgaW5wdXRbdHlwZT1cInRleHRcIl0ge1xuICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcbiAgY29sb3I6IGJsYWNrO1xuICBtYXJnaW46IDJweDtcbiAgcGFkZGluZzogMnB4O1xuICBmb250LXNpemU6IDMwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4uY29uZmlybUNvZGUgaW5wdXRbdHlwZT1cInRleHRcIl06Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGN5YW47XG59XG4uY29uZmlybUNvZGUuaW52YWxpZCB7XG4gIGFuaW1hdGlvbi1uYW1lOiBjb2RlV3Jvbmc7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG59XG4uY29uZmlybUNvZGUudmFsaWQge1xuICBhbmltYXRpb24tbmFtZTogY29kZUNvcnJlY3Q7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG59XG5kaXYudWktZGlhbG9nIHNwYW4uY29uZmlybUNvZGUge1xuICBtYXJnaW46IDE1cHggNDNweDtcbn1cbiJdfQ== */