.loqr-sdk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.loqr-sdk-button {
  display: inline-block;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  /* white-space: nowrap; */
  color: #555;
  background-color: #ddd;
  font-size: 14px;
  border-radius: 50px;
  border: none;
  outline: none;
}

.loqr-sdk-button:hover {
  background-color: #aaa;
  color: #444;
}

.loqr-sdk-button:active {
  background: #e9e9e9;
  position: relative;
}

.loqr-sdk-button[disabled],
.loqr-sdk-button[disabled]:hover,
.loqr-sdk-button[disabled]:active {
  background: #efefef;
  cursor: default;
  position: static;
  color: #999;
}

/* Smaller buttons styles */

.loqr-sdk-button.small {
  padding: 4px 12px;
}

/* Larger buttons styles */

.loqr-sdk-button.large {
  padding: 12px 30px;
  text-transform: uppercase;
}

.loqr-sdk-button.large:active {
  top: 2px;
}

/* Colored buttons styles */

.loqr-sdk-button.loqr-sdk-button-green,
.loqr-sdk-button.loqr-sdk-button-red,
.loqr-sdk-button.loqr-sdk-button-blue {
  color: #fff;
}

.loqr-sdk-button.loqr-sdk-button-green {
  background-color: #57a957;
}

.loqr-sdk-button.loqr-sdk-button-green:hover {
  background-color: #62c462;
}

.loqr-sdk-button.loqr-sdk-button-green:active {
  background: #57a957;
}

.loqr-sdk-button.loqr-sdk-button-red {
  background-color: #ca3535;
}

.loqr-sdk-button.loqr-sdk-button-red:hover {
  background-color: #ee5f5b;
}

.loqr-sdk-button.loqr-sdk-button-red:active {
  background: #c43c35;
}

.loqr-sdk-button.loqr-sdk-button-blue {
  background-color: #269ce9;
}

.loqr-sdk-button.loqr-sdk-button-blue:hover {
  background-color: #70b9e8;
}

.loqr-sdk-button.loqr-sdk-button-blue:active {
  background: #269ce9;
}

.loqr-sdk-button-green[disabled],
.loqr-sdk-button-green[disabled]:hover,
.loqr-sdk-button-green[disabled]:active {
  background: #57a957;
  color: #d2ffd2;
}

.loqr-sdk-button-red[disabled],
.loqr-sdk-button-red[disabled]:hover,
.loqr-sdk-button-red[disabled]:active {
  background: #c43c35;
  color: #ffd3d3;
}

.loqr-sdk-button-blue[disabled],
.loqr-sdk-button-blue[disabled]:hover,
.loqr-sdk-button-blue[disabled]:active {
  background: #269ce9;
  color: #93d5ff;
}

/*////    SCRIPT    //////////*/
.loqr-sdk-interview-components {
  z-index: 0;
}

.loqr-sdk-self-interview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -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 */
  z-index: 10;
}
.loqr-sdk-self-interview .loqr-sdk-self-interview-container {
  /* height: 100px; */
  padding-top: 50px;
  width: 100%;
  /* top: calc(100% - 150px); */
  bottom: 0px;
  position: absolute;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  display: table;
  z-index: 5;
}

.loqr-sdk-modal.loqr-sdk-otp-modal {
  z-index: 3 !important;
}
.loqr-sdk-modal.loqr-sdk-otp-modal-v3 {
  z-index: 3 !important;
  background: rgba(0, 0, 0, 0.4118);
}

.loqr-sdk-self-interview .loqr-sdk-self-interview-container > div {
  display: table-row;
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-bt {
  width: 50px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: 10px 40px;
  opacity: 0.5;
  cursor: pointer;
  display: table-cell;
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-bt:hover {
  opacity: 1;
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-bt-left {
  /* left: 0px; */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z" fill="white" stroke="white"/><path fill="none" d="M0 0h24v24H0z"/></svg>');
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-bt-right {
  /* right: 0px; */
  background-position: 20px 40px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z" fill="white" stroke="white"/><path fill="none" d="M0 0h24v24H0z"/></svg>');
}

.loqr-sdk-self-interview .loqr-sdk-timeline {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  background: #000a;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}

.loqr-sdk-cancel-camera {
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
}

.loqr-sdk-cancel-button {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: rgba(255, 255, 255, 0.62);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path fill="black" d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/></svg>');
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}

.loqr-sdk-cancel-button:hover {
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.loqr-sdk-cancel-button-disabled {
  opacity: 0.5;
}

.loqr-sdk-self-interview .loqr-sdk-timeline .loqr-sdk-video-icon {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="red" d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  float: left;
}

.loqr-sdk-self-interview
  .loqr-sdk-timeline
  .loqr-sdk-video-icon.loqr-sdk-invisible {
  opacity: 0.4;
  visibility: visible !important;
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-text {
  width: calc(100% - 100px);
  height: 90px;
  padding-bottom: 10px;
  /* overflow: hidden;
	position: absolute;
	left: 50px; */
  display: table-cell;
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-text
  .title {
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}

.loqr-sdk-self-interview
  .loqr-sdk-self-interview-container
  .loqr-sdk-self-interview-text
  .content {
  font-size: 16px;
}

.loqr-sdk-interview {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding-top: 50px;
}

.loqr-sdk-interview-container.bg {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.loqr-sdk-interview-container {
  position: relative;
  padding: 16px;
  width: calc(100% - 16px * 2);
  color: #fff;
  text-align: center;
}

.loqr-sdk-interview-container .loqr-sdk-loading .loqr-sdk-spinner-container {
  margin: auto;
  width: unset;
  height: unset;
}

.loqr-sdk-interview-container
  .loqr-sdk-loading
  .loqr-sdk-spinner-container
  .spinner-white {
  margin: auto;
  width: 25px;
  height: 25px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid #ccc;
}

.loqr-sdk-status {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.loqr-sdk-call-button {
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="white" d="M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08c-.18-.17-.29-.42-.29-.7 0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28-.79-.74-1.69-1.36-2.67-1.85-.33-.16-.56-.5-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z"/></svg>');
  background-repeat: no-repeat;
  background-position: 50% 55%;
  background-size: 60%;
  background-color: #ff001e;
  border-radius: 50%;
  margin: auto;
  cursor: pointer;
  margin-bottom: 50px;
}

.loqr-sdk-call-button:hover {
  background-color: #b60016;
}

.loqr-sdk-container-absolute {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.loqr-sdk-capture-document {
  width: 90%;
  height: 80px;
  margin: 5%;
  background: #0ff5;
  position: absolute;
  bottom: 0px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
}

.loqr-sdk-capture-document .loqr-sdk-capture-button {
  width: 50px;
  height: 50px;
  margin: auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3.2"/><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}

.loqr-sdk-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.loqr-sdk-container *,
.loqr-sdk-container *::before,
.loqr-sdk-container *::after {
  box-sizing: content-box !important;
}

.loqr-sdk-container .loqr-sdk-cp-top-actions {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 60px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.08) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0.4)),
    color-stop(80%, rgba(0, 0, 0, 0.08)),
    color-stop(100%, rgba(0, 0, 0, 0))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.08) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.08) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.08) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.08) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.loqr-sdk-cp-capture-container {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.loqr-sdk-cp-capture-container .loqr-sdk-button {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 1rem;
}

.loqr-sdk-cp-top-actions .loqr-sdk-cp-title {
  margin-top: 10px;
  font-size: 20px;
  width: 80%;
  margin: auto;
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-action-button {
  width: 52px;
  height: 52px;
  position: absolute;
  bottom: 15px;
  left: calc(50% - 33px);
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 6px solid #a6a0a0aa;
  opacity: 0.75;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-action-button,
.loqr-adv-container .loqr-sdk-cp-action-button.loqr-sdk-cp-capture {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle fill="color:rgb(0,0,0)" fill-opacity="0.6" cx="12" cy="12" r="3.2"/><path fill="rgb(0,0,0)" fill-opacity="0.6" d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}

.loqr-sdk-cp-action-button-text {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 10px;
  width: fit-content;
  text-align: center;
  background-image: unset;
  padding: 6px 20px;
  cursor: pointer;
  text-decoration: none;
  color: #555;
  background-color: #ddd;
  font-size: 14px;
  border-radius: 50px;
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-record {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(255,0,0)" fill-opacity="0.6" d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>');
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-capture:hover,
.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-record:hover {
  opacity: 1;
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-loading {
  opacity: 0.9;
  overflow: hidden;
}

@keyframes loqr-sdk-anim-rotating {
  100% {
    transform: rotate(360deg);
  }
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-loading .spinner-white {
  border-radius: 50%;
  margin: 5px;
  width: 34px;
  height: 34px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid #ccc;
  animation: loqr-sdk-anim-rotating 1.2s infinite
    cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-button {
  position: absolute;
  bottom: 15px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid #a6a0a099;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px 35px;
  opacity: 0.8;
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-cp-button:hover {
  opacity: 1;
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-button-upload {
  left: calc(50% + 30px);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="rgb(95,196,95)"/></svg>');
}

.loqr-sdk-cp-bottom-actions .loqr-sdk-button-repeat {
  left: calc(50% - 90px);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" fill="rgb(233, 84, 77)"/></svg>');
}

.loqr-sdk-modal-body-container {
  color: #fff;
  text-align: center;
  display: block;
  margin: auto;
}

.loqr-sdk-container .loqr-sdk-modal {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 100;
}

.loqr-sdk-container .loqr-sdk-modal .loqr-sdk-modal-background,
.loqr-sdk-modal-background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #0005;
  z-index: 90;
}

.loqr-sdk-modal-background {
  background: #0005;
}

.loqr-sdk-modal-full {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: #0005;
  display: flex;
  flex-direction: column;
  z-index: 90;
}

.loqr-sdk-container .loqr-sdk-modal .loqr-sdk-loading-text {
  font-size: 20px;
  margin-top: 10px;
  font-weight: bold;
}

.loqr-sdk-container .loqr-sdk-modal .loqr-sdk-spinner-container {
  margin: auto;
}

.loqr-sdk-spinner-container {
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.loqr-sdk-spinner-container .spinner {
  border-radius: 50%;
  width: 64px;
  height: 64px;
  border: 6px solid rgba(0, 0, 0, 0.1);
  border-top: 6px solid #555;
  animation: loqr-sdk-anim-rotating 1.2s infinite
    cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.loqr-sdk-spinner-container .spinner-white {
  margin: auto;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  border: 6px solid rgba(255, 255, 255, 0.2);
  border-top: 6px solid #ccc;
  animation: loqr-sdk-anim-rotating 1.2s infinite
    cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.loqr-sdk-spinner-container-v3 {
  margin-top: 5px;
  width: 42px;
  height: 42px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .loqr-sdk-spinner-container-v3 {
    margin-top: 10px;
    width: 45px;
    height: 45px;
    overflow: hidden;
  }
}

.loqr-sdk-spinner-container-v3 .spinner-white-v3 {
  margin: auto;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 6px solid rgba(255, 255, 255, 0.2);
  border-top: 6px solid #ccc;
  animation: loqr-sdk-anim-rotating 1.2s infinite
    cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.loqr-sdk-spinner-container .spinner-small {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid #ccc;
}

.loqr-sdk-self-interview-container .loqr-sdk-spinner-container {
  margin: auto;
}

.loqr-sdk-self-interview-container .loqr-sdk-spinner-container .spinner-white {
  width: 45px;
  height: 45px;
}

.loqr-sdk-hidden {
  display: none !important;
}

.loqr-sdk-invisible {
  visibility: hidden;
}

/* SIGN CONTRACT */

.loqr-sdk-contract {
  width: 100%;
  min-height: 60vh;
  box-sizing: initial;
  /* display: flex;
	flex-direction: column; */
}

.loqr-sdk-contract .loqr-sdk-actions {
  padding: 10px;
  width: 100%;
  text-align: center;
}

.loqr-sdk-contract .loqr-sdk-button {
  margin-bottom: 10px;
}

.loqr-sdk-input::-webkit-outer-spin-button,
.loqr-sdk-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.loqr-sdk-input {
  padding: 10px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  max-width: 220px;
  width: calc(100% - 50px);
  -moz-appearance: textfield;
}

.loqr-sdk-input-error {
  border-color: #f86c6b;
}

.loqr-sdk-input-error:focus {
  outline-color: #f86c6b;
}

.loqr-sdk-contract-pdf,
.loqr-sdk-pdf-viewer-component,
.loqr-sdk-pdf-component {
  width: 100%;
  height: 60vh;
}

.loqr-sdk-pdf-component {
  width: 100%;
  min-height: 60vh;
  position: relative;
}

.loqr-sdk-sign-info {
  text-align: center;
  padding: 10px;
  padding-bottom: 0px;
}

.loqr-sdk-sign-process {
  display: inline-block;
}

.loqr-sdk-sign-process-info {
  display: inline-block;
}

.loqr-sdk-sign-securedby {
  background-image: url("data:image/png;base64,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b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTZUMTQ6NTc6MjcrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDYtMTZUMTQ6NTc6MjcrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTE2VDE0OjU3OjI3KzAxOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmVhMzM1ZmRiLWJiNDktNDA1NC1iNTM5LWE1NWNjZjM3NjhlNyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjYzMzQ5ZjQxLTg1Y2EtMzk0OS1hOTRiLWQyNDhmNzExMDMzOCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmU3ZGQyMDljLWE1NGMtNDg5My05MDA0LWU3ZWFhMzYyZDZmYiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRpc3BsYXkiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplN2RkMjA5Yy1hNTRjLTQ4OTMtOTAwNC1lN2VhYTM2MmQ2ZmIiIHN0RXZ0OndoZW49IjIwMjAtMDYtMTZUMTQ6NTc6MjcrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplYTMzNWZkYi1iYjQ5LTQwNTQtYjUzOS1hNTVjY2YzNzY4ZTciIHN0RXZ0OndoZW49IjIwMjAtMDYtMTZU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");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  width: 160px;
  height: 40px;
  margin: auto;
  margin-top: 10px;
}

.loqr-sdk-camera-list-container {
  position: absolute;
  right: 5px;
  top: 0px;
}

.loqr-sdk-camera-list-container .loqr-sdk-camera-list-button {
  width: 40px;
  height: 40px;
  float: right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' fill='rgb(255,255,255)'%3E%3Cpath d='m16.25 10.5-2.5 2.5 1.05 1.05.65-.65q-.15 1.325-1.125 2.213-.975.887-2.325.887-.35 0-.65-.062-.3-.063-.6-.188l-1.1 1.1q.525.3 1.113.475Q11.35 18 12 18q2 0 3.412-1.35 1.413-1.35 1.538-3.3l.75.7L18.75 13Zm-8.5 5 2.5-2.5-1.05-1.05-.65.65q.15-1.325 1.125-2.213Q10.65 9.5 12 9.5q.35 0 .65.062.3.063.6.188l1.1-1.1q-.525-.3-1.112-.475Q12.65 8 12 8q-2 0-3.412 1.35-1.413 1.35-1.538 3.3l-.75-.7L5.25 13ZM4 21q-.825 0-1.412-.587Q2 19.825 2 19V7q0-.825.588-1.412Q3.175 5 4 5h3.15L9 3h6l1.85 2H20q.825 0 1.413.588Q22 6.175 22 7v12q0 .825-.587 1.413Q20.825 21 20 21Zm16-2V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Zm-8-7Z'/%3E%3C/svg%3E");
  background-size: 30px;
  background-position: center;
  border-radius: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.5;
}

.loqr-sdk-camera-list-container .loqr-sdk-camera-list-button:hover,
.loqr-sdk-camera-list-container .loqr-sdk-camera-list-button-active {
  background-color: #424242;
  opacity: 1;
}

.loqr-sdk-camera-list-container .loqr-sdk-camera-list {
  margin-top: 40px;
}

.loqr-sdk-camera-list-container .loqr-sdk-camera-list-item {
  text-align: left;
  padding: 10px;
  background: #424242;
  min-width: 200px;
  color: #fff;
  font-size: 16px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

.loqr-sdk-camera-list-container .loqr-sdk-camera-list-item:hover {
  background: #5b5b5b;
  cursor: pointer;
}

.loqr-sdk-camera-preview {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.loqr-sdk-camera {
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: black;
}

.loqr-sdk-camera-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.loqr-sdk-assisted-interview .loqr-sdk-camera-container-local {
  transition: all 0.5s;
}

.loqr-sdk-assisted-interview .loqr-sdk-camera-container-local.calling {
  position: absolute;
  top: 20px;
  left: unset;
  right: 20px;
  width: 20%;
  padding-top: 20%;
}

.loqr-sdk-assisted-interview .loqr-sdk-camera-container-local.calling video {
  width: unset;
  height: unset;
  position: absolute;
  left: 0px;
  top: 0px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.5);
}

.loqr-sdk-camera-mirror {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.loqr-sdk-cs {
  position: absolute;
  bottom: 5%;
  left: 0px;
  width: 100%;
}

.loqr-sdk-cs-container {
  width: 80%;
  max-width: 500px;
  padding: 15px 20px;
  border-radius: 5px;
  margin: auto;
  background: #fff;
}
.loqr-sdk-cs-title {
  font-size: 1em;
  margin-bottom: 10px;
}
.loqr-sdk-cs-select select {
  padding: 5px;
  margin-right: 10px;
  width: 85%;
}

/* SIGNATURE */
.loqr-sdk-signature {
  border: 2px dotted #cccccc;
  border-radius: 5px;
  cursor: crosshair;
  margin: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loqr-sdk-flex {
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: center;
}

.loqr-sdk-flex-column {
  flex-direction: column;
}

.loqr-sdk-flex-center {
  justify-content: center;
}

.loqr-sdk-flex > * {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.loqr-sdk-flex-shrink {
  -webkit-flex-shrink: 0;
  /* Safari 6.1+ */
  -ms-flex-shrink: 0;
  /* IE 10 */
  flex-shrink: 0;

  -webkit-flex: 0;
  /* Safari 6.1+ */
  -ms-flex: 0;
  /* IE 10 */
  flex: 0;
}

.loqr-sdk-flex-default {
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}

.loqr-sdk-mt {
  margin-top: 10px;
}

.loqr-sdk-mb {
  margin-bottom: 10px;
}

.loqr-sdk-m-auto {
  margin: auto;
}

.loqr-sdk-p-1 {
  padding: 5px;
}

.loqr-sdk-p-2 {
  padding: 10px;
}

.loqr-sdk-form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.loqr-sdk-form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

select.loqr-sdk-form-control {
  height: calc(2.25rem + 2px);
}

.loqr-sdk-modal .loqr-sdk-close {
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #555;
  margin-top: -7px;
  margin-right: -3px;
}

.loqr-sdk-modal .loqr-sdk-close:hover {
  color: #000;
}

.loqr-sdk-modal .loqr-sdk-modal-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.loqr-sdk-modal .loqr-sdk-modal-container {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  max-width: 350px;
  width: 90%;
  text-align: center;
  -webkit-box-shadow: 0px 0px 50px 22px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 50px 22px rgba(0, 0, 0, 0.23);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 3000;
}

.loqr-sdk-modal-inner-container-v3 {
  position: absolute;
  bottom: 0px;
}

.loqr-sdk-modal .loqr-sdk-modal-container-v3 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  max-width: 350px;
  width: 90%;
  text-align: center;
  border-radius: 5px;
  z-index: 3000;
}

@media only screen and (max-width: 768px) {
  .loqr-sdk-modal-inner-container-v3 {
    width: 100%;
  }

  .loqr-sdk-modal .loqr-sdk-modal-container-v3 {
    background: rgba(0, 0, 0, 0.4118);
    top: 85%;
    left: 50%;
    position: absolute;
    max-width: initial;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    height: 100%;
  }
}

.loqr-sdk-modal .loqr-sdk-modal-container .loqr-sdk-modal-header {
  padding: 10px;
}

.loqr-sdk-modal .loqr-sdk-modal-container .loqr-sdk-modal-body {
  padding: 10px;
}

.loqr-sdk-modal .loqr-sdk-modal-container .loqr-sdk-modal-footer {
  padding: 10px;
}

.loqr-sdk-modal .loqr-sdk-modal-container h2 {
  margin: 0;
  padding: 0;
  color: #2c343a;
  font-size: 20px;
  font-weight: normal;
}

.loqr-sdk-modal .loqr-sdk-modal-container h3 {
  margin: 0;
  padding: 0;
  color: #888;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}

.loqr-sdk-icon-generic {
  margin: auto;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.loqr-sdk-icon-document {
  margin: auto;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill-opacity="0.6" fill-="black" d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z"/></svg>');
}

.loqr-sdk-icon-error {
  margin: auto;
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="red" d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
}

.loqr-sdk-icon-retry {
  margin: auto;
  margin-bottom: 30px;
  width: 37px;
  height: 37px;
  background-color: black;
  opacity: 0.6;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.5 37C14.8411 37 11.2643 35.9229 8.22196 33.9049C5.17965 31.887 2.80846 29.0188 1.40824 25.663C0.00801568 22.3072 -0.358346 18.6146 0.355481 15.0522C1.06931 11.4897 2.83126 8.2174 5.41853 5.64901C8.0058 3.08062 11.3022 1.33152 14.8908 0.622906C18.4795 -0.0857111 22.1992 0.277977 25.5796 1.66798C28.9601 3.05798 31.8494 5.41187 33.8822 8.43197C35.915 11.4521 37 15.0028 37 18.635C36.9909 23.5029 35.0389 28.1689 31.5714 31.611C28.104 35.0532 23.4037 36.991 18.5 37ZM18.5 2.7689C15.3555 2.76893 12.2815 3.69374 9.66599 5.4266C7.05049 7.15946 5.01077 9.62269 3.80429 12.5053C2.59782 15.388 2.27867 18.5609 2.88714 21.6234C3.4956 24.686 5.00441 27.501 7.2231 29.713C9.44179 31.925 12.2709 33.435 15.3533 34.0523C18.4357 34.6695 21.6333 34.3664 24.5423 33.1812C27.4514 31.996 29.9415 29.9819 31.6984 27.393C33.4553 24.8041 34.4002 21.7565 34.4138 18.635C34.4092 14.4466 32.7311 10.431 29.7477 7.46939C26.7643 4.50774 22.7192 2.84189 18.5 2.83736V2.7689ZM18.4234 9.6102C13.4451 9.6102 9.40946 13.6164 9.40946 18.5583C9.40946 23.5003 13.4451 27.5065 18.4234 27.5065C19.1346 27.5065 19.7111 28.0788 19.7111 28.7848C19.7111 29.4908 19.1346 30.0631 18.4234 30.0631C12.0228 30.0631 6.83405 24.9122 6.83405 18.5583C6.83405 12.2044 12.0228 7.05359 18.4234 7.05359C24.824 7.05359 30.0127 12.2044 30.0127 18.5583C30.0127 20.0139 29.7398 21.4086 29.2414 22.693L29.6788 22.4591C30.2214 22.169 30.8983 22.3705 31.1905 22.9091C31.4828 23.4478 31.2799 24.1197 30.7372 24.4099L27.5421 26.1183C26.9995 26.4085 26.3226 26.207 26.0303 25.6683L24.3094 22.4965C24.0171 21.9579 24.22 21.286 24.7627 20.9958C25.3053 20.7057 25.9821 20.9071 26.2744 21.4458L26.6706 22.176C27.1632 21.0713 27.4373 19.8482 27.4373 18.5583C27.4373 13.6164 23.4016 9.6102 18.4234 9.6102Z' fill='%232A56D2'/></svg>")
    no-repeat 50% 50%;
  mask: url("data:image/svg+xml;utf8,<svg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.5 37C14.8411 37 11.2643 35.9229 8.22196 33.9049C5.17965 31.887 2.80846 29.0188 1.40824 25.663C0.00801568 22.3072 -0.358346 18.6146 0.355481 15.0522C1.06931 11.4897 2.83126 8.2174 5.41853 5.64901C8.0058 3.08062 11.3022 1.33152 14.8908 0.622906C18.4795 -0.0857111 22.1992 0.277977 25.5796 1.66798C28.9601 3.05798 31.8494 5.41187 33.8822 8.43197C35.915 11.4521 37 15.0028 37 18.635C36.9909 23.5029 35.0389 28.1689 31.5714 31.611C28.104 35.0532 23.4037 36.991 18.5 37ZM18.5 2.7689C15.3555 2.76893 12.2815 3.69374 9.66599 5.4266C7.05049 7.15946 5.01077 9.62269 3.80429 12.5053C2.59782 15.388 2.27867 18.5609 2.88714 21.6234C3.4956 24.686 5.00441 27.501 7.2231 29.713C9.44179 31.925 12.2709 33.435 15.3533 34.0523C18.4357 34.6695 21.6333 34.3664 24.5423 33.1812C27.4514 31.996 29.9415 29.9819 31.6984 27.393C33.4553 24.8041 34.4002 21.7565 34.4138 18.635C34.4092 14.4466 32.7311 10.431 29.7477 7.46939C26.7643 4.50774 22.7192 2.84189 18.5 2.83736V2.7689ZM18.4234 9.6102C13.4451 9.6102 9.40946 13.6164 9.40946 18.5583C9.40946 23.5003 13.4451 27.5065 18.4234 27.5065C19.1346 27.5065 19.7111 28.0788 19.7111 28.7848C19.7111 29.4908 19.1346 30.0631 18.4234 30.0631C12.0228 30.0631 6.83405 24.9122 6.83405 18.5583C6.83405 12.2044 12.0228 7.05359 18.4234 7.05359C24.824 7.05359 30.0127 12.2044 30.0127 18.5583C30.0127 20.0139 29.7398 21.4086 29.2414 22.693L29.6788 22.4591C30.2214 22.169 30.8983 22.3705 31.1905 22.9091C31.4828 23.4478 31.2799 24.1197 30.7372 24.4099L27.5421 26.1183C26.9995 26.4085 26.3226 26.207 26.0303 25.6683L24.3094 22.4965C24.0171 21.9579 24.22 21.286 24.7627 20.9958C25.3053 20.7057 25.9821 20.9071 26.2744 21.4458L26.6706 22.176C27.1632 21.0713 27.4373 19.8482 27.4373 18.5583C27.4373 13.6164 23.4016 9.6102 18.4234 9.6102Z' fill='%232A56D2'/></svg>")
    no-repeat 50% 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* background-image: url("data:image/svg+xml;utf8,<svg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.5 37C14.8411 37 11.2643 35.9229 8.22196 33.9049C5.17965 31.887 2.80846 29.0188 1.40824 25.663C0.00801568 22.3072 -0.358346 18.6146 0.355481 15.0522C1.06931 11.4897 2.83126 8.2174 5.41853 5.64901C8.0058 3.08062 11.3022 1.33152 14.8908 0.622906C18.4795 -0.0857111 22.1992 0.277977 25.5796 1.66798C28.9601 3.05798 31.8494 5.41187 33.8822 8.43197C35.915 11.4521 37 15.0028 37 18.635C36.9909 23.5029 35.0389 28.1689 31.5714 31.611C28.104 35.0532 23.4037 36.991 18.5 37ZM18.5 2.7689C15.3555 2.76893 12.2815 3.69374 9.66599 5.4266C7.05049 7.15946 5.01077 9.62269 3.80429 12.5053C2.59782 15.388 2.27867 18.5609 2.88714 21.6234C3.4956 24.686 5.00441 27.501 7.2231 29.713C9.44179 31.925 12.2709 33.435 15.3533 34.0523C18.4357 34.6695 21.6333 34.3664 24.5423 33.1812C27.4514 31.996 29.9415 29.9819 31.6984 27.393C33.4553 24.8041 34.4002 21.7565 34.4138 18.635C34.4092 14.4466 32.7311 10.431 29.7477 7.46939C26.7643 4.50774 22.7192 2.84189 18.5 2.83736V2.7689ZM18.4234 9.6102C13.4451 9.6102 9.40946 13.6164 9.40946 18.5583C9.40946 23.5003 13.4451 27.5065 18.4234 27.5065C19.1346 27.5065 19.7111 28.0788 19.7111 28.7848C19.7111 29.4908 19.1346 30.0631 18.4234 30.0631C12.0228 30.0631 6.83405 24.9122 6.83405 18.5583C6.83405 12.2044 12.0228 7.05359 18.4234 7.05359C24.824 7.05359 30.0127 12.2044 30.0127 18.5583C30.0127 20.0139 29.7398 21.4086 29.2414 22.693L29.6788 22.4591C30.2214 22.169 30.8983 22.3705 31.1905 22.9091C31.4828 23.4478 31.2799 24.1197 30.7372 24.4099L27.5421 26.1183C26.9995 26.4085 26.3226 26.207 26.0303 25.6683L24.3094 22.4965C24.0171 21.9579 24.22 21.286 24.7627 20.9958C25.3053 20.7057 25.9821 20.9071 26.2744 21.4458L26.6706 22.176C27.1632 21.0713 27.4373 19.8482 27.4373 18.5583C27.4373 13.6164 23.4016 9.6102 18.4234 9.6102Z' fill='%232A56D2'/></svg>"); */
}

.loqr-sdk-icon-pdf-error {
  margin: auto;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="red" d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
  /*background-image: url("data:image/svg+xml;utf8,<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg enable-background=\"new 0 0 58 58\" version=\"1.1\" viewBox=\"0 0 58 58\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"58\" height=\"58\" fill=\"#ECF0F1\"/><rect width=\"58\" height=\"12\" fill=\"#546A79\"/><circle cx=\"6\" cy=\"6\" r=\"3\" fill=\"#ED7161\"/><circle cx=\"15\" cy=\"6\" r=\"3\" fill=\"#F0C419\"/><circle cx=\"24\" cy=\"6\" r=\"3\" fill=\"#4FBA6F\"/><path d=\"m35 48h-13c-0.552 0-1-0.447-1-1s0.448-1 1-1h13c0.552 0 1 0.447 1 1s-0.448 1-1 1z\" fill=\"#BDC3C7\"/><path d=\"m40 52h-23c-0.552 0-1-0.447-1-1s0.448-1 1-1h23c0.552 0 1 0.447 1 1s-0.448 1-1 1z\" fill=\"#BDC3C7\"/><circle cx=\"29\" cy=\"30\" r=\"12\" fill=\"#ED7161\"/><path d=\"M30.414,30l4.293-4.293c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0L29,28.586  l-4.293-4.293c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L27.586,30l-4.293,4.293c-0.391,0.391-0.391,1.023,0,1.414  C23.488,35.902,23.744,36,24,36s0.512-0.098,0.707-0.293L29,31.414l4.293,4.293C33.488,35.902,33.744,36,34,36  s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414L30.414,30z\" fill=\"#fff\"/></svg>");*/
}

.loqr-sdk-icon-success {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(39, 161, 3)" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
}

/* CRop*/
.loqr-sdk-crop {
  position: absolute;
  top: 0px;
  left: 0px;
}

.loqr-sdk-crop-modal {
  position: absolute;
  background: #0008;
  width: 100px;
  height: 100px;
}

.loqr-sdk-crop-center {
  position: absolute;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 1);
}

.loqr-sdk-error-row {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #e35d6b;
  font-size: 12px;
  text-align: center;
}

.loqr-sdk-content-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.loqr-sdk-text-center {
  text-align: center;
}

.loqr-sdk-h-100 {
  height: 100%;
}

.loqr-sdk-w-100 {
  width: 100%;
}

.loqr-sdk-w-80 {
  width: 80%;
}

.loqr-sdk-w-auto {
  width: auto !important;
}

.loqr-sdk-mt-10 {
  margin-top: 10px;
}

.loqr-sdk-ml-5 {
  margin-left: 5px;
}

.loqr-sdk-mr-5 {
  margin-right: 5px;
}

.loqr-sdk-h1,
.loqr-sdk-h2,
.loqr-sdk-h3,
.loqr-sdk-h4,
.loqr-sdk-h5,
.loqr-sdk-h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.loqr-sdk-h1 {
  font-size: 2.5rem;
}

.loqr-sdk-h2 {
  font-size: 2rem;
}

.loqr-sdk-h3 {
  font-size: 1.75rem;
}

.loqr-sdk-h4 {
  font-size: 1.5rem;
}

.loqr-sdk-h5 {
  font-size: 1.25rem;
}

.loqr-sdk-h6 {
  font-size: 1rem;
}

.loqr-sdk-inline-block {
  display: inline-block;
}

.loqr-sdk-flex-grow {
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.loqr-sdk-right {
  float: right !important;
}

/* ////////////////////////////////
  //	     PDF			    //
 //////////////////////////////// */
.loqr-sdk-pdf-loading {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 20px) !important;
}

.loqr-sdk-timer {
  font-size: 16px;
  color: #666;
}

.loqr-sdk-pdf-page canvas {
  border: #ccc solid thin;
  background: #fff;
}

.loqr-sdk-pdf-viewer {
  width: 100%;
  height: 100% !important;
  position: relative;
  overflow: hidden;
  background: #efefef;
}

.loqr-sdk-pdf-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}

.loqr-sdk-pdf-container.loqr-sdk-pdf-actions-top {
  height: calc(100% - 50px) !important;
  margin-top: 50px;
}

.loqr-sdk-pdf-container.loqr-sdk-pdf-actions-bottom {
  height: calc(100% - 50px) !important;
  margin-bottom: 50px;
}

.loqr-sdk-pdf-viewer-container {
  position: absolute;
  overflow: auto;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loqr-sdk-pdf-margin {
  width: 100%;
  height: 70px;
}

.loqr-sdk-pdf-page-first {
  margin-top: 10px;
}

.loqr-sdk-pdf-page {
  position: relative;
  margin-bottom: 20px;
}

.loqr-sdk-pdf-actions {
  width: 100%;
  height: 50px;
  background: #444;
  border-bottom: solid thin #000;
  position: absolute !important;
  top: 0px;
  left: 0px;
  color: #fff;
}

.loqr-sdk-pdf-actions-flex {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.loqr-sdk-pdf-actions .loqr-sdk-pdf-buttons,
.loqr-sdk-pdf-actions .loqr-sdk-pdf-pages {
  flex-grow: 0;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.loqr-sdk-pdf-actions .loqr-sdk-pdf-pages {
  height: 100%;
  margin-left: 5px;
}
.loqr-sdk-pdf-actions .loqr-sdk-pdf-buttons {
  height: 100%;
  margin-right: 10px;
}
.loqr-sdk-pdf-actions-flex .loqr-sdk-pdf-button,
.loqr-sdk-pdf-actions-flex .loqr-sdk-pdf-zoom-scale {
  margin-top: 0px;
  padding: 0px;
}
.loqr-sdk-pdf-actions-flex .loqr-sdk-pdf-button-container {
  height: 28px;
}
.loqr-sdk-pdf-actions .loqr-sdk-pdf-filename {
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loqr-sdk-pdf-actions.loqr-sdk-pdf-actions-bottom {
  bottom: 0px;
  top: unset;
}

.loqr-sdk-pdf-actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.loqr-sdk-pdf-actions ul li {
  float: left;
  padding: 16px 5px;
}

.loqr-sdk-pdf-actions ul .loqr-sdk-section {
  margin-right: 20px;
}

.loqr-sdk-pdf-button {
  margin-top: -6px;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.5;
  outline: none;
}

.loqr-sdk-pdf-button:hover {
  opacity: 1;
}

.loqr-sdk-pdf-prev-page {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="white" d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg>');
}

.loqr-sdk-pdf-next-page {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="white" d="M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z"/></svg>');
}

.loqr-sdk-pdf-zoom-button-in {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="white" d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.78 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm0-7c-.28 0-.5.22-.5.5V9H7.5c-.28 0-.5.22-.5.5s.22.5.5.5H9v1.5c0 .28.22.5.5.5s.5-.22.5-.5V10h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H10V7.5c0-.28-.22-.5-.5-.5z"/></svg>');
}

.loqr-sdk-pdf-zoom-button-out {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="white" d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5z"/></svg>');
}

.loqr-sdk-pdf-button-download {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="white" d="M19 13v5c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-5c0-.55-.45-1-1-1s-1 .45-1 1v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1zm-6-.33l1.88-1.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-3.59 3.59c-.39.39-1.02.39-1.41 0L7.7 12.2c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L11 12.67V4c0-.55.45-1 1-1s1 .45 1 1v8.67z"/></svg>');
}

.loqr-sdk-contract-list {
  max-width: 500px;
  width: 100%;
  margin: auto;
}

.loqr-sdk-contract-list-item {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: #ccc solid thin;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 8px;
}

.loqr-sdk-contract-list-item.loqr-sdk-active {
  background: #ccc;
}

.loqr-sdk-contract-list-item-icon {
  width: 20px;
  height: 20px;
  float: right;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="black" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
}

.loqr-sdk-contract-list-item-icon.loqr-sdk-active {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="green" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.88-11.71L10 14.17l-1.88-1.88c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7c.39-.39.39-1.02 0-1.41-.39-.39-1.03-.39-1.42 0z"/></svg>');
  opacity: 0.8;
}

.loqr-sdk-flex .loqr-sdk-button {
  text-align: center;
}

.loqr-sdk-pdf-zoom-scale {
  width: 50px;
  background: #555;
  border-radius: 5px;
  border: #222 solid thin;
  text-align: center;
  color: #ccc;
  padding: 5px;
  margin-top: -6px;
}

@media only screen and (max-width: 600px) {
  .loqr-sdk-pdf-actions ul li {
    float: left;
    padding: 16px 2px;
  }

  .loqr-sdk-pdf-actions ul .loqr-sdk-section {
    margin-right: 10px;
  }
}

.loqr-sdk-pdf-container .textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1;
}

.loqr-sdk-pdf-container .textLayer > span {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.loqr-sdk-pdf-container .textLayer .highlight {
  margin: -1px;
  padding: 1px;

  background-color: rgb(180, 0, 170);
  border-radius: 4px;
}

.loqr-sdk-pdf-container .textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}

.loqr-sdk-pdf-container .textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}

.loqr-sdk-pdf-container .textLayer .highlight.middle {
  border-radius: 0px;
}

.loqr-sdk-pdf-container .textLayer .highlight.selected {
  background-color: rgb(0, 100, 0);
}

.loqr-sdk-pdf-container .textLayer ::-moz-selection {
  background: rgb(0, 0, 255);
}

.loqr-sdk-pdf-container .textLayer ::selection {
  background: rgb(0, 0, 255);
}

.loqr-sdk-pdf-container .textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loqr-sdk-pdf-container .textLayer .endOfContent.active {
  top: 0px;
}

.loqr-sdk-pdf-container .pdfViewer .canvasWrapper {
  overflow: hidden;
  background: white;
}

.loqr-sdk-pdf-container .pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  background-color: white;
}

.loqr-sdk-pdf-container .pdfViewer .page .annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.loqr-sdk-pdf-container .pdfViewer .annotationEditorLayer {
  display: none !important;
}

.loqr-sdk-pdf-container .pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}

.loqr-sdk-pdf-container .pdfViewer.singlePageView {
  display: inline-block;
}

.loqr-sdk-pdf-container .pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.loqr-sdk-pdf-container .annotationLayer section {
  position: absolute;
}

.loqr-sdk-pdf-container .annotationLayer .linkAnnotation > a,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.pushButton
  > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loqr-sdk-pdf-container .annotationLayer .linkAnnotation > a:hover,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.pushButton
  > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}

.loqr-sdk-pdf-container .annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation input,
.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation textarea,
.loqr-sdk-pdf-container .annotationLayer .choiceWidgetAnnotation select,
.loqr-sdk-pdf-container .annotationLayer .buttonWidgetAnnotation.checkBox input,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.loqr-sdk-pdf-container .annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input {
  border-radius: 50%;
}

.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation input[disabled],
.loqr-sdk-pdf-container
  .annotationLayer
  .textWidgetAnnotation
  textarea[disabled],
.loqr-sdk-pdf-container
  .annotationLayer
  .choiceWidgetAnnotation
  select[disabled],
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input[disabled],
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation input:hover,
.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation textarea:hover,
.loqr-sdk-pdf-container .annotationLayer .choiceWidgetAnnotation select:hover,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:hover,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input:hover {
  border: 1px solid #000;
}

.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation input:focus,
.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation textarea:focus,
.loqr-sdk-pdf-container .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:checked:before,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:checked:after,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input:checked:before {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;
}

.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:checked:before,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:checked:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.checkBox
  input:checked:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.loqr-sdk-pdf-container .annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.loqr-sdk-pdf-container
  .annotationLayer
  .textWidgetAnnotation
  input.comb:focus {
  /*
	 * Letter spacing is placed on the right side of each character. Hence, the
	 * letter spacing of the last character may be placed outside the visible
	 * area, causing horizontal scrolling. We avoid this by extending the width
	 * when the element has focus and revert this when it loses focus.
	 */
  width: 115%;
}

.loqr-sdk-pdf-container .annotationLayer .buttonWidgetAnnotation.checkBox input,
.loqr-sdk-pdf-container
  .annotationLayer
  .buttonWidgetAnnotation.radioButton
  input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}

.loqr-sdk-pdf-container .annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.loqr-sdk-pdf-container .annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #ffff99;
  box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  word-wrap: break-word;
}

.loqr-sdk-pdf-container .annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em;
}

.loqr-sdk-pdf-container .annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em;
}

.loqr-sdk-pdf-container .annotationLayer .highlightAnnotation,
.loqr-sdk-pdf-container .annotationLayer .underlineAnnotation,
.loqr-sdk-pdf-container .annotationLayer .squigglyAnnotation,
.loqr-sdk-pdf-container .annotationLayer .strikeoutAnnotation,
.loqr-sdk-pdf-container .annotationLayer .lineAnnotation svg line,
.loqr-sdk-pdf-container .annotationLayer .squareAnnotation svg rect,
.loqr-sdk-pdf-container .annotationLayer .circleAnnotation svg ellipse,
.loqr-sdk-pdf-container .annotationLayer .polylineAnnotation svg polyline,
.loqr-sdk-pdf-container .annotationLayer .polygonAnnotation svg polygon,
.loqr-sdk-pdf-container .annotationLayer .inkAnnotation svg polyline,
.loqr-sdk-pdf-container .annotationLayer .stampAnnotation,
.loqr-sdk-pdf-container .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.loqr-sdk-pdf-container .pdfViewer.scrollHorizontal,
.loqr-sdk-pdf-container .pdfViewer.scrollWrapped,
.loqr-sdk-pdf-container .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.loqr-sdk-pdf-container .pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}

.loqr-sdk-pdf-container .pdfViewer.removePageBorders,
.loqr-sdk-pdf-container .pdfViewer.scrollHorizontal .spread,
.loqr-sdk-pdf-container .pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.loqr-sdk-pdf-container .spread .page,
.loqr-sdk-pdf-container .pdfViewer.scrollHorizontal .page,
.loqr-sdk-pdf-container .pdfViewer.scrollWrapped .page,
.loqr-sdk-pdf-container .pdfViewer.scrollHorizontal .spread,
.loqr-sdk-pdf-container .pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.loqr-sdk-pdf-container .spread .page,
.loqr-sdk-pdf-container .pdfViewer.scrollHorizontal .page,
.loqr-sdk-pdf-container .pdfViewer.scrollWrapped .page {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

.loqr-sdk-pdf-container .pdfViewer.removePageBorders .spread .page,
.loqr-sdk-pdf-container .pdfViewer.removePageBorders.scrollHorizontal .page,
.loqr-sdk-pdf-container .pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.loqr-sdk-pdf-container .pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.loqr-sdk-pdf-container .pdfViewer .page canvas[hidden] {
  display: none;
}

.loqr-sdk-pdf-container .pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 50%;
  right: 0;
  width: 30px;
  height: 30px;

  -webkit-animation: spinAround 0.5s infinite linear;
  animation: spinAround 0.5s infinite linear;
  border: 2px solid #666;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  position: relative;
}

.loqr-sdk-pdf-container .pdfPresentationMode .pdfViewer {
  margin-left: 0;
  margin-right: 0;
}

.loqr-sdk-pdf-container .pdfPresentationMode .pdfViewer .page,
.loqr-sdk-pdf-container .pdfPresentationMode .pdfViewer .spread {
  display: block;
}

.loqr-sdk-pdf-container .pdfPresentationMode .pdfViewer .page,
.loqr-sdk-pdf-container
  .pdfPresentationMode
  .pdfViewer.removePageBorders
  .page {
  margin-left: auto;
  margin-right: auto;
}

.loqr-sdk-pdf-container .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
}

.loqr-sdk-pdf-container
  .pdfPresentationMode:-webkit-full-screen
  .pdfViewer
  .page {
  margin-bottom: 100%;
  border: 0;
}

.loqr-sdk-pdf-container .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.loqr-sdk-pdf-container .pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.is-pinching {
  touch-action: pinch-zoom;
}

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.loqr-sdk-qrcode {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.loqr-sdk-qrcode img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.loqr-sdk-qrcode canvas {
  width: 100%;
  height: 100%;
}

@keyframes loqr-sdk-otp-number-blink {
  0% {
    color: #efefef;
  }

  40% {
    color: #444;
  }

  50% {
    color: #444;
  }

  100% {
    color: #efefef;
  }
}

.loqr-sdk-otp-number {
  width: fit-content;
  margin: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 10px 15px;
  border-radius: 10px;
  font-size: 40px;
  color: #444;
  margin-top: 10px;
  animation: loqr-sdk-otp-number-blink 2s linear infinite;
}

.loqr-sdk-otp-number-v3 {
  width: fit-content;
  margin: auto;
  padding: 10px 15px;
  font-size: 30px;
  color: #fff;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .loqr-sdk-otp-number-v3 {
    width: fit-content;
    margin: auto;
    box-shadow: none;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 22px;
    letter-spacing: 8px;
    text-indent: 8px;
    color: #fff;
    margin-top: 10px;
    animation: none;
  }
}

.loqr-sdk-otp-alert {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 11v2h4v-2h-4zm-2 6.61c.96.71 2.21 1.65 3.2 2.39.4-.53.8-1.07 1.2-1.6-.99-.74-2.24-1.68-3.2-2.4-.4.54-.8 1.08-1.2 1.61zM20.4 5.6c-.4-.53-.8-1.07-1.2-1.6-.99.74-2.24 1.68-3.2 2.4.4.53.8 1.07 1.2 1.6.96-.72 2.21-1.65 3.2-2.4zM4 9c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1v4h2v-4h1l5 3V6L8 9H4zm11.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z'/%3E%3C/svg%3E");
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
}

.self-container {
  top: 15% !important;
  background: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.self-otp {
  background: #fff;
}

.loqr-self-interview-otp-container {
}

.loqr-sdk-otp-container {
  z-index: 110;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.loqr-sdk-otp-container-v3 {
  z-index: 110;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

@media only screen and (max-width: 768px) {
  .loqr-sdk-otp-container-v3 {
    height: 100% !important;
  }
}

.loqr-sdk-safe-zone {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  display: none;
}

.loqr-sdk-safe-zone-top {
  left: 0px;
  top: 0px;
}
.loqr-sdk-safe-zone-bottom {
  top: unset;
  left: 0px;
  bottom: 0px;
}

.loqr-sdk-face-enroll {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.loqr-sdk-face-stream {
  flex-grow: 1;
}

.loqr-sdk-face-container {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.loqr-sdk-full-video {
  object-fit: cover;
}

.loqr-sdk-crop-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.loqr-sdk-crop-container.no-bg .loqr-sdk-face-container .loqr-sdk-face-top,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-container .loqr-sdk-face-bottom,
.loqr-sdk-crop-container.no-bg .loqr-sdk-crop-container .loqr-sdk-crop-top,
.loqr-sdk-crop-container.no-bg
  .loqr-sdk-crop-container
  .loqr-sdk-crop-bottom
  .loqr-sdk-crop-container.no-bg
  .loqr-sdk-face-container
  .loqr-sdk-face-left,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-left,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-right,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-container .loqr-sdk-face-right,
.loqr-sdk-crop-container.no-bg .loqr-sdk-crop-container .loqr-sdk-crop-left,
.loqr-sdk-crop-container.no-bg .loqr-sdk-crop-container .loqr-sdk-crop-right,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-actions,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-actions-v2,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-footer-container,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-footer-container-v2,
.loqr-sdk-crop-container.no-bg .loqr-sdk-face-photo {
  background: unset !important;
  background-image: unset !important;
}

.loqr-sdk-face-container .loqr-sdk-face-top,
.loqr-sdk-face-container .loqr-sdk-face-bottom,
.loqr-sdk-crop-container .loqr-sdk-crop-top,
.loqr-sdk-crop-container .loqr-sdk-crop-bottom {
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
  position: relative;
}

.loqr-sdk-face-container .loqr-sdk-face-center,
.loqr-sdk-crop-container .loqr-sdk-crop-container-center {
  display: flex;
}

.loqr-sdk-face-container .loqr-sdk-face-left,
.loqr-sdk-face-container .loqr-sdk-face-right,
.loqr-sdk-crop-container .loqr-sdk-crop-left,
.loqr-sdk-crop-container .loqr-sdk-crop-right {
  background: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
}

.loqr-crop-svg-background {
  fill: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}

.loqr-crop-svg {
  position: absolute;
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
}

.loqr-sdk-face-photo {
  width: 0px;
  height: 0px;
  transition: all 0.5s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cmask id='myMask'%3E%3Crect width='300' height='300' fill='white'/%3E%3Ccircle cx='150' cy='150' r='135' fill='black' /%3E%3C/mask%3E%3Crect width='300' height='300' style='fill: rgba(0,0,0,0.6)' mask='url(%23myMask)' /%3E%3C/svg%3E");
  background-size: 101%;
  background-position: center;
  position: relative;
}

.loqr-sdk-face-photo .loqr-sdk-face-frame {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27300%27%3E%3Ccircle%20cx%3D%27150%27%20cy%3D%27150%27%20r%3D%27145%27%20stroke-dasharray%3D%271%2C2%27%20stroke%3D%27rgba%28220%2C220%2C220%2C1%29%27%20stroke-width%3D%2710%27%20fill%3D%27transparent%27%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
}

.loqr-sdk-face-photo .loqr-sdk-face-frame-loading {
  -webkit-animation: loqr-sdk-rotating 5s linear infinite;
  -moz-animation: loqr-sdk-rotating 5s linear infinite;
  -ms-animation: loqr-sdk-rotating 5s linear infinite;
  -o-animation: loqr-sdk-rotating 5s linear infinite;
  animation: loqr-sdk-rotating 5s linear infinite;
}

.loqr-sdk-face-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  object-fit: contain;
  visibility: hidden;
  background-repeat: no-repeat;
  background-size: 101%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg version='1.1' id='svg2' xml:space='preserve' width='1866.6666' height='1866.6666' viewBox='0 0 1866.6666 1866.6666' sodipodi:docname='86b007e88fa99ceac4d293f5c85065d7.eps' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs6' /%3E%3Csodipodi:namedview id='namedview4' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' /%3E%3Cg id='g8' inkscape:groupmode='layer' inkscape:label='ink_ext_XXXXXX' transform='matrix(1.3333333,0,0,-1.3333333,0,1866.6666)'%3E%3Cg id='g10' transform='scale(0.1)'%3E%3Cpath d='m 7000,3905 c -1050.81,0 -2030.92,565.7 -2557.71,1476.27 -90.79,156.9 -37.17,357.61 119.63,448.4 156.8,90.57 357.6,37.27 448.39,-119.63 409.94,-708.49 1172.37,-1148.76 1989.69,-1148.76 817.32,0 1579.75,440.07 1989.69,1148.76 90.79,156.9 291.37,210.2 448.49,119.63 156.92,-90.79 210.42,-291.5 119.63,-448.4 C 9030.92,4470.7 8050.81,3905 7000,3905' style='fill:%2384c2e1;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path12' /%3E%3Cpath d='m 5395.8,8945.04 c 354.29,0 641.61,-287.33 641.61,-641.62 0,-354.29 -287.32,-641.61 -641.61,-641.61 -354.3,0 -641.62,287.32 -641.62,641.61 0,354.29 287.32,641.62 641.62,641.62' style='fill:%2384c2e1;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path14' /%3E%3Cpath d='m 8604.2,8945.04 c 354.3,0 641.62,-287.33 641.62,-641.62 0,-354.29 -287.32,-641.61 -641.62,-641.61 -354.29,0 -641.61,287.32 -641.61,641.61 0,354.29 287.32,641.62 641.61,641.62' style='fill:%2384c2e1;fill-opacity:1;fill-rule:nonzero;stroke:none' id='path16' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

@-webkit-keyframes loqr-sdk-rotating

/* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loqr-sdk-rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loqr-sdk-progress-ring {
  transition: stroke-dashoffset 0.35s, opacity 0.25s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.loqr-sdk-progress-ring-success {
  stroke: #27aa36;
}

.loqr-sdk-progress-ring-error {
  stroke: #e24c4b;
}

.loqr-sdk-face-photo .loqr-sdk-face-modal {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.loqr-sdk-face-stream video {
  object-fit: cover;
}

.loqr-sdk-face-actions {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0.6em;
  background: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
}

.loqr-sdk-face-actions-v2 {
  width: 100%;
  text-align: center;
  color: #fff;
  padding-top: 0.6em;
  background: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
}

.loqr-sdk-face-footer {
  min-height: 125px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

.loqr-sdk-face-footer button {
  margin: 0px 5px;
  min-width: 80px;
}

.loqr-sdk-face-footer
  .loqr-sdk-loading
  .loqr-sdk-spinner-container
  .spinner-white {
  width: 35px;
  height: 35px;
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid #ccc;
}

.loqr-sdk-face-footer .loqr-sdk-loading .loqr-sdk-spinner-container {
  width: 50px;
  height: 45px;
}

.loqr-sdk-face-footer-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  height: 100px;
  overflow: hidden;
}

.loqr-sdk-face-footer-container-v2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.loqr-sdk-face-icon {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 6%;
  right: 6%;
  width: 18%;
  padding-top: 18%;
}

.loqr-sdk-face-ok-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='512px' viewBox='0 0 512 512' width='512px' class=''%3E%3Cg%3E%3Cpath d='m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm0 0' fill='%232196f3' data-original='%232196F3' class='active-path' style='fill:%238FC179' data-old_color='%232196f3'/%3E%3Cpath d='m385.75 201.75-138.667969 138.664062c-4.160156 4.160157-9.621093 6.253907-15.082031 6.253907s-10.921875-2.09375-15.082031-6.253907l-69.332031-69.332031c-8.34375-8.339843-8.34375-21.824219 0-30.164062 8.339843-8.34375 21.820312-8.34375 30.164062 0l54.25 54.25 123.585938-123.582031c8.339843-8.34375 21.820312-8.34375 30.164062 0 8.339844 8.339843 8.339844 21.820312 0 30.164062zm0 0' fill='%23fafafa' data-original='%23FAFAFA' class='' style='fill:%23FFFFFF' data-old_color='%23fafafa'/%3E%3C/g%3E%3C/svg%3E");
}

.loqr-sdk-face-error-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 455.111 455.111' style='enable-background:new 0 0 455.111 455.111;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Ccircle style='fill:%23E24C4B' cx='227.556' cy='227.556' r='227.556' data-original='%23E24C4B' class=''/%3E%3Cpath style='fill:%23E24C4B' d='M455.111,227.556c0,125.156-102.4,227.556-227.556,227.556c-72.533,0-136.533-32.711-177.778-85.333 c38.4,31.289,88.178,49.778,142.222,49.778c125.156,0,227.556-102.4,227.556-227.556c0-54.044-18.489-103.822-49.778-142.222 C422.4,91.022,455.111,155.022,455.111,227.556z' data-original='%23D1403F' class='' data-old_color='%23D1403F'/%3E%3Cpath style='fill:%23FFFFFF' d='M331.378,331.378c-8.533,8.533-22.756,8.533-31.289,0l-72.533-72.533l-72.533,72.533 c-8.533,8.533-22.756,8.533-31.289,0c-8.533-8.533-8.533-22.756,0-31.289l72.533-72.533l-72.533-72.533 c-8.533-8.533-8.533-22.756,0-31.289c8.533-8.533,22.756-8.533,31.289,0l72.533,72.533l72.533-72.533 c8.533-8.533,22.756-8.533,31.289,0c8.533,8.533,8.533,22.756,0,31.289l-72.533,72.533l72.533,72.533 C339.911,308.622,339.911,322.844,331.378,331.378z' data-original='%23FFFFFF' class='active-path' data-old_color='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.loqr-sdk-face-footer-actions-v2 {
  /* flex-grow: 1; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loqr-sdk-face-footer-actions {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* V2 */
.loqr-sdk-face-footer-secured-by-loqr {
  flex-shrink: 1;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 10px;
}

.loqr-sdk-secured-by-loqr {
  width: 150px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.loqr-sdk-secured-by-loqr-text-white {
  color: #ffffff;
}

.loqr-sdk-secured-by-loqr-text-black {
  color: #000000;
}

.loqr-sdk-secured-by-loqr-v2 {
  width: 100px;
  height: 15px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.loqr-sdk-secured-by-loqr-container-footer {
  align-items: center;
  width: fit-content;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 12px;
}

.loqr-sdk-secured-by-loqr-v3 {
  width: 45px;
  height: 17px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.loqr-sdk-secured-by-loqr-black {
  background-image: url(https://cdn.lac.loqr.io/cdn/web-assets/logos/Logo%20Dark%20Version.svg);
}

.loqr-sdk-secured-by-loqr-white {
  background-image: url(https://cdn.lac.loqr.io/cdn/web-assets/logos/Logo%20White.svg);
}

.loqr-sdk-face-title {
  font-size: 1.2em;
  padding-bottom: 0.4em;
  color: #3399cc;
  font-weight: bold;
}

.loqr-sdk-face-title-v2 {
  font-size: 0.9em;
  padding-bottom: 0.4em;
  color: #3399cc;
  font-weight: bold;
}

.loqr-sdk-face-title-error {
  color: #e24c4b;
}

.loqr-sdk-face-subtitle {
  font-size: 1em;
}

.loqr-sdk-face-subtitle-v2 {
  font-size: 0.7em;
}

.loqr-sdk-crop-qrcode {
  position: relative;
  width: 40%;
  padding-top: 40%;
}

.loqr-sdk-crop-qrcode .loqr-sdk-crop-qrcode-modal {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* border: 4px solid white; */
  border-radius: 5px;
  background-size: cover;
}

.loqr-sdk-crop-container .loqr-sdk-bottom-info {
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
}

.progress__value {
  stroke: #f77a52;
  stroke-linecap: round;
}

.loqr-sdk-otp-key {
  box-sizing: border-box;
  padding: 10px;
  font-size: 2rem;
  cursor: pointer;
  border: 0px;
  background: transparent;
}

.loqr-sdk-otp-key-v3 {
  color: #fff !important;
  box-sizing: border-box;
  padding: 10px;
  font-size: 2rem;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
  border: 0px;
  background: transparent;
}

.loqr-sdk-otp-key-v3:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.loqr-sdk-otp-key:hover {
  background-color: #ccc;
}

.loqr-sdk-otp-keyboard {
  padding-bottom: 10px;
  max-height: 300px;
  max-width: 300px;
  margin: auto;
  display: grid;
  grid-template-areas:
    "loqr-sdk-otp-key-1 loqr-sdk-otp-key-2 loqr-sdk-otp-key-3"
    "loqr-sdk-otp-key-4 loqr-sdk-otp-key-5 loqr-sdk-otp-key-6"
    "loqr-sdk-otp-key-7 loqr-sdk-otp-key-8 loqr-sdk-otp-key-9"
    "loqr-sdk-otp-key-x loqr-sdk-otp-key-0 loqr-sdk-otp-key-back";
}

.loqr-sdk-otp-input-container {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  display: table;
}

.loqr-sdk-otp-error-v3 {
  color: rgba(207, 48, 48, 1);
  font-size: 12px;
  line-height: 22px;
  margin-top: -20px;
  padding-left: 20px;
  text-align: left;
}

.loqr-sdk-otp-input-container-v3 {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 25px !important;
  display: table;
}

.loqr-sdk-otp-input-container-flex {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  gap: 10px;
}

.loqr-sdk-otp-key-back {
  background-image: url("https://cdn.services.loqr.io/cdn/web-assets/icons/ic_otp_key_back_dark.svg");
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
}

.loqr-sdk-otp-key-back-v3 {
  background-image: url("https://cdn.services.loqr.io/cdn/web-assets/icons/ic_otp_key_back_light.svg");
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
}

.loqr-sdk-otp-input {
  font-size: 20px;
  padding: 5px 10px;
  border: #ccc solid 1px;
  margin: 0px 5px;
  text-align: center;
  /* pointer-events:none; */
  width: 35px;
  min-height: 35px;
  display: table-cell;
  -moz-appearance: textfield;
}

.loqr-sdk-otp-input-v3 {
  font-size: 20px;
  padding: 5px 10px;
  border: #ccc solid 1px;
  margin: 0px 5px;
  text-align: center;
  /* pointer-events:none; */
  width: 35px;
  min-height: 35px;
  display: table-cell;
  -moz-appearance: textfield;
  aspect-ratio: 1;
}

.loqr-sdk-otp-input-inner-container {
  flex-grow: 1;
  box-sizing: border-box !important;
}

.loqr-sdk-otp-input-inner-container .loqr-sdk-otp-input {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  box-sizing: border-box !important;
  text-align: center;
}

.loqr-sdk-otp-input-inner-container .loqr-sdk-otp-input-v3 {
  color: #fff;
  background: transparent;
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  box-sizing: border-box !important;
  text-align: center;
}

.loqr-sdk-otp-input::-webkit-outer-spin-button,
.loqr-sdk-otp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.loqr-sdk-otp-input-v3::-webkit-outer-spin-button,
.loqr-sdk-otp-input-v3::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.loqr-sdk-otp-input:read-only {
  background-color: #ccc;
}

.loqr-sdk-otp-input-v3:read-only {
  background-color: transparent;
}

.loqr-sdk-otp-loading {
  display: inline-block;
}

.loqr-sdk-otp-loading-container {
  height: 25px;
}

.loqr-sdk-otp-loading-container-v3 {
  height: 25px;
}

@media only screen and (max-width: 768px) {
  .loqr-sdk-otp-input {
    pointer-events: none;
  }

  .loqr-sdk-otp-input-v3 {
    pointer-events: none;
    background: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    max-width: 45px;
    max-height: 45px;
    aspect-ratio: 1;
  }

  .loqr-sdk-otp-key-v3 {
    color: #fff !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    padding: 10px !important;
    font-size: 2rem !important;
    cursor: pointer;
  }

  .loqr-sdk-otp-key:hover {
    background-color: unset;
  }

  .loqr-sdk-otp-key {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .loqr-sdk-otp-loading-container-v3 {
    height: 25px;
    margin-bottom: 100px;
  }
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.loqr-sdk-otp-input-error {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  border: #db4437 solid 1px;
}

.loqr-sdk-otp-input-error-v3 {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  /* border: #DB4437 solid 1px; */
}

.loqr-sdk-otp-input-success {
  border: #0f9d58 solid 1px;
}

.loqr-sdk-font-1 {
  font-size: 3rem;
}

.loqr-sdk-font-2 {
  font-size: 2.5rem;
}

.loqr-sdk-font-3 {
  font-size: 2rem;
}

.loqr-sdk-font-4 {
  font-size: 1.5rem;
}

.loqr-sdk-font-5 {
  font-size: 1.25rem;
}

.loqr-sdk-font-6 {
  font-size: 1rem;
}

.loqr-sdk-font-7 {
  font-size: 0.75rem;
}

.loqr-sdk-spinner {
  width: 70px;
  text-align: center;
}

.loqr-sdk-spinner > div {
  width: 8px;
  height: 8px;
  background-color: #aaa;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loqr-sdk-sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: loqr-sdk-sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loqr-sdk-spinner .loqr-sdk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loqr-sdk-spinner .loqr-sdk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loqr-sdk-spinner-v3 > div {
  width: 23px;
  height: 23px;
  margin-top: 10px;
  border-radius: 100%;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .loqr-sdk-spinner-v3 > div {
    width: 25px;
    height: 25px;
    margin-top: 20px;
    border-radius: 100%;
    display: inline-block;
  }
}

@-webkit-keyframes loqr-sdk-sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes loqr-sdk-sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media only screen and (max-height: 667px) {
  .loqr-sdk-otp-number {
    font-size: 30px;
  }

  .loqr-sdk-otp-input-container {
    margin-bottom: 20px;
  }

  .loqr-sdk-otp-input-container-v3 {
    margin-bottom: 25px;
  }

  .loqr-sdk-otp-key {
    font-size: 1.3rem;
  }
}

.loqr-sdk-title {
  font-size: 1.5rem;
}

.loqr-sdk-title {
  font-size: 1rem;
}

/* Sign V2 */
.loqr-sdk-modal-pdf-container {
  background: white;
  border-radius: 4px;
  padding: 10px;
  min-height: 80vh;
  width: 100%;
  max-width: 650px;
  margin: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}

.loqr-sdk-modal-pdf-container .loqr-sdk-pdf-container {
  flex-grow: 1;
  height: auto;
  border-radius: 4px;
}

.loqr-sdk-modal-pdf-container .loqr-sdk-buttons-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.loqr-sdk-pdf-viewer-container .pdfViewer {
  padding-bottom: 20px;
}

.loqr-sdk-modal-pdf-container .loqr-sdk-pdf-title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
}

.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close::before,
.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close::after {
  content: "";
  background: #ccc;
  position: absolute;
  left: 10px;
}
.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close::before {
  width: 2px;
  height: 100%;
  transform: rotate(45deg);
}
.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close::after {
  width: 2px;
  height: 100%;
  transform: rotate(-45deg);
}
.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close:hover::before,
.loqr-sdk-modal-pdf-container .loqr-sdk-modal-close:hover::after {
  cursor: pointer;
  background: #666;
}
.loqr-sdk-modal-pdf-container .loqr-sdk-pdf-loader {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #efefef;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.loqr-sdk-modal-pdf-container .loqr-sdk-pdf-loader .loqr-sdk-spinner-container {
  margin: auto;
}

.loqr-sdk-required-consent-lable {
  margin-top: 20px;
  color: black;
  font-size: 10px;
}

.loqr-sdk-checkmark-mandatory:before {
  content: "*";
  position: absolute;
  margin-top: -5px;
  margin-left: -10px;
  color: darkgray;
}

.loqr-sdk-button-read-docs {
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.loqr-sdk-sign-step .loqr-sdk-sign-title-container .loqr-sdk-sign-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 20px;
}

.loqr-sdk-sign-step .loqr-sdk-sign-title-container .loqr-sdk-sign-sub-title {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 60px;
}
.loqr-sdk-sign-step .loqr-sdk-sign-document {
  display: flex;
  padding: 16px 20px;
  background: #f2f2f2;
  flex-direction: row;
  margin-bottom: 30px;
  border-radius: 5px;
  align-items: center;
  cursor: pointer;
}

.loqr-sdk-sign-step
  .loqr-sdk-sign-document
  .loqr-sdk-sign-document-description {
  font-size: 18px;
  line-height: 21px;
  flex-grow: 1;
  padding-right: 20px;
  align-items: center;
  color: #666;
}
.loqr-sdk-sign-step .loqr-sdk-input {
  text-align: left;
}
.loqr-sdk-sign-step .loqr-sdk-sign-code-resend-sms-button {
  color: #009bff;
}
.loqr-sdk-sign-step .loqr-sdk-sign-code-resend-sms-button:hover {
  text-decoration: underline;
  cursor: pointer;
}
.loqr-sdk-sign-step .loqr-sdk-sign-code-actions {
  margin-top: 10px;
}

.loqr-sdk-sign-step
  .loqr-sdk-sign-document.loqr-sdk-sign-document-read
  .loqr-sdk-sign-document-description {
  font-weight: bold;
}

.loqr-sdk-sign-step .loqr-sdk-sign-document .loqr-sdk-sign-document-status {
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' fill='%23E4E4E4' stroke='%23CCCCCC'/%3E%3C/svg%3E%0A");
  border-radius: 5px;
}
.loqr-sdk-sign-step
  .loqr-sdk-sign-document.loqr-sdk-sign-document-read
  .loqr-sdk-sign-document-status {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23379516'/%3E%3Cpath d='M7 13.5L12 18.5L21 10' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.loqr-sdk-sign-step .loqr-sdk-sign-actions {
  margin-top: 60px;
}

.loqr-sdk-sign-step .loqr-sdk-error-container .loqr-sdk-error-row {
  text-align: left;
  margin-top: 2px;
  margin-bottom: 0px;
}

.loqr-sdk-sign-step .loqr-sdk-error-container {
  min-height: 14px;
}

.loqr-sdk-container-layer1 {
  z-index: 1;
}

.loqr-sdk-container-layer2 {
  z-index: 2;
}

.loqr-sdk-container-layer3 {
  z-index: 3;
}

/* ADVANCED VIDEO */
.loqr-adv-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #fff;
  max-width: 100%;
}

.loqr-adv-container .loqr-adv-top,
.loqr-adv-bottom {
  flex-shrink: 1;
}

.loqr-adv-container .loqr-adv-middle {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.loqr-adv-bottom {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.loqr-adv-container .loqr-sdk-cp-action-button {
  width: 52px;
  height: 52px;
  padding: 0px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 6px solid #a6a0a0aa;
  opacity: 0.75;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
}

.loqr-adv-bottom {
  justify-content: end;
  align-items: center;
  height: 100px;
}

.loqr-adv-bottom-actions {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.loqr-adv-indication-icon {
  width: 160px;
  height: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.loqr-adv-icon-idfront {
  background-image: url("https://cdn.services.loqr.io/cdn/web-assets/icons/ic_id_front.svg");
}

.loqr-adv-icon-idback {
  background-image: url("https://cdn.services.loqr.io/cdn/web-assets/icons/ic_id_back.svg");
}

.loqr-fade-out-3s {
  animation: loqrfadeInOutAnimation3s 3.5s forwards;
}

.loqr-fade-in {
  animation: loqrFadeInAnimation 0.25s forwards;
}

.loqr-fade-out {
  animation: loqrFadeOutAnimation 0.25s forwards;
}

@keyframes loqrFadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loqrFadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loqrfadeInOutAnimation3s {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loqr-fade-out-5s {
  animation: loqrfadeInOutAnimation5s 5.5s forwards;
}

@keyframes loqrfadeInOutAnimation5s {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loqr-adv-capture-icon {
  display: none !important;
}

.loqr-av-cp-icon {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.loqr-av-cp-icon-text {
  font-size: 10px;
  color: #fff;
}

.loqr-sdk-preload-images {
  position: fixed;
  top: -9999px;
  left: -9999px;
}

.loqr-adv-ac-loading .loqr-sdk-spinner-container {
  width: 32px;
  height: 32px;
}

.loqr-adv-ac-loading .loqr-sdk-spinner-container .spinner-white {
  width: 24px;
  height: 24px;
  border-width: 4px;
}

.loqr-av-crop-message {
  text-align: center;
}

.loqr-av-finish-message,
.loqr-switch-camera-message {
  padding-left: 20px;
  padding-right: 20px;
}

.loqr-switch-camera-info {
  background: #0008;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.loqr-sdk-flex {
  display: flex;
}

.loqr-sdk-flex-col {
  flex-direction: column;
}

.loqr-sdk-items-center {
  align-items: center;
}

.loqr-sdk-items-end {
  align-items: end;
}

.loqr-sdk-justify-content-center {
  justify-content: center;
}

.loqr-sdk-justify-content-end {
  justify-content: end;
}

.loqr-sdk-switch-camera-action {
  margin-bottom: 20px;
}

.loqr-sdk-interview-bottom-footer {
  justify-content: end;
  align-items: end;
  display: flex;
}

.loqr-sdk-interview-bottom-footer .loqr-sdk-secured-by-loqr-container-footer {
  margin: 0px;
}

.hiddenCanvasElement {
  display: none;
  position: absolute;
  left: -100;
  top: -100;
}