.irma-web-center-child {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.irma-web-popup {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.irma-web-popup > * {
  margin: auto 0 !important;
  transform: scale(0.7);
}
.irma-web-popup.irma-web-popup-active {
  opacity: 1;
  visibility: visible;
}
.irma-web-popup.irma-web-popup-active > * {
  transform: scale(1);
}

.irma-web-centered {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  height: auto;
  text-align: center;
}
.irma-web-centered img,
.irma-web-centered canvas {
  cursor: none;
}
.irma-web-centered > p:first-child {
  margin-top: 0;
}
.irma-web-centered > p:last-child {
  margin-bottom: 0;
}

.irma-web-form {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  width: 80%;
  min-width: 262px;
  max-width: 400px;
  height: 480px;
  background-color: #004c92;
  border: 1px solid white;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .irma-web-form {
    min-height: 440px;
  }
}
.irma-web-form .irma-web-content {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  margin: 0 1rem 1rem 1rem;
  background-color: white;
  border-radius: 6px;
}
.irma-web-form .irma-web-content p {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #7f7f7f;
  margin: 1em 4em;
}
.irma-web-form .irma-web-content p.irma-web-error {
  color: #d44454;
}
@media screen and (max-width: 768px) {
  .irma-web-form .irma-web-content p {
    margin: 1em 2em;
  }
}
.irma-web-form .irma-web-content a {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #7f7f7f;
  text-decoration: underline;
  cursor: pointer;
}
.irma-web-form .irma-web-content a.irma-web-error {
  color: #d44454;
}
.irma-web-form .irma-web-content a:hover {
  color: #004c92;
}
.irma-web-form .irma-web-header {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  position: relative;
  flex: 0 0 auto;
  padding: 2rem;
  margin: 0 1rem;
  overflow: hidden;
  text-align: center;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
@media screen and (max-width: 768px) {
  .irma-web-form .irma-web-header {
    padding: 1em;
  }
}
.irma-web-form .irma-web-header p {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: white;
}
.irma-web-form .irma-web-header p.irma-web-error {
  color: #d44454;
}
@media screen and (max-width: 768px) {
  .irma-web-form .irma-web-header p {
    font-family: "Roboto", Tahoma, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: white;
  }
  .irma-web-form .irma-web-header p.irma-web-error {
    color: #d44454;
  }
}
.irma-web-form .irma-web-header p i.irma-web-logo {
  width: 70px;
  height: 55px;
}
.irma-web-form .irma-web-header .irma-web-helper {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  height: calc(100% - 2rem);
  background-color: #47679e;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  transform: translateX(120%);
  -webkit-transition: -webkit-transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
.irma-web-form .irma-web-header .irma-web-helper p,
.irma-web-form .irma-web-header .irma-web-helper a {
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: white;
}
.irma-web-form .irma-web-header .irma-web-helper p.irma-web-error,
.irma-web-form .irma-web-header .irma-web-helper a.irma-web-error {
  color: #d44454;
}
.irma-web-form .irma-web-header .irma-web-helper p {
  margin: 1em;
  text-align: center;
}
.irma-web-form .irma-web-header > *:not(.irma-web-helper):not(.irma-web-close) {
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
.irma-web-form .irma-web-header.irma-web-show-helper > *:not(.irma-web-helper):not(.irma-web-close) {
  transform: translateX(-120%);
}
.irma-web-form .irma-web-header.irma-web-show-helper .irma-web-helper {
  transform: translateX(0%);
}
.irma-web-form .irma-web-header .irma-web-close {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
}
.irma-web-form .irma-web-header .irma-web-close:before, .irma-web-form .irma-web-header .irma-web-close:after {
  content: " ";
  display: block;
  position: absolute;
  top: 5.2px;
  left: 10.92px;
  width: 4.16px;
  height: 15.6px;
  background-color: #004c92;
  transform: rotateZ(45deg);
  transform-origin: center;
}
.irma-web-form .irma-web-header .irma-web-close:after {
  transform: rotateZ(-45deg);
}

.irma-web-button, .irma-web-pairing-form button {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #7f7f7f;
  padding: 1em 4em;
  background-color: #004c92;
  display: block;
  border: 1px solid #00315f;
  border-radius: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: white;
  font-weight: 500;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
               supported by Chrome and Opera */
}
.irma-web-button.irma-web-error, .irma-web-pairing-form button.irma-web-error {
  color: #d44454;
}
.irma-web-button:active, .irma-web-pairing-form button:active {
  transform: scale3d(0.99, 0.99, 1);
  transform-origin: center;
}
.irma-web-button:focus, .irma-web-pairing-form button:focus {
  outline: 0;
}

.irma-web-animation-text {
 margin-top: 50px;
 margin-left: -110px;
 margin-right: -110px;
}
.irma-web-logo {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1522.71 1381.02'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M1366.53 814.27l-101.22-301.78 67.32-3.08 102.1 293.27V148.6H89.91v1107.11h1344.82V818.75l-68.2-4.48z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cg data-name='Rounded Rectangle 1'%3E%3Cpath d='M382 1351.23c-35.92 0-67.3-21.45-78.11-53.37L114 736.23c-14.22-42 11-88.67 56.24-104l903.9-306.31a92.59 92.59 0 0129.72-4.94c35.92 0 67.32 21.45 78.12 53.39L1371.83 936c14.22 42-11 88.68-56.23 104l-903.92 306.3a92.27 92.27 0 01-29.72 4.94z' fill='%23d44454'/%3E%3Cpath d='M1103.83 350.79c22.61 0 43 12.62 49.87 33.12l189.89 561.62c9 26.5-7.85 56.15-37.58 66.23l-903.9 306.3a62.81 62.81 0 01-20.16 3.36c-22.6 0-42.94-12.62-49.88-33.12L142.2 726.68c-9-26.5 7.86-56.16 37.57-66.22l903.9-306.31a62.81 62.81 0 0120.16-3.36m0-59.61a122.26 122.26 0 00-39.29 6.51L160.64 604c-60.78 20.59-94.39 84.19-74.91 141.78l189.89 561.61c14.9 44 57.64 73.63 106.35 73.63a122 122 0 0039.3-6.51l903.89-306.3c60.79-20.61 94.39-84.22 74.91-141.79l-189.9-561.6c-14.9-44.05-57.63-73.64-106.34-73.64z' fill='%23d44454'/%3E%3Cpath d='M425.74 1060.06c-35.92 0-67.3-21.45-78.11-53.38L157.75 445.06c-14.22-42 11-88.68 56.24-104l903.9-306.31a92.31 92.31 0 0129.72-4.94c35.92 0 67.32 21.45 78.12 53.38l189.88 561.62c14.22 42-11 88.67-56.23 104l-903.92 306.3a92 92 0 01-29.72 5z' fill='%23ffbb58'/%3E%3Cpath d='M1147.61 59.61c22.61 0 43 12.62 49.87 33.13l189.89 561.61c9 26.51-7.85 56.16-37.58 66.24l-903.9 306.29a62.54 62.54 0 01-20.16 3.36c-22.6 0-43-12.62-49.88-33.11L186 435.51c-9-26.51 7.86-56.16 37.57-66.23L1127.45 63a62.56 62.56 0 0120.16-3.37m0-59.61a122.26 122.26 0 00-39.29 6.51l-903.9 306.29C143.64 333.42 110 397 129.51 454.6l189.89 561.61c14.9 44 57.63 73.63 106.35 73.63a122 122 0 0039.3-6.51L1368.94 777c60.79-20.6 94.39-84.21 74.91-141.79L1254 73.64C1239.05 29.59 1196.32 0 1147.61 0z' fill='%23ffbb58'/%3E%3Cpath d='M185.21 1099.47c-35.35-6.37-62.43-33-67.4-66.39L30.63 446.67c-6.53-43.88 26.58-85.31 73.8-92.37l943.92-141a92.26 92.26 0 0130.13.41c35.35 6.37 62.44 33.06 67.4 66.4l87.19 586.4c6.53 43.87-26.58 85.31-73.81 92.38l-943.92 141a92 92 0 01-30.13-.41z' fill='%232bc194'/%3E%3Cpath d='M1073.19 243c22.25 4 40 20 43.2 41.45l87.18 586.4c4.13 27.68-17.69 53.87-48.73 58.52l-943.91 141a62.68 62.68 0 01-20.44-.27c-22.25-4-40-20-43.21-41.44L60.11 442.28c-4.13-27.67 17.7-53.87 48.73-58.5l943.92-141a62.62 62.62 0 0120.43.27m10.58-58.66a122 122 0 00-39.82-.57L100 324.82C36.56 334.3-7.8 390.93 1.15 451.05l87.18 586.4c6.85 46 43.66 82.69 91.6 91.34a122.33 122.33 0 0039.83.57l943.91-141c63.48-9.5 107.83-66.13 98.88-126.25l-87.2-586.39c-6.84-45.99-43.65-82.72-91.58-91.34z' fill='%232bc194'/%3E%3Cpath d='M446.49 1190c-35.42-6-62.76-32.43-68.06-65.71l-93.05-585.54c-7-43.81 25.72-85.57 72.87-93.1l942.46-150.46a92.86 92.86 0 0130.13.11c35.42 6 62.77 32.44 68.06 65.73l93.1 585.5c7 43.8-25.72 85.57-72.88 93.11l-942.5 150.44a92 92 0 01-30.13-.11z' fill='%2300b1e6'/%3E%3Cpath d='M1325.84 324.69c22.29 3.79 40.23 19.64 43.62 41l93 585.5c4.4 27.64-17.15 54-48.14 59l-942.41 150.46a62.74 62.74 0 01-20.43-.07c-22.29-3.79-40.23-19.64-43.63-41l-93-585.5c-4.4-27.63 17.16-54.05 48.14-59l942.46-150.45a62.47 62.47 0 0120.43.06m10-58.77a122.36 122.36 0 00-39.83-.17l-942.5 150.46c-63.37 10.12-107.16 67.18-97.61 127.22L349 1128.92c7.3 45.92 44.48 82.25 92.5 90.42a122.15 122.15 0 0039.84.17l942.44-150.45c63.38-10.13 107.17-67.2 97.62-127.23l-93.08-585.48c-7.32-45.93-44.47-82.27-92.48-90.43z' fill='%2300b1e6'/%3E%3C/g%3E%3Cg data-name='Rounded Rectangle 1 1 1'%3E%3Cpath d='M400.86 1214.31c-35.92 0-67.31-21.45-78.11-53.38L132.87 599.31c-14.22-42 11-88.68 56.23-104L1093 189a92.31 92.31 0 0129.72-4.94c35.92 0 67.31 21.45 78.12 53.38l189.88 561.62c14.21 42-11 88.67-56.24 104l-903.91 306.3a92.05 92.05 0 01-29.72 5z' fill='%23004c92'/%3E%3Cpath d='M1122.73 213.86c22.6 0 43 12.62 49.87 33.13l189.88 561.61c9 26.51-7.85 56.16-37.57 66.24L421 1181.14a62.8 62.8 0 01-20.16 3.35c-22.61 0-43-12.62-49.88-33.11L161.09 589.76c-9-26.51 7.86-56.16 37.58-66.22l903.9-306.31a62.51 62.51 0 0120.16-3.37m0-59.61a122.21 122.21 0 00-39.29 6.51l-903.9 306.31c-60.79 20.6-94.39 84.2-74.91 141.78l189.88 561.61c14.9 44 57.64 73.63 106.36 73.63a122 122 0 0039.29-6.51l903.9-306.3c60.78-20.6 94.39-84.21 74.91-141.79l-189.91-561.6c-14.89-44.05-57.63-73.64-106.33-73.64z' fill='%23fff'/%3E%3C/g%3E%3Cg clip-path='url(%23a)' fill='%23fff'%3E%3Cpath d='M476.91 518.15h55.79v294.84h-55.79zM597.34 518.15h102.29q45.17 0 73.49 26.54t28.36 65.71A84.82 84.82 0 01786 660.31q-15.47 22.11-42.05 33.06L812.54 813H751l-59.77-111.2h-38.09V813h-55.79V518.15zM699.63 567h-46.49v85.93h46.49q19.92 0 31.88-11.8t12-31.16q0-19-12-31T699.63 567zM1016.33 734.71l-46-.15-59.51-104.69V813H855V518.15h49.59l88.54 157.1 89-157.1h49.14V813h-55.78V630.19zM1371.75 813l-19.85-62.76h-105.53L1226.52 813h-60.66l104.93-294.84H1327L1432 813zm-72.62-228.72l-39.05 122.57h78.1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  color: transparent;
}

.irma-web-button, .irma-web-pairing-form button {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #7f7f7f;
  display: block;
  margin-bottom: 30px;
  padding: 1em 4em;
  background-color: #004c92;
  border: 1px solid #00315f;
  border-radius: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: white;
  font-weight: 500;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
               supported by Chrome and Opera */
}
.irma-web-button.irma-web-error, .irma-web-pairing-form button.irma-web-error {
  color: #d44454;
}
.irma-web-button:active, .irma-web-pairing-form button:active {
  transform: scale3d(0.99, 0.99, 1);
  transform-origin: center;
}
.irma-web-button:focus, .irma-web-pairing-form button:focus {
  outline: 0;
}

.irma-web-loading-animation, .irma-web-pairing-form .irma-web-pairing-loading-animation {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 39px;
  height: 39px;
}
.irma-web-loading-animation *, .irma-web-pairing-form .irma-web-pairing-loading-animation * {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
.irma-web-loading-animation *, .irma-web-pairing-form .irma-web-pairing-loading-animation * {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: block;
  width: 33%;
  height: 33%;
  border-radius: 50%;
  background-color: #00b1e6;
  float: left;
  -ms-animation: loading-animation 1.3s infinite ease-in-out;
  -webkit-animation: loading-animation 1.3s infinite ease-in-out;
  animation: loading-animation 1.3s infinite ease-in-out;
}
.irma-web-loading-animation *:nth-child(1), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(1) {
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.irma-web-loading-animation *:nth-child(2), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(2) {
  -ms-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.irma-web-loading-animation *:nth-child(3), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(3) {
  -ms-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.irma-web-loading-animation *:nth-child(4), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(4) {
  -ms-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.irma-web-loading-animation *:nth-child(5), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(5) {
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.irma-web-loading-animation *:nth-child(6), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(6) {
  -ms-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.irma-web-loading-animation *:nth-child(7), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(7) {
  -ms-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.irma-web-loading-animation *:nth-child(8), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(8) {
  -ms-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.irma-web-loading-animation *:nth-child(9), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(9) {
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-ms-keyframes loading-animation {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes loading-animation {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes loading-animation {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

.irma-web-pairing-form {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #7f7f7f;
  flex-direction: column;
}
.irma-web-pairing-form.irma-web-error {
  color: #d44454;
}
.irma-web-pairing-form .irma-web-pairing-code {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  margin: 10px 0;
  display: flex;
  flex-direction: row;
  cursor: text;
}
.irma-web-pairing-form p {
  text-align: center;
  align-self: center;
}
.irma-web-pairing-form .irma-web-pairing-loading-animation {
  margin: 10px 0;
}
.irma-web-pairing-form input {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  margin: 8px;
  height: 40px;
  width: 30px;
  text-align: center;
  font-size: 1.5em;
  border: 1px solid #000;
  border-radius: 4px;
}
@media screen and (max-width: 310px) {
  .irma-web-pairing-form input {
    margin: 4px;
    height: 32px;
    width: 24px;
    font-size: 1em;
  }
}

.irma-web-qr-code {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: block;
  width: 256px;
  height: 256px;
  max-width: 100%;
  background-color: white;
}

.irma-web-loading-animation, .irma-web-pairing-form .irma-web-pairing-loading-animation {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 39px;
  height: 39px;
}
.irma-web-loading-animation *, .irma-web-pairing-form .irma-web-pairing-loading-animation * {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
.irma-web-loading-animation *, .irma-web-pairing-form .irma-web-pairing-loading-animation * {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: block;
  width: 33%;
  height: 33%;
  border-radius: 50%;
  background-color: #00b1e6;
  float: left;
  -ms-animation: loading-animation 1.3s infinite ease-in-out;
  -webkit-animation: loading-animation 1.3s infinite ease-in-out;
  animation: loading-animation 1.3s infinite ease-in-out;
}
.irma-web-loading-animation *:nth-child(1), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(1) {
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.irma-web-loading-animation *:nth-child(2), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(2) {
  -ms-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.irma-web-loading-animation *:nth-child(3), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(3) {
  -ms-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.irma-web-loading-animation *:nth-child(4), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(4) {
  -ms-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.irma-web-loading-animation *:nth-child(5), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(5) {
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.irma-web-loading-animation *:nth-child(6), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(6) {
  -ms-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.irma-web-loading-animation *:nth-child(7), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(7) {
  -ms-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.irma-web-loading-animation *:nth-child(8), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(8) {
  -ms-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.irma-web-loading-animation *:nth-child(9), .irma-web-pairing-form .irma-web-pairing-loading-animation *:nth-child(9) {
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-ms-keyframes loading-animation {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes loading-animation {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes loading-animation {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

.irma-web-waiting-for-user-animation {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 23px;
  height: 39px;
  position: relative;
  background-color: #00b1e6;
  border-radius: 2px;
  -ms-animation: waiting-for-user-animation 2s infinite ease-in-out;
  -webkit-animation: waiting-for-user-animation 2s infinite ease-in-out;
  animation: waiting-for-user-animation 2s infinite ease-in-out;
}
.irma-web-waiting-for-user-animation:before, .irma-web-waiting-for-user-animation:after {
  content: "";
  display: block;
  position: absolute;
  background-color: white;
}
.irma-web-waiting-for-user-animation:before {
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 8px;
  border-radius: 1px;
}
.irma-web-waiting-for-user-animation:after {
  width: 4px;
  height: 4px;
  left: 50%;
  bottom: 2px;
  margin-left: -2px;
  border-radius: 50%;
}
@-ms-keyframes waiting-for-user-animation {
  0%, 100% {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
  }
  50% {
    -webkit-transform: scale3D(0.9, 0.9, 1);
    transform: scale3D(0.9, 0.9, 1);
  }
}
@-webkit-keyframes waiting-for-user-animation {
  0%, 100% {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
  }
  50% {
    -webkit-transform: scale3D(0.9, 0.9, 1);
    transform: scale3D(0.9, 0.9, 1);
  }
}
@keyframes waiting-for-user-animation {
  0%, 100% {
    -webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
  }
  50% {
    -webkit-transform: scale3D(0.9, 0.9, 1);
    transform: scale3D(0.9, 0.9, 1);
  }
}

.irma-web-checkmark-animation {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 48px;
  height: 39px;
}
.irma-web-checkmark-animation:before {
  content: " ";
  display: block;
  box-sizing: content-box;
  width: 27px;
  height: 15px;
  border: 13px solid #2bc194;
  border-top: 0;
  border-right: 0;
  transform: translate(0px, 18px) rotate(-45deg);
  transform-origin: left top;
  -ms-animation: checkmark-animation 0.6s 1 ease;
  -webkit-animation: checkmark-animation 0.6s 1 ease;
  animation: checkmark-animation 0.6s 1 ease;
}
@-ms-keyframes checkmark-animation {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  50% {
    height: 15px;
    width: 0;
    opacity: 1;
  }
  100% {
    height: 15px;
    width: 27px;
    opacity: 1;
  }
}
@-webkit-keyframes checkmark-animation {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  50% {
    height: 15px;
    width: 0;
    opacity: 1;
  }
  100% {
    height: 15px;
    width: 27px;
    opacity: 1;
  }
}
@keyframes checkmark-animation {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  50% {
    height: 15px;
    width: 0;
    opacity: 1;
  }
  100% {
    height: 15px;
    width: 27px;
    opacity: 1;
  }
}

.irma-web-forbidden-animation {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
}
.irma-web-forbidden-animation:before, .irma-web-forbidden-animation:after {
  content: " ";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 22px;
  height: 44px;
  top: 0;
  left: 22px;
  border: 7px solid #d44454;
  border-radius: 22px;
}
.irma-web-forbidden-animation:before {
  -ms-animation: complete-animation 0.8s linear 1 forwards;
  -webkit-animation: complete-animation 0.8s linear 1 forwards;
  animation: complete-animation 0.8s linear 1 forwards;
}
.irma-web-forbidden-animation:after {
  width: 37px;
  -ms-animation: rotate-animation 0.8s linear 1 forwards;
  -webkit-animation: rotate-animation 0.8s linear 1 forwards;
  animation: rotate-animation 0.8s linear 1 forwards;
}
@-ms-keyframes complete-animation {
  0%, 65% {
    border-radius: 0px;
    border-left: 0px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    width: 22px;
    left: 22px;
  }
  66%, 100% {
    border: 7px solid #d44454;
    border-radius: 22px;
    width: 44px;
    left: 0;
  }
}
@-webkit-keyframes complete-animation {
  0%, 65% {
    border-radius: 0px;
    border-left: 0px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    width: 22px;
    left: 22px;
  }
  66%, 100% {
    border: 7px solid #d44454;
    border-radius: 22px;
    width: 44px;
    left: 0;
  }
}
@keyframes complete-animation {
  0%, 65% {
    border-radius: 0px;
    border-left: 0px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    width: 22px;
    left: 22px;
  }
  66%, 100% {
    border: 7px solid #d44454;
    border-radius: 22px;
    width: 44px;
    left: 0;
  }
}
@-ms-keyframes rotate-animation {
  0%, 32.99% {
    border: 0;
    border-radius: 0;
    background-color: white;
    transform-origin: center left;
    width: 22px;
  }
  33%, 65.99% {
    border: 7px solid #d44454;
    border-radius: 0px;
    border-left: 0px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: white;
    width: 22px;
    height: 44px;
    transform-origin: center left;
    left: 22px;
  }
  66%, 100% {
    border: 0;
    background-color: #d44454;
    height: 7px;
    transform: rotate(-45deg) translate(-18.5px, 27.5px);
    transform-origin: top left;
    left: 0;
  }
  0.01% {
    transform: rotate(1deg);
  }
  32.98% {
    transform: rotate(180deg);
  }
  33.01% {
    transform: rotate(1deg);
  }
  65.98% {
    transform: rotate(180deg);
  }
  66.01% {
    width: 0;
  }
  99.99% {
    width: 37px;
  }
}
@-webkit-keyframes rotate-animation {
  0%, 32.99% {
    border: 0;
    border-radius: 0;
    background-color: white;
    transform-origin: center left;
    width: 22px;
  }
  33%, 65.99% {
    border: 7px solid #d44454;
    border-radius: 0px;
    border-left: 0px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: white;
    width: 22px;
    height: 44px;
    transform-origin: center left;
    left: 22px;
  }
  66%, 100% {
    border: 0;
    background-color: #d44454;
    height: 7px;
    transform: rotate(-45deg) translate(-18.5px, 27.5px);
    transform-origin: top left;
    left: 0;
  }
  0.01% {
    transform: rotate(1deg);
  }
  32.98% {
    transform: rotate(180deg);
  }
  33.01% {
    transform: rotate(1deg);
  }
  65.98% {
    transform: rotate(180deg);
  }
  66.01% {
    width: 0;
  }
  99.99% {
    width: 37px;
  }
}
@keyframes rotate-animation {
  0%, 32.99% {
    border: 0;
    border-radius: 0;
    background-color: white;
    transform-origin: center left;
    width: 22px;
  }
  33%, 65.99% {
    border: 7px solid #d44454;
    border-radius: 0px;
    border-left: 0px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: white;
    width: 22px;
    height: 44px;
    transform-origin: center left;
    left: 22px;
  }
  66%, 100% {
    border: 0;
    background-color: #d44454;
    height: 7px;
    transform: rotate(-45deg) translate(-18.5px, 27.5px);
    transform-origin: top left;
    left: 0;
  }
  0.01% {
    transform: rotate(1deg);
  }
  32.98% {
    transform: rotate(180deg);
  }
  33.01% {
    transform: rotate(1deg);
  }
  65.98% {
    transform: rotate(180deg);
  }
  66.01% {
    width: 0;
  }
  99.99% {
    width: 37px;
  }
}

.irma-web-clock-animation {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 5px solid #d44454;
  -ms-animation: shake-animation 1s infinite linear 2s;
  -webkit-animation: shake-animation 1s infinite linear 2s;
  animation: shake-animation 1s infinite linear 2s;
}
.irma-web-clock-animation:before {
  content: " ";
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  top: -7.5px;
  left: 13.5px;
  background-color: #d44454;
}
.irma-web-clock-animation:after {
  content: " ";
  position: absolute;
  display: block;
  width: 5px;
  height: 17.5px;
  top: 2px;
  left: 13.5px;
  background-color: #d44454;
  transform: rotate(0deg);
  transform-origin: bottom center;
  -ms-animation: clock-animation 2s 1 ease;
  -webkit-animation: clock-animation 2s 1 ease;
  animation: clock-animation 2s 1 ease;
}
@-ms-keyframes clock-animation {
  0% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  90% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes clock-animation {
  0% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  90% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes clock-animation {
  0% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  90% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-ms-keyframes shake-animation {
  10%, 90% {
    transform: translate3d(-2px, 1px, 0);
  }
  20%, 80% {
    transform: translate3d(2px, -1px, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, -1px, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 1px, 0);
  }
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes shake-animation {
  10%, 90% {
    transform: translate3d(-2px, 1px, 0);
  }
  20%, 80% {
    transform: translate3d(2px, -1px, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, -1px, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 1px, 0);
  }
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shake-animation {
  10%, 90% {
    transform: translate3d(-2px, 1px, 0);
  }
  20%, 80% {
    transform: translate3d(2px, -1px, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, -1px, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 1px, 0);
  }
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
}

/*# sourceMappingURL=irma.css.map */


.modal-content {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 80%;
  min-width: 262px;
  max-width: 400px;
  height: 480px;
  background-color: #004c92 !important;
  border: 1px solid white;
  border-radius: 10px;
}

.modal-content .modal-header p {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Roboto",Tahoma,Arial,sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: white;
  text-align: center;
  align-items: center;
}

.modal-content .modal-header {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  flex: 0 0 auto;
  padding: 2rem;
  margin: 0 1rem;
  overflow: hidden;
  text-align: center;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}


.modal-content .modal-content-content {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  margin: 0 1rem 1rem 1rem;
  background-color: white;
  border-radius: 6px;
}

.modal-content-centered {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: auto;
  text-align: center;
}

.modal-content .modal-header .modal-close {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  
}

.irma-popop-text {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", Tahoma, Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #7f7f7f;
  text-decoration: underline !important;
  cursor: pointer;
}


.modal {
  top: 20%
}
.modal-content {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 80% !important;
  min-width: 262px;
  max-width: 400px;
  height: 480px;
  background-color: #004c92 !important;
  border: 1px solid white;
  border-radius: 10px;
}

.modal-content .modal-header p {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Roboto",Tahoma,Arial,sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: white;
  text-align: center;
  align-items: center;
}

.modal-content .modal-header {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  flex: 0 0 auto;
  padding: 2rem;
  margin: 0 1rem;
  overflow: hidden;
  text-align: center;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}


.modal-content .modal-content-content {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  margin: 0 1rem 1rem 1rem;
  background-color: white;
  border-radius: 6px;
}

.modal-content-centered {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: auto;
  text-align: center;
}

.modal-content .modal-header .modal-close {
  background-color: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 26px;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  
}