@-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=two-factor-authentication-confirm-code.css.map */
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3R3by1mYWN0b3ItYXV0aGVudGljYXRpb24tY29uZmlybS1jb2RlLmxlc3MiLCJjc3MvdHdvLWZhY3Rvci1hdXRoZW50aWNhdGlvbi1jb25maXJtLWNvZGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0M7SUFDQyx3QkFBQTtHQ0FDO0VERUY7SUFDQyx5QkFBQTtHQ0FDO0VERUY7SUFDQyxzQkFBQTtHQ0FDO0NBQ0Y7QURURDtFQUNDO0lBQ0Msd0JBQUE7R0NBQztFREVGO0lBQ0MseUJBQUE7R0NBQztFREVGO0lBQ0Msc0JBQUE7R0NBQztDQUNGO0FERUQ7RUFDQztJQUNDLHdCQUFBO0dDQUM7RURFRjtJQUNDLDRCQUFBO0dDQUM7RURFRjtJQUNDLDRCQUFBO0dDQUM7Q0FDRjtBRFREO0VBQ0M7SUFDQyx3QkFBQTtHQ0FDO0VERUY7SUFDQyw0QkFBQTtHQ0FDO0VERUY7SUFDQyw0QkFBQTtHQ0FDO0NBQ0Y7QURHRDtFQUNDLHNCQUFBO0VBQ0EsNEJBQUE7Q0NEQTtBREREO0VBSUUsd0JBQUE7RUFDQSxhQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxnQkFBQTtFQUNBLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxtQkFBQTtDQ0FEO0FEQ0M7RUFDQyw0QkFBQTtDQ0NGO0FERUE7RUFDQyxrQ0FBQTtVQUFBLDBCQUFBO0VBQ0EsK0JBQUE7VUFBQSx1QkFBQTtDQ0FEO0FERUE7RUFDQyxvQ0FBQTtVQUFBLDRCQUFBO0VBQ0EsK0JBQUE7VUFBQSx1QkFBQTtDQ0FEO0FER0Q7RUFDQyxrQkFBQTtDQ0RBO0FBQ0Qsc0VBQXNFIiwiZmlsZSI6ImNzcy90d28tZmFjdG9yLWF1dGhlbnRpY2F0aW9uLWNvbmZpcm0tY29kZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIkBrZXlmcmFtZXMgY29kZVdyb25nIHtcbiAgMCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIDI1JSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogeWVsbG93O1xuICB9XG4gIDEwMCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJlZDtcbiAgfVxufVxuQGtleWZyYW1lcyBjb2RlQ29ycmVjdCB7XG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgfVxuICAyNSUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IGxpbWVncmVlbjtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBkYXJrZ3JlZW47XG4gIH1cbn1cbi5jb25maXJtQ29kZSB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYm9yZGVyOiAycHggc29saWQgbGlnaHRncmV5O1xufVxuLmNvbmZpcm1Db2RlIGlucHV0W3R5cGU9XCJ0ZXh0XCJdIHtcbiAgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7XG4gIGNvbG9yOiBibGFjaztcbiAgbWFyZ2luOiAycHg7XG4gIHBhZGRpbmc6IDJweDtcbiAgZm9udC1zaXplOiAzMHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuLmNvbmZpcm1Db2RlIGlucHV0W3R5cGU9XCJ0ZXh0XCJdOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRjeWFuO1xufVxuLmNvbmZpcm1Db2RlLmludmFsaWQge1xuICBhbmltYXRpb24tbmFtZTogY29kZVdyb25nO1xuICBhbmltYXRpb24tZHVyYXRpb246IDFzO1xufVxuLmNvbmZpcm1Db2RlLnZhbGlkIHtcbiAgYW5pbWF0aW9uLW5hbWU6IGNvZGVDb3JyZWN0O1xuICBhbmltYXRpb24tZHVyYXRpb246IDFzO1xufVxuZGl2LnVpLWRpYWxvZyBzcGFuLmNvbmZpcm1Db2RlIHtcbiAgbWFyZ2luOiAxNXB4IDQzcHg7XG59XG4vKiMgc291cmNlTWFwcGluZ1VSTD10d28tZmFjdG9yLWF1dGhlbnRpY2F0aW9uLWNvbmZpcm0tY29kZS5jc3MubWFwICovIl19 */