/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Modal-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Modal-portal > * {
opacity: 0;
}
.surepass-sdk-ui-Modal-modalBody {
/*! Just a placeholder no namespace this element using css modules*/
}
.surepass-sdk-ui-Modal-overlay {
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
transition: opacity 200ms, z-index 0s 200ms;
}
.surepass-sdk-ui-Modal-overlay--after-open {
opacity: 1;
}
.surepass-sdk-ui-Modal-overlay--before-close {
opacity: 0;
}
.surepass-sdk-ui-Modal-inner {
/*
* We set the `font-size` to 16px here. This will fix the rest of the SDK
* (which uses relative units) to this absolute unit.
*
* (NOTE - this feature is not yet ready to be used!)
* To opt-in to relative font-sizes, you can override this style to a relative
* font-size e.g. `font-size: 1em`
*/
font-size: 16px;
/* Relative positioning so overflow affects absolute children */
position: relative;
/*border:1px solid #ccc;*/
overflow-y: auto;
overflow-x: hidden;
display: flex;
margin: auto;
width: 94vw;
max-width: 28.125em;
/* height of the main modal*/
height: 99vh;
text-align: center;
/*max-height: calc(~'100% + 4*@{unit}');*/
border-radius: 0.5em;
/*border: 1px solid @color-border;*/
/*font-family: "Open Sans", sans-serif !important;*/
font-family: "Montserrat", sans-serif !important;
background-color: #ffffff;
color: #636670;
font-weight: 400;
line-height: 1.5;
}
@media (min-width: 1700px) {
.surepass-sdk-ui-Modal-inner {
max-width: 34.375em;
}
}
@media (max-width: 479px) {
.surepass-sdk-ui-Modal-inner {
overflow: auto !important;
width: 100%;
height: 100%;
position: absolute;
border-radius: 0;
}
}
.surepass-sdk-ui-Modal-inner,
.surepass-sdk-ui-Modal-inner *,
.surepass-sdk-ui-Modal-inner *:before,
.surepass-sdk-ui-Modal-inner *:after {
box-sizing: border-box;
}
.surepass-sdk-ui-Modal-portal .surepass-sdk-ui-Modal-inner {
margin: auto;
z-index: -1;
opacity: 0;
transform: scale(0);
transition: opacity 200ms, transform 200ms, z-index 0s 200ms;
}
.surepass-sdk-ui-Modal-overlay--after-open .surepass-sdk-ui-Modal-inner {
z-index: 100;
opacity: 1;
transform: scale(1);
transition: opacity 200ms, transform 200ms;
}
.surepass-sdk-ui-Modal-closeButton {
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22none%22 cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cg transform%3D%22rotate%2845 2.121 22.192%29%22 fill%3D%22%232C3E4F%22%3E%3Crect x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3Crect transform%3D%22rotate%2890 8 8%29%22 x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: contain;
border-radius: 1em;
border: none;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
height: 2em;
position: absolute;
right: 0.9375em;
text-decoration: none;
top: 0.9375em;
width: 2em;
z-index: 4;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Modal-closeButton {
top: 0.625em;
right: 0.5em;
}
}
.surepass-sdk-ui-Modal-closeButtonLabel {
display: none;
position: absolute;
right: 100%;
top: 50%;
transform: translateY(-50%);
font-weight: 500;
font-size: 0.875em;
margin-right: 0.5em;
}
.surepass-sdk-ui-Modal-closeButtonFullScreen {
background-image: url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22none%22 cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cg transform%3D%22rotate%2845 2.121 22.192%29%22 fill%3D%22%23fff%22%3E%3Crect x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3Crect transform%3D%22rotate%2890 8 8%29%22 x%3D%227%22 width%3D%222%22 height%3D%2216%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.surepass-sdk-ui-Modal-closeButtonFullScreen .surepass-sdk-ui-Modal-closeButtonLabel {
color: #ffffff;
}
@media (min-width: 480px) {
.surepass-sdk-ui-Modal-closeButton:hover,
.surepass-sdk-ui-Modal-closeButton:focus {
background-color: #ffffff;
}
.surepass-sdk-ui-Modal-closeButton:hover .surepass-sdk-ui-Modal-closeButtonLabel,
.surepass-sdk-ui-Modal-closeButton:focus .surepass-sdk-ui-Modal-closeButtonLabel {
display: block;
}
.surepass-sdk-ui-Modal-closeButtonFullScreen:hover {
background-color: transparent;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Button-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Button-button {
margin-left: 0em;
height: 42px;
padding: 1.25em;
transition: 0.5s;
/*line-height: 56*@unit;*/
font-weight: 600;
/*font:inherit;*/
text-decoration: none;
text-align: center;
cursor: pointer;
/*box-shadow: 2px 2px 10px 3px #ccc;*/
padding: 8px 16px 8px 16px;
display: inline-block;
border: none;
border-radius: 0.25em;
padding: 0;
}
.surepass-sdk-ui-Button-button:disabled {
cursor: not-allowed;
background-color: #B8BBBF;
/*opacity: 0.5;*/
}
.surepass-sdk-ui-Button-button-text {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
letter-spacing: 0.5px;
}
.surepass-sdk-ui-Button-button-centered {
margin-left: 0em;
margin: auto;
}
.surepass-sdk-ui-Button-button-fullwidth {
display: block;
width: 100%;
/*padding: 10*@unit;*/
border: none;
background-color: #2A55E5;
color: #ffffff;
}
.surepass-sdk-ui-Button-button-primary {
margin-left: 0em;
/*layout*/
display: block;
width: 13.5em;
max-width: 100%;
border-radius: 0.25em;
border: none;
font-weight: 600;
background: #6c63ff;
/*text*/
color: #ffffff;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Button-button-primary {
width: 100%;
}
}
.surepass-sdk-ui-Button-button-alternative {
margin-left: 0em;
background-color: rgba(15, 37, 54, 0.85);
border-radius: 0.25em;
color: #ffffff;
font-weight: 600;
height: auto;
line-height: 1.4;
padding: 0.7em 1.225em;
}
.surepass-sdk-ui-Button-button-ghost {
margin-left: 0em;
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
}
.surepass-sdk-ui-Button-button-outline {
margin-left: 0em;
border: 1px solid #6c63ff;
border-radius: 0.25em;
background-color: transparent;
color: #6c63ff;
padding: 1.2em 2em;
}
@media (max-width: 1699px) {
.surepass-sdk-ui-Button-button {
line-height: 0;
height: 42px;
width: 100%;
}
.surepass-sdk-ui-Button-button-text {
font-size: 14px;
}
}
@media (min-width: 1700px) {
.surepass-sdk-ui-Button-button {
line-height: 0;
height: 50px;
width: 100%;
}
.surepass-sdk-ui-Button-button-text {
font-size: 18px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Spinner-absolute-center,
.surepass-sdk-ui-Spinner-loader {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Spinner-loader {
width: 3em;
height: 3em;
outline: none;
}
.surepass-sdk-ui-Spinner-text {
width: 200px;
position: absolute;
top: 50px;
left: -97px;
margin-bottom: 0px;
margin-top: 10px;
font-weight: bold;
}
@-webkit-keyframes surepass-sdk-ui-Spinner-ball-scale-ripple-multiple {
0% {
transform: scale(0.1);
opacity: 1;
}
70% {
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0;
}
}
@keyframes surepass-sdk-ui-Spinner-ball-scale-ripple-multiple {
0% {
transform: scale(0.1);
opacity: 1;
}
70% {
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0;
}
}
.surepass-sdk-ui-Spinner-inner {
position: relative;
transform: translateX(1.5625em);
}
.surepass-sdk-ui-Spinner-inner > div:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.surepass-sdk-ui-Spinner-inner > div:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.surepass-sdk-ui-Spinner-inner > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.surepass-sdk-ui-Spinner-inner > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.surepass-sdk-ui-Spinner-inner > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: -0.125em;
left: -1.625em;
width: 3.125em;
height: 3.125em;
border-radius: 100%;
border: 0.125em solid #ccc;
-webkit-animation: surepass-sdk-ui-Spinner-ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: surepass-sdk-ui-Spinner-ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Welcome-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Welcome-titleText p {
margin: 0em;
}
.surepass-sdk-ui-Welcome-desc {
font-size: 20px;
letter-spacing: 1px;
}
.surepass-sdk-ui-Welcome-titleDesc {
font-size: 16px;
line-height: 30px !important;
}
.surepass-sdk-ui-Welcome-title {
font-size: 24px;
}
.surepass-sdk-ui-Welcome-explainerWrapper {
margin: 2rem 0px 4rem 0px;
}
.surepass-sdk-ui-Welcome-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-Welcome-thickWrapper {
background: #ffcb49;
/*padding-top:10px;*/
/*animation-duration: 1s;*/
/*animation-name: slideIn;*/
}
@-webkit-keyframes surepass-sdk-ui-Welcome-slideIn {
from {
margin-left: 100%;
/*width: 300%;*/
}
to {
margin-left: 0%;
/*width: 100%;*/
}
}
@keyframes surepass-sdk-ui-Welcome-slideIn {
from {
margin-left: 100%;
/*width: 300%;*/
}
to {
margin-left: 0%;
/*width: 100%;*/
}
}
.surepass-sdk-ui-Welcome-bottomDiv {
/*display: flex;flex-direction: column;margin-top:2rem*/
}
.surepass-sdk-ui-Welcome-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-Welcome-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-Welcome-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-Welcome-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-Welcome-video {
width: 100%;
border-radius: 10px;
}
.surepass-sdk-ui-Welcome-welcomeImage {
width: 70%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-Welcome-headerImage {
/*margin-top: 40px;*/
width: 100%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1700px) {
.surepass-sdk-ui-Welcome-thickWrapper {
padding-top: 30px;
}
.surepass-sdk-ui-Welcome-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-Welcome-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
.surepass-sdk-ui-Welcome-welcomeImage {
width: 90%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-Welcome-headerImage {
width: 100%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1699px) {
.surepass-sdk-ui-Welcome-titleText {
font-size: 28px;
}
.surepass-sdk-ui-Welcome-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-Welcome-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Theme-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Theme-step {
margin: auto;
/*padding-top: 10px;*/
margin-left: 20px;
margin-right: 20px;
/* padding-top: 10px; */
border: 0.7px solid #ccc;
/*border-radius: 10px;*/
box-shadow: 0px 0px 24px -7px #ccc;
/*border:1px solid #ccc;*/
border-radius: 10px;
width: 100%;
min-height: 90%;
/*height: 0;necessary for IE11, see: https://stackoverflow.com/questions/24396205/flex-grow-not-working-in-internet-explorer-11-0*/
position: relative;
display: flex;
flex-direction: column;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Theme-step {
border: 0rem;
margin: 0rem;
box-shadow: none;
}
}
.surepass-sdk-ui-Theme-wrongNumber {
cursor: pointer;
color: #707070;
}
.surepass-sdk-ui-Theme-checkboxDiv {
margin-top: 2.5em;
padding: 0.3125em 0.625em;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-Theme-checkboxText {
font-size: 14px;
line-height: 27px;
font-weight: 400;
color: #000000;
}
.surepass-sdk-ui-Theme-resendBtnText {
font-size: 17px;
letter-spacing: 1px;
font-weight: 400;
}
.surepass-sdk-ui-Theme-resendBtnText:hover {
text-decoration: underline;
color: #6c63ff;
}
.surepass-sdk-ui-Theme-fullScreenStep {
overflow: hidden;
border-radius: 0.5em;
}
.surepass-sdk-ui-Theme-errorText {
color: #E32727;
font-size: 17px;
margin: 0px;
font-weight: 400;
/* or 133% */
visibility: visible;
letter-spacing: 0.4px;
margin-top: 4px;
}
.surepass-sdk-ui-Theme-errorColor {
color: #E32727;
}
.surepass-sdk-ui-Theme-hintText {
font-size: 17px;
margin: 0px;
font-weight: 400;
/* or 133% */
letter-spacing: 0.4px;
margin-top: 4px;
}
.surepass-sdk-ui-Theme-attempts {
margin-top: 0px;
}
.surepass-sdk-ui-Theme-time {
font-size: 20px;
}
.surepass-sdk-ui-Theme-fieldError {
display: flex;
color: #ff4c4c;
font-family: Montserrat;
font-size: 17px;
font-weight: 500;
text-align: left;
margin: 10px 0px;
/*line-height: 45*@unit;*/
}
.surepass-sdk-ui-Theme-fieldError:before {
content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2217%22 viewBox%3D%220 0 17 17%22%3E%3Cg%3E%3Cg%3E%3Cpath fill%3D%22%23ff4c4c%22 d%3D%22M9.35 9.358h-1.7v-5.1h1.7zm0 3.4h-1.7v-1.7h1.7zM8.5.008a8.503 8.503 0 0 0-8.5 8.5c0 4.692 3.808 8.5 8.5 8.5S17 13.2 17 8.508s-3.808-8.5-8.5-8.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
margin-right: 0.625em;
}
.surepass-sdk-ui-Theme-centeredImage {
width: 40%;
height: auto;
/*margin-top: 11rem;*/
}
.surepass-sdk-ui-Theme-inVisibleError {
color: transparent;
line-height: 1.25em;
}
.surepass-sdk-ui-Theme-fullHeightContainer {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Theme-fullHeightMobileContainer {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.surepass-sdk-ui-Theme-navigationBar {
flex: 0 0 auto;
}
.surepass-sdk-ui-Theme-content {
transition: opacity 2s;
/* Content height is 100% - non content height (total height of footer + total height of navbar) */
/* height: calc(100% - @non-content-height); */
flex: 1 0 auto;
position: relative;
display: flex;
flex-direction: column;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
.surepass-sdk-ui-Theme-content > * {
flex-grow: 1;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Theme-content {
/* height: calc(100% - @non-content-height); */
}
}
.surepass-sdk-ui-Theme-fullScreenContentWrapper {
position: static;
}
.surepass-sdk-ui-Theme-cobrandFooter {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 1rem 0rem;
font-size: 2rem;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Theme-cobrandFooter {
margin: 2px 0;
}
}
.surepass-sdk-ui-Theme-cobrandFooter .surepass-sdk-ui-Theme-cobrandLabel {
color: #A2A8B3;
font-size: 0.625em;
display: flex;
flex-direction: row;
max-width: 80%;
/* if "XXX powered by Flowboard" exceeds the allowed space (with paddings on both sides of the screen), */
/* then XXX should by truncated */
}
.surepass-sdk-ui-Theme-cobrandFooter .surepass-sdk-ui-Theme-cobrandLabel .surepass-sdk-ui-Theme-cobrandText {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0.3125em;
/* space between XXX and " powered by" text */
flex-grow: 1;
}
.surepass-sdk-ui-Theme-cobrandFooter .surepass-sdk-ui-Theme-cobrandLabel .surepass-sdk-ui-Theme-poweredBy {
flex-shrink: 0;
font-size: 1rem;
padding: 0.3rem 0rem 0rem;
}
.surepass-sdk-ui-Theme-fullScreenStep .surepass-sdk-ui-Theme-cobrandFooter .surepass-sdk-ui-Theme-cobrandLabel {
color: #ffffff;
z-index: 0;
/* to make the text visible, otherwise it is hidden by overlay */
}
.surepass-sdk-ui-Theme-cobrandFooter .surepass-sdk-ui-Theme-logo {
background-image: url(data:image/png;base64,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);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 6rem;
height: 1.3rem;
margin: 0rem 0.2rem;
flex: 0 0 auto;
}
.surepass-sdk-ui-Theme-fullScreenStep.surepass-sdk-ui-Theme-cobrandLogo .surepass-sdk-ui-Theme-cobrandFooter .surepass-sdk-ui-Theme-logo {
background-image: url(data:image/png;base64,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);
width: 2rem;
margin-top: 0;
z-index: 0;
/* to make the logo visible, otherwise it is hidden by overlay */
}
.surepass-sdk-ui-Theme-footer {
width: 100%;
height: 2em;
margin-top: 1em;
flex: 0 0 auto;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAsCAYAAAAgjfcKAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAFRxJREFUeJztXAmYFNW1HsQFQUBmhumuqu6uqh62Wbqql2EQBmEiyM7DDRWXgIgPkxjADde4BZVohETJk6A+Ixo3XDDqE41G5enTFzUsKqKiooiCAiooO9z853ZV9+3u6u5qAR21zvedb2aq7j13O/9Z7r01ZQEtMjygGw+CH2nBPF/RIyeVeeTRd01Qvg1g9gPgu77vufLoJ0gtQPE9gHjUcqkFKL4HEI9aLrUAxfcA4lHLpRag+B5APGq51AIU3wOIRy2XWoDiewDxqOVSqYpqNjSzQcNHsxFHn8z6DfgPVt2jgSkeQDz6sZIb5ayPHc6mXnQle27hi+yjVavZF198yTZu3MQ+/3wde3PZcnb73HvY8FFjmNol5gHEox8XFVPMAYOPYa+8uoiJ9NVXG9maNWvZ1q1bU882ff01m3PrXFZd0+ABxKMfDxVSyqEjT2Dvvvs+BwAB4nfTZ7DBg0ax+shhrLaukTU0NrOfj53I5j3wMNu8eQvbvXs3e+rp55iR6IewK+IBxKMfPuVTyGDYZP//z9c4ON588y3Ws6Ef69AxwCqlbswfqmWSWsfZF6xlVXI3dsbEyWwVwi+ih+c/xnyBGg8gHv3wKZ9C9uk/lCv7rl27WATeolNnnclqfV4FlvCu3xEj2FvL32EzZ8xi5VXhve1FPIDsQ5LDsTZ+NWLKmnmarBoXSapxOX5Ows8Bihb1l5WNLlmmr9rYX1LN7pBxgqwZU/HzCvw8F20chZ8hn16zX0l9VE0J9QZTv/Dzcsi7GLLG4e+YT6k7yI0MKRQ/QNbq62XdOBn1L+Tj1IyzwSP8ajSYUyGfQh4x6GgOkG++2czatfNxr1FMidEwC4UNdmi5yqoCPTK80ZARx7OzplzILrnsGnbehZezkxCa1Rh9StkB+1YAwcJ3kjRzJCbgfEzmtfg5TdGMs2QtepgcTuSdVCzG4Sh7HkCultKepMfaoL2TJC1yfKVupBQAbfeDvF8H1HhH+1ko1LeVpMVUvDsO7yaDzwGfLumRPpIabVOwnVCsPZRvkDWu6fh5BRRlHH6vkbWEa8WToKRYg76o/zfwVjDL4t3gdyTMhU8zO7mWqxm1qDcb/IWDTOKPwH+EggaKylKj5RgbxmmssPqTLWsb3j9Ea1a4TyYMgHEXeHOBPl2phMyKVKV8Cknbtxs2fMFB8ttp17G6WF9XHoHKyFqEK77WNc4mTJzC3n5nBXOizZs3sz/dfBurjx/uRnZJAPGpZkdM/lUY8Nd5JoP4fUza8T49emB2fXpnlbmtrCzhul1YpqOtetvRfj09Kw8Y+wuLcomsJvZHuSYo82N5Fpx4Leo358hXo5V4dwF4U4FxLYSCDlbVwkCRdPNg9GEayu/Kqr+TK12u3NdQPlJ4BkaXKWTVc4GxywJg9ng/RV+Hl/kGtXLsoxbVUeZ1R1Ak+5n9/DfQvbaijEB1ojX6fbpD+Z15+vSJrANs5b3yA4QU/OLLrmY7duzkyffyt99ls6DMo8eMZ1q3eFHLH+7ewHe1du7cycGwePFSNufP/82uBtgoBHvssQXcOxG9tmgJa+o/jClaQZC4BogSikqwKAsKKJDI28E3KyEjw5vg2ef0HgC6H4vuuHiOC6pGxqdlR/rQM3+wtp3Q3h/A54G/dNG3W0XZfvIOqvF/Lse1BX1HmBTLAX+yn7GDLI+6XVDghTKFQLp5FDzgUPx+Gvgv4A2C3GXoQyjf+CFzNMp8k1FeM64CGEdD5hD8Pgb8e/DHIkhg/Qdly/KHzHYAz4tCufU0J5jX0/B8qBQyRvH+asbTGUqvGn+EcWid6lPIIE+7RSjzL4mApBnHyGpkCH4/Gc9mgj8UyqzB86aCu1hk1c84cwpbjrzCVnSiL7/8is25bS475vhxrNZsygELnYc8NP9xXnbVqo/ZCcefytq2rWKHVqis0t+FJ/oVvi6sBrnNo48+wQG4Zu1nrGefgdz77AlAqkI9DsLA/lcY6Fos2mxYoqFVIUOHVe6OCTwRzx8Gf2WXU+hvLEh6oY11yXfmfWVlv3bTtF0vBZCAFj+M96mq/hChP18LFouU85/gS5WwOQQhU38pqZT3kdWEJR5qy8XzRNYCfoKx3A5ADpNCER0KGMWzKeDnRWVAmVuC1UaOJ8G4JgmyNmD8J5eVNTuOSQpHfSjzrJz2NC9J4Ujb7HIIWwcKwCeQTIdMR+Pi12OHog83y2mrvgbeUcmay9OFPi7CGPV8867o5om2UeOsG9ztV3TrvZ8F0uR8q5FrERE49smnG+0xz/eI4yx6DkI7VQr4yEGj2N1338/Wr9+QAsquXbvZ6k/WsLvunseGjRrDQl2ivM6kcy7m7z9c+RHrUm2wjuUhBiua4SEUK2ch+XfceS8vv2jRUoArukcAwQBHCpO6hFy0U7kA4nRYSlK6VVbZ3QDOYGFxLIAY95aVMTdNW/UiqUUN6jEOkAp/DxEgNm9EexN8wYijhfdV16WUWlHr26P8C0LdBf5QpMqxfT2BxNg4FrI/S41Li4zJmCOdhy022GAkzJHFxtU5lKA+/E9appFjNSDnZfs91uH8cqVX4VyovBdyMOMmwWDcq2nN6X6q3FDQ860wFvFifQRAmyyQvC6Foh3oGbxulTBvz/tDDQX75A/VHYh2Z6HsZhisC1ydpJMnIUXuLMPyV4XZSSdPYA88MJ+tXv0J3+Wyadlbb7Ofj/8lW/nhR2zLlq2sX98judeguoVCOcpVFi1+ncsYO+4XTAo5lncFENqBSVsRs2jygCS5O8ouBb/qC5pS+jl353sEEFj3XvSsvRJunwUOCllGuZFXWdlEineuoEQLfNVG0R0blBsk1FmNcKtSeHeZ0Jer3Y4NXqYe5W3gfaCqRmvhXf+0TPMhSU/keBgn8oXiNDd22PgF+pnaScIa3JH2RmYft/3M6HM41kmYh+eVcKLg5kcOudxBSis0vABQxsGihg127LGnsAcfnM82bdrEFXzbtu08X5k37yHWvqPCyxYHoMFOO2MSr//0088iBOvqlLS7A0hyy44vFKxss6s5UKNtAsFEdg5iASRyTynzCVc/wW7fF6prpGedArXZALnC7bapovGkfGna2hu+QuWrgvAgmjnc8jhi8jlcGNtC69k6WMtubscma4lWqDMjZQA0o7cgc3aqLdXIyScKyzXPEGSOF56PFMKddTwk042mQCB+QGnyjX/I6TxrKcb8K3+w+O4Zp1IBkg0W7lmU7kwO1rBbkZcQkWfp2zSQVSDfcHsWQuVo14w8kkTytJwzF3chlm5E5HRcixjffAZ8KpJAf1lZb9fJNrzPhm8DEFmPpgCChehJz/yhXh0ERV2FWDtvkpszHs0cLNT9r7zlQlHE9LR9ndp9SyetmvkkkvJDU320km70b75fMfcvaXxCCEvnEMJzO5neUSEX3qLO6btq9JDTu3x3pmSGE62xbnPl3F0mMl60edAPuVv7ovKTW86fZsngyTrm5lK0UV2pGs7zUEhpg9UmOG9OkMGUXB83ZnwqiQ8oXVmV0sNVXRsgS99YxuvXRQ5zCstcAYRiWAobHCZ1HSzbPViMwVWqeXAxOZg4e5vybjftphcjbQ0x8T2TshpEgNwfCERbF5Mj9OMc2/pJPJHOJJ+SaIs2J1LIkzXm3RjrQljcgX49nlr8yviR+wnlbi5lbLw/qtEgtDGDnh1yyCDyLG9az1aWKhOhqGz1n4eQ4rtAKN5GSobNq+RcBd+VNAjmDOQLZqHzHxi8Lij3gOy8fb0J+rsQ7ZwuheOVGRXzKWzX2kb2MTzBivc+cHW3ig4Dr5x2PVfwTz9dw/z+MBLz0q6bLFqSzEMiRm+nPMT1Nm+53BMJuHEkBvyq7Hz4tRE8DxM2yq8aHRwnVDPt3ZiSACKGC4oe5TkQQoKOQtvXlybP+F06vIqmQhqEpUE8myYLO3EW0y7ZvQBN1Fmi70Ch7OxS+sL7A9AL9W/gDzs0E0DesD1kqTIRlioELKv+351L8TYATnOmgzGwmQ4Sjw5Wx/IaoMpQlMJdOtl/ytKDbBkUdTwsaVGNVygEkE/XrOUKu+K99/lJeIEtWHbRpdP4LV+ixx9/gkUijcxXIkDs9iTkN3sCEJs6h+IHYvJrMOhfgV91mAyaZDosvDi7rgCQv5bSJqz8xBRAqmMcIBTe2M/w/ppS5KHOdBvUqNsXeVUXOfdswrKC5nUATo0UTBTwUBkAWSAXObF36M/o1FhU4xzh+bO2VVf0WMdCMnJkqqYhWPY8AElSIpGgcy5SctqxugZjXp01D1sxT5OLtalpUQKcqvBbDOZ8B0O6EnMTKBhiNQ8cxd559z2utDt27GD3zXuYjTruVNbQeyCL9mxmvfoOZuP/czJb+MJL6Z2sZW+xG2/6E7vqqukIsbq7BgfdHCZauuQNntxLufe+9vgulqRGKRal0/Xlcs6pqnkFcoVUjiJbMSsm+9FKNeE6KZT41Q9LZnU8Rs86y+YeACR1XkFgXgLekbWQlGhf59dNx+SdjIRfiwvxdQZANiI0KXIynqZAdYzCs5vTAImmvBT+vlEAjqsdulTd5N0qu08FAZJNMMIHoD6B5XY5fWtiqy9kVhavLcjRTB8M5TgpaUgt72TeVhAglChTePXII4+nAECHevSx1Hok1HQSTn/bALr1lr+wKVOmssVLlrJ169azaEP/YqfjqfDsyaf+weVMnnQ+K++sO9Xba5cVkUi3heWgUOFCOX0lYpM/UB9OldGMl+yQwc19IaHeXSlF6ZLgAKkMGp1SCqCbrrdViaSQcXiecOITLOg5YElRGp0P47RoGAu+CGWfR5xv3S/KAAjxTa7Hppu95PRB4FtkhYW24oLMZxQt6hi65sjUYp1RfnE+gPgCZiWS9aIG6pDq6lYAynXpeTYG2u8k9bDWaMfx3Cib/LpRIadP+d8uuouV3NatZcNGjGZz5tzOXnt1EVu79jO2EeEU7Va9AO9xw+9vZI09+7P2HWR2+x1/5WAheuHFl1m3usai+cvV02fyKy3vIZQLwOvkuSrvFiCtEFY1yS63L+HexwheZEz6eSq0IT7blSyNHzymTnP9aoRb2Ipgt3KhjZIAgn5QOPGc0JdlCrd08YKhkSwn6BDuTtv7SLpp5S85ANmMNoqGJFA4Cu3sMHUHXSlxGP+jwjhnBdSGgn2s7JJoIyUvSYr9+bsg70Qr9HoF69SjkCy1hm9Bz03JUY0jeBuVTQSchXJy02Im5qEg2Ky7X3b4usz1Nq99UKhVG6yuvhdPpLv3iCNf6MpPyunsgoD0t8cWcHCQB7FBEu91hCNI6ErKtGtuYNu2bePbu0OHHMUPFh22eF0DBJN6pJxMvlYqav6rCanyKr8XZU9qatFhLRuFiVrp10yzkBxfKEJe4ilxsf3BWl6nIlhTLrQxzc04RFKS11fs0GqxrBaP8ZHQnyCEke/IKYueAxA7sZ+qhBsdcxfE4vWWleeeTKJxOl7w5F55rSUTim3eEQjUOO4YAnAq5Dzk4B1FgEwTni+XQ9HGvOPVTQpt7TtgW/0Bg3vMDj66qJgKvehqz21VeswRuD7VlACilDHC77d+q4NC+4oIMX0jIoZDjz7+JAdGc78h3LsQUUhG11HOveAyNnbCWezMs85n18+Yxb9nJ6LrK0ePOrHYwaJbgJwkTCrlEaf6HFy0PxSDZTbPltPJ4Xp/MJJ9F+hqQRbtsgytDDblhDOYSEoyn85aaPqYzKD3SpfGCgEgv3Uzjgz5wXpS6rsF2W+g7wOw0DkKDUVBLG1cKyjLdiijcA08AyCr5MyLhZSbUZgykX9nofMQ9Ak586LfS0pYuA6ePa+qMUBO30IgXgOeg3HTGc1Y8saWZxN339YKf6cAghynk5Q+5LNAxy+hXoLn46wdQxrrv4QyW+h5xvxp5gg5c8eKEns62Pyl1acplvdZJ5R5G+1Le/3f/tgAqattYF1rerKbZv2ZewibduzcmcpbkvevlrDevX7GOh4a5LteBW4JuzwoNNvRVQdhoLQ78QIlx5IWoSSMDvKul5Ox+Xah3LkATYbyw0pWQpZ4K5iumM/nE6saI5Xk5M6RnQ+hCCA8ARYBgvZLBgjvixoNW31OJdikTOCptF1NhgA8y1Jy+/QZP83flHXuLIxLBIg5G0k6KW6+7yOy+UmEd8W9smYMk53PLZz4DYRP9AHVu9kA4eupmlVSEqRuZJE3OqsqEM/wbn41sZ914PqZSznvYe2TGxD7DCB1PXnIRWchRqwvmzR5Kpt102x259x72C1I5i+/bBobOGAE69BBYRW+6oL3tUpN0hU91lbmW4AZAMjHpPRT893wBODIit0iO397kL04L0OBbrGf+dV6DhAkmZUCQK5yO45sgkLLFvizv99wYrLK45A8Zx2eZXgQnqBDCWsBeOr3Ggc5ZGDodvQpfqWu6AFrat60aABjvVJOnk04zdUreH8BjExHjInyrGcs0M7KloWE/wAl+RUihbDfOMj7EvXuhMfrWbhP/OLiFRYYs0M7mtNlkHOhLxRPbzDsa4DQMwrJyDtU+ruy8s5h1qlS55/kUk5DZdzsdJUCEKJguCfFnmQ17resmXiCSov+AfhecD+5S+EbnljIdrIaoYSRrpJnnz/QglF8fhEsoc+y5iR/g19Lfjfh1+MHy8nknRZlQinjyCZZjdM3EidayrImCyzkCciDzKSzBWcJuQAhqlDqWyNU1PBsGN2HovMc8AnJr/CiRa9z5GmrlRwy6NucZsgaCw9+ppz89qI3uJOm2bvEzRRO0aXRsbIeyxu+yXqEvquhcJa+wKTzpgmIOEZAdjcpGHd5ZYbaQq6hGc1y8sMu6tMpdMYEY5i70/VdACQjh9EjKS5R9rfe5pXUGFmzIfxOlmbSAg326VGpeM1MqgrHD6AbwlCkUyDjF1j40yDvZ3I4eohdRqmOHwSlOpa+6Cvr3Cycq5hN9DGVT4u7uuVajOCV9pPDZjf6IlKivvBvJ8yBcihWXrimM0A8ykPfNUD2gL1/2rBXyANISeQB5KdGHkBKIg8gPzXyAFISeQD5qZEHkJJobwPk2uv+wFaseJ/JdCO3+NatB5DvnDyAlER7GyAB+r9YoRpW7qtmha7HewD5vqic7iwlT61V48rvuzctnvY+QAwODJdnGx5Avgfyq/z/U01VqqOHFi/9E6d9AZB9xB5APPruqQUovgcQj1ouIRRagrzhs5bOip7/P3p45NG+on8Ddd8aacwCPPAAAAAASUVORK5CYII=);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.surepass-sdk-ui-Theme-fullScreenStep .surepass-sdk-ui-Theme-footer {
/* A full screen step will be a video/stream step, with a darker background */
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAsCAYAAAAgjfcKAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAFRxJREFUeJztXAmYFNW1HsQFQUBmhumuqu6uqh62Wbqql2EQBmEiyM7DDRWXgIgPkxjADde4BZVohETJk6A+Ixo3XDDqE41G5enTFzUsKqKiooiCAiooO9z853ZV9+3u6u5qAR21zvedb2aq7j13O/9Z7r01ZQEtMjygGw+CH2nBPF/RIyeVeeTRd01Qvg1g9gPgu77vufLoJ0gtQPE9gHjUcqkFKL4HEI9aLrUAxfcA4lHLpRag+B5APGq51AIU3wOIRy2XWoDiewDxqOVSqYpqNjSzQcNHsxFHn8z6DfgPVt2jgSkeQDz6sZIb5ayPHc6mXnQle27hi+yjVavZF198yTZu3MQ+/3wde3PZcnb73HvY8FFjmNol5gHEox8XFVPMAYOPYa+8uoiJ9NVXG9maNWvZ1q1bU882ff01m3PrXFZd0+ABxKMfDxVSyqEjT2Dvvvs+BwAB4nfTZ7DBg0ax+shhrLaukTU0NrOfj53I5j3wMNu8eQvbvXs3e+rp55iR6IewK+IBxKMfPuVTyGDYZP//z9c4ON588y3Ws6Ef69AxwCqlbswfqmWSWsfZF6xlVXI3dsbEyWwVwi+ih+c/xnyBGg8gHv3wKZ9C9uk/lCv7rl27WATeolNnnclqfV4FlvCu3xEj2FvL32EzZ8xi5VXhve1FPIDsQ5LDsTZ+NWLKmnmarBoXSapxOX5Ows8Bihb1l5WNLlmmr9rYX1LN7pBxgqwZU/HzCvw8F20chZ8hn16zX0l9VE0J9QZTv/Dzcsi7GLLG4e+YT6k7yI0MKRQ/QNbq62XdOBn1L+Tj1IyzwSP8ajSYUyGfQh4x6GgOkG++2czatfNxr1FMidEwC4UNdmi5yqoCPTK80ZARx7OzplzILrnsGnbehZezkxCa1Rh9StkB+1YAwcJ3kjRzJCbgfEzmtfg5TdGMs2QtepgcTuSdVCzG4Sh7HkCultKepMfaoL2TJC1yfKVupBQAbfeDvF8H1HhH+1ko1LeVpMVUvDsO7yaDzwGfLumRPpIabVOwnVCsPZRvkDWu6fh5BRRlHH6vkbWEa8WToKRYg76o/zfwVjDL4t3gdyTMhU8zO7mWqxm1qDcb/IWDTOKPwH+EggaKylKj5RgbxmmssPqTLWsb3j9Ea1a4TyYMgHEXeHOBPl2phMyKVKV8Cknbtxs2fMFB8ttp17G6WF9XHoHKyFqEK77WNc4mTJzC3n5nBXOizZs3sz/dfBurjx/uRnZJAPGpZkdM/lUY8Nd5JoP4fUza8T49emB2fXpnlbmtrCzhul1YpqOtetvRfj09Kw8Y+wuLcomsJvZHuSYo82N5Fpx4Leo358hXo5V4dwF4U4FxLYSCDlbVwkCRdPNg9GEayu/Kqr+TK12u3NdQPlJ4BkaXKWTVc4GxywJg9ng/RV+Hl/kGtXLsoxbVUeZ1R1Ak+5n9/DfQvbaijEB1ojX6fbpD+Z15+vSJrANs5b3yA4QU/OLLrmY7duzkyffyt99ls6DMo8eMZ1q3eFHLH+7ewHe1du7cycGwePFSNufP/82uBtgoBHvssQXcOxG9tmgJa+o/jClaQZC4BogSikqwKAsKKJDI28E3KyEjw5vg2ef0HgC6H4vuuHiOC6pGxqdlR/rQM3+wtp3Q3h/A54G/dNG3W0XZfvIOqvF/Lse1BX1HmBTLAX+yn7GDLI+6XVDghTKFQLp5FDzgUPx+Gvgv4A2C3GXoQyjf+CFzNMp8k1FeM64CGEdD5hD8Pgb8e/DHIkhg/Qdly/KHzHYAz4tCufU0J5jX0/B8qBQyRvH+asbTGUqvGn+EcWid6lPIIE+7RSjzL4mApBnHyGpkCH4/Gc9mgj8UyqzB86aCu1hk1c84cwpbjrzCVnSiL7/8is25bS475vhxrNZsygELnYc8NP9xXnbVqo/ZCcefytq2rWKHVqis0t+FJ/oVvi6sBrnNo48+wQG4Zu1nrGefgdz77AlAqkI9DsLA/lcY6Fos2mxYoqFVIUOHVe6OCTwRzx8Gf2WXU+hvLEh6oY11yXfmfWVlv3bTtF0vBZCAFj+M96mq/hChP18LFouU85/gS5WwOQQhU38pqZT3kdWEJR5qy8XzRNYCfoKx3A5ADpNCER0KGMWzKeDnRWVAmVuC1UaOJ8G4JgmyNmD8J5eVNTuOSQpHfSjzrJz2NC9J4Ujb7HIIWwcKwCeQTIdMR+Pi12OHog83y2mrvgbeUcmay9OFPi7CGPV8867o5om2UeOsG9ztV3TrvZ8F0uR8q5FrERE49smnG+0xz/eI4yx6DkI7VQr4yEGj2N1338/Wr9+QAsquXbvZ6k/WsLvunseGjRrDQl2ivM6kcy7m7z9c+RHrUm2wjuUhBiua4SEUK2ch+XfceS8vv2jRUoArukcAwQBHCpO6hFy0U7kA4nRYSlK6VVbZ3QDOYGFxLIAY95aVMTdNW/UiqUUN6jEOkAp/DxEgNm9EexN8wYijhfdV16WUWlHr26P8C0LdBf5QpMqxfT2BxNg4FrI/S41Li4zJmCOdhy022GAkzJHFxtU5lKA+/E9appFjNSDnZfs91uH8cqVX4VyovBdyMOMmwWDcq2nN6X6q3FDQ860wFvFifQRAmyyQvC6Foh3oGbxulTBvz/tDDQX75A/VHYh2Z6HsZhisC1ydpJMnIUXuLMPyV4XZSSdPYA88MJ+tXv0J3+Wyadlbb7Ofj/8lW/nhR2zLlq2sX98judeguoVCOcpVFi1+ncsYO+4XTAo5lncFENqBSVsRs2jygCS5O8ouBb/qC5pS+jl353sEEFj3XvSsvRJunwUOCllGuZFXWdlEineuoEQLfNVG0R0blBsk1FmNcKtSeHeZ0Jer3Y4NXqYe5W3gfaCqRmvhXf+0TPMhSU/keBgn8oXiNDd22PgF+pnaScIa3JH2RmYft/3M6HM41kmYh+eVcKLg5kcOudxBSis0vABQxsGihg127LGnsAcfnM82bdrEFXzbtu08X5k37yHWvqPCyxYHoMFOO2MSr//0088iBOvqlLS7A0hyy44vFKxss6s5UKNtAsFEdg5iASRyTynzCVc/wW7fF6prpGedArXZALnC7bapovGkfGna2hu+QuWrgvAgmjnc8jhi8jlcGNtC69k6WMtubscma4lWqDMjZQA0o7cgc3aqLdXIyScKyzXPEGSOF56PFMKddTwk042mQCB+QGnyjX/I6TxrKcb8K3+w+O4Zp1IBkg0W7lmU7kwO1rBbkZcQkWfp2zSQVSDfcHsWQuVo14w8kkTytJwzF3chlm5E5HRcixjffAZ8KpJAf1lZb9fJNrzPhm8DEFmPpgCChehJz/yhXh0ERV2FWDtvkpszHs0cLNT9r7zlQlHE9LR9ndp9SyetmvkkkvJDU320km70b75fMfcvaXxCCEvnEMJzO5neUSEX3qLO6btq9JDTu3x3pmSGE62xbnPl3F0mMl60edAPuVv7ovKTW86fZsngyTrm5lK0UV2pGs7zUEhpg9UmOG9OkMGUXB83ZnwqiQ8oXVmV0sNVXRsgS99YxuvXRQ5zCstcAYRiWAobHCZ1HSzbPViMwVWqeXAxOZg4e5vybjftphcjbQ0x8T2TshpEgNwfCERbF5Mj9OMc2/pJPJHOJJ+SaIs2J1LIkzXm3RjrQljcgX49nlr8yviR+wnlbi5lbLw/qtEgtDGDnh1yyCDyLG9az1aWKhOhqGz1n4eQ4rtAKN5GSobNq+RcBd+VNAjmDOQLZqHzHxi8Lij3gOy8fb0J+rsQ7ZwuheOVGRXzKWzX2kb2MTzBivc+cHW3ig4Dr5x2PVfwTz9dw/z+MBLz0q6bLFqSzEMiRm+nPMT1Nm+53BMJuHEkBvyq7Hz4tRE8DxM2yq8aHRwnVDPt3ZiSACKGC4oe5TkQQoKOQtvXlybP+F06vIqmQhqEpUE8myYLO3EW0y7ZvQBN1Fmi70Ch7OxS+sL7A9AL9W/gDzs0E0DesD1kqTIRlioELKv+351L8TYATnOmgzGwmQ4Sjw5Wx/IaoMpQlMJdOtl/ytKDbBkUdTwsaVGNVygEkE/XrOUKu+K99/lJeIEtWHbRpdP4LV+ixx9/gkUijcxXIkDs9iTkN3sCEJs6h+IHYvJrMOhfgV91mAyaZDosvDi7rgCQv5bSJqz8xBRAqmMcIBTe2M/w/ppS5KHOdBvUqNsXeVUXOfdswrKC5nUATo0UTBTwUBkAWSAXObF36M/o1FhU4xzh+bO2VVf0WMdCMnJkqqYhWPY8AElSIpGgcy5SctqxugZjXp01D1sxT5OLtalpUQKcqvBbDOZ8B0O6EnMTKBhiNQ8cxd559z2utDt27GD3zXuYjTruVNbQeyCL9mxmvfoOZuP/czJb+MJL6Z2sZW+xG2/6E7vqqukIsbq7BgfdHCZauuQNntxLufe+9vgulqRGKRal0/Xlcs6pqnkFcoVUjiJbMSsm+9FKNeE6KZT41Q9LZnU8Rs86y+YeACR1XkFgXgLekbWQlGhf59dNx+SdjIRfiwvxdQZANiI0KXIynqZAdYzCs5vTAImmvBT+vlEAjqsdulTd5N0qu08FAZJNMMIHoD6B5XY5fWtiqy9kVhavLcjRTB8M5TgpaUgt72TeVhAglChTePXII4+nAECHevSx1Hok1HQSTn/bALr1lr+wKVOmssVLlrJ169azaEP/YqfjqfDsyaf+weVMnnQ+K++sO9Xba5cVkUi3heWgUOFCOX0lYpM/UB9OldGMl+yQwc19IaHeXSlF6ZLgAKkMGp1SCqCbrrdViaSQcXiecOITLOg5YElRGp0P47RoGAu+CGWfR5xv3S/KAAjxTa7Hppu95PRB4FtkhYW24oLMZxQt6hi65sjUYp1RfnE+gPgCZiWS9aIG6pDq6lYAynXpeTYG2u8k9bDWaMfx3Cib/LpRIadP+d8uuouV3NatZcNGjGZz5tzOXnt1EVu79jO2EeEU7Va9AO9xw+9vZI09+7P2HWR2+x1/5WAheuHFl1m3usai+cvV02fyKy3vIZQLwOvkuSrvFiCtEFY1yS63L+HexwheZEz6eSq0IT7blSyNHzymTnP9aoRb2Ipgt3KhjZIAgn5QOPGc0JdlCrd08YKhkSwn6BDuTtv7SLpp5S85ANmMNoqGJFA4Cu3sMHUHXSlxGP+jwjhnBdSGgn2s7JJoIyUvSYr9+bsg70Qr9HoF69SjkCy1hm9Bz03JUY0jeBuVTQSchXJy02Im5qEg2Ky7X3b4usz1Nq99UKhVG6yuvhdPpLv3iCNf6MpPyunsgoD0t8cWcHCQB7FBEu91hCNI6ErKtGtuYNu2bePbu0OHHMUPFh22eF0DBJN6pJxMvlYqav6rCanyKr8XZU9qatFhLRuFiVrp10yzkBxfKEJe4ilxsf3BWl6nIlhTLrQxzc04RFKS11fs0GqxrBaP8ZHQnyCEke/IKYueAxA7sZ+qhBsdcxfE4vWWleeeTKJxOl7w5F55rSUTim3eEQjUOO4YAnAq5Dzk4B1FgEwTni+XQ9HGvOPVTQpt7TtgW/0Bg3vMDj66qJgKvehqz21VeswRuD7VlACilDHC77d+q4NC+4oIMX0jIoZDjz7+JAdGc78h3LsQUUhG11HOveAyNnbCWezMs85n18+Yxb9nJ6LrK0ePOrHYwaJbgJwkTCrlEaf6HFy0PxSDZTbPltPJ4Xp/MJJ9F+hqQRbtsgytDDblhDOYSEoyn85aaPqYzKD3SpfGCgEgv3Uzjgz5wXpS6rsF2W+g7wOw0DkKDUVBLG1cKyjLdiijcA08AyCr5MyLhZSbUZgykX9nofMQ9Ak586LfS0pYuA6ePa+qMUBO30IgXgOeg3HTGc1Y8saWZxN339YKf6cAghynk5Q+5LNAxy+hXoLn46wdQxrrv4QyW+h5xvxp5gg5c8eKEns62Pyl1acplvdZJ5R5G+1Le/3f/tgAqattYF1rerKbZv2ZewibduzcmcpbkvevlrDevX7GOh4a5LteBW4JuzwoNNvRVQdhoLQ78QIlx5IWoSSMDvKul5Ox+Xah3LkATYbyw0pWQpZ4K5iumM/nE6saI5Xk5M6RnQ+hCCA8ARYBgvZLBgjvixoNW31OJdikTOCptF1NhgA8y1Jy+/QZP83flHXuLIxLBIg5G0k6KW6+7yOy+UmEd8W9smYMk53PLZz4DYRP9AHVu9kA4eupmlVSEqRuZJE3OqsqEM/wbn41sZ914PqZSznvYe2TGxD7DCB1PXnIRWchRqwvmzR5Kpt102x259x72C1I5i+/bBobOGAE69BBYRW+6oL3tUpN0hU91lbmW4AZAMjHpPRT893wBODIit0iO397kL04L0OBbrGf+dV6DhAkmZUCQK5yO45sgkLLFvizv99wYrLK45A8Zx2eZXgQnqBDCWsBeOr3Ggc5ZGDodvQpfqWu6AFrat60aABjvVJOnk04zdUreH8BjExHjInyrGcs0M7KloWE/wAl+RUihbDfOMj7EvXuhMfrWbhP/OLiFRYYs0M7mtNlkHOhLxRPbzDsa4DQMwrJyDtU+ruy8s5h1qlS55/kUk5DZdzsdJUCEKJguCfFnmQ17resmXiCSov+AfhecD+5S+EbnljIdrIaoYSRrpJnnz/QglF8fhEsoc+y5iR/g19Lfjfh1+MHy8nknRZlQinjyCZZjdM3EidayrImCyzkCciDzKSzBWcJuQAhqlDqWyNU1PBsGN2HovMc8AnJr/CiRa9z5GmrlRwy6NucZsgaCw9+ppz89qI3uJOm2bvEzRRO0aXRsbIeyxu+yXqEvquhcJa+wKTzpgmIOEZAdjcpGHd5ZYbaQq6hGc1y8sMu6tMpdMYEY5i70/VdACQjh9EjKS5R9rfe5pXUGFmzIfxOlmbSAg326VGpeM1MqgrHD6AbwlCkUyDjF1j40yDvZ3I4eohdRqmOHwSlOpa+6Cvr3Cycq5hN9DGVT4u7uuVajOCV9pPDZjf6IlKivvBvJ8yBcihWXrimM0A8ykPfNUD2gL1/2rBXyANISeQB5KdGHkBKIg8gPzXyAFISeQD5qZEHkJJobwPk2uv+wFaseJ/JdCO3+NatB5DvnDyAlER7GyAB+r9YoRpW7qtmha7HewD5vqic7iwlT61V48rvuzctnvY+QAwODJdnGx5Avgfyq/z/U01VqqOHFi/9E6d9AZB9xB5APPruqQUovgcQj1ouIRRagrzhs5bOip7/P3p45NG+on8Ddd8aacwCPPAAAAAASUVORK5CYII=);
}
.surepass-sdk-ui-Theme-animateDiv {
/*background: blue;*/
/*transition: transform 1s ease;*/
/*transform: scale(1);*/
opacity: 1;
/*color: white;*/
}
.surepass-sdk-ui-Theme-textDiv .surepass-sdk-ui-Theme-mIconOutlined + .surepass-sdk-ui-Theme-mIcon,
.surepass-sdk-ui-Theme-textDiv:hover .surepass-sdk-ui-Theme-mIconOutlined {
display: none;
}
.surepass-sdk-ui-Theme-textDiv:hover .surepass-sdk-ui-Theme-mIconOutlined + .surepass-sdk-ui-Theme-mIcon {
display: inherit;
color: #FFFFFF;
}
.surepass-sdk-ui-Theme-icons {
display: flex;
align-items: center;
justify-content: center;
}
.surepass-sdk-ui-Theme-mIcon,
.surepass-sdk-ui-Theme-mIconOutlined {
font-size: 36px;
margin-right: 20px;
/*width: 50px;*/
color: #6c63ff;
}
.surepass-sdk-ui-Theme-textDiv {
display: flex;
flex: 1;
align-items: center;
justify-content: flex-start;
flex-direction: row;
box-shadow: 0px 2px 16px 0px #cccccc8f;
border-radius: 5px;
padding: 5px 20px;
/*border: 0.7px solid #ccc;*/
/*background: #fff;*/
/*border: 0.5px solid #cccccc0a;*/
transition: background-color 1s;
}
.surepass-sdk-ui-Theme-textDiv:hover {
box-shadow: 0px 2px 16px 0px #cccccc8f;
background: #6c63ff;
color: #fff;
cursor: pointer;
}
.surepass-sdk-ui-Theme-thickWrapper {
/*margin: 10 @large-text-margin;*/
/*display: flex;*/
/*flex-direction: column;*/
/*flex: 1;*/
/*align-items: center;*/
/*justify-content: space-between;*/
padding: 10px;
width: 100%;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: surepass-sdk-ui-Theme-slideIn;
animation-name: surepass-sdk-ui-Theme-slideIn;
/*padding:17*@unit;*/
/*@media (--small-viewport) {*/
/* margin: 0 10px;*/
/*}*/
}
@-webkit-keyframes surepass-sdk-ui-Theme-slideIn {
from {
opacity: 0;
/*margin-left: 100%;*/
/*width: 300%;*/
}
to {
opacity: 1;
/*margin-left: 0%;*/
/*width: 100%;*/
}
}
@keyframes surepass-sdk-ui-Theme-slideIn {
from {
opacity: 0;
/*margin-left: 100%;*/
/*width: 300%;*/
}
to {
opacity: 1;
/*margin-left: 0%;*/
/*width: 100%;*/
}
}
.surepass-sdk-ui-Theme-transparentBtn {
background-color: transparent !important;
box-shadow: none !important;
}
.surepass-sdk-ui-Theme-transparentBtn span {
color: #6c63ff;
}
.surepass-sdk-ui-Theme-sending {
position: relative;
}
.surepass-sdk-ui-Theme-skipText {
color: #6d64fc;
font-weight: 600;
letter-spacing: 1px;
text-decoration: underline;
text-align: center;
}
.surepass-sdk-ui-Theme-skipText:hover {
cursor: pointer;
}
.surepass-sdk-ui-Theme-sending:before {
width: auto;
height: auto;
position: absolute;
top: 40%;
left: 50%;
content: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ctitle%3E Spinner %3C%2Ftitle%3E %3Cpath d%3D%22M8 0c.32727985 0 .5925926.26531274.5925926.5925926v2.96296296c0 .32727985-.26531275.5925926-.5925926.5925926-.32727985 0-.5925926-.26531275-.5925926-.5925926V.5925926C7.4074074.26531273 7.67272016 0 8 0zm4 1.07179677c.2834327.16363993.3805439.52606387.2169039.80949654l-1.4814814 2.5660012c-.16364.28343267-.5260639.38054387-.80949657.21690394-.28343267-.16363992-.38054387-.52606387-.21690395-.80949653l1.48148152-2.5660012c.1636399-.28343265.5260638-.38054386.8094965-.21690393zM14.9282032 4c.16364.28343267.0665288.6458566-.2169039.80949654l-2.5660012 1.48148148c-.2834327.16363992-.6458566.06652872-.8094965-.21690395-.16364-.28343266-.0665288-.6458566.2169039-.80949653l2.5660012-1.48148148c.2834327-.16363993.6458566-.06652873.8094965.21690394zM16 8c0 .32727985-.2653127.5925926-.5925926.5925926h-2.962963c-.3272798 0-.5925925-.26531275-.5925925-.5925926 0-.32727985.2653127-.5925926.5925925-.5925926h2.962963C15.7346873 7.4074074 16 7.67272016 16 8zm-1.0717968 4c-.1636399.2834327-.5260638.3805439-.8094965.2169039l-2.5660012-1.4814814c-.2834327-.16364-.3805439-.5260639-.2169039-.80949657.1636399-.28343267.5260638-.38054387.8094965-.21690395l2.5660012 1.48148152c.2834327.1636399.3805439.5260638.2169039.8094965zM12 14.9282032c-.2834327.16364-.6458566.0665288-.8094965-.2169039l-1.48148152-2.5660012c-.16363992-.2834327-.06652872-.6458566.21690395-.8094965.28343267-.16364.64585657-.0665288.80949657.2169039l1.4814814 2.5660012c.16364.2834327.0665288.6458566-.2169039.8094965zM8 16c-.32727985 0-.5925926-.2653127-.5925926-.5925926v-2.962963c0-.3272798.26531275-.5925925.5925926-.5925925.32727985 0 .5925926.2653127.5925926.5925925v2.962963C8.5925926 15.7346873 8.32727984 16 8 16zm-4-1.0717968c-.28343267-.1636399-.38054387-.5260638-.21690394-.8094965l1.48148148-2.5660012c.16363992-.2834327.52606387-.3805439.80949653-.2169039.28343267.1636399.38054387.5260638.21690395.8094965l-1.48148148 2.5660012c-.16363993.2834327-.52606387.3805439-.80949654.2169039zM1.07179677 12c-.16363993-.2834327-.06652872-.6458566.21690394-.8094965l2.5660012-1.48148152c.28343267-.16363992.64585662-.06652872.80949654.21690395.16363993.28343267.06652873.64585657-.21690394.80949657l-2.5660012 1.4814814c-.28343266.16364-.6458566.0665288-.80949653-.2169039zM0 8c0-.32727985.26531274-.5925926.5925926-.5925926h2.96296296c.32727985 0 .5925926.26531275.5925926.5925926 0 .32727985-.26531275.5925926-.5925926.5925926H.5925926C.26531273 8.5925926 0 8.32727984 0 8zm1.07179677-4c.16363993-.28343267.52606387-.38054387.80949654-.21690394l2.5660012 1.48148148c.28343267.16363992.38054387.52606387.21690394.80949653-.16363992.28343267-.52606387.38054387-.80949653.21690395L1.2887007 4.80949654C1.00526806 4.6458566.90815685 4.28343267 1.07179678 4zM4 1.07179677c.28343267-.16363993.6458566-.06652872.80949654.21690394l1.48148148 2.5660012c.16363992.28343267.06652872.64585662-.21690395.80949654-.28343266.16363993-.6458566.06652873-.80949653-.21690394L3.78309606 1.8812933C3.61945613 1.59786065 3.71656733 1.2354367 4 1.07179678z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
-webkit-animation-name: surepass-sdk-ui-Theme-spin;
animation-name: surepass-sdk-ui-Theme-spin;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes surepass-sdk-ui-Theme-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes surepass-sdk-ui-Theme-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.surepass-sdk-ui-Theme-lighterText {
font-weight: 400 !important;
/*line-height: 20px;*/
/*font-size: 20px;*/
}
.surepass-sdk-ui-Theme-titleIcon {
width: 20px;
margin-right: 8px;
}
.surepass-sdk-ui-Theme-headerText {
font-size: 20px;
line-height: 30px;
}
.surepass-sdk-ui-Theme-mbottom-large {
margin-bottom: 5.5em;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Theme-mbottom-large {
margin-bottom: 2.5em;
}
}
.surepass-sdk-ui-Theme-center {
text-align: center;
}
.surepass-sdk-ui-Theme-icon {
display: block;
background-repeat: no-repeat;
background-position: center;
height: 4em;
}
.surepass-sdk-ui-Theme-pointsIcon {
width: 25px;
}
.surepass-sdk-ui-Theme-help {
padding: 1.5em 1em 1em;
text-align: left;
box-shadow: inset 0 0 0 0.0625em #A2A8B3;
border-radius: 0.5em;
}
.surepass-sdk-ui-Theme-consent {
font-size: 12px;
line-height: 22px;
text-align: center;
margin-bottom: 5px;
}
.surepass-sdk-ui-Theme-header {
border-radius: 0.71428571em;
background-color: #5D6B78;
color: #ffffff;
font-size: 0.875em;
font-weight: 600;
position: absolute;
margin-top: -0.71428571em;
margin-left: 0.71428571em;
padding: 0 1em;
}
.surepass-sdk-ui-Theme-desc {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.surepass-sdk-ui-Theme-urlBar {
background-color: #cccccc5c;
margin-top: 12px;
margin-left: 35px;
border-radius: 8px;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.surepass-sdk-ui-Theme-url {
margin: 0px;
padding-left: 5px;
word-break: break-all;
font-size: 14px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-Theme-helpList {
margin: 0;
}
.surepass-sdk-ui-Theme-checkboxDiv {
margin: 0px 0px 20px 0px;
}
.surepass-sdk-ui-Theme-mainDivPadding {
/*padding:10*@unit;*/
}
.surepass-sdk-ui-Theme-headerImage {
width: 100%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-Theme-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
@media screen and (max-width: 479px) {
/*.mainDivPadding {*/
/* padding-right: 0px !important;*/
/* padding-left: 0px !important;*/
/*}*/
.surepass-sdk-ui-Theme-thickWrapper {
padding: 10px 10px 10px 10px !important;
}
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-Theme-fieldError,
.surepass-sdk-ui-Theme-inVisibleError,
.surepass-sdk-ui-Theme-errorText,
.surepass-sdk-ui-Theme-hintText {
font-size: 12px;
}
.surepass-sdk-ui-Theme-time {
font-size: 15px;
}
}
@media (min-width: 1700px) {
.surepass-sdk-ui-Theme-checkboxText {
font-size: 20px;
line-height: 30px;
}
.surepass-sdk-ui-Theme-headerText {
font-size: 25px !important;
line-height: 45px !important;
}
.surepass-sdk-ui-Theme-desc {
font-size: 14px !important;
line-height: 28px !important;
font-weight: 400;
}
.surepass-sdk-ui-Theme-consent {
font-size: 16px !important;
line-height: 30px !important;
text-align: center;
margin-bottom: 5px;
}
.surepass-sdk-ui-Theme-thickWrapper {
padding-top: 30px;
}
.surepass-sdk-ui-Theme-urlBar {
padding: 15px;
}
.surepass-sdk-ui-Theme-url {
font-size: 17px;
line-height: 25px !important;
}
.surepass-sdk-ui-Theme-checkboxDiv {
margin: 0px 0px 20px 0px;
}
.surepass-sdk-ui-Theme-resendBtnText {
font-size: 22px;
letter-spacing: 1px;
font-weight: 400;
}
}
/*.inVisibleError , .fieldError{*/
/* line-height: 10px;*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Error-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Error-container,
.surepass-sdk-ui-Error-container-error,
.surepass-sdk-ui-Error-container-warning,
.surepass-sdk-ui-Error-container-gmail {
border-radius: 0.375em;
text-align: left;
z-index: 9;
margin-top: 10px;
color: #ffffff;
margin: 0 0.625em 1em;
padding: 0.5em 1em 0.75em 1em;
position: relative;
}
@media (max-width: 479px) {
.surepass-sdk-ui-Error-container,
.surepass-sdk-ui-Error-container-error,
.surepass-sdk-ui-Error-container-warning,
.surepass-sdk-ui-Error-container-gmail {
margin: 0 1em 0.5em;
}
}
.surepass-sdk-ui-Error-container-error {
background-color: #ff4c4c;
}
.surepass-sdk-ui-Error-container-warning {
background-color: #6c63ff;
}
.surepass-sdk-ui-Error-instruction {
margin-top: 0;
margin-bottom: 0;
margin-left: 1.5em;
}
.surepass-sdk-ui-Error-instruction-text {
font-size: 0.875em;
line-height: 1.43;
}
.surepass-sdk-ui-Error-title {
position: relative;
}
.surepass-sdk-ui-Error-title-text {
display: inline-block;
font-weight: 600;
line-height: 1.5;
padding-left: 1.5em;
}
.surepass-sdk-ui-Error-title-icon,
.surepass-sdk-ui-Error-title-icon-error,
.surepass-sdk-ui-Error-title-icon-warning {
position: absolute;
height: 100%;
width: 1em;
margin-right: 0.5em;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.surepass-sdk-ui-Error-title-icon-error {
background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22%23FFF%22 cx%3D%228%22 cy%3D%228%22 r%3D%228%22%2F%3E%3Ccircle stroke%3D%22%23FFF%22 stroke-width%3D%221.333%22 cx%3D%228%22 cy%3D%228%22 r%3D%227.333%22%2F%3E%3Crect fill%3D%22%23DC2A2A%22 x%3D%227%22 y%3D%223%22 width%3D%222%22 height%3D%227%22 rx%3D%221%22%2F%3E%3Ccircle fill%3D%22%23DC2A2A%22 cx%3D%228%22 cy%3D%2212%22 r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.surepass-sdk-ui-Error-title-icon-warning {
background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22%23FFF%22 fill-rule%3D%22nonzero%22 cx%3D%228%22 cy%3D%228%22 r%3D%228%22%2F%3E%3Cpath d%3D%22M9.883 12.446s-.05.074-.186.144c-.635.33-1.295.494-1.989.367-.58-.106-.992-.525-1.066-1.147a2.677 2.677 0 0 1 .05-.874c.23-1.082.484-2.157.695-3.244a.781.781 0 0 0-.082-.533c-.097-.176-.254-.208-.42-.212A1.812 1.812 0 0 0 6 7.151c.045-.213.088-.409.13-.595.005-.02.032-.038.052-.049.533-.275 1.076-.503 1.669-.507.39-.002.77.052 1.093.346.263.239.404.554.424.941.02.366-.045.718-.127 1.068-.19.8-.377 1.601-.559 2.404-.059.262-.101.53-.067.804.039.314.2.484.48.497.275.013.543-.037.803-.14l.102-.044-.117.57zM9.003 5A.997.997 0 0 1 8 3.986c.001-.532.456-.981.999-.986A1 1 0 0 1 10 4.005.992.992 0 0 1 9.003 5%22 fill%3D%22%23353FF4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.surepass-sdk-ui-Error-roundedTriangle {
position: absolute;
bottom: -0.375em;
left: calc(50% - 8*0.0625em);
width: 0.5em;
height: 0.5em;
border-top: 0.5em solid transparent;
border-right: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.5em solid transparent;
border-bottom-left-radius: 0.1875em;
transform: rotate(-45deg);
}
.surepass-sdk-ui-Error-warningTriangle {
border-bottom: 0.5em solid #6c63ff;
border-left: 0.5em solid #6c63ff;
}
.surepass-sdk-ui-Error-errorTriangle {
border-bottom: 0.5em solid #ff4c4c;
border-left: 0.5em solid #ff4c4c;
}
.surepass-sdk-ui-Error-dismiss {
background: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.556 12L7.294 8.737a1 1 0 0 1 0-1.414l.029-.03a1 1 0 0 1 1.414 0L12 10.557l3.263-3.262a1 1 0 0 1 1.414 0l.03.029a1 1 0 0 1 0 1.414L13.443 12l3.262 3.263a1 1 0 0 1 0 1.414l-.029.03a1 1 0 0 1-1.414 0L12 13.443l-3.263 3.262a1 1 0 0 1-1.414 0l-.03-.029a1 1 0 0 1 0-1.414L10.557 12z%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 1.5em;
height: 1.5em;
position: absolute;
top: 0.625em;
right: 0.625em;
cursor: pointer;
border: none;
font: inherit;
}
.surepass-sdk-ui-Error-container-gmail {
background-color: #ff4c4c;
margin: 0 auto;
padding: 0;
font-size: 1.5rem;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ItrPull-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ItrPull-buttons {
display: flex;
flex-direction: column;
/*margin: auto 10 *@unit;*/
width: 100%;
justify-content: space-between;
}
.surepass-sdk-ui-ItrPull-otpInput {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-ItrPull-btnOtp {
/*width: 100*@unit;*/
margin: 1.25em auto;
}
.surepass-sdk-ui-ItrPull-pageTitle .surepass-sdk-ui-ItrPull-title {
font-weight: 400;
}
.surepass-sdk-ui-ItrPull-submitBtn {
margin: 0rem 0rem;
}
.surepass-sdk-ui-ItrPull-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-ItrPull-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-ItrPull-spanText {
color: #707070;
font-family: Montserrat;
font-size: 1.0625em;
font-weight: 400;
line-height: 1.75em;
text-align: left;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ItrPull-boldTitleStyle {
font-size: 28px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-PageTitle-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-PageTitle-title {
color: #000000;
/*font-weight: 600;*/
margin-bottom: 0.625em;
/*line-height: 61*@unit;*/
}
.surepass-sdk-ui-PageTitle-titleSpan,
.surepass-sdk-ui-PageTitle-boldTitle {
color: black;
font-size: 28px;
line-height: 1.34;
}
@media (max-width: 479px) {
.surepass-sdk-ui-PageTitle-titleSpan,
.surepass-sdk-ui-PageTitle-boldTitle {
font-size: 1.5em;
}
}
.surepass-sdk-ui-PageTitle-titleSpan:focus,
.surepass-sdk-ui-PageTitle-boldTitle:focus {
outline: none;
}
.surepass-sdk-ui-PageTitle-text {
font-size: 14px;
/*font-style: italic;*/
text-align: left;
/*padding-top: 10px;*/
/* font-weight: 50; */
/*color: #000000c2;*/
color: #707070;
}
.surepass-sdk-ui-PageTitle-titleWrapper {
/*margin: 32*@unit @large-text-margin 16*@unit;*/
text-align: left;
padding: 0px 0.625em;
flex-shrink: 0;
}
@media (max-width: 479px) {
.surepass-sdk-ui-PageTitle-titleWrapper {
/*margin: 0 @small-text-margin 16*@unit;*/
}
}
@media (min-width: 480px) {
.surepass-sdk-ui-PageTitle-smaller {
margin-top: 0;
}
}
.surepass-sdk-ui-PageTitle-fullScreen {
color: #ffffff;
margin: 0;
z-index: 1;
}
.surepass-sdk-ui-PageTitle-fullScreen .surepass-sdk-ui-PageTitle-title {
color: #ffffff;
font-weight: 400;
}
.surepass-sdk-ui-PageTitle-fullScreen .surepass-sdk-ui-PageTitle-titleSpan,
.surepass-sdk-ui-PageTitle-fullScreen .surepass-sdk-ui-PageTitle-boldTitle {
font-size: 36px;
line-height: 3.8125;
}
@media (min-width: 1700px) {
.surepass-sdk-ui-PageTitle-titleSpan,
.surepass-sdk-ui-PageTitle-boldTitle {
color: black;
font-size: 36px;
line-height: 61px;
}
.surepass-sdk-ui-PageTitle-title {
margin-bottom: 0px;
line-height: 45px;
}
.surepass-sdk-ui-PageTitle-titleWrapper {
padding: 0px 17px;
}
.surepass-sdk-ui-PageTitle-text {
font-size: 20px;
color: #707070;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-OtpVerification-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-OtpVerification-mainModalContainer {
display: flex;
flex-direction: column;
flex: 1;
}
.surepass-sdk-ui-OtpVerification-bolder {
color: #6c63ff;
font-family: Montserrat;
font-size: 22px;
font-style: italic;
line-height: 36px;
}
.surepass-sdk-ui-OtpVerification-otpInput {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-OtpVerification-buttons {
display: flex;
flex-direction: column;
align-items: stretch;
/*margin: 10*@unit auto;*/
/*width: 240*@unit;*/
justify-content: space-between;
}
/*.btnOtp {*/
/* width: 100*@unit;*/
/*}*/
.surepass-sdk-ui-OtpVerification-modalBtn,
.surepass-sdk-ui-OtpVerification-marginBtn {
width: 80%;
padding: 0em;
margin-top: 0em;
margin-bottom: 3.125em;
height: 5em;
}
.surepass-sdk-ui-OtpVerification-modalBtn_text {
font-size: 22px;
}
.surepass-sdk-ui-OtpVerification-submitBtn {
margin: 2rem 0rem;
margin-bottom: 0.625em;
}
.surepass-sdk-ui-OtpVerification-submitBtn:focus {
outline: none;
border: none;
box-shadow: none;
}
.surepass-sdk-ui-OtpVerification-marginBtn {
margin-top: 2rem;
margin-bottom: 2rem;
}
.surepass-sdk-ui-OtpVerification-wrongNumber {
cursor: pointer;
}
.surepass-sdk-ui-OtpVerification-subTitle {
text-align: left;
}
.surepass-sdk-ui-OtpVerification-headerImg {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.25em;
}
.surepass-sdk-ui-OtpVerification-titleBold,
.surepass-sdk-ui-OtpVerification-titleBoldModal {
font-weight: 500;
}
.surepass-sdk-ui-OtpVerification-pageTitle .surepass-sdk-ui-OtpVerification-title {
font-weight: 400;
}
.surepass-sdk-ui-OtpVerification-boldTitleStyle,
.surepass-sdk-ui-OtpVerification-switchBold,
.surepass-sdk-ui-OtpVerification-switchBoldModal,
.surepass-sdk-ui-OtpVerification-boldTitleStyleModal {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-OtpVerification-switchBold {
color: #6c63ff;
}
.surepass-sdk-ui-OtpVerification-transparent {
border: none;
background-color: transparent;
color: #6c63ff;
padding-top: 0px;
margin: 0rem 0rem;
}
.surepass-sdk-ui-OtpVerification-resendBtnText {
font-size: 17px;
letter-spacing: 1px;
font-weight: 400;
}
.surepass-sdk-ui-OtpVerification-otpInputContainer {
display: flex;
flex-direction: row;
justify-content: center;
margin: 3rem 1rem 0rem 1rem;
padding: 0.5rem auto;
}
.surepass-sdk-ui-OtpVerification-otpInputField {
width: 64px;
text-align: center;
height: 64px;
margin: 0px 0.5rem;
padding: 0.2rem;
font-size: 1.5rem;
border-radius: 5px;
border: 1px solid #000000;
}
.surepass-sdk-ui-OtpVerification-otpInputFocus {
/*width: 2rem;*/
text-align: center;
/*height: 2rem;*/
border: 1px solid #6c63ff;
}
.surepass-sdk-ui-OtpVerification-otpError {
/*width: 2rem;*/
text-align: center;
/*height: 2rem;*/
border: 1px solid #e60c0c;
}
.surepass-sdk-ui-OtpVerification-checkboxDiv {
/*margin-top:40*@unit;*/
padding: 0em;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
/*border: 1px solid #ccc;*/
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-OtpVerification-checkboxText {
font-size: 22px;
line-height: 32px;
font-weight: 400;
width: 85%;
color: #707070;
}
.surepass-sdk-ui-OtpVerification-custom_checkbox {
width: 1.875em;
height: 1.875em;
border: 0.125em solid #6c63ff;
border-radius: 5px;
}
.surepass-sdk-ui-OtpVerification-spanText {
cursor: pointer;
color: #6c63ff;
font-family: Montserrat;
font-size: 1.0625em;
font-weight: 400;
line-height: 1.75em;
text-align: left;
text-decoration: underline;
}
.surepass-sdk-ui-OtpVerification-bolderText {
font-weight: 600;
}
/*modal styles */
.surepass-sdk-ui-OtpVerification-modalMainContainer {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
/* Stay in place */
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: #000000;
/* Fallback color */
background-color: rgba(255, 252, 252, 0.73);
/* Black w/ opacity */
-webkit-animation-name: surepass-sdk-ui-OtpVerification-fadeIn;
/* Fade in the background */
-webkit-animation-duration: 0.4s;
animation-name: surepass-sdk-ui-OtpVerification-fadeIn;
}
.surepass-sdk-ui-OtpVerification-modalContent {
position: absolute;
bottom: 0;
background-color: #fefefe;
width: 97%;
height: 70%;
padding: 0.9375em;
-webkit-animation-name: surepass-sdk-ui-OtpVerification-slideIn;
-webkit-animation-duration: 0.4s;
animation-name: surepass-sdk-ui-OtpVerification-slideIn;
animation-duration: 0.4s;
box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.1);
border-radius: 30px 30px 0 0;
background-color: #ffffff;
}
@-webkit-keyframes surepass-sdk-ui-OtpVerification-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes surepass-sdk-ui-OtpVerification-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes surepass-sdk-ui-OtpVerification-slideIn {
from {
bottom: -300px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
@keyframes surepass-sdk-ui-OtpVerification-slideIn {
from {
bottom: -300px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
.surepass-sdk-ui-OtpVerification-inVisible {
display: none;
}
.surepass-sdk-ui-OtpVerification-visible {
display: flex;
}
.surepass-sdk-ui-OtpVerification-blurredText {
text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
color: transparent;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-OtpVerification-boldTitleStyle,
.surepass-sdk-ui-OtpVerification-switchBold {
font-weight: 600;
font-size: 28px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-OtpVerification-checkboxText {
font-size: 17px;
line-height: 32px;
font-weight: 400;
}
.surepass-sdk-ui-OtpVerification-spanText {
font-size: 0.875em;
}
.surepass-sdk-ui-OtpVerification-bolderText {
font-weight: 600;
}
.surepass-sdk-ui-OtpVerification-transparent {
padding: 0px;
margin: 0rem 0rem;
height: auto;
text-align: right;
line-height: 27px;
}
.surepass-sdk-ui-OtpVerification-titleBoldModal {
font-size: 22px;
}
.surepass-sdk-ui-OtpVerification-switchBoldModal,
.surepass-sdk-ui-OtpVerification-boldTitleStyleModal {
font-size: 22px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Forms-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Forms-selectField {
/*border :none !important;*/
border: 1px solid #cccccc;
}
::-moz-placeholder {
color: #717478;
font-weight: 400;
opacity: 1;
/* Firefox */
}
:-ms-input-placeholder {
color: #717478;
font-weight: 400;
opacity: 1;
/* Firefox */
}
::placeholder {
color: #717478;
font-weight: 400;
opacity: 1;
/* Firefox */
}
.surepass-sdk-ui-Forms-customStyle {
position: relative;
width: 100% !important;
margin-top: 10px;
text-align: left;
/*height: 80px;*/
/*background: #efefef;*/
}
.surepass-sdk-ui-Forms-customTextAreaWrapper {
position: relative;
width: 100% !important;
/*background: #efefef;*/
}
.surepass-sdk-ui-Forms-selectField {
/*border-radius: 10px !important;*/
}
.surepass-sdk-ui-Forms-selectField:focus {
/*border: 2px solid #6c63ff !important;*/
border: 0.7px solid #9e9e9e78 !important;
box-shadow: 0px 0px 20px -2px #ccc !important;
/*border-radius: 10px;*/
background-color: #ffffff !important;
}
.surepass-sdk-ui-Forms-customInputStyle {
width: 100% !important;
height: 60px !important;
box-shadow: 0px 0px 0px #EBEBEB !important;
box-shadow: none;
border-radius: 5px !important;
outline: none;
/*background-color: #efefef;*/
padding-left: 0.625em !important;
font-size: 22px;
border: 1px solid #D5D7DB;
}
.surepass-sdk-ui-Forms-customInputStyle:focus {
border: 1px solid #2A55E5 !important;
/*box-shadow: 0px 0px 20px -2px #ccc !important;*/
/*background-color:#ffffff !important;*/
}
.surepass-sdk-ui-Forms-customInputStyle:focus + .surepass-sdk-ui-Forms-customLabel {
/*top:-15px;*/
/*left:12px;*/
color: #2A55E5 !important;
width: auto;
}
.surepass-sdk-ui-Forms-customInputStyle:focus + .surepass-sdk-ui-Forms-customLabel + .surepass-sdk-ui-Forms-imageMask {
opacity: 1;
}
.surepass-sdk-ui-Forms-errorInput {
border: 1px solid #E32727 !important;
}
.surepass-sdk-ui-Forms-customInputStyle:disabled {
cursor: not-allowed;
background: #F5F7FA;
}
.surepass-sdk-ui-Forms-ImageMask {
width: 30px;
height: auto;
right: 10px;
top: 25%;
position: absolute;
}
.surepass-sdk-ui-Forms-customLabel {
color: #111112;
font-size: 22px;
/*transition: 0.2s ease all;*/
letter-spacing: 0.4px;
position: absolute;
left: 0;
top: -22px;
}
.surepass-sdk-ui-Forms-fieldError {
color: #ff4c4c;
font-size: 17px;
line-height: 1.43;
/*float: left;*/
margin-top: 0.28571429em;
}
.surepass-sdk-ui-Forms-errorField {
border: 2px solid #ff4c4c !important;
}
.surepass-sdk-ui-Forms-formElement {
display: flex;
flex-direction: column;
margin: 1.875rem 0rem;
}
.surepass-sdk-ui-Forms-inputContainer {
/*width: 12rem;*/
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #C2C2C2;
box-shadow: 1px 1px 4px #EBEBEB;
-moz-box-shadow: 1px 1px 4px #EBEBEB;
-webkit-box-shadow: 1px 1px 4px #EBEBEB;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
outline: none;
}
.surepass-sdk-ui-Forms-phoneFieldError {
border: 1px solid #ff4c4c;
border-right: none;
box-shadow: 0 -0.00625em 0em 0em #ff4c4c;
}
.surepass-sdk-ui-Forms-formElement label:not(.surepass-sdk-ui-Forms-radioOptions) {
/*width: 30%;*/
display: block;
text-align: left;
margin: 0px 0px 15px 0px;
}
.surepass-sdk-ui-Forms-btnDiv {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.surepass-sdk-ui-Forms-quesBtn {
background: #6c63ff !important;
color: #FFFFFF !important;
margin-right: 10px;
margin-top: 10px;
margin-left: 10px;
line-height: 0;
height: 50px;
width: 100%;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-inputAndError {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.surepass-sdk-ui-Forms-formElement input.surepass-sdk-ui-Forms-inputField,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-selectField {
/*width: 12rem;*/
transition: 0.5s;
width: 100%;
height: 81px;
font-size: 22px;
font-family: inherit;
/*background-color: #efefef;*/
/*border: none !important;*/
}
.surepass-sdk-ui-Forms-formElement input[type="text"].surepass-sdk-ui-Forms-inputField,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-selectField {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #C2C2C2;
box-shadow: 1px 1px 4px #EBEBEB;
-moz-box-shadow: 1px 1px 4px #EBEBEB;
-webkit-box-shadow: 1px 1px 4px #EBEBEB;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 7px;
outline: none;
}
.surepass-sdk-ui-Forms-formElement input[type=date]::-webkit-inner-spin-button,
.surepass-sdk-ui-Forms-formElement input[type=date]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.surepass-sdk-ui-Forms-formElement input[type=number]::-webkit-inner-spin-button,
.surepass-sdk-ui-Forms-formElement input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-inputField:focus,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:focus,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-selectField:focus {
border: 1px solid #6c63ff;
}
.surepass-sdk-ui-Forms-focusedField {
border: 2px solid #6c63ff !important;
background-color: #ffffff !important;
}
.surepass-sdk-ui-Forms-focusedField + .surepass-sdk-ui-Forms-customLabel {
top: -15px;
color: #6c63ff;
width: auto;
display: block !important;
background-color: #ffffff;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:disabled,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-inputField:disabled {
border: 1px solid #D5D7DB !important;
background-color: #F5F7FA !important;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:disabled + .surepass-sdk-ui-Forms-customLabel,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-inputField:disabled + .surepass-sdk-ui-Forms-customLabel {
top: -15px;
left: 12px;
color: #009688;
width: auto;
display: block !important;
background-color: #ffffff;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField {
height: 110px;
border: none;
resize: none;
padding: 1.25em;
width: 100% !important;
box-shadow: 0px 0px 0px #EBEBEB !important;
box-shadow: none;
outline: none;
background-color: #efefef;
padding-left: 1.25em !important;
font-size: 22px;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:focus {
border: 2px solid #6c63ff !important;
border-radius: 5px;
background-color: #ffffff;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:focus::-moz-placeholder {
color: transparent;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:focus:-ms-input-placeholder {
color: transparent;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:focus::placeholder {
color: transparent;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField:focus + .surepass-sdk-ui-Forms-customLabel {
top: -20px;
display: block !important;
color: #6c63ff;
width: auto;
background-color: #ffffff;
}
.surepass-sdk-ui-Forms-radioInput {
position: relative;
display: flex;
flex-wrap: wrap;
}
.surepass-sdk-ui-Forms-grid {
display: flex;
flex-direction: row !important;
}
.surepass-sdk-ui-Forms-radioOptions {
display: inline;
position: relative;
padding-left: 35px;
margin: 0.8rem 0.4rem;
cursor: pointer;
width: 5.2rem;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
.surepass-sdk-ui-Forms-radioOptions input[type="radio"] {
position: absolute;
opacity: 0;
z-index: 10;
cursor: pointer;
border: 1px solid black;
outline: none;
}
/* Create a custom radio button */
.surepass-sdk-ui-Forms-checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.surepass-sdk-ui-Forms-radioOptions:hover input ~ .surepass-sdk-ui-Forms-checkmark {
/*background-color: #6c63ff;*/
outline: none;
border: 7px solid #6c63ff;
}
/* When the radio button is checked, add a blue background */
.surepass-sdk-ui-Forms-radioOptions input:checked ~ .surepass-sdk-ui-Forms-checkmark {
background-color: #6c63ff;
outline: none;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.surepass-sdk-ui-Forms-checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.surepass-sdk-ui-Forms-radioOptions input:checked ~ .surepass-sdk-ui-Forms-checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.surepass-sdk-ui-Forms-radioOptions .surepass-sdk-ui-Forms-checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.surepass-sdk-ui-Forms-radioOptions .surepass-sdk-ui-Forms-radioOptionLabel {
position: absolute;
top: 0;
left: 1.8rem;
font-size: 1rem;
}
.surepass-sdk-ui-Forms-cityStyle {
margin-right: 1.25em;
}
@media screen and (max-width: 1699px) {
.surepass-sdk-ui-Forms-customInputStyle,
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-selectField {
width: 100% !important;
height: 45px !important;
font-size: 14px !important;
border-radius: 5px;
box-shadow: none;
}
.surepass-sdk-ui-Forms-customLabel {
font-size: 14px;
}
.surepass-sdk-ui-Forms-customStyle {
/*height: 40px;*/
}
.surepass-sdk-ui-Forms-formElement {
display: flex;
flex-direction: column;
margin: 16px 0px;
}
.surepass-sdk-ui-Forms-disableFormElement {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-Forms-formElement .surepass-sdk-ui-Forms-textAreaField {
height: 90px;
font-size: 20px;
}
.surepass-sdk-ui-Forms-state {
padding: 0px !important;
}
}
/* CSS variables. */
:root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35em;
--PhoneInputCountrySelectArrow-width: 0.3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: currentColor;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInput {
/* This is done to stretch the contents of this component. */
display: flex;
align-items: center;
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputInput {
/* The phone number input stretches to fill all empty space */
flex: 1;
/* The phone number input should shrink
to make room for the extension input */
min-width: 0;
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIcon--border {
/* Removed `background-color` because when an `![]()
` was still loading
it would show a dark gray rectangle. */
/* For some reason the `![]()
` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom. */
background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
/* For some reason the `![]()
` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom,
so an additional "inset" border is added. */
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIconImg {
/* Fixes weird vertical space above the flag icon. */
/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
display: block;
/* 3rd party flag icons won't stretch if they have `width` and `height`.
Also, if an icon's aspect ratio was different, it wouldn't fit too. */
width: 100%;
height: 100%;
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
/* Styling native country ``. */
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountry {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelect {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer;
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelect[disabled],
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelect[readonly] {
cursor: default;
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelectArrow {
display: block;
content: '';
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelect:focus + .surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIcon + .surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelect:focus + .surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountrySelect:focus + .surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputCountryIcon .surepass-sdk-ui-------node_modules-react-phone-number-input-PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-PhoneNumberInput-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-PhoneNumberInput-loading {
color: #5D6B78;
font-size: 1.25em;
line-height: 1.6;
margin: 0.4em;
float: left;
}
.surepass-sdk-ui-PhoneNumberInput-mobileInput {
font-size: 1em;
/*height: 48*@unit;*/
}
.surepass-sdk-ui-PhoneNumberInput-rrui__select {
align-self: flex-start;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer {
float: left;
width: 100%;
padding: 0.5em 0.5em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer {
/*
* We need to override the `rrui` styles from REM to EM, for our relative fonts
*/
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .react-phone-number-input__icon {
height: 45px;
width: 65px;
border: none;
display: block;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__arrow {
color: #000000;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__options:not(.rrui__select__options--menu) {
width: 27.375em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__input:not(.rrui__input--multiline),
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__input-label {
height: 1.8em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__native {
min-height: 1.8em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__input-error {
margin-top: 0.3em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__options {
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__options--left-aligned {
left: -0.2em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__options--right-aligned {
right: -1.2em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__options:not(.rrui__select__options--menu) {
width: calc(100% + 2.4*1em);
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__option {
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
/*font-size: 17px;*/
font-style: normal;
color: #666666;
font-weight: 800;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__option-icon {
margin-right: 0.9em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__close-icon {
margin-top: calc(0.6*1em + 4px);
margin-right: calc(0.6*1em + 4px);
width: 1.5em;
height: 1.5em;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer button {
border-bottom: none;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer input {
font-size: 22px;
font-family: Montserrat;
font-weight: 600;
height: 48px !important;
overflow: hidden;
border-radius: 5px;
width: 100%;
border-bottom: none;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer button:focus,
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer input:focus {
/*outline: auto 5px -webkit-focus-ring-color;*/
}
.surepass-sdk-ui-PhoneNumberInput-flagIcon {
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .react-phone-number-input__icon {
height: 30px;
width: 45px;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__option {
font-size: 17px;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer .rrui__select__options {
max-height: 150px !important;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer input {
font-size: 20px;
height: 22px !important;
border: none !important;
}
.surepass-sdk-ui-PhoneNumberInput-phoneNumberContainer input:focus-visible {
outline: none !important;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Password-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Password-passed {
color: #000000;
transition: 0.4s all;
}
.surepass-sdk-ui-Password-missing {
color: red;
transition: 0.4s all;
}
.surepass-sdk-ui-Password-passed,
.surepass-sdk-ui-Password-missing {
text-align: left;
/*color: #000000;*/
font-family: Montserrat;
font-size: 22px;
font-weight: 500;
}
.surepass-sdk-ui-Password-spanText {
cursor: pointer;
color: #6c63ff;
font-family: Montserrat;
font-size: 1.0625em;
font-weight: 400;
line-height: 1.75em;
text-align: left;
margin-bottom: 10px;
text-decoration: underline;
}
.surepass-sdk-ui-Password-pageTitle .surepass-sdk-ui-Password-title {
font-weight: 400;
}
.surepass-sdk-ui-Password-ul {
margin-top: 3.75em;
}
.surepass-sdk-ui-Password-submitBtn {
margin: 3rem 0rem;
}
.surepass-sdk-ui-Password-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-Password-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-Password-boldTitleStyle {
font-size: 28px;
}
.surepass-sdk-ui-Password-passed,
.surepass-sdk-ui-Password-missing {
font-size: 17px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Complete-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Complete-titleText p {
margin: 0em;
}
.surepass-sdk-ui-Complete-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-Complete-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-Complete-fallBackWrapper {
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
.surepass-sdk-ui-Complete-completeButton {
padding: 20px;
}
.surepass-sdk-ui-Complete-bottomDiv {
display: flex;
flex-direction: column;
padding: 2rem 2rem;
}
.surepass-sdk-ui-Complete-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-Complete-downloadLink {
text-decoration: none;
padding: 1rem auto;
}
.surepass-sdk-ui-Complete-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
}
.surepass-sdk-ui-Complete-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-Complete-mainImageDiv {
display: flex;
flex: 2;
flex-direction: column;
justify-content: center;
align-items: center;
}
.surepass-sdk-ui-Complete-welcomeImage {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-Complete-flipkartLogo {
width: auto;
height: auto;
}
.surepass-sdk-ui-Complete-heading {
font-weight: 500;
}
.surepass-sdk-ui-Complete-heading,
.surepass-sdk-ui-Complete-desc {
font-size: 14px;
color: #111112;
text-align: center;
}
.surepass-sdk-ui-Complete-desc {
color: #717478;
font-size: 12;
}
.surepass-sdk-ui-Complete-desc {
margin: 0px;
}
.surepass-sdk-ui-Complete-errorImage {
width: 99%;
height: auto;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-Complete-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-Complete-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-Complete-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-Complete-titleText {
font-size: 28px;
}
.surepass-sdk-ui-Complete-text {
font-size: 17px;
line-height: 32px;
margin: 1rem 1rem;
}
.surepass-sdk-ui-Complete-titleText p {
margin: 1rem 1rem;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ItrIntro-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ItrIntro-titleText p {
margin: 0em;
}
.surepass-sdk-ui-ItrIntro-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-ItrIntro-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-ItrIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-ItrIntro-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-ItrIntro-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-ItrIntro-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-ItrIntro-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-ItrIntro-welcomeImage {
width: 100%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-ItrIntro-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-ItrIntro-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-ItrIntro-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ItrIntro-titleText {
font-size: 28px;
}
.surepass-sdk-ui-ItrIntro-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-ItrIntro-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-PhoneNumberVerification-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-PhoneNumberVerification-smsSection {
/*height: 76*@unit;*/
/*margin-top: 20*@unit;*/
}
.surepass-sdk-ui-PhoneNumberVerification-welcomeImage {
width: 50%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
margin: 1rem auto;
}
.surepass-sdk-ui-PhoneNumberVerification-checkboxSelected {
background-color: #6c63ff;
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cg%3E%3Cg%3E%3Cpath fill%3D%22%23e8e7e7%22 d%3D%22M9.8 18.164l-5.285-5.283 1.761-1.762L9.8 14.642l7.925-7.926 1.762 1.762zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: cover;
border: 0.125em solid #6c63ff;
width: 1.875em;
height: 1.875em;
border-radius: 50%;
}
.surepass-sdk-ui-PhoneNumberVerification-bolder {
font-weight: 600;
font-size: 22px;
}
.surepass-sdk-ui-PhoneNumberVerification-subTitle {
font-weight: 600;
font-size: 22px;
}
.surepass-sdk-ui-PhoneNumberVerification-label {
font-weight: 600;
text-align: left;
color: #000000;
float: left;
}
.surepass-sdk-ui-PhoneNumberVerification-numberInputSection {
/*height: 48*@unit;*/
width: 100%;
/*float: left;*/
margin-top: 0.25em;
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-PhoneNumberVerification-inputContainer,
.surepass-sdk-ui-PhoneNumberVerification-linkText {
width: 74.07407407%;
}
.surepass-sdk-ui-PhoneNumberVerification-inputContainer {
/*height: 100%;*/
/* padding-top: 10*@unit;*/
/* padding-bottom: 10*@unit;*/
display: flex;
align-self: center;
width: 97%;
border: 2px solid #667080;
border-radius: 5px;
/*border-top-left-radius: 4*@unit;*/
/*border-bottom-left-radius: 4*@unit;*/
/*border-right: none;*/
background-color: #ffffff;
margin: 35px 0px 45px 0px;
/*float: left;*/
/*box-shadow: 0 -0.1*@unit 0*@unit 0*@unit @color-input-border;*/
}
.surepass-sdk-ui-PhoneNumberVerification-fieldError {
border: 2px solid #ff4c4c;
/*border-right: none;*/
box-shadow: 0 -0.00625em 0em 0em #ff4c4c;
}
.surepass-sdk-ui-PhoneNumberVerification-numberError {
color: #ff4c4c;
font-size: 0.875em;
line-height: 1.43;
float: left;
margin-top: 0.28571429em;
}
.surepass-sdk-ui-PhoneNumberVerification-sending {
position: relative;
}
.surepass-sdk-ui-PhoneNumberVerification-sending:before {
/*float: left;*/
/*margin-left: 12*@unit;*/
width: auto;
height: auto;
position: absolute;
top: 40%;
content: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ctitle%3E Spinner %3C%2Ftitle%3E %3Cpath d%3D%22M8 0c.32727985 0 .5925926.26531274.5925926.5925926v2.96296296c0 .32727985-.26531275.5925926-.5925926.5925926-.32727985 0-.5925926-.26531275-.5925926-.5925926V.5925926C7.4074074.26531273 7.67272016 0 8 0zm4 1.07179677c.2834327.16363993.3805439.52606387.2169039.80949654l-1.4814814 2.5660012c-.16364.28343267-.5260639.38054387-.80949657.21690394-.28343267-.16363992-.38054387-.52606387-.21690395-.80949653l1.48148152-2.5660012c.1636399-.28343265.5260638-.38054386.8094965-.21690393zM14.9282032 4c.16364.28343267.0665288.6458566-.2169039.80949654l-2.5660012 1.48148148c-.2834327.16363992-.6458566.06652872-.8094965-.21690395-.16364-.28343266-.0665288-.6458566.2169039-.80949653l2.5660012-1.48148148c.2834327-.16363993.6458566-.06652873.8094965.21690394zM16 8c0 .32727985-.2653127.5925926-.5925926.5925926h-2.962963c-.3272798 0-.5925925-.26531275-.5925925-.5925926 0-.32727985.2653127-.5925926.5925925-.5925926h2.962963C15.7346873 7.4074074 16 7.67272016 16 8zm-1.0717968 4c-.1636399.2834327-.5260638.3805439-.8094965.2169039l-2.5660012-1.4814814c-.2834327-.16364-.3805439-.5260639-.2169039-.80949657.1636399-.28343267.5260638-.38054387.8094965-.21690395l2.5660012 1.48148152c.2834327.1636399.3805439.5260638.2169039.8094965zM12 14.9282032c-.2834327.16364-.6458566.0665288-.8094965-.2169039l-1.48148152-2.5660012c-.16363992-.2834327-.06652872-.6458566.21690395-.8094965.28343267-.16364.64585657-.0665288.80949657.2169039l1.4814814 2.5660012c.16364.2834327.0665288.6458566-.2169039.8094965zM8 16c-.32727985 0-.5925926-.2653127-.5925926-.5925926v-2.962963c0-.3272798.26531275-.5925925.5925926-.5925925.32727985 0 .5925926.2653127.5925926.5925925v2.962963C8.5925926 15.7346873 8.32727984 16 8 16zm-4-1.0717968c-.28343267-.1636399-.38054387-.5260638-.21690394-.8094965l1.48148148-2.5660012c.16363992-.2834327.52606387-.3805439.80949653-.2169039.28343267.1636399.38054387.5260638.21690395.8094965l-1.48148148 2.5660012c-.16363993.2834327-.52606387.3805439-.80949654.2169039zM1.07179677 12c-.16363993-.2834327-.06652872-.6458566.21690394-.8094965l2.5660012-1.48148152c.28343267-.16363992.64585662-.06652872.80949654.21690395.16363993.28343267.06652873.64585657-.21690394.80949657l-2.5660012 1.4814814c-.28343266.16364-.6458566.0665288-.80949653-.2169039zM0 8c0-.32727985.26531274-.5925926.5925926-.5925926h2.96296296c.32727985 0 .5925926.26531275.5925926.5925926 0 .32727985-.26531275.5925926-.5925926.5925926H.5925926C.26531273 8.5925926 0 8.32727984 0 8zm1.07179677-4c.16363993-.28343267.52606387-.38054387.80949654-.21690394l2.5660012 1.48148148c.28343267.16363992.38054387.52606387.21690394.80949653-.16363992.28343267-.52606387.38054387-.80949653.21690395L1.2887007 4.80949654C1.00526806 4.6458566.90815685 4.28343267 1.07179678 4zM4 1.07179677c.28343267-.16363993.6458566-.06652872.80949654.21690394l1.48148148 2.5660012c.16363992.28343267.06652872.64585662-.21690395.80949654-.28343266.16363993-.6458566.06652873-.80949653-.21690394L3.78309606 1.8812933C3.61945613 1.59786065 3.71656733 1.2354367 4 1.07179678z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
/*opacity: 0.5;*/
/*background-image: url('../PhoneNumberOtpVerification/assets/spinner.svg');*/
/*background-position: left center;*/
/*background-repeat: no-repeat;*/
-webkit-animation-name: surepass-sdk-ui-PhoneNumberVerification-spin;
animation-name: surepass-sdk-ui-PhoneNumberVerification-spin;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes surepass-sdk-ui-PhoneNumberVerification-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes surepass-sdk-ui-PhoneNumberVerification-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.surepass-sdk-ui-PhoneNumberVerification-copySuccess .surepass-sdk-ui-PhoneNumberVerification-actionContainer:before {
width: 0.8125em;
height: 0.6875em;
display: inline-block;
justify-content: center;
content: "";
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3Csvg width%3D%2213px%22 height%3D%2211px%22 viewBox%3D%220 0 13 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C%21-- Generator%3A Sketch 47.1 %2845422%29 - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E %3Ctitle%3Echeckmark-green%3C%2Ftitle%3E %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E %3Cdefs%3E%3C%2Fdefs%3E %3Cg id%3D%22hi-fidelity-UI%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%225.1.4_desktop_document-step_mobile-method_copy-url-clicked%22 transform%3D%22translate%28-409.000000%2C -442.000000%29%22 fill%3D%22%23353FF4%22%3E %3Cpath d%3D%22M419.167089%2C442.517112 L413.299503%2C448.743607 L411.832911%2C447.186983 C411.18475%2C446.50173 410.133876%2C446.50173 409.486121%2C447.186983 C408.83796%2C447.876466 408.83796%2C448.993174 409.486121%2C449.678427 L412.126311%2C452.482888 C412.774472%2C453.172371 413.82494%2C453.172371 414.473101%2C452.482888 L421.513879%2C445.008556 C422.16204%2C444.319073 422.16204%2C443.202365 421.513879%2C442.517112 C420.865718%2C441.827629 419.81525%2C441.827629 419.167089%2C442.517112 Z%22 id%3D%22checkmark-green%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
z-index: 1;
}
.surepass-sdk-ui-PhoneNumberVerification-linkText {
resize: none;
height: 1.5em;
border: none;
background-color: #ffffff;
overflow: hidden;
font-size: inherit;
line-height: 1.5;
color: #000000;
white-space: nowrap;
font-family: "Open Sans", sans-serif;
}
.surepass-sdk-ui-PhoneNumberVerification-secondWrapper {
padding: 0.625em;
padding-top: 1.25em;
text-align: center;
font-size: 22px;
font-weight: 500;
font-style: normal;
}
.surepass-sdk-ui-PhoneNumberVerification-divider {
border-style: solid;
border: 1px solid #A2A8B3;
opacity: 0.35;
margin-top: 0.6875em;
}
.surepass-sdk-ui-PhoneNumberVerification-btn {
margin-top: 2.5em;
position: relative;
font-style: normal;
/*height: 48*@unit;*/
/*.width-parent-relative(112, @parent-width);*/
/*float: right;*/
/*border-radius: 0 4*@unit 4*@unit 0;*/
/*padding: 0;*/
}
.surepass-sdk-ui-PhoneNumberVerification-headerDiv {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1.25em;
padding-left: 0.625em;
padding-right: 0.625em;
}
.surepass-sdk-ui-PhoneNumberVerification-lightHeader,
.surepass-sdk-ui-PhoneNumberVerification-boldHeader {
margin: 0px;
color: #000000;
line-height: 61px;
font-size: 36px;
}
.surepass-sdk-ui-PhoneNumberVerification-lightHeader {
font-weight: 400;
}
.surepass-sdk-ui-PhoneNumberVerification-boldHeader {
font-weight: 800;
}
.surepass-sdk-ui-PhoneNumberVerification-parentTimelineDiv {
background-color: #e8e7e7;
margin: 0em 0.625em;
/* padding: 1.25em; */
width: 95%;
border-radius: 10px;
margin-bottom: 3.125em;
}
.surepass-sdk-ui-PhoneNumberVerification-mainTimeline {
display: flex;
}
.surepass-sdk-ui-PhoneNumberVerification-mainTimeline::before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZBAMAAAAcd2n/AAAAAXNSR0IB2cksfwAAABtQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlFHiIAAAAAl0Uk5TADDf7/+/8GAgKBKz2AAAADxJREFUeJxjYAABRiUBMM0g7BIAETBxSYAKuBRABdwpFWAocXGG2MPu4mLIQD2hAJgQxM1AIYh9DAwdDAAY5RVcolKN0AAAAABJRU5ErkJggg==);
margin-right: 0.625em;
}
.surepass-sdk-ui-PhoneNumberVerification-mainTimeline::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAADlQTFRFAAAA5+fn6Ojo6Ojo6Ojo6Ofn6efn6ebm6Ojo5+fn6efn6Ofn6Obm79/f6Obm6Ofn6Obm6uTk6Ofnc73UwAAAABN0Uk5TACBvr8//n1DvYKDg0BBwwLAw8CuT8V8AAACkSURBVHicfZLbEoMgDEQTJXIppcj/f2wJCBOi7T7ocNZkJ0GALtx2Q2T2DUEKD5o6hGUdCTk7uCclf32vOVGrQXc3HOcEBV/8CLVA8fhukQhJc4BPfSfIN956Z4iPnAx0kBQnggt4xam1ciePv/DYw9mxktfw3p2dZdY0BmRH7gDn0Z2SB15ioZsK/lv774uqNUu3Mq+25ojgoP6TlOsOYk4DfwFdEgrs33r1yQAAAABJRU5ErkJggg==);
margin-left: 0.625em;
}
.surepass-sdk-ui-PhoneNumberVerification-childTimelineDiv {
background-color: #6c63ff;
padding: 10px;
width: 10%;
-webkit-animation-name: surepass-sdk-ui-PhoneNumberVerification-fillingCircle;
-webkit-animation-duration: 5s;
/* Safari 4.0 - 8.0 */
animation-name: surepass-sdk-ui-PhoneNumberVerification-fillingCircle;
-webkit-animation-delay: 2s;
animation-delay: 2s;
animation-duration: 5s;
border-radius: 10px;
}
.surepass-sdk-ui-PhoneNumberVerification-checkboxDiv {
/*margin-top:40*@unit;*/
padding: 0em 0.625em;
text-align: left;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-PhoneNumberVerification-checkboxText {
font-size: 17px;
line-height: 1.75em;
font-weight: 400;
color: #000000;
}
.surepass-sdk-ui-PhoneNumberVerification-custom_checkbox {
width: 1.875em;
height: 1.875em;
border: 0.125em solid #6c63ff;
border-radius: 5px;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes surepass-sdk-ui-PhoneNumberVerification-fillingCircle {
0% {
width: 10%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
100% {
width: 40%;
}
25% {
width: 50%;
}
50% {
width: 60%;
}
100% {
width: 70%;
}
25% {
width: 80%;
}
50% {
width: 90%;
}
100% {
width: 100%;
}
}
/* Standard syntax */
@keyframes surepass-sdk-ui-PhoneNumberVerification-fillingCircle {
0% {
width: 10%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
100% {
width: 40%;
}
25% {
width: 50%;
}
50% {
width: 60%;
}
100% {
width: 70%;
}
25% {
width: 80%;
}
50% {
width: 90%;
}
100% {
width: 100%;
}
}
.surepass-sdk-ui-PhoneNumberVerification-animation {
opacity: 0;
transition: opacity 1s;
}
@media screen and (max-height: 811px) {
.surepass-sdk-ui-PhoneNumberVerification-checkboxDiv {
display: none;
}
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-PhoneNumberVerification-lightHeader,
.surepass-sdk-ui-PhoneNumberVerification-boldHeader {
font-size: 28px;
line-height: 45px;
}
.surepass-sdk-ui-PhoneNumberVerification-subTitle {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 0em;
}
.surepass-sdk-ui-PhoneNumberVerification-inputContainer {
margin: 29px 0px 20px 0px;
}
.surepass-sdk-ui-PhoneNumberVerification-btn {
margin-top: 15px;
}
.surepass-sdk-ui-PhoneNumberVerification-checkboxDiv {
margin: 30px 0px 20px 0px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-PhoneNumberOtpVerification-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-bolder {
color: #707070;
font-family: Montserrat;
font-size: 22px;
font-style: normal;
line-height: 36px;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpInput {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-buttons {
display: flex;
flex-direction: column;
align-items: stretch;
/*margin: 10*@unit auto;*/
/*width: 240*@unit;*/
justify-content: space-between;
}
/*.btnOtp {*/
/* width: 100*@unit;*/
/*}*/
.surepass-sdk-ui-PhoneNumberOtpVerification-submitBtn {
margin: 0rem 0rem;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-center {
text-align: center;
margin: 10px 0px;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-submitBtn:focus {
outline: none;
border: none;
box-shadow: none;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-wrongNumber {
cursor: pointer;
color: #707070;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-subTitle {
text-align: center;
margin: auto;
width: 80%;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-headerImg {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.25em;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-pageTitle {
text-align: center;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-pageTitle .surepass-sdk-ui-PhoneNumberOtpVerification-title {
font-weight: 400;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-displayNone {
display: none !important;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-transparent {
border: none;
background-color: transparent;
color: #6c63ff;
padding: 0px !important;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-resendBtnText {
font-size: 18px;
letter-spacing: 1px;
font-weight: 400;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpInputContainer {
display: flex;
flex-direction: row;
justify-content: center;
margin: 2rem 1rem 0rem 1rem;
padding: 0.5rem auto;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpInputField {
width: 64px;
text-align: center;
height: 64px;
margin: 0px 0.3rem;
padding: 0.2rem;
font-size: 1.5rem;
border-radius: 5px;
border: 1px solid #000000;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpInputField :focus {
border: 0.125em solid #6c63ff;
outline: none;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-sending:before {
/*float: left;*/
/*margin-left: 12*@unit;*/
width: auto;
height: auto;
position: absolute;
top: 40%;
content: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ctitle%3E Spinner %3C%2Ftitle%3E %3Cpath d%3D%22M8 0c.32727985 0 .5925926.26531274.5925926.5925926v2.96296296c0 .32727985-.26531275.5925926-.5925926.5925926-.32727985 0-.5925926-.26531275-.5925926-.5925926V.5925926C7.4074074.26531273 7.67272016 0 8 0zm4 1.07179677c.2834327.16363993.3805439.52606387.2169039.80949654l-1.4814814 2.5660012c-.16364.28343267-.5260639.38054387-.80949657.21690394-.28343267-.16363992-.38054387-.52606387-.21690395-.80949653l1.48148152-2.5660012c.1636399-.28343265.5260638-.38054386.8094965-.21690393zM14.9282032 4c.16364.28343267.0665288.6458566-.2169039.80949654l-2.5660012 1.48148148c-.2834327.16363992-.6458566.06652872-.8094965-.21690395-.16364-.28343266-.0665288-.6458566.2169039-.80949653l2.5660012-1.48148148c.2834327-.16363993.6458566-.06652873.8094965.21690394zM16 8c0 .32727985-.2653127.5925926-.5925926.5925926h-2.962963c-.3272798 0-.5925925-.26531275-.5925925-.5925926 0-.32727985.2653127-.5925926.5925925-.5925926h2.962963C15.7346873 7.4074074 16 7.67272016 16 8zm-1.0717968 4c-.1636399.2834327-.5260638.3805439-.8094965.2169039l-2.5660012-1.4814814c-.2834327-.16364-.3805439-.5260639-.2169039-.80949657.1636399-.28343267.5260638-.38054387.8094965-.21690395l2.5660012 1.48148152c.2834327.1636399.3805439.5260638.2169039.8094965zM12 14.9282032c-.2834327.16364-.6458566.0665288-.8094965-.2169039l-1.48148152-2.5660012c-.16363992-.2834327-.06652872-.6458566.21690395-.8094965.28343267-.16364.64585657-.0665288.80949657.2169039l1.4814814 2.5660012c.16364.2834327.0665288.6458566-.2169039.8094965zM8 16c-.32727985 0-.5925926-.2653127-.5925926-.5925926v-2.962963c0-.3272798.26531275-.5925925.5925926-.5925925.32727985 0 .5925926.2653127.5925926.5925925v2.962963C8.5925926 15.7346873 8.32727984 16 8 16zm-4-1.0717968c-.28343267-.1636399-.38054387-.5260638-.21690394-.8094965l1.48148148-2.5660012c.16363992-.2834327.52606387-.3805439.80949653-.2169039.28343267.1636399.38054387.5260638.21690395.8094965l-1.48148148 2.5660012c-.16363993.2834327-.52606387.3805439-.80949654.2169039zM1.07179677 12c-.16363993-.2834327-.06652872-.6458566.21690394-.8094965l2.5660012-1.48148152c.28343267-.16363992.64585662-.06652872.80949654.21690395.16363993.28343267.06652873.64585657-.21690394.80949657l-2.5660012 1.4814814c-.28343266.16364-.6458566.0665288-.80949653-.2169039zM0 8c0-.32727985.26531274-.5925926.5925926-.5925926h2.96296296c.32727985 0 .5925926.26531275.5925926.5925926 0 .32727985-.26531275.5925926-.5925926.5925926H.5925926C.26531273 8.5925926 0 8.32727984 0 8zm1.07179677-4c.16363993-.28343267.52606387-.38054387.80949654-.21690394l2.5660012 1.48148148c.28343267.16363992.38054387.52606387.21690394.80949653-.16363992.28343267-.52606387.38054387-.80949653.21690395L1.2887007 4.80949654C1.00526806 4.6458566.90815685 4.28343267 1.07179678 4zM4 1.07179677c.28343267-.16363993.6458566-.06652872.80949654.21690394l1.48148148 2.5660012c.16363992.28343267.06652872.64585662-.21690395.80949654-.28343266.16363993-.6458566.06652873-.80949653-.21690394L3.78309606 1.8812933C3.61945613 1.59786065 3.71656733 1.2354367 4 1.07179678z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
/*opacity: 0.5;*/
/*background-image: url('../PhoneNumberOtpVerification/assets/spinner.svg');*/
/*background-position: left center;*/
/*background-repeat: no-repeat;*/
-webkit-animation-name: surepass-sdk-ui-PhoneNumberOtpVerification-spin;
animation-name: surepass-sdk-ui-PhoneNumberOtpVerification-spin;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpInputFocus {
/*width: 2rem;*/
text-align: center;
/*height: 2rem;*/
border: 1px solid #6c63ff;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-wrongNumberDiv {
display: flex;
flex-direction: column;
flex: 1;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpError {
/*width: 2rem;*/
text-align: center;
/*height: 2rem;*/
border: 1px solid #e60c0c;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-flexDiv {
display: flex;
flex-direction: row;
margin-top: 10px;
justify-content: flex-end;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-checkboxDiv {
/*margin-top:40*@unit;*/
padding: 0em 0.625em;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-checkboxText {
font-size: 1.0625em;
line-height: 1.75em;
font-weight: 400;
color: #707070;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-PhoneNumberOtpVerification-boldTitleStyle {
font-size: 14px;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-bolder {
font-size: 17px;
line-height: 27px;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-otpInputField {
width: 40px;
height: 40px;
}
otpInputContainer {
margin: 2rem 1rem 0rem 1rem;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-headerImg {
width: 45%;
margin-bottom: 20px;
}
.surepass-sdk-ui-PhoneNumberOtpVerification-checkboxDiv {
margin: 0px 0px 20px 0px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Checkbox-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Checkbox-checkboxSelected {
/*background-color: #6c63ff;*/
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230.027%22 height%3D%2230.011%22 viewBox%3D%220 0 30.027 30.011%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%236c63ff%3B%7D.b%7Bfill%3A%23f7f7fa%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg transform%3D%22translate%28-16 -310%29%22%3E%3Cpath class%3D%22a%22 d%3D%22M15%2C0C30.938%2C0%2C30%2C.108%2C30%2C15c.031%2C15.969.883%2C15-15%2C15S0%2C30.932%2C0%2C15C0%2C.036-.938%2C0%2C15%2C0Z%22 transform%3D%22translate%2816.01 310%29%22%2F%3E%3Cpath class%3D%22b%22 d%3D%22M10.981%2C19.532%2C6.57%2C15.121%2C5.1%2C16.592l5.881%2C5.881%2C12.6-12.6L22.113%2C8.4Z%22 transform%3D%22translate%2816.858 309.614%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: cover;
/*border:2*@unit solid #6c63ff;*/
width: 1.875em;
height: 1.875em;
border-radius: 5px;
/*border-radius: 50%;*/
}
.surepass-sdk-ui-Checkbox-custom_checkbox {
width: 30px;
height: 30px;
border: 0.125em solid #6c63ff;
border-radius: 5px;
}
.surepass-sdk-ui-Checkbox-custom_animation {
/* Start the shake animation and make the animation last for 0.5 seconds */
-webkit-animation: surepass-sdk-ui-Checkbox-shake 0.5s;
animation: surepass-sdk-ui-Checkbox-shake 0.5s;
border: 0.125em solid #ff5652;
/* When the animation is finished, start again */
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes surepass-sdk-ui-Checkbox-shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(3px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(3px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(1px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
@keyframes surepass-sdk-ui-Checkbox-shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(3px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(3px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(1px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-Checkbox-custom_checkbox {
width: 20px;
height: 20px;
}
.surepass-sdk-ui-Checkbox-checkboxSelected {
/*background-color: #6c63ff;*/
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230.027%22 height%3D%2230.011%22 viewBox%3D%220 0 30.027 30.011%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%236c63ff%3B%7D.b%7Bfill%3A%23f7f7fa%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg transform%3D%22translate%28-16 -310%29%22%3E%3Cpath class%3D%22a%22 d%3D%22M15%2C0C30.938%2C0%2C30%2C.108%2C30%2C15c.031%2C15.969.883%2C15-15%2C15S0%2C30.932%2C0%2C15C0%2C.036-.938%2C0%2C15%2C0Z%22 transform%3D%22translate%2816.01 310%29%22%2F%3E%3Cpath class%3D%22b%22 d%3D%22M10.981%2C19.532%2C6.57%2C15.121%2C5.1%2C16.592l5.881%2C5.881%2C12.6-12.6L22.113%2C8.4Z%22 transform%3D%22translate%2816.858 309.614%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: cover;
/*border:2*@unit solid #6c63ff;*/
width: 20px;
height: 20px;
/*border-radius: 50%;*/
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ProcessingCreditScoreEligibility-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-pageTitle {
padding: 0px 0px !important;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-pageTitle .surepass-sdk-ui-ProcessingCreditScoreEligibility-title {
font-weight: 400;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-parentCustom {
background-color: #ffffff;
/*padding: 10*@unit 10*@unit;*/
text-align: left;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-parentCustomPadding {
padding: 10px;
/*background-color: #ffffff;*/
text-align: left;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-thickWrapper {
/*position: absolute;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-box {
width: 100px;
height: 100px;
background: #ff1c68;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-inVisible {
display: none;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-submitBtn {
margin: 3rem 0rem;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-titleBold {
font-weight: 500;
color: #ffffff;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-headingBlock {
transition: 1s opacity;
opacity: 1;
padding: 0em 0.625em;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-score {
font-size: 4.375em;
font-weight: 800;
transform: scale(2);
color: #ffffff;
position: absolute;
transition: transform 1s;
top: 45%;
left: 45%;
}
/*.mainAnimationContainer{*/
/* background-color: #6c63ff;*/
/* display: flex;*/
/* flex: 1;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* justify-content: space-around;*/
/* text-align: left;*/
/*}*/
.surepass-sdk-ui-ProcessingCreditScoreEligibility-titleBoldSec {
font-weight: 500;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHead,
.surepass-sdk-ui-ProcessingCreditScoreEligibility-boldTitleStyle {
font-weight: 600;
font-size: 36px;
/*margin-left: 5 *@unit;*/
color: #ffffff;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHeadSec {
font-weight: 500;
font-size: 36px;
/*margin-left: 5 *@unit;*/
margin-top: 0px;
margin-bottom: 0px;
color: #000000;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-boldScore {
font-size: 5em;
font-weight: 800;
display: none;
text-align: center;
transition: transform 1s;
transform: scale(0);
/*color: #000;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-mainDiv {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-childDiv {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-align: left;
margin-bottom: 10px;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-pointText {
font-size: 17px;
font-weight: 400;
line-height: 1.6875em;
color: #707070;
margin-left: 1.25em;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-custom_container {
background-color: #6c63ff;
text-align: left;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHead {
font-weight: 500;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-boldText {
font-weight: 600;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-points {
color: #ffffff;
font-size: 18px;
font-weight: 600;
transform: scale(0);
marginTop: 20;
z-index: 1000;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-points::before {
content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cg%3E%3Cg%3E%3Cpath fill%3D%22%23e8e7e7%22 d%3D%22M9.8 18.164l-5.285-5.283 1.761-1.762L9.8 14.642l7.925-7.926 1.762 1.762zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width: 1.75em;
height: 1.75em;
margin-right: 0.625em;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-textContainer {
/*position: absolute;*/
padding-left: 1.25em;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-buttonAnimation {
height: 80px;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-textContainerHidden {
position: absolute;
top: 10%;
/*padding-left: 20 *@unit;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-notEligibleTextContainer {
position: absolute;
top: 5%;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-notEligibleContainer {
margin: 30px 0px;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ProcessingCreditScoreEligibility-parentCustomPadding,
.surepass-sdk-ui-ProcessingCreditScoreEligibility-getScoreFalse {
padding: 0px 17px !important;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-notEligibleContainer {
margin: 30px 0px 30px 0px;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-notEligibleTextContainer {
position: relative;
top: 0%;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHead,
.surepass-sdk-ui-ProcessingCreditScoreEligibility-boldTitleStyle,
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHeadSec {
font-size: 28px !important;
/*margin-left: 5px;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHeadSec,
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHead {
font-weight: 400;
/*margin-left: 5 *@unit;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHeadSec {
padding: 0px 0px;
padding-right: 10px;
margin: 0px;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-nameHeadtThird {
padding-top: 40px;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-headingBlock {
padding: 0px;
/*line-height:;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-points {
font-size: 20px;
display: flex;
align-items: center;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-points::before {
content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cg%3E%3Cg%3E%3Cpath fill%3D%22%23e8e7e7%22 d%3D%22M9.8 18.164l-5.285-5.283 1.761-1.762L9.8 14.642l7.925-7.926 1.762 1.762zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width: 20px;
height: 20px;
margin-right: 0.625em;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-boldScore {
font-size: 5em;
font-weight: 800;
display: none;
text-align: center;
transition: transform 1s;
transform: scale(0);
/*color: #000;*/
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-textContainerHidden {
top: 5%;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-buttonAnimation {
height: 50px !important;
}
.surepass-sdk-ui-ProcessingCreditScoreEligibility-score {
font-size: 28px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-InformationPaging-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-InformationPaging-loading {
color: #5D6B78;
font-size: 1.25em;
line-height: 1.6;
margin: 0.4em;
float: left;
}
.surepass-sdk-ui-InformationPaging-mobileInput {
font-size: 1em;
}
.surepass-sdk-ui-InformationPaging-forms {
padding: 10px;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer {
float: left;
width: 100%;
padding: 0.5em 0.75em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer {
/*
* We need to override the `rrui` styles from REM to EM, for our relative fonts
*/
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .react-phone-number-input__icon {
height: 1.8em;
width: 1.8em;
border: none;
display: block;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__arrow {
color: #000000;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__options:not(.rrui__select__options--menu) {
width: 27.375em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__input:not(.rrui__input--multiline),
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__input-label {
height: 1.8em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__native {
min-height: 1.8em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__input-error {
margin-top: 0.3em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__options {
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__options--left-aligned {
left: -1.2em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__options--right-aligned {
right: -1.2em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__options:not(.rrui__select__options--menu) {
width: calc(100% + 2.4*1em);
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__option {
padding-left: 1.2em;
padding-right: 1.2em;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__option-icon {
margin-right: 0.9em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer .rrui__select__close-icon {
margin-top: calc(0.6*1em + 4px);
margin-right: calc(0.6*1em + 4px);
width: 1.5em;
height: 1.5em;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer button {
border-bottom: none;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer input {
overflow: hidden;
width: 100%;
border-bottom: none;
}
.surepass-sdk-ui-InformationPaging-phoneNumberContainer button:focus,
.surepass-sdk-ui-InformationPaging-phoneNumberContainer input:focus {
outline: auto 5px -webkit-focus-ring-color;
}
.surepass-sdk-ui-InformationPaging-flagIcon {
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.surepass-sdk-ui-InformationPaging-navigationDots {
text-align: center;
}
.surepass-sdk-ui-InformationPaging-navigationDot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.surepass-sdk-ui-InformationPaging-navigationDotActive {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
background-color: #717171;
}
.surepass-sdk-ui-InformationPaging-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-InformationPaging-pageTitle .surepass-sdk-ui-InformationPaging-title {
font-weight: 400;
}
.surepass-sdk-ui-InformationPaging-submitBtn {
margin: 3rem 0rem;
}
.surepass-sdk-ui-InformationPaging-checkboxDiv {
margin: 20px 0 25px 0;
/*padding: 0*@unit 10*@unit;*/
text-align: left;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
/*border: 1px solid #ccc;*/
/*border-right: 0;*/
/*border-left: 0;*/
}
.surepass-sdk-ui-InformationPaging-submitBtn {
/*margin-top: 50*@unit;*/
}
.surepass-sdk-ui-InformationPaging-fieldError {
color: #ff4c4c;
font-size: 17px;
line-height: 1.43;
/*float: left;*/
margin-top: 0.28571429em;
}
.surepass-sdk-ui-InformationPaging-bolder {
font-weight: 600;
}
.surepass-sdk-ui-InformationPaging-checkboxText {
font-size: 22px;
line-height: 1.75em;
font-weight: 400;
color: #707070;
}
.surepass-sdk-ui-InformationPaging-custom_checkbox {
width: 1.875em;
height: 1.875em;
border: 0.125em solid #6c63ff;
border-radius: 5px;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-InformationPaging-checkboxText {
font-size: 17px;
line-height: 27px;
width: 80%;
}
.surepass-sdk-ui-InformationPaging-checkboxDiv {
margin: 25px 0px 0px 0;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-NeedMoreDetails-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-NeedMoreDetails-buttons {
display: flex;
flex-direction: column;
margin: auto 0.625em;
width: 100%;
justify-content: space-between;
}
.surepass-sdk-ui-NeedMoreDetails-otpInput {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-NeedMoreDetails-btnOtp {
/*width: 100*@unit;*/
margin: 1.25em auto;
}
.surepass-sdk-ui-NeedMoreDetails-datepicker {
font-size: 22px;
font-family: Montserrat;
height: 80px;
border: 0;
background: #efefef;
padding-left: 1.25em;
width: 100%;
}
.surepass-sdk-ui-NeedMoreDetails-datepicker:focus {
border: 2px solid #6c63ff !important;
border-radius: 5px;
box-shadow: none;
background-color: #ffffff;
}
.surepass-sdk-ui-NeedMoreDetails-pageTitle .surepass-sdk-ui-NeedMoreDetails-title {
font-weight: 400;
}
.surepass-sdk-ui-NeedMoreDetails-submitBtn {
margin: 1rem 0rem;
}
.surepass-sdk-ui-NeedMoreDetails-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-NeedMoreDetails-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-NeedMoreDetails-spanText {
color: #707070;
font-family: Montserrat;
font-size: 1.0625em;
font-weight: 400;
line-height: 1.75em;
text-align: left;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-AadhaarIntro-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-AadhaarIntro-titleText p {
margin: 0em;
}
.surepass-sdk-ui-AadhaarIntro-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-AadhaarIntro-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-AadhaarIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-AadhaarIntro-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-AadhaarIntro-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-AadhaarIntro-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-AadhaarIntro-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-AadhaarIntro-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-AadhaarIntro-welcomeImage {
width: 60%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-AadhaarIntro-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-AadhaarIntro-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-AadhaarIntro-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-AadhaarIntro-titleText {
font-size: 28px;
}
.surepass-sdk-ui-AadhaarIntro-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-AadhaarIntro-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-UploadIncomeFiles-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-UploadIncomeFiles-titleText p {
margin: 0em;
}
.surepass-sdk-ui-UploadIncomeFiles-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-UploadIncomeFiles-textCenter {
text-align: center;
}
.surepass-sdk-ui-UploadIncomeFiles-boxUpload {
width: 300px;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.surepass-sdk-ui-UploadIncomeFiles-fileInput {
display: flex;
flex: 1;
margin: 30px;
height: 250px;
align-items: center;
justify-content: center;
border: 2px dashed #6c63ff;
}
.surepass-sdk-ui-UploadIncomeFiles-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-UploadIncomeFiles-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-UploadIncomeFiles-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-UploadIncomeFiles-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-UploadIncomeFiles-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-UploadIncomeFiles-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-UploadIncomeFiles-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-UploadIncomeFiles-welcomeImage {
width: 60%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-UploadIncomeFiles-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-UploadIncomeFiles-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-UploadIncomeFiles-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-UploadIncomeFiles-titleText {
font-size: 28px;
}
.surepass-sdk-ui-UploadIncomeFiles-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-UploadIncomeFiles-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
.surepass-sdk-ui-CustomFileInput-container {
position: relative;
cursor: pointer;
}
.surepass-sdk-ui-CustomFileInput-input {
bottom: 0;
left: 0;
/* This input should always be hidden.
Highest specificity added to prevent the host app from overriding this style by mistake */
display: none !important;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ApplicationFormIntro-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ApplicationFormIntro-titleText p {
margin: 0em;
}
.surepass-sdk-ui-ApplicationFormIntro-lighterText {
font-size: 20px;
font-weight: 400;
line-height: 35px !important;
}
.surepass-sdk-ui-ApplicationFormIntro-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-ApplicationFormIntro-thickWrapper {
padding: top 1rem;
}
.surepass-sdk-ui-ApplicationFormIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-ApplicationFormIntro-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-ApplicationFormIntro-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-ApplicationFormIntro-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-ApplicationFormIntro-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-ApplicationFormIntro-welcomeImage {
width: 80%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-ApplicationFormIntro-thickWrapper {
padding-top: 1rem;
}
.surepass-sdk-ui-ApplicationFormIntro-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-ApplicationFormIntro-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ApplicationFormIntro-titleText {
font-size: 28px;
}
.surepass-sdk-ui-ApplicationFormIntro-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-ApplicationFormIntro-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-MainIntro-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-MainIntro-titleText p {
margin: 0em;
}
.surepass-sdk-ui-MainIntro-list {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 30px;
}
.surepass-sdk-ui-MainIntro-listAvatar {
padding-right: 30px;
padding-left: 20px;
}
.surepass-sdk-ui-MainIntro-avatarText {
font-size: 30px;
color: #6c64fc;
font-weight: bold;
width: 50px;
height: 48px;
border: 2px solid;
border-radius: 50%;
text-align: center;
margin: 0px;
}
.surepass-sdk-ui-MainIntro-lighterText {
font-size: 14px;
font-weight: 400;
line-height: 22px !important;
}
.surepass-sdk-ui-MainIntro-bolderText {
font-size: 16px;
font-weight: bold;
line-height: 30px !important;
}
.surepass-sdk-ui-MainIntro-text {
font-size: 22px;
font-style: normal;
text-align: left;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-MainIntro-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-MainIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-MainIntro-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-MainIntro-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-MainIntro-titleText {
text-align: left;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 10px;
}
.surepass-sdk-ui-MainIntro-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-MainIntro-welcomeImage {
width: 80%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-MainIntro-thickWrapper {
padding-top: 2rem;
}
.surepass-sdk-ui-MainIntro-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-MainIntro-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-MainIntro-titleText {
font-size: 28px;
}
.surepass-sdk-ui-MainIntro-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-MainIntro-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-HostedKycOtpVerification-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-HostedKycOtpVerification-bolder {
color: #707070;
font-family: Montserrat;
font-size: 22px;
font-style: normal;
line-height: 36px;
}
.surepass-sdk-ui-HostedKycOtpVerification-retryLeft {
margin-bottom: 0px;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpInput {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-HostedKycOtpVerification-buttons {
display: flex;
flex-direction: column;
align-items: stretch;
/*margin: 10*@unit auto;*/
/*width: 240*@unit;*/
justify-content: space-between;
}
/*.btnOtp {*/
/* width: 100*@unit;*/
/*}*/
.surepass-sdk-ui-HostedKycOtpVerification-submitBtn {
margin: 0rem 0rem;
}
.surepass-sdk-ui-HostedKycOtpVerification-submitBtn:focus {
outline: none;
border: none;
box-shadow: none;
}
.surepass-sdk-ui-HostedKycOtpVerification-wrongNumber {
cursor: pointer;
color: #707070;
}
.surepass-sdk-ui-HostedKycOtpVerification-subTitle {
text-align: center;
}
.surepass-sdk-ui-HostedKycOtpVerification-headerImg {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 1.25em;
}
.surepass-sdk-ui-HostedKycOtpVerification-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-HostedKycOtpVerification-pageTitle {
text-align: center;
}
.surepass-sdk-ui-HostedKycOtpVerification-pageTitle .surepass-sdk-ui-HostedKycOtpVerification-title {
font-weight: 400;
}
.surepass-sdk-ui-HostedKycOtpVerification-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-HostedKycOtpVerification-transparent {
border: none;
background-color: transparent;
color: #6c63ff;
padding: 0px !important;
}
.surepass-sdk-ui-HostedKycOtpVerification-resendBtnText {
font-size: 18px;
letter-spacing: 1px;
font-weight: 400;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpInputContainer {
display: flex;
flex-direction: row;
justify-content: center;
margin: 2rem 1rem 0rem 1rem;
padding: 0.5rem auto;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpInputField {
width: 64px;
text-align: center;
height: 64px;
margin: 0px 0.3rem;
padding: 0.2rem;
font-size: 1.5rem;
border-radius: 5px;
border: 1px solid #000000;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpInputField :focus {
border: 0.125em solid #6c63ff;
outline: none;
}
.surepass-sdk-ui-HostedKycOtpVerification-sending:before {
/*float: left;*/
/*margin-left: 12*@unit;*/
width: auto;
height: auto;
position: absolute;
top: 40%;
content: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ctitle%3E Spinner %3C%2Ftitle%3E %3Cpath d%3D%22M8 0c.32727985 0 .5925926.26531274.5925926.5925926v2.96296296c0 .32727985-.26531275.5925926-.5925926.5925926-.32727985 0-.5925926-.26531275-.5925926-.5925926V.5925926C7.4074074.26531273 7.67272016 0 8 0zm4 1.07179677c.2834327.16363993.3805439.52606387.2169039.80949654l-1.4814814 2.5660012c-.16364.28343267-.5260639.38054387-.80949657.21690394-.28343267-.16363992-.38054387-.52606387-.21690395-.80949653l1.48148152-2.5660012c.1636399-.28343265.5260638-.38054386.8094965-.21690393zM14.9282032 4c.16364.28343267.0665288.6458566-.2169039.80949654l-2.5660012 1.48148148c-.2834327.16363992-.6458566.06652872-.8094965-.21690395-.16364-.28343266-.0665288-.6458566.2169039-.80949653l2.5660012-1.48148148c.2834327-.16363993.6458566-.06652873.8094965.21690394zM16 8c0 .32727985-.2653127.5925926-.5925926.5925926h-2.962963c-.3272798 0-.5925925-.26531275-.5925925-.5925926 0-.32727985.2653127-.5925926.5925925-.5925926h2.962963C15.7346873 7.4074074 16 7.67272016 16 8zm-1.0717968 4c-.1636399.2834327-.5260638.3805439-.8094965.2169039l-2.5660012-1.4814814c-.2834327-.16364-.3805439-.5260639-.2169039-.80949657.1636399-.28343267.5260638-.38054387.8094965-.21690395l2.5660012 1.48148152c.2834327.1636399.3805439.5260638.2169039.8094965zM12 14.9282032c-.2834327.16364-.6458566.0665288-.8094965-.2169039l-1.48148152-2.5660012c-.16363992-.2834327-.06652872-.6458566.21690395-.8094965.28343267-.16364.64585657-.0665288.80949657.2169039l1.4814814 2.5660012c.16364.2834327.0665288.6458566-.2169039.8094965zM8 16c-.32727985 0-.5925926-.2653127-.5925926-.5925926v-2.962963c0-.3272798.26531275-.5925925.5925926-.5925925.32727985 0 .5925926.2653127.5925926.5925925v2.962963C8.5925926 15.7346873 8.32727984 16 8 16zm-4-1.0717968c-.28343267-.1636399-.38054387-.5260638-.21690394-.8094965l1.48148148-2.5660012c.16363992-.2834327.52606387-.3805439.80949653-.2169039.28343267.1636399.38054387.5260638.21690395.8094965l-1.48148148 2.5660012c-.16363993.2834327-.52606387.3805439-.80949654.2169039zM1.07179677 12c-.16363993-.2834327-.06652872-.6458566.21690394-.8094965l2.5660012-1.48148152c.28343267-.16363992.64585662-.06652872.80949654.21690395.16363993.28343267.06652873.64585657-.21690394.80949657l-2.5660012 1.4814814c-.28343266.16364-.6458566.0665288-.80949653-.2169039zM0 8c0-.32727985.26531274-.5925926.5925926-.5925926h2.96296296c.32727985 0 .5925926.26531275.5925926.5925926 0 .32727985-.26531275.5925926-.5925926.5925926H.5925926C.26531273 8.5925926 0 8.32727984 0 8zm1.07179677-4c.16363993-.28343267.52606387-.38054387.80949654-.21690394l2.5660012 1.48148148c.28343267.16363992.38054387.52606387.21690394.80949653-.16363992.28343267-.52606387.38054387-.80949653.21690395L1.2887007 4.80949654C1.00526806 4.6458566.90815685 4.28343267 1.07179678 4zM4 1.07179677c.28343267-.16363993.6458566-.06652872.80949654.21690394l1.48148148 2.5660012c.16363992.28343267.06652872.64585662-.21690395.80949654-.28343266.16363993-.6458566.06652873-.80949653-.21690394L3.78309606 1.8812933C3.61945613 1.59786065 3.71656733 1.2354367 4 1.07179678z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
/*opacity: 0.5;*/
/*background-image: url('../PhoneNumberOtpVerification/assets/spinner.svg');*/
/*background-position: left center;*/
/*background-repeat: no-repeat;*/
-webkit-animation-name: surepass-sdk-ui-HostedKycOtpVerification-spin;
animation-name: surepass-sdk-ui-HostedKycOtpVerification-spin;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpInputFocus {
/*width: 2rem;*/
text-align: center;
/*height: 2rem;*/
border: 1px solid #6c63ff;
}
.surepass-sdk-ui-HostedKycOtpVerification-wrongNumberDiv {
display: flex;
flex-direction: column;
flex: 1;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpError {
/*width: 2rem;*/
text-align: center;
/*height: 2rem;*/
border: 1px solid #e60c0c;
}
.surepass-sdk-ui-HostedKycOtpVerification-flexDiv {
display: flex;
flex-direction: row;
margin-top: 20px;
justify-content: flex-end;
}
.surepass-sdk-ui-HostedKycOtpVerification-checkboxDiv {
/*margin-top:40*@unit;*/
padding: 0em 0.625em;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-HostedKycOtpVerification-checkboxText {
font-size: 1.0625em;
line-height: 1.75em;
font-weight: 400;
color: #707070;
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-HostedKycOtpVerification-boldTitleStyle {
font-size: 14px;
}
.surepass-sdk-ui-HostedKycOtpVerification-bolder {
font-size: 17px;
line-height: 27px;
}
.surepass-sdk-ui-HostedKycOtpVerification-otpInputField {
width: 40px;
height: 40px;
}
otpInputContainer {
margin: 2rem 1rem 0rem 1rem;
}
.surepass-sdk-ui-HostedKycOtpVerification-headerImg {
width: 45%;
margin-bottom: 20px;
}
.surepass-sdk-ui-HostedKycOtpVerification-checkboxDiv {
margin: 0px 0px 20px 0px;
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-PanAndDob-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-PanAndDob-buttons {
display: flex;
flex-direction: column;
margin: auto 0.625em;
width: 100%;
justify-content: space-between;
}
.surepass-sdk-ui-PanAndDob-btnTransition {
transform: translateY(10px);
}
.surepass-sdk-ui-PanAndDob-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-PanAndDob-otpInput {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-PanAndDob-form {
text-align: left;
padding: 0px 5px;
}
.surepass-sdk-ui-PanAndDob-headerImageWrapper {
text-align: center;
}
.surepass-sdk-ui-PanAndDob-headerImage {
width: 50%;
}
.surepass-sdk-ui-PanAndDob-infoText {
font-size: 14px;
line-height: 20px;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
color: #6b62ff;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
}
.surepass-sdk-ui-PanAndDob-infoText:before {
content: url("data:image/svg+xml,%3Csvg version%3D%221.2%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22 width%3D%2217%22 height%3D%2217%22%3E%09%3Ctitle%3Einformation-button%3C%2Ftitle%3E%09%3Cdefs%3E%09%09%3Cimage width%3D%22512%22 height%3D%22512%22 id%3D%22img1%22 href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAAXNSR0IB2cksfwAAAwBQTFRFAAAAZmb%2FbGL%2Fal%2F%2FamL%2Fa2L%2Fa2H%2Fa2L%2FbGL%2FamL%2Fa2L%2Fa2L%2FamL%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2FamL%2Fa2L%2FamL%2Fa2L%2Fa2L%2FamH%2FbGH%2FbGP%2Fa2T%2FbGL%2FZmb%2Ff3%2F%2FbWH%2FbWP%2FbGL%2FamP%2Fa2H%2Fa2L%2Fa2H%2FamL%2Fa2L%2Fa2L%2Fa2H%2Fa2L%2FamL%2Fa2L%2FamP%2FZmb%2FVVX%2FbGT%2FbGL%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2FamH%2FamP%2FamP%2FZ1%2F%2Ff3%2F%2FbWH%2FbGP%2Fa2L%2Fa2H%2Fa2L%2FamH%2Fa2H%2Fa2X%2FamL%2Fa2L%2Fa2H%2FamL%2FcVX%2FbGD%2Fa2H%2FamL%2Fa2H%2Fa2L%2FbGL%2Fa2P%2FbVv%2Fa2D%2Fa2L%2Fa2L%2Fa2L%2Fa2H%2FamP%2FYmL%2Fa2L%2Fa17%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2FX1%2F%2Fa2L%2FamH%2FamH%2FbW3%2Fa2H%2FbGH%2Fa2P%2FaWn%2Fa2L%2Fb2T%2FbGL%2Fa2L%2FamP%2Fa2H%2Fa2L%2Fa2L%2FbGL%2FaWL%2Fa2L%2FamL%2FdF3%2FbF%2F%2FaWT%2Ff1X%2FamL%2Fa2L%2Fa2P%2Fal%2F%2Fa2H%2FaWT%2FamH%2Fa2L%2Fa2L%2FbGP%2Fa2L%2Fa2L%2Fa2L%2Fb1%2F%2FcWP%2Fa2L%2FamL%2Fa2L%2Famr%2Fa2L%2Fa2L%2Fa2L%2FamL%2Fa2L%2FbWH%2Fa2P%2FaWH%2FaF7%2Fa2L%2Fa2H%2FbWD%2FbV%2F%2Fa2L%2FbGL%2Fa2P%2Fa2H%2Fa2L%2Fa2H%2Fa2L%2FAAD%2Fbmb%2Fa2L%2Fa2L%2FbWT%2FamL%2FamH%2Fa2L%2FamP%2Fa2L%2Fa2H%2FaF3%2Fa2L%2FamD%2FbGL%2Fa2L%2FaGL%2FamL%2FbGH%2Fa2P%2Fa2H%2FbWP%2Fa2P%2Fa2L%2FbGH%2FamH%2Fa2H%2Fa2L%2FamL%2Fa2H%2Fa2L%2FamH%2FbGH%2FbGD%2Fa2P%2FbGH%2FaWT%2FamL%2FamP%2FbGH%2FamL%2Fa2L%2Fa2H%2FamL%2FbGP%2FbGP%2FaWH%2FbmD%2Fa2L%2FamP%2Fa2L%2FamL%2FamP%2FaWH%2Fa2L%2Fa2L%2FamH%2FZmb%2FbGL%2FbGH%2Fa2L%2Fa2H%2FbGP%2Fa2L%2Fa2L%2Fa2H%2Fa2H%2Fa2H%2Fa2L%2Fa2H%2FamL%2FamL%2Fa2H%2FamH%2Fa2H%2FamL%2FbGL%2Fa2H%2FaWH%2FZmb%2FamP%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2Fa2X%2FaWL%2FbGP%2FamL%2Fa2L%2FamL%2Fa2P%2FbGL%2Fa2P%2FsntSbwAAAQB0Uk5TAAUaMEZWZneHl6exu8bM29%2Fu%2Bv%2F53tqmloZ2VUUvGQQVMU5siKS%2F1erp1L6ja00UAyFojLDT9%2FXSrotnQyACRG%2BZxPSqgCtekaI8CS1knPvQmmIOSoXy8YNIDfwTis%2F%2B%2Fc0IuHPhB%2FOtXxGzF23Dakyp9kkn5WULKC4GhOiBGDI4VMXBUNfc5BAS8H%2FvDOvj4GDWKrUiG5%2FmPSN6ND7Z51HsAR7AvRztWdgpU7oW4jVjyixBYV2gNkD4XHFpdX1%2BcE9HQh%2BVM8moe5K5t690Oz8llCRYnlIdvN3HCrRXjzeOjTnRbrLLeXjCk5CdtoKlOg%2BJrJiryCZLWs5yW3yhmyBS3SAAAB%2BCSURBVHic7Z13eFVV1sZPKAlICCQ3ohgglAsBYSAoEBBMAdKkE0yQIDdEDANBVKqEAEMnEKqAoCAkUlSKiI2gYMEGCBYcijgjgljGGdERBR2%2FmS8JCWn33lP23uc9e5%2F9%2B8vnkedhvetdJOfss%2FZaimIXfKpVr1HT169W7Rvq%2BNcNqFc%2FsJAgRyHBRf91Y4OAuv51brq54S2%2BIY0aNwlFRyuhRdNmzVs4W7YKa%2B3QRZtb27ar9af21Tug45cYJLxjo9tu79S5iz7fqxLRtdsd3XvcGYnWI9FOtajomJ69SJ2vSHBY79iQuHC0NIl3fOLiE3pG0LW%2BYhkkRt%2FVB61S4o7wvv36dx3AzvsyggYOGhwnfyVYiaQhd7dNNsP7MlL8h94zDK1bUsiwKGfPIHPNLyU1LCZkOFq%2FrenT6N4RLoz5paSNdPZIR%2BfBnjS%2BxZ%2F4HY8OEfeNikNnw2akRyXcj7a9IvVj2megs2IXhg%2FuRPklnw6j%2FzxmLDo34tMhPhP0yKeF1J7RTdAZEplxD4xPQ3usRmqrB%2BX3Ayb0CbHyv%2F3ypPrHyyMCyoQ%2B9PAEtK96iLhpovxuQI9JsRZ75tfC5IS%2B6LyJwbApddFeGsQ1fvBUdPa45xFnINpHElJipqEzyDNZIf5oB8kJ8JXfj41RbbrONi6rkj1jJjqXHDIrxiIn%2FTQI7v0XdD75InL2HLRntJk7T%2FaQaCUrfj7aLhYsiJbfjbUwLHoh2ipWZMcuQmfX8uQMXYy2iSWBS2QJeGN4bC7aItYkO3PQWbYsHWKF%2FtdfymhZAm5Z6mcL%2B4sY7UxCZ9tyZPlmo20xk2V%2B8o2gPKFTlqMtMZsVK%2BX34utEdUXbgWDVPei8W4RHV6OtQJG5Bp17C7D2Mcu3%2BbGjS0O79475RJt8p89qrPO19aNAjzC0AXhGrke7AOPx3ujkW4PMO9FOQPB5QqAP%2FmREjLLh74HqAei0W4mBG9B%2BmEwfZyo659ZiQIKtGog3PolOuPVY0APtimksigFPdbAmrkSbjBtpL2zHDymb4tHemMDaTHSarUw34RvIN%2Behc2xtWjdHO8SUPgnoBFufRIFfBzbIh38NzJ%2BF9okR%2BdHB6NzyQVCskHdIntqCTiw%2FbN2Gdos%2Bs7ejs8oTi59G%2B0WZpER0Snmjv1DPgpPkd3%2FdPPMs2jV6NLdNxz9NknegfaNEuFMe%2FRvC5RSiTaDDTnQi%2BaXtLrR75Myqj84iz%2Bx%2BDu0fKfFczXe0Hl32oB0kImMQOoH8E5OFdtE41Z5HZ08E6o5D%2B2iUvRwOeLUiN3J6IhAl3%2F4pEfgC2ksjvMjJcHceCH4J7aZu8mPRSRMKV2w%2B2lF9ZLREp0w0XubqZSBHfvunzlaOBsytEXLSJ5owbu6QviLIlG%2BrsakZ2llt7EtBZ0pURnNxe6y9vPXNjILNaHfV2T8AnSWRGbAS7a8ar8rmD6akvYZ22DsH0AkSHteraI%2B94YdOjx04iHbZM%2FL41xScaJ89MRSdGbtg0Qq4G50X%2BxCL9tod8t%2B%2Fifih3a7K6%2Bic2AqX5d4GR6FTYjNc%2FdCOV%2BQNdEJsR%2BpstOfleUme%2F5lO0ENo18t4U57%2FAwh%2BC%2B17KYfk9z8IERYZNP%2FKaHQm7EquJTpEOrZB58G%2BbHob7b6i5DyDzoKdWTUW7X%2FWVnQO7M2WDKz%2F%2BXL4E5ibsDdG5AcgOK8j%2FR%2BMVi9xuIAz5vfJ2a8WIAjWLP5oLlq7pIjFezH%2BN5HzHyxCfcgMkXQ5%2F8UyzEFcHe6PVi0p4x3z%2FfdFa5aU50Wz%2FX%2BlAC1ZUp4u75rr%2F3A5%2F9NirOhgpv%2Bh4n4BWPbe%2BzH3DvU77DzS%2F2g9ns45PjBzz8y9aLVMyD52%2FMOkCjrDOz59JICXdqeh5vk%2FT8AWwN0Jd3n4rDI2PpOLiXcu0%2FYLPJqM1kqbtGMfef2o1vTwOnSIGlj8sTn%2BJ4nWAhL8yQlV0RkrOdh52NmcPUOitQD4P6pJto%2FvMnSkqgxibH0xn6JV0qWe9m9pHf6KDlaVkwyNL2GbWPv%2FEpfqEW%2F51deBp1j5Xkr4XLRGmgTO0ym%2FWlt0yCqcZn0acBitkCZn9A%2FiD70ZHbQKxxmYXo53eTobU%2BMzQzu5otPQcXulgOllkaUN0PoosjrdWBLGWLsCVp2l63kFROoB2GnQf0V50doVwLA3YDNaG0XGExya7LH2UXhzeo5XZK3VX4J0EDaMJBMN0eF7pfVMWo5XohNaGT1SyBZxRX6OFuCVTEqGV%2BJvaF30SJtImItF1n4a%2FpSK4ZXIyUbLosffibPxRSpagzfyWPSJv4xWRY%2F6us5%2F3XMOLcIrD5MLrEwjaz%2F56sF1iEI%2Bpp5By%2FAK9a9CZxegJdGjG5WMWPuRaBPtHWNfohXRw9WYSkbyB6KFeIXycdBzln7m0cf7lHJyEi3EK2nnKcksxsfa1a4PWlco8uuhlXjlQiglnUU8gVZDka7UsmLxT%2BMHqAlVHhdpEuRX1NJyytq%2FF3vR6w66iNZCkVSKV6gs3h7Um5bOGmglNPmaVlYK%2BQYtRoUadGRmCXUPgOa%2BnVfQYlQI86Ei81u0Dqo0opKTa4RbfUjSGzRUrhVrFjTVW9TfodWosNhQ12MlBPoIVMh2Chkpw%2FItcrXJNTa2dgOcXuaQZ6Qct6DlqJFKPkHuNFoDXdpRsL2MHWg5qqwmlfgQWgFl%2FkHD9%2Bs0QstRh%2FBVMHQVWgBl6G5d%2FQtajjoXwokUCjcM7jAl668Rh5ajAaJZ0n2Wo8Onzbe0vC%2FmEbQcDdQnmSJ6HB09dehOUtqAlqOFFsb1DRNvH9T39Nwv5AW0HC20Nn4HZgY6dvr8k6L9itIeLUcTTxiV10G4aWAOx06a%2FisPouVoItdog6gTHTkD7qdaAAloOdqINaZuuIA%2FABwuqrfnP0DL0cZiY9sFxdwIRnWqNi87U5YYEZcj4g8Ah2MURf%2FXoMVoZbGRp4Dp6KjZ8C%2BKBcDPOelB%2FeKSFqODZkMviut13keL0Uye%2FuuwYjWClUPvaEDPTOXol%2BSresVl8DAe2xB1qBXAGLQUHSzX%2B4OvOzpiZgyoRqsAtqCl6GGlPm3h1h6BQsQPlPzvy9XEhDB9W8Zno%2BNlSMpwOgXQDS1EH%2FqGx9VFh8uSWlT8f5erHwAORys94p5DR8uUXk9R8D%2Bfu25ZPUOEL6GDZctpfb8P3bIHLUI3L2sXV02kmeDuIF%2B02iQQrUE3wdoHiAp6ClxGbkdC%2FyNXoyUYQPNX4YzW6FCZ05VwUiCX%2F0SytR4G7UdHagLHiFarnOTsDaAErRNke6IDNYM7CPz%2FsRc6emNs0SZvGjpOc7jdsP%2Bz%2BHsALCFOk77a6DBN4l6D%2Flfnd3Gepqb4pSnoMM0ixtAElUZWHwvihVwta1KmoKM0j6M%2F6ff%2FNV62ybtljAaFQn8GqESYtrXBZaR%2Fgg6ZjLnqEifx%2BYZjkC5%2Bul4H40agAybEpb4n%2Fd%2FoGE1m552a7fc5XoCOlhjVy7GhwraCeSI4QeOTQFRndKgUWK42L0K0kTBaaP2Ghvuz63eiw6SD2siY3ugAISQneP9FENlemEdjlSlZwyagAwSR1jN6rYechN%2BVsAkdHj16eT8K4KnTmTZpX39fs3IRZPx4%2FBi%2FB39u8f5F6D50eGgCR%2F78pd9XvjXjff2W9N96I9enPu656M3%2FXQIKllQkyFtT9Ffo6CTs6e6lAGzRCWB3Tnv2f6ZYg6Elbklt6rEA%2BJh5JCFkj8cC2IoOTWIGHmdkDJfvALYgyNPMqBfRkUnMYb%2BHAqiDDkxiDh4WCmaItR1K4pEU9zdEhqDjkphFD7cFcDM6LIlZnHNbACvQYUnMYoE7%2F21yIUhSxCQ3BWD5HXgSekS7KQB%2FdFAS8%2Fi8qv%2Fpdm0GsyW9MqoUQA10TBIz%2BahKAdyBDkliJtOrFMBAdEgSM3mvsv85shfEVqRWXiExDx2RxFyGVCqAc%2BiAJOZSeYv2SHRAEnP5rKL%2FSanogCTmMqDipET5Kdh2RFUogIbocCRmM6NCAbRFhyMxm%2FvK%2Bx9pm9FwklJyy09Hkr0ANuTZcgVgo9mAklLKL03ojw5GYj6XyxVAV3QwZhE4%2BUxAQEC9M20C5cHHiDL%2F0wW%2FExb85NHLfn97ZVx6%2BefeJrMemjLjlyftWwjBZU0hAi8JS%2B382IPPeduU0WfDnna2m414jVnXk8DPGnRdBLX126htNcze6KM2%2FEkw%2BLr%2By%2BhQGJCdGKJrFniTaNuNR%2FnHdfG%2FokOhjKvugb16zC%2BhcaLgz0KV6FkqPFyohuC08dHbDLhfzJpBom9MLM%2Fo0rPAK%2BhI6JHa6k9NjLpfzCk7zcot3Z64GR0ILcL8yNwvZkh9tAzTuFoi%2BQl0IFR4csnH5O4XMfWcXXZm3FKiuCU6EHKyz22g434xO5LResyhdJ0073tQgjNDDO3%2F8syVMLQmU3j%2BmlrOXwJGPuBt%2BK1BkuaiZZnB6PxisR3RcRCw7Fxf%2Bu4XMbUVWpoZnCrW2ggdhmECfPuwsb%2BQs3a4Lr%2BvWOpt6DCM0ebflJ76PdBHtPNRN%2FQrVno7OgwjzAnx9omPCtUmo0Uy59r1oE7oMIxg5KxfL7Mi0CpZ80uxzlvRYRggL9%2BEAlD2oGWyZmCRynwe6%2FyYGf6Lv0IpuUhkU3QURnjVnAJ4SvQjwaK54c3QQRjhXXMKQHkALZQx0wo1vokOwgApahtwaRH%2BJFoqW4q%2BB7ZAB2EAjzsvqLMSLZUtryl87ov%2FxrQCCH8GrZUpDQslXkIHYYAPTSsAwV8Fi1ZJc%2FjVYwLzU8Aypgq9RqNoh%2BAqdBD62Wqe%2F0K0y3imc6FADpdjx5pZAG%2Bh1bKkjaL4cNgAd6iCQzmHXr2ceaH1YofDFbhwQcB37X747QrFk%2BLwPLRchqSFK9XQMegn%2BOx1d3Z9OmiBuz%2BSd6lm1XnYBulmtj4zGcfjQeCcEmdOHJjjZcBtm9fPevVVM0KvVJ%2FG45j44q%2FY7w7trPbndt9FpQCEnp%2FTQ6mJDkE%2FQ5QrsQ20%2FMGgmjQKIFLkL0I7eLwaHvu11j9Z8CONCvidpRgw%2FQTfFdWAxnOAyNcFjyu10CGw5TiFAhB5jOp00feFrqNwatwPLYIhnyg3oUNgTHvyApiN1sCQlspFdAiMSSQvgHvQGhjSSTmNDoExy8kLYD1aA0OOKnPQIbDmKeIC4PCwVDPjub8brkrl7Uj6aYyWwJCRitgtT4X8h7gAzqMlMGSVshsdAmu%2BJC4Afq9Pq1NfaY0OgTXtiAuAx8Z5rWQrgegQWONmU7pO%2FkBLYEieIvyymNPEBcDpAAVN5Cq90CGwZjxxAfwfWgJDRisF6BBYM5e4AI6gJTBkgiL8fOSjxAVwA1oCQ4IUDpuC9XGRuABEPi1PU7y0VYrBJeICEPmwNE38XwF%2FJy4AkTfKBIv%2FEHiYuABE3iEwQfzXwCmk%2Fi9CK2DJaEXknudiotQt9o7Q9wJyxT8KXkNaAFfRCliSJ%2FzHoAHEk%2BRFPgl2ZAv%2FOXg%2Bqf9Cd4U76gvfEPILcQGIfBDoWCX0KUcRB4kL4AJaAksChG8K3Uzqf3gXtASWjBf6oLuItaQFcAKtgClHRb8YspvUf6U5WgJTOol%2BNaw3cQH8gJbAlJbKO%2BgQ2EI%2BVnwnWgJTjih3o0Ngy3lS%2F%2FPFPir9QfABEcHppAXwCFoCW0bxOCJGB7%2BS%2Bq90R0tgy2Aeh0TpgLwb5Be0BLbsEPrek8Mxj9T%2FSA4n6erhkFIdHQJLXMRrhZ9DS2DMXqUJOgSWDCT1XzmMlsCYpkqoyG3BCcQFMB4tgS2p4YqyDB0EQ06S%2Bp8UhJbAlmyFz8WhGnHtIi0AkQeEFXGhUONWdBDs6Ezqv9IfLYExOxWhV6IcIS6A5WgJjCkaoifwrNirpP73RStgzfRCkQ%2Big2BGwVLSAjiAlsCa7oUi26ODYAb5xXCBn4%2BuMbFQpLhHgcS9AFOFvzi5t1DlcHQQzHiWtADE7gYrIqlIpqjXQ1eQ%2Bi%2F6KH2HI6VYpuryJU6pTVwAZ9ASWPN7scxj6DAY8Sap%2F5PQCphzrWX2DnQYbAhKIi2AN9ASmNOwWKegt1%2FbkvqvfICWwJw9xTqj0GGw4RZS%2F%2FtEoCUw56NioW%2Bjw2DDNNICEHlTTAnX7s1FClnp64gXiH%2BPlsCc0SU5EnIzZn9S%2F4WfnFDWNN8OHQgLZpP63xGtgD1%2FLZH6BDoQBqTmkBaAuF9Jr1O6VlXEjRjkQ%2BLroCWwZ2KJ1I%2FRgTCAeD5olvADFB2Ot0u0hgv4GvAuaQEcQitgT8r1F6XP0KFQp3UkaQHci5bAnrJVGuJ99vwvqf%2FCfiMtR9m1mSnoUKjzNKn%2F24RfpOFwrLyudgM6FNqkNSUtgH5oCSbQ%2BLraDNEuQH1G6r%2FyM1oCe4KzyuQORAdDmVhS%2F0Nz0RLYM7Kc3kHoYCjzBWkBrEcrMIF3yundgw6GLsvCSQtA8NlpxcSX0xuHDoYu5IvCRqIlmMCVcnrzxfqV9xKp%2F01FnppRwvYKDRP%2B6HBo4hpHWgDxaAkmsLqC4qHocGgSQOq%2FcgktwQSWVFAsVP%2FbUFL%2FI0VfpFTEoQqSl4q0QPRD0gL4Aq3ABILPVtT8PDogeuSGkhbAErQEE%2BhZSfPt6IDoQb4iQLzP41VpWEmzQDehB5P6PzYVLcEE7qksWpg3XxfxlqBP0RJMILXKzUlhzr4ukPqvvIyWYAJVv5c60SHRwknqf%2F46tAQT%2BKGK7B7okGixj7QAmqEVmMH6KrLTBWkNTs5y46kuRLwnU5lkNyu1j6KDosMxUv%2BVuWgJJlDHje7j6KDo0J3Uf9EHhBfTwo1wQXoC3nYjTRcn0QrM4IQ75QvQUdEgjNR%2F4drj3DHfrfIj6LBo8CVxAdyPlmACd7hV%2FhY6LBo0IvVfkN%2BE3nH%2FqpwhwH3YXsSbQgV5FvbKYjcvgUX8GR0YOZmk%2FovVHOeBGzxoH4MOjBx3rze6EH9AeCG%2FeRC%2FKBgdGTGPkxaAuNsTyijwOEOV%2B8PABqT%2BK5%2BgJZjARY%2Fqud8kTr4l6km0BBNY6VF9B95bQyd6lKaRamgFJhDkZYDaFnRwZHQ561maNl5CSzCB%2B7zo53w2njdp2vgrWoIJ7PGivynfX8LeIC6A%2BmgJ7An2OkJzNTo8Ioi3RNlgPKyjm9cM7EeHR0Ie8YDwwWgJJuB9iPJSnleIrfYqTQuJaAnsSenjPQU3oQMk4CBxAdjgFOAxlRRMRAdIQA1S%2F5OEuR3jmUMqOYjcjY7QMK6xpAXwAloCe1aoztBtiA7RMKtI%2FbdDL4D6AL2PuZ2RqvbbTZ0b0BKY41qjnoWe6CCNchtxAdRDS2DOVg1Z4PZdeAOp%2F4u4%2FeGnmf0a0nA2EB2lMdKmkhaAMNcjPZKr6WsZp%2B3hZ0j9V6LREphzTlMenuXzJ6G76276qI2WwBrXJG2J%2BA4dqCFqERfAVrQE1pzWmIin0YEaQsvzjXcWoiWwJkRjIrKy0ZEaYRap%2F0v5%2FNWnnXUe7oNUJRYdqgHSVL5yqTMLLYE12j%2BWzeTwdsRuUv%2BFHw7Wpan2XPwXHax%2ByNcEiT4f9J86csHhnKSfiQtA9IbQaXqSwd%2BcHPI7If9CS2CLv65kzEOHq5tviAvgd7QEtgzRlYzI%2Beh49TKGuADEbgnvqrNjlrtvglHEBdAGLYEpf%2BjMRtZydMQ6aayuSYUUtASW1Ne9ROE%2F6JB14nbwmS44%2FQyujT%2FpTsew7eiY9bGNuABEnhHd2sC1Wc7ORToQF4AQcxI9YOQd6Se%2BfiQS3wxX6qIlsCNvmJGEzECHrQvidcEiDEnzxBOGEvITT%2Ftkg4n9V%2B5Fa2DGdkM%2FAPhaJ9qLvAAEmJLngcMGM5KzGB25dtKIr4Yre9EaWJHncSycGgfRoeuA%2FCFQ2F1Bxw2nZClHp6O7iAtA%2BR9aAxsmE%2FRKcdQpTzwjVFHOozWwgeTKXMYKdPSaIV4Wpgi6Mrae5lZQd7yIDl8zUygUwHoR%2B4I9TYbWRvhAdPxacb8EQydf6vgLJzCTQpWvVSdCeGcfWoBWOtEoAJ86Gv%2B2goffep2pHFq4PiTNCS8HpAtpFIDio%2BV%2BYOp30cN52SxxE3FK1nRBa9CIxouPaky81ftfk9z7peFFf86Hi4F6EafIM8LL0KDXyKUWE3lydaqHvyJtxN9rlG6m5eOdUX0kkDrDODkg%2B4WC1hJyatZ%2BvvIPvoWf392%2B%2FBgyP4hInewmPx8tZCVahjZSiCeEVCD87Y%2Be9h110Fk75o6hb5zcMLzy%2F%2BfiFsHTVFIR%2BR5ahzbiqajVSDgPH8rqkn8hK%2BY8H%2Bcjreio1cYGtFoNpL1CSy0f8%2FNcFD4HaGYUWq0GyAcnlvJUBFqLJv5HTbA6Wk%2BMgCQ3oSeXjxmqqZSOAjQQyUHTvP6rAJ4J%2FxqtRhOJFCV7pzpaqjq%2FEn4EqCSYi4Vyqc1oavbGV2ipqhQ8SldxLbQgTQzMUldCBet%2FIVlCWXHGKrQiTcygLNsD%2BZbvlZufQVvzPi4OA4KIh8VpIg6tU420H%2BmLHoQWpYkV4%2Bgrr4rlF2ySD8ypyiI%2BPgrNof6zryoZn6NVqrDb4FUg7%2BxAy9LGw5QOwD3yrNPyTwDN2Si3%2FqNvMbVZVkBSPAedQORtQO6Z2RqtTBuXqR6BlCN%2F4395OBTf1JSRfmUiF28CDscl3QNxtNAkujNamCZcV1mov8bNaHEaWU28QrAyPvMyuTgMLeR72trLkd4VrU4j9xNvkKrAJCc%2FE%2FRvJR6b7o1mwWh9Gomg1x%2BUNJinTXpd9lIT7pYDaIGa2Url43B4VCIX%2Fd%2FXeYCGai9EnkYr1MyEWOIzoTjnJrQKndzH%2BhREWZuH1qidZ%2BJJXgdOfRuGFqCbNjOpGe2RzWiRelgRnW5MZZ8Qbp76y%2BFqT9dr9%2FRHy9TFZKf%2Bzoj0hy7xcOBTlXcY2F2VqXych5QR8NVaHfJm7n84GR2xQX5n%2BgZYxsc8XIqoyKojb%2F6kLix0b3zCBU5OO92wvSN776%2FRnMckpXa%2B4durT3lQlH5io2%2Ft9ziZ%2BeCBtHvM8p%2BvEZIV6VK%2F588Jh6N9V4bMi5od4tvd71vn5cyBnHzl8s7%2Fmee%2FEsnF1Uh7cZHVN1C3jD2D1iupSINFZvqvKI35fE8Sll6MPwFU5Q%2B0ZEl5TL0bf4130JolZXxpvv9K1hy0akkpW5i0QKnRoR5at%2BQaZyhMyjbCI3xtFRKWvCsY%2FxVlYwFau8Th6EI8DNQ4n%2FJ4JiwYLr1LYanC2XJBEfFD%2Bq%2FkP4bWb3f6Q%2F1XFJ%2Bd6AzYmw8gL4DlSeLlqoCQ3Kqhy4E12xais2BfJlMYBk7OLP4ahAQhz%2FQvQO45z9fVCWFIeQ7tfCmNeLkwJhQRH6F9L%2BO3NHQ27EfwRLTr5XlNHgmaTNCbaM8rwtGOUSFII1sHyID%2FoFNiK1zd0X5XhY89eoJgfCE4Q%2Fi9LMAdh9Feu4eLRVoi4EQ77YkW8l3ABFyvon32THd5HsCc1H5ol73xG4dTFfgiFXADQA%2FNZZsgU4JPoh1WYyLfd6wtTkQNtL%2FqbOR1vgYHjD6EdlcLGziaI8YXgV%2BgvdVGM96G63HCQov0f6izdgQ6VyLS1dN8GwsyTE4Qoc5OC%2FR%2Faif0MjpfovFPH7SnOomWx8IUccWi%2FdRPSBd01sShwHLtH1r4cRk6b6KwfSPaS2OcaIDOnBgsoLL5AME4OUWGAluGo300TqgTnT3%2BieHt8b8if8h5gkRMGIN2kJTqcqYoAfX6ov0jJ%2BcDdBb55XPq%2Bw8R5PvJRjFDuJymzn9myFU5T84A202c%2F8%2BaE3KMiG5GrEG7RpOp%2F0PnkzNc75i0%2F8c0Nss%2BIR20NmX%2Fm7mMkz0CmtlZDe0WC%2FKjZcu4Jrr4ifL0X5m4C%2Bjc8kBYY7RP7EhPkG0iKrhizqJdYspb69AZtjZtrqIdYs3MY%2BgcW5kbmqL9MYEQIdY0smCy5S%2F%2B0WFsDDrTlsQVk4R2xjROyieBKoT9iHbFTH5KSEUn3FoEOTPQnpjMrK%2FRObcSdePQfphP6AE5Y7qE5BaiHv15Z22iPBYqxNXbElP%2FIeyTfQKO58%2BjXUASGm3zbRML4%2FPRHoDZVdvGg8UiYsU%2B%2BNfGpN5oH1Bk3onOvUXoYcuJIiPXo%2FNuHcLH1EfbYTb1frPnq58nfHxtdTrcxs9uB3%2FqnPWzze2B7X6itfzSYZg9SmB77CJ0pi2LDUogT9rvlZ9e3462iCWtvxmGzrDlmRp9P9omVqyIluc%2BWvCJvxVtFQu6xvM968NMIpu3QttFm9ND7H7or5PqMQItHihInIbOJ4fMjM1GG0eHdQebonPJKVkh%2Fvy3jATIX%2F0kXHFyfa18cQw3M%2F4ty9kxczn9MZC2dX86OnticMrvRrSZ%2BlnufBydN4GIrNFuNNpRPaS83EN%2B7aVMevvewWhftVGQGT8VnS0xyfE9bfkGwqCje%2BTXHobkxGdaeNBMgX%2F0LnSGxGfR%2Fl9S0E67I%2Ff93%2BxzvRdM%2BF3OMLTfFTkT0z4LnRWbMSn6c4tcLky%2B2OIEOhv2JGvf3c%2BDr5mn%2FvrDennUi2RpVKw%2F6LFwQEBCiBDz3LlnaqMZ9%2BWaa%2F72fy05JNt7rET%2Bsysvjwgyw%2FvgkTePmSS7OyxJaFx8gj%2FDrtLknjHRd8kPPFanWlR0TM9kutYXhPWODYmT5%2Fv8kH%2FqhX7On0cQ10HK771r7floG1qOxChj%2Bz70WsPE052zdS0uSsvu6p84%2Fbare7na2S7xRvjMvodm9zs%2B%2FZOW3fzHB8w%2FkxcYGFjcdxpR%2BB95Z%2BYHfOf%2F55afTB%2B1Z8ehvePs87P%2B%2FwFACJpk2Fx8mQAAAABJRU5ErkJggg%3D%3D%22%2F%3E%09%3C%2Fdefs%3E%09%3Cstyle%3E%09%3C%2Fstyle%3E%09%3Cuse id%3D%22Background%22 href%3D%22%23img1%22 x%3D%220%22 y%3D%220%22%2F%3E%3C%2Fsvg%3E");
margin-right: 0.625em;
height: 20px;
}
.surepass-sdk-ui-PanAndDob-btnOtp {
/*width: 100*@unit;*/
margin: 1.25em auto;
}
.surepass-sdk-ui-PanAndDob-datepicker {
font-size: 22px;
font-family: Montserrat;
height: 80px;
border: 0;
background: #efefef;
padding-left: 1.25em;
width: 100%;
}
.surepass-sdk-ui-PanAndDob-datepicker:focus {
border: 2px solid #6c63ff !important;
border-radius: 5px;
box-shadow: none;
background-color: #ffffff;
}
.surepass-sdk-ui-PanAndDob-pageTitle .surepass-sdk-ui-PanAndDob-title {
font-weight: 400;
}
.surepass-sdk-ui-PanAndDob-submitBtn {
margin: 1rem 0rem;
}
.surepass-sdk-ui-PanAndDob-titleBold {
font-weight: 500;
}
.surepass-sdk-ui-PanAndDob-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
}
.surepass-sdk-ui-PanAndDob-spanText {
color: #707070;
font-family: Montserrat;
font-size: 1.0625em;
font-weight: 400;
line-height: 1.75em;
text-align: left;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ReturnLink-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ReturnLink-titleText p {
margin: 0em;
}
.surepass-sdk-ui-ReturnLink-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-ReturnLink-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-ReturnLink-bottomDiv {
display: flex;
flex-direction: column;
padding: 2rem 2rem;
}
.surepass-sdk-ui-ReturnLink-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-ReturnLink-downloadLink {
font-size: 14px;
text-align: center;
margin-top: 10px;
letter-spacing: 0.5px;
color: #2A55E5;
transition: opacity 1s;
}
.surepass-sdk-ui-ReturnLink-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
}
.surepass-sdk-ui-ReturnLink-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-ReturnLink-mainImageDiv {
display: flex;
flex: 2;
flex-direction: column;
justify-content: center;
align-items: center;
}
.surepass-sdk-ui-ReturnLink-welcomeImage {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-ReturnLink-errorImage {
width: 99%;
height: auto;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-ReturnLink-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-ReturnLink-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-ReturnLink-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ReturnLink-titleText {
font-size: 28px;
}
.surepass-sdk-ui-ReturnLink-text {
font-size: 17px;
line-height: 32px;
margin: 1rem 1rem;
}
.surepass-sdk-ui-ReturnLink-titleText p {
margin: 1rem 1rem;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-OfflineAadhaar-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-OfflineAadhaar-pageTitle {
text-align: center;
}
.surepass-sdk-ui-OfflineAadhaar-feedback {
display: flex;
}
.surepass-sdk-ui-OfflineAadhaar-parentCustom {
background-color: #ffffff;
text-align: left;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
}
.surepass-sdk-ui-OfflineAadhaar-thickWrapper {
/*position: absolute;*/
}
.surepass-sdk-ui-OfflineAadhaar-box {
width: 100px;
height: 100px;
background: #ff1c68;
}
.surepass-sdk-ui-OfflineAadhaar-inVisible {
display: none;
}
.surepass-sdk-ui-OfflineAadhaar-visible {
display: block;
}
.surepass-sdk-ui-OfflineAadhaar-submitBtn {
margin: 3rem 0rem;
}
.surepass-sdk-ui-OfflineAadhaar-titleBold {
font-weight: 500;
color: #ffffff;
}
.surepass-sdk-ui-OfflineAadhaar-headingBlock {
transition: opacity 1s;
opacity: 1;
}
.surepass-sdk-ui-OfflineAadhaar-score {
font-size: 2.5em;
font-weight: 800;
transform: scale(2);
color: #ffffff;
position: absolute;
transition: transform 1s;
top: 45%;
left: 45%;
}
.surepass-sdk-ui-OfflineAadhaar-titleBoldSec {
text-align: center;
}
.surepass-sdk-ui-OfflineAadhaar-nameHead,
.surepass-sdk-ui-OfflineAadhaar-boldTitleStyle {
font-weight: 600;
font-size: 36px;
margin-left: 0.3125em;
color: #ffffff;
}
.surepass-sdk-ui-OfflineAadhaar-nameHeadSec {
font-weight: 500;
font-size: 36px;
margin-left: 0.3125em;
color: #000000;
}
.surepass-sdk-ui-OfflineAadhaar-boldScore {
font-size: 5em;
font-weight: 800;
display: none;
text-align: center;
transition: transform 1s;
transform: scale(0);
color: #000;
}
.surepass-sdk-ui-OfflineAadhaar-accordian_block {
text-align: justify;
color: #000;
padding: 20px 0px;
}
.surepass-sdk-ui-OfflineAadhaar-accordian_title,
.surepass-sdk-ui-OfflineAadhaar-btn_title_text {
cursor: pointer;
font-size: 22px;
font-weight: 600;
transition: 0.4s;
color: #6c63ff;
}
.surepass-sdk-ui-OfflineAadhaar-btn_title_text {
color: #000000;
}
.surepass-sdk-ui-OfflineAadhaar-aadhaarInputWrapper {
margin-top: 30px;
}
.surepass-sdk-ui-OfflineAadhaar-inputClearIcon::-webkit-outer-spin-button,
.surepass-sdk-ui-OfflineAadhaar-inputClearIcon::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/* Firefox */
.surepass-sdk-ui-OfflineAadhaar-inputClearIcon[type=number] {
-moz-appearance: textfield;
}
.surepass-sdk-ui-OfflineAadhaar-imageMask {
cursor: pointer;
opacity: 0;
width: auto;
height: auto;
right: 10px;
top: 15%;
position: absolute;
}
.surepass-sdk-ui-OfflineAadhaar-errorWrapper {
/*height: 60px;*/
overflow: hidden;
}
.surepass-sdk-ui-OfflineAadhaar-otpHintDiv {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.surepass-sdk-ui-OfflineAadhaar-showError {
visibility: visible;
}
.surepass-sdk-ui-OfflineAadhaar-hideError {
visibility: hidden;
}
.surepass-sdk-ui-OfflineAadhaar-checkboxDiv {
margin-top: 0.625em;
padding: 0.625em 0.625em;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-OfflineAadhaar-detailsBlock {
display: flex;
flex-direction: column;
/*flex: 2;*/
/*justify-content: space-between;*/
}
.surepass-sdk-ui-OfflineAadhaar-mainWrapper {
height: 50vh;
overflow-y: scroll;
}
.surepass-sdk-ui-OfflineAadhaar-loaderImageWrapper {
width: 100%;
}
.surepass-sdk-ui-OfflineAadhaar-loaderImage {
width: 100%;
}
.surepass-sdk-ui-OfflineAadhaar-childDiv {
padding: 10px 10px;
/*margin: 20px 20px 0px 20px;*/
/*border: 1px solid #d9d9d9;*/
border-radius: 10px;
background: #fff;
/*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;*/
}
.surepass-sdk-ui-OfflineAadhaar-heading {
font-size: 14px;
font-weight: 600;
color: #111112;
}
.surepass-sdk-ui-OfflineAadhaar-readFaqContainer {
width: 100%;
padding: 0px 14px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.surepass-sdk-ui-OfflineAadhaar-readFaqTitle {
font-family: Roboto !important;
font-weight: 400;
font-size: 14px;
color: #111111;
width: 100%;
text-align: center;
}
.surepass-sdk-ui-OfflineAadhaar-accordion {
/*color: #444;*/
cursor: pointer;
padding: 18px;
width: 100%;
/*border: none;*/
/*text-align: left;*/
outline: none;
font-size: 15px;
transition: 0.4s;
}
.surepass-sdk-ui-OfflineAadhaar-accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.surepass-sdk-ui-OfflineAadhaar-active:after {
content: '\2212';
}
.surepass-sdk-ui-OfflineAadhaar-panel {
padding: 0 18px;
/*background-color: white;*/
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.surepass-sdk-ui-OfflineAadhaar-readFaqArrowIcon {
width: 22px;
-o-object-fit: contain;
object-fit: contain;
padding-right: 10px;
transition: all 0.4ms ease;
}
.surepass-sdk-ui-OfflineAadhaar-termsConditionContainer {
width: 100%;
padding: 0px 14px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.surepass-sdk-ui-OfflineAadhaar-hr {
width: 50%;
border: none;
outline: none;
padding: 1px;
margin: 20px auto;
background: #777777;
}
.surepass-sdk-ui-OfflineAadhaar-checkboxText {
font-size: 12px;
line-height: 28px;
font-weight: 400;
margin-top: 0px;
color: #6b62ff;
}
.surepass-sdk-ui-OfflineAadhaar-infoText {
color: #6b62ff;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
}
.surepass-sdk-ui-OfflineAadhaar-infoText:before {
content: url("data:image/svg+xml,%3Csvg version%3D%221.2%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22 width%3D%2217%22 height%3D%2217%22%3E%09%3Ctitle%3Einformation-button%3C%2Ftitle%3E%09%3Cdefs%3E%09%09%3Cimage width%3D%22512%22 height%3D%22512%22 id%3D%22img1%22 href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAAXNSR0IB2cksfwAAAwBQTFRFAAAAZmb%2FbGL%2Fal%2F%2FamL%2Fa2L%2Fa2H%2Fa2L%2FbGL%2FamL%2Fa2L%2Fa2L%2FamL%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2FamL%2Fa2L%2FamL%2Fa2L%2Fa2L%2FamH%2FbGH%2FbGP%2Fa2T%2FbGL%2FZmb%2Ff3%2F%2FbWH%2FbWP%2FbGL%2FamP%2Fa2H%2Fa2L%2Fa2H%2FamL%2Fa2L%2Fa2L%2Fa2H%2Fa2L%2FamL%2Fa2L%2FamP%2FZmb%2FVVX%2FbGT%2FbGL%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2FamH%2FamP%2FamP%2FZ1%2F%2Ff3%2F%2FbWH%2FbGP%2Fa2L%2Fa2H%2Fa2L%2FamH%2Fa2H%2Fa2X%2FamL%2Fa2L%2Fa2H%2FamL%2FcVX%2FbGD%2Fa2H%2FamL%2Fa2H%2Fa2L%2FbGL%2Fa2P%2FbVv%2Fa2D%2Fa2L%2Fa2L%2Fa2L%2Fa2H%2FamP%2FYmL%2Fa2L%2Fa17%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2FX1%2F%2Fa2L%2FamH%2FamH%2FbW3%2Fa2H%2FbGH%2Fa2P%2FaWn%2Fa2L%2Fb2T%2FbGL%2Fa2L%2FamP%2Fa2H%2Fa2L%2Fa2L%2FbGL%2FaWL%2Fa2L%2FamL%2FdF3%2FbF%2F%2FaWT%2Ff1X%2FamL%2Fa2L%2Fa2P%2Fal%2F%2Fa2H%2FaWT%2FamH%2Fa2L%2Fa2L%2FbGP%2Fa2L%2Fa2L%2Fa2L%2Fb1%2F%2FcWP%2Fa2L%2FamL%2Fa2L%2Famr%2Fa2L%2Fa2L%2Fa2L%2FamL%2Fa2L%2FbWH%2Fa2P%2FaWH%2FaF7%2Fa2L%2Fa2H%2FbWD%2FbV%2F%2Fa2L%2FbGL%2Fa2P%2Fa2H%2Fa2L%2Fa2H%2Fa2L%2FAAD%2Fbmb%2Fa2L%2Fa2L%2FbWT%2FamL%2FamH%2Fa2L%2FamP%2Fa2L%2Fa2H%2FaF3%2Fa2L%2FamD%2FbGL%2Fa2L%2FaGL%2FamL%2FbGH%2Fa2P%2Fa2H%2FbWP%2Fa2P%2Fa2L%2FbGH%2FamH%2Fa2H%2Fa2L%2FamL%2Fa2H%2Fa2L%2FamH%2FbGH%2FbGD%2Fa2P%2FbGH%2FaWT%2FamL%2FamP%2FbGH%2FamL%2Fa2L%2Fa2H%2FamL%2FbGP%2FbGP%2FaWH%2FbmD%2Fa2L%2FamP%2Fa2L%2FamL%2FamP%2FaWH%2Fa2L%2Fa2L%2FamH%2FZmb%2FbGL%2FbGH%2Fa2L%2Fa2H%2FbGP%2Fa2L%2Fa2L%2Fa2H%2Fa2H%2Fa2H%2Fa2L%2Fa2H%2FamL%2FamL%2Fa2H%2FamH%2Fa2H%2FamL%2FbGL%2Fa2H%2FaWH%2FZmb%2FamP%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2Fa2X%2FaWL%2FbGP%2FamL%2Fa2L%2FamL%2Fa2P%2FbGL%2Fa2P%2FsntSbwAAAQB0Uk5TAAUaMEZWZneHl6exu8bM29%2Fu%2Bv%2F53tqmloZ2VUUvGQQVMU5siKS%2F1erp1L6ja00UAyFojLDT9%2FXSrotnQyACRG%2BZxPSqgCtekaI8CS1knPvQmmIOSoXy8YNIDfwTis%2F%2B%2Fc0IuHPhB%2FOtXxGzF23Dakyp9kkn5WULKC4GhOiBGDI4VMXBUNfc5BAS8H%2FvDOvj4GDWKrUiG5%2FmPSN6ND7Z51HsAR7AvRztWdgpU7oW4jVjyixBYV2gNkD4XHFpdX1%2BcE9HQh%2BVM8moe5K5t690Oz8llCRYnlIdvN3HCrRXjzeOjTnRbrLLeXjCk5CdtoKlOg%2BJrJiryCZLWs5yW3yhmyBS3SAAAB%2BCSURBVHic7Z13eFVV1sZPKAlICCQ3ohgglAsBYSAoEBBMAdKkE0yQIDdEDANBVKqEAEMnEKqAoCAkUlSKiI2gYMEGCBYcijgjgljGGdERBR2%2FmS8JCWn33lP23uc9e5%2F9%2B8vnkedhvetdJOfss%2FZaimIXfKpVr1HT169W7Rvq%2BNcNqFc%2FsJAgRyHBRf91Y4OAuv51brq54S2%2BIY0aNwlFRyuhRdNmzVs4W7YKa%2B3QRZtb27ar9af21Tug45cYJLxjo9tu79S5iz7fqxLRtdsd3XvcGYnWI9FOtajomJ69SJ2vSHBY79iQuHC0NIl3fOLiE3pG0LW%2BYhkkRt%2FVB61S4o7wvv36dx3AzvsyggYOGhwnfyVYiaQhd7dNNsP7MlL8h94zDK1bUsiwKGfPIHPNLyU1LCZkOFq%2FrenT6N4RLoz5paSNdPZIR%2BfBnjS%2BxZ%2F4HY8OEfeNikNnw2akRyXcj7a9IvVj2megs2IXhg%2FuRPklnw6j%2FzxmLDo34tMhPhP0yKeF1J7RTdAZEplxD4xPQ3usRmqrB%2BX3Ayb0CbHyv%2F3ypPrHyyMCyoQ%2B9PAEtK96iLhpovxuQI9JsRZ75tfC5IS%2B6LyJwbApddFeGsQ1fvBUdPa45xFnINpHElJipqEzyDNZIf5oB8kJ8JXfj41RbbrONi6rkj1jJjqXHDIrxiIn%2FTQI7v0XdD75InL2HLRntJk7T%2FaQaCUrfj7aLhYsiJbfjbUwLHoh2ipWZMcuQmfX8uQMXYy2iSWBS2QJeGN4bC7aItYkO3PQWbYsHWKF%2FtdfymhZAm5Z6mcL%2B4sY7UxCZ9tyZPlmo20xk2V%2B8o2gPKFTlqMtMZsVK%2BX34utEdUXbgWDVPei8W4RHV6OtQJG5Bp17C7D2Mcu3%2BbGjS0O79475RJt8p89qrPO19aNAjzC0AXhGrke7AOPx3ujkW4PMO9FOQPB5QqAP%2FmREjLLh74HqAei0W4mBG9B%2BmEwfZyo659ZiQIKtGog3PolOuPVY0APtimksigFPdbAmrkSbjBtpL2zHDymb4tHemMDaTHSarUw34RvIN%2Behc2xtWjdHO8SUPgnoBFufRIFfBzbIh38NzJ%2BF9okR%2BdHB6NzyQVCskHdIntqCTiw%2FbN2Gdos%2Bs7ejs8oTi59G%2B0WZpER0Snmjv1DPgpPkd3%2FdPPMs2jV6NLdNxz9NknegfaNEuFMe%2FRvC5RSiTaDDTnQi%2BaXtLrR75Myqj84iz%2Bx%2BDu0fKfFczXe0Hl32oB0kImMQOoH8E5OFdtE41Z5HZ08E6o5D%2B2iUvRwOeLUiN3J6IhAl3%2F4pEfgC2ksjvMjJcHceCH4J7aZu8mPRSRMKV2w%2B2lF9ZLREp0w0XubqZSBHfvunzlaOBsytEXLSJ5owbu6QviLIlG%2BrsakZ2llt7EtBZ0pURnNxe6y9vPXNjILNaHfV2T8AnSWRGbAS7a8ar8rmD6akvYZ22DsH0AkSHteraI%2B94YdOjx04iHbZM%2FL41xScaJ89MRSdGbtg0Qq4G50X%2BxCL9tod8t%2B%2Fifih3a7K6%2Bic2AqX5d4GR6FTYjNc%2FdCOV%2BQNdEJsR%2BpstOfleUme%2F5lO0ENo18t4U57%2FAwh%2BC%2B17KYfk9z8IERYZNP%2FKaHQm7EquJTpEOrZB58G%2BbHob7b6i5DyDzoKdWTUW7X%2FWVnQO7M2WDKz%2F%2BXL4E5ibsDdG5AcgOK8j%2FR%2BMVi9xuIAz5vfJ2a8WIAjWLP5oLlq7pIjFezH%2BN5HzHyxCfcgMkXQ5%2F8UyzEFcHe6PVi0p4x3z%2FfdFa5aU50Wz%2FX%2BlAC1ZUp4u75rr%2F3A5%2F9NirOhgpv%2Bh4n4BWPbe%2BzH3DvU77DzS%2F2g9ns45PjBzz8y9aLVMyD52%2FMOkCjrDOz59JICXdqeh5vk%2FT8AWwN0Jd3n4rDI2PpOLiXcu0%2FYLPJqM1kqbtGMfef2o1vTwOnSIGlj8sTn%2BJ4nWAhL8yQlV0RkrOdh52NmcPUOitQD4P6pJto%2FvMnSkqgxibH0xn6JV0qWe9m9pHf6KDlaVkwyNL2GbWPv%2FEpfqEW%2F51deBp1j5Xkr4XLRGmgTO0ym%2FWlt0yCqcZn0acBitkCZn9A%2FiD70ZHbQKxxmYXo53eTobU%2BMzQzu5otPQcXulgOllkaUN0PoosjrdWBLGWLsCVp2l63kFROoB2GnQf0V50doVwLA3YDNaG0XGExya7LH2UXhzeo5XZK3VX4J0EDaMJBMN0eF7pfVMWo5XohNaGT1SyBZxRX6OFuCVTEqGV%2BJvaF30SJtImItF1n4a%2FpSK4ZXIyUbLosffibPxRSpagzfyWPSJv4xWRY%2F6us5%2F3XMOLcIrD5MLrEwjaz%2F56sF1iEI%2Bpp5By%2FAK9a9CZxegJdGjG5WMWPuRaBPtHWNfohXRw9WYSkbyB6KFeIXycdBzln7m0cf7lHJyEi3EK2nnKcksxsfa1a4PWlco8uuhlXjlQiglnUU8gVZDka7UsmLxT%2BMHqAlVHhdpEuRX1NJyytq%2FF3vR6w66iNZCkVSKV6gs3h7Um5bOGmglNPmaVlYK%2BQYtRoUadGRmCXUPgOa%2BnVfQYlQI86Ei81u0Dqo0opKTa4RbfUjSGzRUrhVrFjTVW9TfodWosNhQ12MlBPoIVMh2Chkpw%2FItcrXJNTa2dgOcXuaQZ6Qct6DlqJFKPkHuNFoDXdpRsL2MHWg5qqwmlfgQWgFl%2FkHD9%2Bs0QstRh%2FBVMHQVWgBl6G5d%2FQtajjoXwokUCjcM7jAl668Rh5ajAaJZ0n2Wo8Onzbe0vC%2FmEbQcDdQnmSJ6HB09dehOUtqAlqOFFsb1DRNvH9T39Nwv5AW0HC20Nn4HZgY6dvr8k6L9itIeLUcTTxiV10G4aWAOx06a%2FisPouVoItdog6gTHTkD7qdaAAloOdqINaZuuIA%2FABwuqrfnP0DL0cZiY9sFxdwIRnWqNi87U5YYEZcj4g8Ah2MURf%2FXoMVoZbGRp4Dp6KjZ8C%2BKBcDPOelB%2FeKSFqODZkMviut13keL0Uye%2FuuwYjWClUPvaEDPTOXol%2BSresVl8DAe2xB1qBXAGLQUHSzX%2B4OvOzpiZgyoRqsAtqCl6GGlPm3h1h6BQsQPlPzvy9XEhDB9W8Zno%2BNlSMpwOgXQDS1EH%2FqGx9VFh8uSWlT8f5erHwAORys94p5DR8uUXk9R8D%2Bfu25ZPUOEL6GDZctpfb8P3bIHLUI3L2sXV02kmeDuIF%2B02iQQrUE3wdoHiAp6ClxGbkdC%2FyNXoyUYQPNX4YzW6FCZ05VwUiCX%2F0SytR4G7UdHagLHiFarnOTsDaAErRNke6IDNYM7CPz%2FsRc6emNs0SZvGjpOc7jdsP%2Bz%2BHsALCFOk77a6DBN4l6D%2Flfnd3Gepqb4pSnoMM0ixtAElUZWHwvihVwta1KmoKM0j6M%2F6ff%2FNV62ybtljAaFQn8GqESYtrXBZaR%2Fgg6ZjLnqEifx%2BYZjkC5%2Bul4H40agAybEpb4n%2Fd%2FoGE1m552a7fc5XoCOlhjVy7GhwraCeSI4QeOTQFRndKgUWK42L0K0kTBaaP2Ghvuz63eiw6SD2siY3ugAISQneP9FENlemEdjlSlZwyagAwSR1jN6rYechN%2BVsAkdHj16eT8K4KnTmTZpX39fs3IRZPx4%2FBi%2FB39u8f5F6D50eGgCR%2F78pd9XvjXjff2W9N96I9enPu656M3%2FXQIKllQkyFtT9Ffo6CTs6e6lAGzRCWB3Tnv2f6ZYg6Elbklt6rEA%2BJh5JCFkj8cC2IoOTWIGHmdkDJfvALYgyNPMqBfRkUnMYb%2BHAqiDDkxiDh4WCmaItR1K4pEU9zdEhqDjkphFD7cFcDM6LIlZnHNbACvQYUnMYoE7%2F21yIUhSxCQ3BWD5HXgSekS7KQB%2FdFAS8%2Fi8qv%2Fpdm0GsyW9MqoUQA10TBIz%2BahKAdyBDkliJtOrFMBAdEgSM3mvsv85shfEVqRWXiExDx2RxFyGVCqAc%2BiAJOZSeYv2SHRAEnP5rKL%2FSanogCTmMqDipET5Kdh2RFUogIbocCRmM6NCAbRFhyMxm%2FvK%2Bx9pm9FwklJyy09Hkr0ANuTZcgVgo9mAklLKL03ojw5GYj6XyxVAV3QwZhE4%2BUxAQEC9M20C5cHHiDL%2F0wW%2FExb85NHLfn97ZVx6%2BefeJrMemjLjlyftWwjBZU0hAi8JS%2B382IPPeduU0WfDnna2m414jVnXk8DPGnRdBLX126htNcze6KM2%2FEkw%2BLr%2By%2BhQGJCdGKJrFniTaNuNR%2FnHdfG%2FokOhjKvugb16zC%2BhcaLgz0KV6FkqPFyohuC08dHbDLhfzJpBom9MLM%2Fo0rPAK%2BhI6JHa6k9NjLpfzCk7zcot3Z64GR0ILcL8yNwvZkh9tAzTuFoi%2BQl0IFR4csnH5O4XMfWcXXZm3FKiuCU6EHKyz22g434xO5LResyhdJ0073tQgjNDDO3%2F8syVMLQmU3j%2BmlrOXwJGPuBt%2BK1BkuaiZZnB6PxisR3RcRCw7Fxf%2Bu4XMbUVWpoZnCrW2ggdhmECfPuwsb%2BQs3a4Lr%2BvWOpt6DCM0ebflJ76PdBHtPNRN%2FQrVno7OgwjzAnx9omPCtUmo0Uy59r1oE7oMIxg5KxfL7Mi0CpZ80uxzlvRYRggL9%2BEAlD2oGWyZmCRynwe6%2FyYGf6Lv0IpuUhkU3QURnjVnAJ4SvQjwaK54c3QQRjhXXMKQHkALZQx0wo1vokOwgApahtwaRH%2BJFoqW4q%2BB7ZAB2EAjzsvqLMSLZUtryl87ov%2FxrQCCH8GrZUpDQslXkIHYYAPTSsAwV8Fi1ZJc%2FjVYwLzU8Aypgq9RqNoh%2BAqdBD62Wqe%2F0K0y3imc6FADpdjx5pZAG%2Bh1bKkjaL4cNgAd6iCQzmHXr2ceaH1YofDFbhwQcB37X747QrFk%2BLwPLRchqSFK9XQMegn%2BOx1d3Z9OmiBuz%2BSd6lm1XnYBulmtj4zGcfjQeCcEmdOHJjjZcBtm9fPevVVM0KvVJ%2FG45j44q%2FY7w7trPbndt9FpQCEnp%2FTQ6mJDkE%2FQ5QrsQ20%2FMGgmjQKIFLkL0I7eLwaHvu11j9Z8CONCvidpRgw%2FQTfFdWAxnOAyNcFjyu10CGw5TiFAhB5jOp00feFrqNwatwPLYIhnyg3oUNgTHvyApiN1sCQlspFdAiMSSQvgHvQGhjSSTmNDoExy8kLYD1aA0OOKnPQIbDmKeIC4PCwVDPjub8brkrl7Uj6aYyWwJCRitgtT4X8h7gAzqMlMGSVshsdAmu%2BJC4Afq9Pq1NfaY0OgTXtiAuAx8Z5rWQrgegQWONmU7pO%2FkBLYEieIvyymNPEBcDpAAVN5Cq90CGwZjxxAfwfWgJDRisF6BBYM5e4AI6gJTBkgiL8fOSjxAVwA1oCQ4IUDpuC9XGRuABEPi1PU7y0VYrBJeICEPmwNE38XwF%2FJy4AkTfKBIv%2FEHiYuABE3iEwQfzXwCmk%2Fi9CK2DJaEXknudiotQt9o7Q9wJyxT8KXkNaAFfRCliSJ%2FzHoAHEk%2BRFPgl2ZAv%2FOXg%2Bqf9Cd4U76gvfEPILcQGIfBDoWCX0KUcRB4kL4AJaAksChG8K3Uzqf3gXtASWjBf6oLuItaQFcAKtgClHRb8YspvUf6U5WgJTOol%2BNaw3cQH8gJbAlJbKO%2BgQ2EI%2BVnwnWgJTjih3o0Ngy3lS%2F%2FPFPir9QfABEcHppAXwCFoCW0bxOCJGB7%2BS%2Bq90R0tgy2Aeh0TpgLwb5Be0BLbsEPrek8Mxj9T%2FSA4n6erhkFIdHQJLXMRrhZ9DS2DMXqUJOgSWDCT1XzmMlsCYpkqoyG3BCcQFMB4tgS2p4YqyDB0EQ06S%2Bp8UhJbAlmyFz8WhGnHtIi0AkQeEFXGhUONWdBDs6Ezqv9IfLYExOxWhV6IcIS6A5WgJjCkaoifwrNirpP73RStgzfRCkQ%2Big2BGwVLSAjiAlsCa7oUi26ODYAb5xXCBn4%2BuMbFQpLhHgcS9AFOFvzi5t1DlcHQQzHiWtADE7gYrIqlIpqjXQ1eQ%2Bi%2F6KH2HI6VYpuryJU6pTVwAZ9ASWPN7scxj6DAY8Sap%2F5PQCphzrWX2DnQYbAhKIi2AN9ASmNOwWKegt1%2FbkvqvfICWwJw9xTqj0GGw4RZS%2F%2FtEoCUw56NioW%2Bjw2DDNNICEHlTTAnX7s1FClnp64gXiH%2BPlsCc0SU5EnIzZn9S%2F4WfnFDWNN8OHQgLZpP63xGtgD1%2FLZH6BDoQBqTmkBaAuF9Jr1O6VlXEjRjkQ%2BLroCWwZ2KJ1I%2FRgTCAeD5olvADFB2Ot0u0hgv4GvAuaQEcQitgT8r1F6XP0KFQp3UkaQHci5bAnrJVGuJ99vwvqf%2FCfiMtR9m1mSnoUKjzNKn%2F24RfpOFwrLyudgM6FNqkNSUtgH5oCSbQ%2BLraDNEuQH1G6r%2FyM1oCe4KzyuQORAdDmVhS%2F0Nz0RLYM7Kc3kHoYCjzBWkBrEcrMIF3yundgw6GLsvCSQtA8NlpxcSX0xuHDoYu5IvCRqIlmMCVcnrzxfqV9xKp%2F01FnppRwvYKDRP%2B6HBo4hpHWgDxaAkmsLqC4qHocGgSQOq%2FcgktwQSWVFAsVP%2FbUFL%2FI0VfpFTEoQqSl4q0QPRD0gL4Aq3ABILPVtT8PDogeuSGkhbAErQEE%2BhZSfPt6IDoQb4iQLzP41VpWEmzQDehB5P6PzYVLcEE7qksWpg3XxfxlqBP0RJMILXKzUlhzr4ukPqvvIyWYAJVv5c60SHRwknqf%2F46tAQT%2BKGK7B7okGixj7QAmqEVmMH6KrLTBWkNTs5y46kuRLwnU5lkNyu1j6KDosMxUv%2BVuWgJJlDHje7j6KDo0J3Uf9EHhBfTwo1wQXoC3nYjTRcn0QrM4IQ75QvQUdEgjNR%2F4drj3DHfrfIj6LBo8CVxAdyPlmACd7hV%2FhY6LBo0IvVfkN%2BE3nH%2FqpwhwH3YXsSbQgV5FvbKYjcvgUX8GR0YOZmk%2FovVHOeBGzxoH4MOjBx3rze6EH9AeCG%2FeRC%2FKBgdGTGPkxaAuNsTyijwOEOV%2B8PABqT%2BK5%2BgJZjARY%2Fqud8kTr4l6km0BBNY6VF9B95bQyd6lKaRamgFJhDkZYDaFnRwZHQ561maNl5CSzCB%2B7zo53w2njdp2vgrWoIJ7PGivynfX8LeIC6A%2BmgJ7An2OkJzNTo8Ioi3RNlgPKyjm9cM7EeHR0Ie8YDwwWgJJuB9iPJSnleIrfYqTQuJaAnsSenjPQU3oQMk4CBxAdjgFOAxlRRMRAdIQA1S%2F5OEuR3jmUMqOYjcjY7QMK6xpAXwAloCe1aoztBtiA7RMKtI%2FbdDL4D6AL2PuZ2RqvbbTZ0b0BKY41qjnoWe6CCNchtxAdRDS2DOVg1Z4PZdeAOp%2F4u4%2FeGnmf0a0nA2EB2lMdKmkhaAMNcjPZKr6WsZp%2B3hZ0j9V6LREphzTlMenuXzJ6G76276qI2WwBrXJG2J%2BA4dqCFqERfAVrQE1pzWmIin0YEaQsvzjXcWoiWwJkRjIrKy0ZEaYRap%2F0v5%2FNWnnXUe7oNUJRYdqgHSVL5yqTMLLYE12j%2BWzeTwdsRuUv%2BFHw7Wpan2XPwXHax%2ByNcEiT4f9J86csHhnKSfiQtA9IbQaXqSwd%2BcHPI7If9CS2CLv65kzEOHq5tviAvgd7QEtgzRlYzI%2Beh49TKGuADEbgnvqrNjlrtvglHEBdAGLYEpf%2BjMRtZydMQ6aayuSYUUtASW1Ne9ROE%2F6JB14nbwmS44%2FQyujT%2FpTsew7eiY9bGNuABEnhHd2sC1Wc7ORToQF4AQcxI9YOQd6Se%2BfiQS3wxX6qIlsCNvmJGEzECHrQvidcEiDEnzxBOGEvITT%2Ftkg4n9V%2B5Fa2DGdkM%2FAPhaJ9qLvAAEmJLngcMGM5KzGB25dtKIr4Yre9EaWJHncSycGgfRoeuA%2FCFQ2F1Bxw2nZClHp6O7iAtA%2BR9aAxsmE%2FRKcdQpTzwjVFHOozWwgeTKXMYKdPSaIV4Wpgi6Mrae5lZQd7yIDl8zUygUwHoR%2B4I9TYbWRvhAdPxacb8EQydf6vgLJzCTQpWvVSdCeGcfWoBWOtEoAJ86Gv%2B2goffep2pHFq4PiTNCS8HpAtpFIDio%2BV%2BYOp30cN52SxxE3FK1nRBa9CIxouPaky81ftfk9z7peFFf86Hi4F6EafIM8LL0KDXyKUWE3lydaqHvyJtxN9rlG6m5eOdUX0kkDrDODkg%2B4WC1hJyatZ%2BvvIPvoWf392%2B%2FBgyP4hInewmPx8tZCVahjZSiCeEVCD87Y%2Be9h110Fk75o6hb5zcMLzy%2F%2BfiFsHTVFIR%2BR5ahzbiqajVSDgPH8rqkn8hK%2BY8H%2Bcjreio1cYGtFoNpL1CSy0f8%2FNcFD4HaGYUWq0GyAcnlvJUBFqLJv5HTbA6Wk%2BMgCQ3oSeXjxmqqZSOAjQQyUHTvP6rAJ4J%2FxqtRhOJFCV7pzpaqjq%2FEn4EqCSYi4Vyqc1oavbGV2ipqhQ8SldxLbQgTQzMUldCBet%2FIVlCWXHGKrQiTcygLNsD%2BZbvlZufQVvzPi4OA4KIh8VpIg6tU420H%2BmLHoQWpYkV4%2Bgrr4rlF2ySD8ypyiI%2BPgrNof6zryoZn6NVqrDb4FUg7%2BxAy9LGw5QOwD3yrNPyTwDN2Si3%2FqNvMbVZVkBSPAedQORtQO6Z2RqtTBuXqR6BlCN%2F4395OBTf1JSRfmUiF28CDscl3QNxtNAkujNamCZcV1mov8bNaHEaWU28QrAyPvMyuTgMLeR72trLkd4VrU4j9xNvkKrAJCc%2FE%2FRvJR6b7o1mwWh9Gomg1x%2BUNJinTXpd9lIT7pYDaIGa2Url43B4VCIX%2Fd%2FXeYCGai9EnkYr1MyEWOIzoTjnJrQKndzH%2BhREWZuH1qidZ%2BJJXgdOfRuGFqCbNjOpGe2RzWiRelgRnW5MZZ8Qbp76y%2BFqT9dr9%2FRHy9TFZKf%2Bzoj0hy7xcOBTlXcY2F2VqXych5QR8NVaHfJm7n84GR2xQX5n%2BgZYxsc8XIqoyKojb%2F6kLix0b3zCBU5OO92wvSN776%2FRnMckpXa%2B4durT3lQlH5io2%2Ft9ziZ%2BeCBtHvM8p%2BvEZIV6VK%2F588Jh6N9V4bMi5od4tvd71vn5cyBnHzl8s7%2Fmee%2FEsnF1Uh7cZHVN1C3jD2D1iupSINFZvqvKI35fE8Sll6MPwFU5Q%2B0ZEl5TL0bf4130JolZXxpvv9K1hy0akkpW5i0QKnRoR5at%2BQaZyhMyjbCI3xtFRKWvCsY%2FxVlYwFau8Th6EI8DNQ4n%2FJ4JiwYLr1LYanC2XJBEfFD%2Bq%2FkP4bWb3f6Q%2F1XFJ%2Bd6AzYmw8gL4DlSeLlqoCQ3Kqhy4E12xais2BfJlMYBk7OLP4ahAQhz%2FQvQO45z9fVCWFIeQ7tfCmNeLkwJhQRH6F9L%2BO3NHQ27EfwRLTr5XlNHgmaTNCbaM8rwtGOUSFII1sHyID%2FoFNiK1zd0X5XhY89eoJgfCE4Q%2Fi9LMAdh9Feu4eLRVoi4EQ77YkW8l3ABFyvon32THd5HsCc1H5ol73xG4dTFfgiFXADQA%2FNZZsgU4JPoh1WYyLfd6wtTkQNtL%2FqbOR1vgYHjD6EdlcLGziaI8YXgV%2BgvdVGM96G63HCQov0f6izdgQ6VyLS1dN8GwsyTE4Qoc5OC%2FR%2Faif0MjpfovFPH7SnOomWx8IUccWi%2FdRPSBd01sShwHLtH1r4cRk6b6KwfSPaS2OcaIDOnBgsoLL5AME4OUWGAluGo300TqgTnT3%2BieHt8b8if8h5gkRMGIN2kJTqcqYoAfX6ov0jJ%2BcDdBb55XPq%2Bw8R5PvJRjFDuJymzn9myFU5T84A202c%2F8%2BaE3KMiG5GrEG7RpOp%2F0PnkzNc75i0%2F8c0Nss%2BIR20NmX%2Fm7mMkz0CmtlZDe0WC%2FKjZcu4Jrr4ifL0X5m4C%2Bjc8kBYY7RP7EhPkG0iKrhizqJdYspb69AZtjZtrqIdYs3MY%2BgcW5kbmqL9MYEQIdY0smCy5S%2F%2B0WFsDDrTlsQVk4R2xjROyieBKoT9iHbFTH5KSEUn3FoEOTPQnpjMrK%2FRObcSdePQfphP6AE5Y7qE5BaiHv15Z22iPBYqxNXbElP%2FIeyTfQKO58%2BjXUASGm3zbRML4%2FPRHoDZVdvGg8UiYsU%2B%2BNfGpN5oH1Bk3onOvUXoYcuJIiPXo%2FNuHcLH1EfbYTb1frPnq58nfHxtdTrcxs9uB3%2FqnPWzze2B7X6itfzSYZg9SmB77CJ0pi2LDUogT9rvlZ9e3462iCWtvxmGzrDlmRp9P9omVqyIluc%2BWvCJvxVtFQu6xvM968NMIpu3QttFm9ND7H7or5PqMQItHihInIbOJ4fMjM1GG0eHdQebonPJKVkh%2Fvy3jATIX%2F0kXHFyfa18cQw3M%2F4ty9kxczn9MZC2dX86OnticMrvRrSZ%2BlnufBydN4GIrNFuNNpRPaS83EN%2B7aVMevvewWhftVGQGT8VnS0xyfE9bfkGwqCje%2BTXHobkxGdaeNBMgX%2F0LnSGxGfR%2Fl9S0E67I%2Ff93%2BxzvRdM%2BF3OMLTfFTkT0z4LnRWbMSn6c4tcLky%2B2OIEOhv2JGvf3c%2BDr5mn%2FvrDennUi2RpVKw%2F6LFwQEBCiBDz3LlnaqMZ9%2BWaa%2F72fy05JNt7rET%2Bsysvjwgyw%2FvgkTePmSS7OyxJaFx8gj%2FDrtLknjHRd8kPPFanWlR0TM9kutYXhPWODYmT5%2Fv8kH%2FqhX7On0cQ10HK771r7floG1qOxChj%2Bz70WsPE052zdS0uSsvu6p84%2Fbare7na2S7xRvjMvodm9zs%2B%2FZOW3fzHB8w%2FkxcYGFjcdxpR%2BB95Z%2BYHfOf%2F55afTB%2B1Z8ehvePs87P%2B%2FwFACJpk2Fx8mQAAAABJRU5ErkJggg%3D%3D%22%2F%3E%09%3C%2Fdefs%3E%09%3Cstyle%3E%09%3C%2Fstyle%3E%09%3Cuse id%3D%22Background%22 href%3D%22%23img1%22 x%3D%220%22 y%3D%220%22%2F%3E%3C%2Fsvg%3E");
margin-right: 0.625em;
height: 20px;
}
.surepass-sdk-ui-OfflineAadhaar-bottomBlockFAQ {
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-end;
}
.surepass-sdk-ui-OfflineAadhaar-termsWrapper {
margin: 10px;
}
.surepass-sdk-ui-OfflineAadhaar-inputClearIcon:after {
content: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8 0C3.576 0 0 3.576 0 8C0 12.424 3.576 16 8 16C12.424 16 16 12.424 16 8C16 3.576 12.424 0 8 0ZM12 10.872L10.872 12L8 9.128L5.128 12L4 10.872L6.872 8L4 5.128L5.128 4L8 6.872L10.872 4L12 5.128L9.128 8L12 10.872Z%22 fill%3D%22%23B8BBBF%22%2F%3E%3C%2Fsvg%3E");
width: 30px;
height: 30px;
top: 10px;
right: 5px;
position: absolute;
display: inline-block;
}
.surepass-sdk-ui-OfflineAadhaar-consentText,
.surepass-sdk-ui-OfflineAadhaar-linkText {
font-weight: 400;
font-size: 11px;
line-height: 17px;
/* or 160% */
color: #717478;
text-align: center;
letter-spacing: 0.5px;
margin-bottom: 0px;
}
.surepass-sdk-ui-OfflineAadhaar-linkText {
color: #2A55E5;
margin-bottom: 16px;
text-decoration: none;
}
.surepass-sdk-ui-OfflineAadhaar-accordian_desc {
font-size: 1.0625em;
font-weight: 400;
line-height: 1.75em;
transition: 1s;
padding: 10px 0px;
}
.surepass-sdk-ui-OfflineAadhaar-radioText {
font-size: 12px;
}
.surepass-sdk-ui-OfflineAadhaar-faq_btn {
width: 100%;
padding: 0em;
margin-top: 0em;
height: 5em;
}
.surepass-sdk-ui-OfflineAadhaar-btnTransition {
transform: translateY(10px);
}
.surepass-sdk-ui-OfflineAadhaar-headerImageWrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.surepass-sdk-ui-OfflineAadhaar-headerImage {
width: 100%;
}
.surepass-sdk-ui-OfflineAadhaar-flipkartLogo {
width: 100%;
}
.surepass-sdk-ui-OfflineAadhaar-overlayInput {
position: absolute;
top: 0;
margin: 0px;
background: #efefef;
height: 50px;
width: 100%;
border-radius: 5px;
display: flex;
align-items: center;
padding-left: 10px;
}
.surepass-sdk-ui-OfflineAadhaar-faq_btn_text {
font-size: 22px;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container {
/*text-align: center;*/
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-around;
box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.1);
border-radius: 30px 30px 0 0;
background-color: #ffffff;
margin: 0.625em;
margin-bottom: 0em;
padding: 1.25em;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container .surepass-sdk-ui-OfflineAadhaar-childDiv {
display: flex;
flex: 1;
flex-direction: column;
color: #000;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container .surepass-sdk-ui-OfflineAadhaar-childDiv .surepass-sdk-ui-OfflineAadhaar-childDivStrips {
display: flex;
align-items: center;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container .surepass-sdk-ui-OfflineAadhaar-childDiv .surepass-sdk-ui-OfflineAadhaar-childDivStrips .surepass-sdk-ui-OfflineAadhaar-stripImage {
width: auto;
height: auto;
padding-bottom: 2.5em;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container .surepass-sdk-ui-OfflineAadhaar-childDiv .surepass-sdk-ui-OfflineAadhaar-childDivStrips .surepass-sdk-ui-OfflineAadhaar-stripText {
font-size: 22px;
line-height: 36px;
color: #000;
margin-left: 2.5em;
text-align: justify;
border-bottom: 3px solid #efefef;
padding-bottom: 1.875em;
width: 100%;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container .surepass-sdk-ui-OfflineAadhaar-childDiv .surepass-sdk-ui-OfflineAadhaar-btn {
margin-top: -2.5em;
margin-bottom: 2.5em;
}
.surepass-sdk-ui-OfflineAadhaar-custom_container .surepass-sdk-ui-OfflineAadhaar-childDiv .surepass-sdk-ui-OfflineAadhaar-outline_btn {
margin: 0px;
}
.surepass-sdk-ui-OfflineAadhaar-nameHead {
font-weight: 500;
}
.surepass-sdk-ui-OfflineAadhaar-boldText {
font-weight: 600;
}
.surepass-sdk-ui-OfflineAadhaar-points {
color: #ffffff;
font-size: 18px;
font-weight: 600;
transform: scale(0);
marginTop: 20;
}
.surepass-sdk-ui-OfflineAadhaar-points::before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAADlQTFRFAAAA5+fn6Ojo6Ojo6Ojo6Ofn6efn6ebm6Ojo5+fn6efn6Ofn6Obm79/f6Obm6Ofn6Obm6uTk6Ofnc73UwAAAABN0Uk5TACBvr8//n1DvYKDg0BBwwLAw8CuT8V8AAACkSURBVHicfZLbEoMgDEQTJXIppcj/f2wJCBOi7T7ocNZkJ0GALtx2Q2T2DUEKD5o6hGUdCTk7uCclf32vOVGrQXc3HOcEBV/8CLVA8fhukQhJc4BPfSfIN956Z4iPnAx0kBQnggt4xam1ciePv/DYw9mxktfw3p2dZdY0BmRH7gDn0Z2SB15ioZsK/lv774uqNUu3Mq+25ojgoP6TlOsOYk4DfwFdEgrs33r1yQAAAABJRU5ErkJggg==);
width: 1.75em;
height: 1.75em;
margin-right: 0.625em;
}
.surepass-sdk-ui-OfflineAadhaar-textContainer {
/*position: absolute;*/
padding-left: 1.25em;
}
.surepass-sdk-ui-OfflineAadhaar-textContainerHidden {
position: absolute;
top: 6.25em;
/*padding-left: 20 *@unit;*/
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-OfflineAadhaar-accordian_title,
.surepass-sdk-ui-OfflineAadhaar-btn_title_text {
font-size: 17px;
}
.surepass-sdk-ui-OfflineAadhaar-accordian_title {
margin: 10px 0px;
}
.surepass-sdk-ui-OfflineAadhaar-accordian_desc {
font-size: 12px;
}
.surepass-sdk-ui-OfflineAadhaar-faq_btn {
height: 56px;
}
.surepass-sdk-ui-OfflineAadhaar-faq_btn_text {
font-size: 20px;
}
}
.surepass-sdk-ui-Accordion-accordionItem {
width: 100%;
padding: 10px;
}
.surepass-sdk-ui-Accordion-accordionTitle {
display: flex;
flex-direction: row;
justify-content: space-between;
cursor: pointer;
padding: 0px 10px;
}
.surepass-sdk-ui-Accordion-title {
text-align: left;
font-weight: 500;
color: #111;
flex: 0.9;
}
.surepass-sdk-ui-Accordion-readFaqInfo {
font-weight: 600;
font-family: Roboto !important;
}
.surepass-sdk-ui-Accordion-accordionContent {
display: none;
text-align: left;
padding: 10px 14px;
line-height: 1.7;
font-size: 14px;
color: #111;
}
.surepass-sdk-ui-Accordion-accordionContentTransition {
display: block;
}
.surepass-sdk-ui-Accordion-icon {
font-size: 18px;
flex: 0.1;
}
ul {
-webkit-padding-start: 10px ;
padding-inline-start: 10px ;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-PanEntry-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-PanEntry-pageTitle {
flex-grow: 0;
}
.surepass-sdk-ui-PanEntry-pageTitle .surepass-sdk-ui-PanEntry-title {
font-weight: 400;
}
.surepass-sdk-ui-PanEntry-titleBold {
font-weight: 500;
font-size: 25px;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-WideDocIntro-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-WideDocIntro-titleText p {
margin: 0em;
}
.surepass-sdk-ui-WideDocIntro-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-WideDocIntro-thickWrapper {
padding-top: 10px;
}
.surepass-sdk-ui-WideDocIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 1rem;
}
.surepass-sdk-ui-WideDocIntro-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-WideDocIntro-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-WideDocIntro-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocIntro-paraDiv {
padding: 0.625em;
padding-top: 0em;
text-align: justify;
}
.surepass-sdk-ui-WideDocIntro-desc {
font-size: 16px;
line-height: 22px;
font-weight: 400;
}
.surepass-sdk-ui-WideDocIntro-welcomeImage {
width: 44%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-WideDocIntro-consent {
font-size: 12px;
line-height: 22px;
text-align: center;
margin-bottom: 5px;
}
@media (min-width: 1700px) {
.surepass-sdk-ui-WideDocIntro-headerText {
font-size: 25px !important;
line-height: 45px !important;
}
.surepass-sdk-ui-WideDocIntro-thickWrapper {
padding-top: 70px;
}
.surepass-sdk-ui-WideDocIntro-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
.surepass-sdk-ui-WideDocIntro-pointsTitle {
font-size: 22px !important;
line-height: 30px !important;
margin-bottom: 10px !important;
}
.surepass-sdk-ui-WideDocIntro-desc {
font-size: 22px !important;
line-height: 30px !important;
font-weight: 400;
}
.surepass-sdk-ui-WideDocIntro-consent {
font-size: 16px !important;
line-height: 30px !important;
text-align: center;
margin-bottom: 5px;
}
.surepass-sdk-ui-WideDocIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem !important;
}
}
.surepass-sdk-ui-WideDocIntro-pointsDiv {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
text-align: left;
margin-top: 25px;
padding-left: 20px;
padding-right: 20px;
}
.surepass-sdk-ui-WideDocIntro-headerText {
font-size: 20px;
line-height: 30px;
}
.surepass-sdk-ui-WideDocIntro-textDiv {
display: flex;
flex-direction: column;
margin-left: 20px;
}
.surepass-sdk-ui-WideDocIntro-pointsTitle {
font-size: 16px;
line-height: 22px;
margin-bottom: 8px !important;
}
/*mobile phone brekpoint*/
@media (max-width: 1699px) {
.surepass-sdk-ui-WideDocIntro-titleText {
font-size: 28px;
}
.surepass-sdk-ui-WideDocIntro-text {
font-size: 17px;
line-height: 32px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-GstDetails-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-GstDetails-smsSection {
/*height: 76*@unit;*/
/*margin-top: 20*@unit;*/
}
.surepass-sdk-ui-GstDetails-otpHeaderImage {
width: 50%;
height: auto;
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-GstDetails-welcomeImage {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-GstDetails-checkboxSelected {
background-color: #6c63ff;
background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cg%3E%3Cg%3E%3Cpath fill%3D%22%23e8e7e7%22 d%3D%22M9.8 18.164l-5.285-5.283 1.761-1.762L9.8 14.642l7.925-7.926 1.762 1.762zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: cover;
border: 0.125em solid #6c63ff;
width: 1.875em;
height: 1.875em;
border-radius: 50%;
}
.surepass-sdk-ui-GstDetails-bolder {
font-weight: 600;
font-size: 22px;
}
.surepass-sdk-ui-GstDetails-subTitle {
font-weight: 600;
font-size: 22px;
}
.surepass-sdk-ui-GstDetails-otpLabel {
color: #000000;
font-size: 14px !important;
}
.surepass-sdk-ui-GstDetails-checkboxWrapper {
display: flex;
justify-content: center;
align-items: center;
}
.surepass-sdk-ui-GstDetails-label {
font-weight: 600;
text-align: left;
color: #000000;
float: left;
}
.surepass-sdk-ui-GstDetails-numberInputSection {
/*height: 48*@unit;*/
width: 100%;
/*float: left;*/
margin-top: 0.25em;
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-GstDetails-inputContainer,
.surepass-sdk-ui-GstDetails-linkText {
width: 74.07407407%;
}
.surepass-sdk-ui-GstDetails-inputContainer {
/*height: 100%;*/
/* padding-top: 10*@unit;*/
/* padding-bottom: 10*@unit;*/
display: flex;
align-self: center;
width: 97%;
border: 2px solid #667080;
border-radius: 5px;
/*border-top-left-radius: 4*@unit;*/
/*border-bottom-left-radius: 4*@unit;*/
/*border-right: none;*/
background-color: #ffffff;
margin: 35px 0px 45px 0px;
/*float: left;*/
/*box-shadow: 0 -0.1*@unit 0*@unit 0*@unit @color-input-border;*/
}
.surepass-sdk-ui-GstDetails-fieldError {
border: 2px solid #ff4c4c;
/*border-right: none;*/
box-shadow: 0 -0.00625em 0em 0em #ff4c4c;
}
.surepass-sdk-ui-GstDetails-numberError {
color: #ff4c4c;
font-size: 0.875em;
line-height: 1.43;
float: left;
margin-top: 0.28571429em;
}
.surepass-sdk-ui-GstDetails-sending:before {
float: left;
margin-left: 0.75em;
width: 1em;
height: 1em;
content: "";
opacity: 0.5;
background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Ctitle%3E Spinner %3C%2Ftitle%3E %3Cpath d%3D%22M8 0c.32727985 0 .5925926.26531274.5925926.5925926v2.96296296c0 .32727985-.26531275.5925926-.5925926.5925926-.32727985 0-.5925926-.26531275-.5925926-.5925926V.5925926C7.4074074.26531273 7.67272016 0 8 0zm4 1.07179677c.2834327.16363993.3805439.52606387.2169039.80949654l-1.4814814 2.5660012c-.16364.28343267-.5260639.38054387-.80949657.21690394-.28343267-.16363992-.38054387-.52606387-.21690395-.80949653l1.48148152-2.5660012c.1636399-.28343265.5260638-.38054386.8094965-.21690393zM14.9282032 4c.16364.28343267.0665288.6458566-.2169039.80949654l-2.5660012 1.48148148c-.2834327.16363992-.6458566.06652872-.8094965-.21690395-.16364-.28343266-.0665288-.6458566.2169039-.80949653l2.5660012-1.48148148c.2834327-.16363993.6458566-.06652873.8094965.21690394zM16 8c0 .32727985-.2653127.5925926-.5925926.5925926h-2.962963c-.3272798 0-.5925925-.26531275-.5925925-.5925926 0-.32727985.2653127-.5925926.5925925-.5925926h2.962963C15.7346873 7.4074074 16 7.67272016 16 8zm-1.0717968 4c-.1636399.2834327-.5260638.3805439-.8094965.2169039l-2.5660012-1.4814814c-.2834327-.16364-.3805439-.5260639-.2169039-.80949657.1636399-.28343267.5260638-.38054387.8094965-.21690395l2.5660012 1.48148152c.2834327.1636399.3805439.5260638.2169039.8094965zM12 14.9282032c-.2834327.16364-.6458566.0665288-.8094965-.2169039l-1.48148152-2.5660012c-.16363992-.2834327-.06652872-.6458566.21690395-.8094965.28343267-.16364.64585657-.0665288.80949657.2169039l1.4814814 2.5660012c.16364.2834327.0665288.6458566-.2169039.8094965zM8 16c-.32727985 0-.5925926-.2653127-.5925926-.5925926v-2.962963c0-.3272798.26531275-.5925925.5925926-.5925925.32727985 0 .5925926.2653127.5925926.5925925v2.962963C8.5925926 15.7346873 8.32727984 16 8 16zm-4-1.0717968c-.28343267-.1636399-.38054387-.5260638-.21690394-.8094965l1.48148148-2.5660012c.16363992-.2834327.52606387-.3805439.80949653-.2169039.28343267.1636399.38054387.5260638.21690395.8094965l-1.48148148 2.5660012c-.16363993.2834327-.52606387.3805439-.80949654.2169039zM1.07179677 12c-.16363993-.2834327-.06652872-.6458566.21690394-.8094965l2.5660012-1.48148152c.28343267-.16363992.64585662-.06652872.80949654.21690395.16363993.28343267.06652873.64585657-.21690394.80949657l-2.5660012 1.4814814c-.28343266.16364-.6458566.0665288-.80949653-.2169039zM0 8c0-.32727985.26531274-.5925926.5925926-.5925926h2.96296296c.32727985 0 .5925926.26531275.5925926.5925926 0 .32727985-.26531275.5925926-.5925926.5925926H.5925926C.26531273 8.5925926 0 8.32727984 0 8zm1.07179677-4c.16363993-.28343267.52606387-.38054387.80949654-.21690394l2.5660012 1.48148148c.28343267.16363992.38054387.52606387.21690394.80949653-.16363992.28343267-.52606387.38054387-.80949653.21690395L1.2887007 4.80949654C1.00526806 4.6458566.90815685 4.28343267 1.07179678 4zM4 1.07179677c.28343267-.16363993.6458566-.06652872.80949654.21690394l1.48148148 2.5660012c.16363992.28343267.06652872.64585662-.21690395.80949654-.28343266.16363993-.6458566.06652873-.80949653-.21690394L3.78309606 1.8812933C3.61945613 1.59786065 3.71656733 1.2354367 4 1.07179678z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
background-position: left center;
background-repeat: no-repeat;
-webkit-animation-name: surepass-sdk-ui-GstDetails-spin;
animation-name: surepass-sdk-ui-GstDetails-spin;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes surepass-sdk-ui-GstDetails-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes surepass-sdk-ui-GstDetails-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.surepass-sdk-ui-GstDetails-copySuccess .surepass-sdk-ui-GstDetails-actionContainer:before {
width: 0.8125em;
height: 0.6875em;
display: inline-block;
justify-content: center;
content: "";
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3Csvg width%3D%2213px%22 height%3D%2211px%22 viewBox%3D%220 0 13 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C%21-- Generator%3A Sketch 47.1 %2845422%29 - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E %3Ctitle%3Echeckmark-green%3C%2Ftitle%3E %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E %3Cdefs%3E%3C%2Fdefs%3E %3Cg id%3D%22hi-fidelity-UI%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%225.1.4_desktop_document-step_mobile-method_copy-url-clicked%22 transform%3D%22translate%28-409.000000%2C -442.000000%29%22 fill%3D%22%23353FF4%22%3E %3Cpath d%3D%22M419.167089%2C442.517112 L413.299503%2C448.743607 L411.832911%2C447.186983 C411.18475%2C446.50173 410.133876%2C446.50173 409.486121%2C447.186983 C408.83796%2C447.876466 408.83796%2C448.993174 409.486121%2C449.678427 L412.126311%2C452.482888 C412.774472%2C453.172371 413.82494%2C453.172371 414.473101%2C452.482888 L421.513879%2C445.008556 C422.16204%2C444.319073 422.16204%2C443.202365 421.513879%2C442.517112 C420.865718%2C441.827629 419.81525%2C441.827629 419.167089%2C442.517112 Z%22 id%3D%22checkmark-green%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E");
z-index: 1;
}
.surepass-sdk-ui-GstDetails-linkText {
resize: none;
height: 1.5em;
border: none;
background-color: #ffffff;
overflow: hidden;
font-size: inherit;
line-height: 1.5;
color: #000000;
white-space: nowrap;
font-family: "Open Sans", sans-serif;
}
.surepass-sdk-ui-GstDetails-secondWrapper {
/*padding: 10*@unit;*/
padding-top: 1.25em;
text-align: center;
font-size: 22px;
font-weight: 500;
font-style: normal;
margin-bottom: 50px;
}
.surepass-sdk-ui-GstDetails-divider {
border-style: solid;
border: 1px solid #A2A8B3;
opacity: 0.35;
margin-top: 0.6875em;
}
.surepass-sdk-ui-GstDetails-btn {
margin-top: 2.5em;
font-style: normal;
/*height: 48*@unit;*/
/*.width-parent-relative(112, @parent-width);*/
/*float: right;*/
/*border-radius: 0 4*@unit 4*@unit 0;*/
/*padding: 0;*/
}
.surepass-sdk-ui-GstDetails-headerDiv {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1.25em;
padding-left: 0.625em;
padding-right: 0.625em;
}
.surepass-sdk-ui-GstDetails-lightHeader,
.surepass-sdk-ui-GstDetails-boldHeader {
margin: 0px;
color: #000000;
line-height: 61px;
font-size: 36px;
}
.surepass-sdk-ui-GstDetails-lightHeader {
font-weight: 400;
}
.surepass-sdk-ui-GstDetails-boldHeader {
font-weight: 800;
}
.surepass-sdk-ui-GstDetails-parentTimelineDiv {
background-color: #e8e7e7;
margin: 0em 0.625em;
/* padding: 1.25em; */
width: 95%;
border-radius: 10px;
margin-bottom: 3.125em;
}
.surepass-sdk-ui-GstDetails-mainTimeline {
display: flex;
}
.surepass-sdk-ui-GstDetails-mainTimeline::before {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZBAMAAAAcd2n/AAAAAXNSR0IB2cksfwAAABtQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlFHiIAAAAAl0Uk5TADDf7/+/8GAgKBKz2AAAADxJREFUeJxjYAABRiUBMM0g7BIAETBxSYAKuBRABdwpFWAocXGG2MPu4mLIQD2hAJgQxM1AIYh9DAwdDAAY5RVcolKN0AAAAABJRU5ErkJggg==);
margin-right: 0.625em;
}
.surepass-sdk-ui-GstDetails-mainTimeline::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAADlQTFRFAAAA5+fn6Ojo6Ojo6Ojo6Ofn6efn6ebm6Ojo5+fn6efn6Ofn6Obm79/f6Obm6Ofn6Obm6uTk6Ofnc73UwAAAABN0Uk5TACBvr8//n1DvYKDg0BBwwLAw8CuT8V8AAACkSURBVHicfZLbEoMgDEQTJXIppcj/f2wJCBOi7T7ocNZkJ0GALtx2Q2T2DUEKD5o6hGUdCTk7uCclf32vOVGrQXc3HOcEBV/8CLVA8fhukQhJc4BPfSfIN956Z4iPnAx0kBQnggt4xam1ciePv/DYw9mxktfw3p2dZdY0BmRH7gDn0Z2SB15ioZsK/lv774uqNUu3Mq+25ojgoP6TlOsOYk4DfwFdEgrs33r1yQAAAABJRU5ErkJggg==);
margin-left: 0.625em;
}
.surepass-sdk-ui-GstDetails-childTimelineDiv {
background-color: #6c63ff;
padding: 10px;
width: 10%;
-webkit-animation-name: surepass-sdk-ui-GstDetails-fillingCircle;
-webkit-animation-duration: 5s;
/* Safari 4.0 - 8.0 */
animation-name: surepass-sdk-ui-GstDetails-fillingCircle;
-webkit-animation-delay: 2s;
animation-delay: 2s;
animation-duration: 5s;
border-radius: 10px;
}
.surepass-sdk-ui-GstDetails-checkboxDiv {
/*margin-top:40*@unit;*/
padding: 0em 0.625em;
text-align: left;
display: flex;
/*flex: 1;*/
flex-direction: row-reverse;
/*justify-content: space-between;*/
align-items: center;
/*border: 1px solid #ccc;*/
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-GstDetails-consentDiv {
/*margin-top:40*@unit;*/
padding: 0em 0.625em;
text-align: left;
display: flex;
/*flex: 1;*/
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
}
.surepass-sdk-ui-GstDetails-checkboxDiv:hover {
cursor: pointer;
}
.surepass-sdk-ui-GstDetails-checkboxText {
font-size: 15px;
line-height: 1.75em;
font-weight: 400;
color: #000000;
width: auto;
margin-right: 20px;
}
.surepass-sdk-ui-GstDetails-consentText {
font-size: 12px;
line-height: 1.75em;
font-weight: 400;
color: #000000;
width: auto;
margin-right: 20px;
}
.surepass-sdk-ui-GstDetails-custom_checkbox {
width: 1.875em;
height: 1.875em;
border: 0.125em solid #6c63ff;
border-radius: 5px;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes surepass-sdk-ui-GstDetails-fillingCircle {
0% {
width: 10%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
100% {
width: 40%;
}
25% {
width: 50%;
}
50% {
width: 60%;
}
100% {
width: 70%;
}
25% {
width: 80%;
}
50% {
width: 90%;
}
100% {
width: 100%;
}
}
/* Standard syntax */
@keyframes surepass-sdk-ui-GstDetails-fillingCircle {
0% {
width: 10%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
100% {
width: 40%;
}
25% {
width: 50%;
}
50% {
width: 60%;
}
100% {
width: 70%;
}
25% {
width: 80%;
}
50% {
width: 90%;
}
100% {
width: 100%;
}
}
.surepass-sdk-ui-GstDetails-animation {
opacity: 0;
transition: opacity 1s;
}
@media screen and (max-height: 811px) {
/*.checkboxDiv{*/
/* display: none;*/
/*}*/
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-GstDetails-lightHeader,
.surepass-sdk-ui-GstDetails-boldHeader {
font-size: 28px;
line-height: 45px;
}
.surepass-sdk-ui-GstDetails-subTitle {
font-size: 16px;
font-weight: 500;
line-height: 27px;
margin-bottom: 0em;
}
.surepass-sdk-ui-GstDetails-inputContainer {
margin: 10px 0px 20px 0px;
}
.surepass-sdk-ui-GstDetails-btn {
margin-top: 15px;
}
.surepass-sdk-ui-GstDetails-checkboxDiv {
/*margin:0px 0px 20px 0px;*/
}
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-AadhaarWelcome-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-AadhaarWelcome-titleText p {
margin: 0em;
}
.surepass-sdk-ui-AadhaarWelcome-upperCase {
text-transform: uppercase;
}
.surepass-sdk-ui-AadhaarWelcome-text {
font-size: 20px;
font-style: normal;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-AadhaarWelcome-thickWrapper {
padding-top: 10px;
/*animation-duration: 1s;*/
/*animation-name: slideIn;*/
}
@-webkit-keyframes surepass-sdk-ui-AadhaarWelcome-slideIn {
from {
margin-left: 100%;
/*width: 300%;*/
}
to {
margin-left: 0%;
/*width: 100%;*/
}
}
@keyframes surepass-sdk-ui-AadhaarWelcome-slideIn {
from {
margin-left: 100%;
/*width: 300%;*/
}
to {
margin-left: 0%;
/*width: 100%;*/
}
}
.surepass-sdk-ui-AadhaarWelcome-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 1rem;
}
.surepass-sdk-ui-AadhaarWelcome-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-AadhaarWelcome-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-AadhaarWelcome-titleText {
text-align: left;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-AadhaarWelcome-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-AadhaarWelcome-flexDiv {
display: flex;
align-items: center;
}
.surepass-sdk-ui-AadhaarWelcome-checkboxDiv {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.surepass-sdk-ui-AadhaarWelcome-checkboxText {
margin-left: 20px;
}
.surepass-sdk-ui-AadhaarWelcome-consentText {
font-weight: 400;
font-size: 10px;
line-height: 16px;
/* or 160% */
color: #717478;
text-align: center;
letter-spacing: 0.5px;
margin-bottom: 16px;
}
.surepass-sdk-ui-AadhaarWelcome-linkText {
color: #2A55E5;
}
.surepass-sdk-ui-AadhaarWelcome-infoText {
color: #6b62ff;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
margin-top: 20px;
}
.surepass-sdk-ui-AadhaarWelcome-infoText:before {
content: url("data:image/svg+xml,%3Csvg version%3D%221.2%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22 width%3D%2217%22 height%3D%2217%22%3E%09%3Ctitle%3Einformation-button%3C%2Ftitle%3E%09%3Cdefs%3E%09%09%3Cimage width%3D%22512%22 height%3D%22512%22 id%3D%22img1%22 href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAAXNSR0IB2cksfwAAAwBQTFRFAAAAZmb%2FbGL%2Fal%2F%2FamL%2Fa2L%2Fa2H%2Fa2L%2FbGL%2FamL%2Fa2L%2Fa2L%2FamL%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2FamL%2Fa2L%2FamL%2Fa2L%2Fa2L%2FamH%2FbGH%2FbGP%2Fa2T%2FbGL%2FZmb%2Ff3%2F%2FbWH%2FbWP%2FbGL%2FamP%2Fa2H%2Fa2L%2Fa2H%2FamL%2Fa2L%2Fa2L%2Fa2H%2Fa2L%2FamL%2Fa2L%2FamP%2FZmb%2FVVX%2FbGT%2FbGL%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2FamH%2FamP%2FamP%2FZ1%2F%2Ff3%2F%2FbWH%2FbGP%2Fa2L%2Fa2H%2Fa2L%2FamH%2Fa2H%2Fa2X%2FamL%2Fa2L%2Fa2H%2FamL%2FcVX%2FbGD%2Fa2H%2FamL%2Fa2H%2Fa2L%2FbGL%2Fa2P%2FbVv%2Fa2D%2Fa2L%2Fa2L%2Fa2L%2Fa2H%2FamP%2FYmL%2Fa2L%2Fa17%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2Fa2L%2FX1%2F%2Fa2L%2FamH%2FamH%2FbW3%2Fa2H%2FbGH%2Fa2P%2FaWn%2Fa2L%2Fb2T%2FbGL%2Fa2L%2FamP%2Fa2H%2Fa2L%2Fa2L%2FbGL%2FaWL%2Fa2L%2FamL%2FdF3%2FbF%2F%2FaWT%2Ff1X%2FamL%2Fa2L%2Fa2P%2Fal%2F%2Fa2H%2FaWT%2FamH%2Fa2L%2Fa2L%2FbGP%2Fa2L%2Fa2L%2Fa2L%2Fb1%2F%2FcWP%2Fa2L%2FamL%2Fa2L%2Famr%2Fa2L%2Fa2L%2Fa2L%2FamL%2Fa2L%2FbWH%2Fa2P%2FaWH%2FaF7%2Fa2L%2Fa2H%2FbWD%2FbV%2F%2Fa2L%2FbGL%2Fa2P%2Fa2H%2Fa2L%2Fa2H%2Fa2L%2FAAD%2Fbmb%2Fa2L%2Fa2L%2FbWT%2FamL%2FamH%2Fa2L%2FamP%2Fa2L%2Fa2H%2FaF3%2Fa2L%2FamD%2FbGL%2Fa2L%2FaGL%2FamL%2FbGH%2Fa2P%2Fa2H%2FbWP%2Fa2P%2Fa2L%2FbGH%2FamH%2Fa2H%2Fa2L%2FamL%2Fa2H%2Fa2L%2FamH%2FbGH%2FbGD%2Fa2P%2FbGH%2FaWT%2FamL%2FamP%2FbGH%2FamL%2Fa2L%2Fa2H%2FamL%2FbGP%2FbGP%2FaWH%2FbmD%2Fa2L%2FamP%2Fa2L%2FamL%2FamP%2FaWH%2Fa2L%2Fa2L%2FamH%2FZmb%2FbGL%2FbGH%2Fa2L%2Fa2H%2FbGP%2Fa2L%2Fa2L%2Fa2H%2Fa2H%2Fa2H%2Fa2L%2Fa2H%2FamL%2FamL%2Fa2H%2FamH%2Fa2H%2FamL%2FbGL%2Fa2H%2FaWH%2FZmb%2FamP%2Fa2L%2Fa2H%2Fa2L%2Fa2L%2Fa2X%2FaWL%2FbGP%2FamL%2Fa2L%2FamL%2Fa2P%2FbGL%2Fa2P%2FsntSbwAAAQB0Uk5TAAUaMEZWZneHl6exu8bM29%2Fu%2Bv%2F53tqmloZ2VUUvGQQVMU5siKS%2F1erp1L6ja00UAyFojLDT9%2FXSrotnQyACRG%2BZxPSqgCtekaI8CS1knPvQmmIOSoXy8YNIDfwTis%2F%2B%2Fc0IuHPhB%2FOtXxGzF23Dakyp9kkn5WULKC4GhOiBGDI4VMXBUNfc5BAS8H%2FvDOvj4GDWKrUiG5%2FmPSN6ND7Z51HsAR7AvRztWdgpU7oW4jVjyixBYV2gNkD4XHFpdX1%2BcE9HQh%2BVM8moe5K5t690Oz8llCRYnlIdvN3HCrRXjzeOjTnRbrLLeXjCk5CdtoKlOg%2BJrJiryCZLWs5yW3yhmyBS3SAAAB%2BCSURBVHic7Z13eFVV1sZPKAlICCQ3ohgglAsBYSAoEBBMAdKkE0yQIDdEDANBVKqEAEMnEKqAoCAkUlSKiI2gYMEGCBYcijgjgljGGdERBR2%2FmS8JCWn33lP23uc9e5%2F9%2B8vnkedhvetdJOfss%2FZaimIXfKpVr1HT169W7Rvq%2BNcNqFc%2FsJAgRyHBRf91Y4OAuv51brq54S2%2BIY0aNwlFRyuhRdNmzVs4W7YKa%2B3QRZtb27ar9af21Tug45cYJLxjo9tu79S5iz7fqxLRtdsd3XvcGYnWI9FOtajomJ69SJ2vSHBY79iQuHC0NIl3fOLiE3pG0LW%2BYhkkRt%2FVB61S4o7wvv36dx3AzvsyggYOGhwnfyVYiaQhd7dNNsP7MlL8h94zDK1bUsiwKGfPIHPNLyU1LCZkOFq%2FrenT6N4RLoz5paSNdPZIR%2BfBnjS%2BxZ%2F4HY8OEfeNikNnw2akRyXcj7a9IvVj2megs2IXhg%2FuRPklnw6j%2FzxmLDo34tMhPhP0yKeF1J7RTdAZEplxD4xPQ3usRmqrB%2BX3Ayb0CbHyv%2F3ypPrHyyMCyoQ%2B9PAEtK96iLhpovxuQI9JsRZ75tfC5IS%2B6LyJwbApddFeGsQ1fvBUdPa45xFnINpHElJipqEzyDNZIf5oB8kJ8JXfj41RbbrONi6rkj1jJjqXHDIrxiIn%2FTQI7v0XdD75InL2HLRntJk7T%2FaQaCUrfj7aLhYsiJbfjbUwLHoh2ipWZMcuQmfX8uQMXYy2iSWBS2QJeGN4bC7aItYkO3PQWbYsHWKF%2FtdfymhZAm5Z6mcL%2B4sY7UxCZ9tyZPlmo20xk2V%2B8o2gPKFTlqMtMZsVK%2BX34utEdUXbgWDVPei8W4RHV6OtQJG5Bp17C7D2Mcu3%2BbGjS0O79475RJt8p89qrPO19aNAjzC0AXhGrke7AOPx3ujkW4PMO9FOQPB5QqAP%2FmREjLLh74HqAei0W4mBG9B%2BmEwfZyo659ZiQIKtGog3PolOuPVY0APtimksigFPdbAmrkSbjBtpL2zHDymb4tHemMDaTHSarUw34RvIN%2Behc2xtWjdHO8SUPgnoBFufRIFfBzbIh38NzJ%2BF9okR%2BdHB6NzyQVCskHdIntqCTiw%2FbN2Gdos%2Bs7ejs8oTi59G%2B0WZpER0Snmjv1DPgpPkd3%2FdPPMs2jV6NLdNxz9NknegfaNEuFMe%2FRvC5RSiTaDDTnQi%2BaXtLrR75Myqj84iz%2Bx%2BDu0fKfFczXe0Hl32oB0kImMQOoH8E5OFdtE41Z5HZ08E6o5D%2B2iUvRwOeLUiN3J6IhAl3%2F4pEfgC2ksjvMjJcHceCH4J7aZu8mPRSRMKV2w%2B2lF9ZLREp0w0XubqZSBHfvunzlaOBsytEXLSJ5owbu6QviLIlG%2BrsakZ2llt7EtBZ0pURnNxe6y9vPXNjILNaHfV2T8AnSWRGbAS7a8ar8rmD6akvYZ22DsH0AkSHteraI%2B94YdOjx04iHbZM%2FL41xScaJ89MRSdGbtg0Qq4G50X%2BxCL9tod8t%2B%2Fifih3a7K6%2Bic2AqX5d4GR6FTYjNc%2FdCOV%2BQNdEJsR%2BpstOfleUme%2F5lO0ENo18t4U57%2FAwh%2BC%2B17KYfk9z8IERYZNP%2FKaHQm7EquJTpEOrZB58G%2BbHob7b6i5DyDzoKdWTUW7X%2FWVnQO7M2WDKz%2F%2BXL4E5ibsDdG5AcgOK8j%2FR%2BMVi9xuIAz5vfJ2a8WIAjWLP5oLlq7pIjFezH%2BN5HzHyxCfcgMkXQ5%2F8UyzEFcHe6PVi0p4x3z%2FfdFa5aU50Wz%2FX%2BlAC1ZUp4u75rr%2F3A5%2F9NirOhgpv%2Bh4n4BWPbe%2BzH3DvU77DzS%2F2g9ns45PjBzz8y9aLVMyD52%2FMOkCjrDOz59JICXdqeh5vk%2FT8AWwN0Jd3n4rDI2PpOLiXcu0%2FYLPJqM1kqbtGMfef2o1vTwOnSIGlj8sTn%2BJ4nWAhL8yQlV0RkrOdh52NmcPUOitQD4P6pJto%2FvMnSkqgxibH0xn6JV0qWe9m9pHf6KDlaVkwyNL2GbWPv%2FEpfqEW%2F51deBp1j5Xkr4XLRGmgTO0ym%2FWlt0yCqcZn0acBitkCZn9A%2FiD70ZHbQKxxmYXo53eTobU%2BMzQzu5otPQcXulgOllkaUN0PoosjrdWBLGWLsCVp2l63kFROoB2GnQf0V50doVwLA3YDNaG0XGExya7LH2UXhzeo5XZK3VX4J0EDaMJBMN0eF7pfVMWo5XohNaGT1SyBZxRX6OFuCVTEqGV%2BJvaF30SJtImItF1n4a%2FpSK4ZXIyUbLosffibPxRSpagzfyWPSJv4xWRY%2F6us5%2F3XMOLcIrD5MLrEwjaz%2F56sF1iEI%2Bpp5By%2FAK9a9CZxegJdGjG5WMWPuRaBPtHWNfohXRw9WYSkbyB6KFeIXycdBzln7m0cf7lHJyEi3EK2nnKcksxsfa1a4PWlco8uuhlXjlQiglnUU8gVZDka7UsmLxT%2BMHqAlVHhdpEuRX1NJyytq%2FF3vR6w66iNZCkVSKV6gs3h7Um5bOGmglNPmaVlYK%2BQYtRoUadGRmCXUPgOa%2BnVfQYlQI86Ei81u0Dqo0opKTa4RbfUjSGzRUrhVrFjTVW9TfodWosNhQ12MlBPoIVMh2Chkpw%2FItcrXJNTa2dgOcXuaQZ6Qct6DlqJFKPkHuNFoDXdpRsL2MHWg5qqwmlfgQWgFl%2FkHD9%2Bs0QstRh%2FBVMHQVWgBl6G5d%2FQtajjoXwokUCjcM7jAl668Rh5ajAaJZ0n2Wo8Onzbe0vC%2FmEbQcDdQnmSJ6HB09dehOUtqAlqOFFsb1DRNvH9T39Nwv5AW0HC20Nn4HZgY6dvr8k6L9itIeLUcTTxiV10G4aWAOx06a%2FisPouVoItdog6gTHTkD7qdaAAloOdqINaZuuIA%2FABwuqrfnP0DL0cZiY9sFxdwIRnWqNi87U5YYEZcj4g8Ah2MURf%2FXoMVoZbGRp4Dp6KjZ8C%2BKBcDPOelB%2FeKSFqODZkMviut13keL0Uye%2FuuwYjWClUPvaEDPTOXol%2BSresVl8DAe2xB1qBXAGLQUHSzX%2B4OvOzpiZgyoRqsAtqCl6GGlPm3h1h6BQsQPlPzvy9XEhDB9W8Zno%2BNlSMpwOgXQDS1EH%2FqGx9VFh8uSWlT8f5erHwAORys94p5DR8uUXk9R8D%2Bfu25ZPUOEL6GDZctpfb8P3bIHLUI3L2sXV02kmeDuIF%2B02iQQrUE3wdoHiAp6ClxGbkdC%2FyNXoyUYQPNX4YzW6FCZ05VwUiCX%2F0SytR4G7UdHagLHiFarnOTsDaAErRNke6IDNYM7CPz%2FsRc6emNs0SZvGjpOc7jdsP%2Bz%2BHsALCFOk77a6DBN4l6D%2Flfnd3Gepqb4pSnoMM0ixtAElUZWHwvihVwta1KmoKM0j6M%2F6ff%2FNV62ybtljAaFQn8GqESYtrXBZaR%2Fgg6ZjLnqEifx%2BYZjkC5%2Bul4H40agAybEpb4n%2Fd%2FoGE1m552a7fc5XoCOlhjVy7GhwraCeSI4QeOTQFRndKgUWK42L0K0kTBaaP2Ghvuz63eiw6SD2siY3ugAISQneP9FENlemEdjlSlZwyagAwSR1jN6rYechN%2BVsAkdHj16eT8K4KnTmTZpX39fs3IRZPx4%2FBi%2FB39u8f5F6D50eGgCR%2F78pd9XvjXjff2W9N96I9enPu656M3%2FXQIKllQkyFtT9Ffo6CTs6e6lAGzRCWB3Tnv2f6ZYg6Elbklt6rEA%2BJh5JCFkj8cC2IoOTWIGHmdkDJfvALYgyNPMqBfRkUnMYb%2BHAqiDDkxiDh4WCmaItR1K4pEU9zdEhqDjkphFD7cFcDM6LIlZnHNbACvQYUnMYoE7%2F21yIUhSxCQ3BWD5HXgSekS7KQB%2FdFAS8%2Fi8qv%2Fpdm0GsyW9MqoUQA10TBIz%2BahKAdyBDkliJtOrFMBAdEgSM3mvsv85shfEVqRWXiExDx2RxFyGVCqAc%2BiAJOZSeYv2SHRAEnP5rKL%2FSanogCTmMqDipET5Kdh2RFUogIbocCRmM6NCAbRFhyMxm%2FvK%2Bx9pm9FwklJyy09Hkr0ANuTZcgVgo9mAklLKL03ojw5GYj6XyxVAV3QwZhE4%2BUxAQEC9M20C5cHHiDL%2F0wW%2FExb85NHLfn97ZVx6%2BefeJrMemjLjlyftWwjBZU0hAi8JS%2B382IPPeduU0WfDnna2m414jVnXk8DPGnRdBLX126htNcze6KM2%2FEkw%2BLr%2By%2BhQGJCdGKJrFniTaNuNR%2FnHdfG%2FokOhjKvugb16zC%2BhcaLgz0KV6FkqPFyohuC08dHbDLhfzJpBom9MLM%2Fo0rPAK%2BhI6JHa6k9NjLpfzCk7zcot3Z64GR0ILcL8yNwvZkh9tAzTuFoi%2BQl0IFR4csnH5O4XMfWcXXZm3FKiuCU6EHKyz22g434xO5LResyhdJ0073tQgjNDDO3%2F8syVMLQmU3j%2BmlrOXwJGPuBt%2BK1BkuaiZZnB6PxisR3RcRCw7Fxf%2Bu4XMbUVWpoZnCrW2ggdhmECfPuwsb%2BQs3a4Lr%2BvWOpt6DCM0ebflJ76PdBHtPNRN%2FQrVno7OgwjzAnx9omPCtUmo0Uy59r1oE7oMIxg5KxfL7Mi0CpZ80uxzlvRYRggL9%2BEAlD2oGWyZmCRynwe6%2FyYGf6Lv0IpuUhkU3QURnjVnAJ4SvQjwaK54c3QQRjhXXMKQHkALZQx0wo1vokOwgApahtwaRH%2BJFoqW4q%2BB7ZAB2EAjzsvqLMSLZUtryl87ov%2FxrQCCH8GrZUpDQslXkIHYYAPTSsAwV8Fi1ZJc%2FjVYwLzU8Aypgq9RqNoh%2BAqdBD62Wqe%2F0K0y3imc6FADpdjx5pZAG%2Bh1bKkjaL4cNgAd6iCQzmHXr2ceaH1YofDFbhwQcB37X747QrFk%2BLwPLRchqSFK9XQMegn%2BOx1d3Z9OmiBuz%2BSd6lm1XnYBulmtj4zGcfjQeCcEmdOHJjjZcBtm9fPevVVM0KvVJ%2FG45j44q%2FY7w7trPbndt9FpQCEnp%2FTQ6mJDkE%2FQ5QrsQ20%2FMGgmjQKIFLkL0I7eLwaHvu11j9Z8CONCvidpRgw%2FQTfFdWAxnOAyNcFjyu10CGw5TiFAhB5jOp00feFrqNwatwPLYIhnyg3oUNgTHvyApiN1sCQlspFdAiMSSQvgHvQGhjSSTmNDoExy8kLYD1aA0OOKnPQIbDmKeIC4PCwVDPjub8brkrl7Uj6aYyWwJCRitgtT4X8h7gAzqMlMGSVshsdAmu%2BJC4Afq9Pq1NfaY0OgTXtiAuAx8Z5rWQrgegQWONmU7pO%2FkBLYEieIvyymNPEBcDpAAVN5Cq90CGwZjxxAfwfWgJDRisF6BBYM5e4AI6gJTBkgiL8fOSjxAVwA1oCQ4IUDpuC9XGRuABEPi1PU7y0VYrBJeICEPmwNE38XwF%2FJy4AkTfKBIv%2FEHiYuABE3iEwQfzXwCmk%2Fi9CK2DJaEXknudiotQt9o7Q9wJyxT8KXkNaAFfRCliSJ%2FzHoAHEk%2BRFPgl2ZAv%2FOXg%2Bqf9Cd4U76gvfEPILcQGIfBDoWCX0KUcRB4kL4AJaAksChG8K3Uzqf3gXtASWjBf6oLuItaQFcAKtgClHRb8YspvUf6U5WgJTOol%2BNaw3cQH8gJbAlJbKO%2BgQ2EI%2BVnwnWgJTjih3o0Ngy3lS%2F%2FPFPir9QfABEcHppAXwCFoCW0bxOCJGB7%2BS%2Bq90R0tgy2Aeh0TpgLwb5Be0BLbsEPrek8Mxj9T%2FSA4n6erhkFIdHQJLXMRrhZ9DS2DMXqUJOgSWDCT1XzmMlsCYpkqoyG3BCcQFMB4tgS2p4YqyDB0EQ06S%2Bp8UhJbAlmyFz8WhGnHtIi0AkQeEFXGhUONWdBDs6Ezqv9IfLYExOxWhV6IcIS6A5WgJjCkaoifwrNirpP73RStgzfRCkQ%2Big2BGwVLSAjiAlsCa7oUi26ODYAb5xXCBn4%2BuMbFQpLhHgcS9AFOFvzi5t1DlcHQQzHiWtADE7gYrIqlIpqjXQ1eQ%2Bi%2F6KH2HI6VYpuryJU6pTVwAZ9ASWPN7scxj6DAY8Sap%2F5PQCphzrWX2DnQYbAhKIi2AN9ASmNOwWKegt1%2FbkvqvfICWwJw9xTqj0GGw4RZS%2F%2FtEoCUw56NioW%2Bjw2DDNNICEHlTTAnX7s1FClnp64gXiH%2BPlsCc0SU5EnIzZn9S%2F4WfnFDWNN8OHQgLZpP63xGtgD1%2FLZH6BDoQBqTmkBaAuF9Jr1O6VlXEjRjkQ%2BLroCWwZ2KJ1I%2FRgTCAeD5olvADFB2Ot0u0hgv4GvAuaQEcQitgT8r1F6XP0KFQp3UkaQHci5bAnrJVGuJ99vwvqf%2FCfiMtR9m1mSnoUKjzNKn%2F24RfpOFwrLyudgM6FNqkNSUtgH5oCSbQ%2BLraDNEuQH1G6r%2FyM1oCe4KzyuQORAdDmVhS%2F0Nz0RLYM7Kc3kHoYCjzBWkBrEcrMIF3yundgw6GLsvCSQtA8NlpxcSX0xuHDoYu5IvCRqIlmMCVcnrzxfqV9xKp%2F01FnppRwvYKDRP%2B6HBo4hpHWgDxaAkmsLqC4qHocGgSQOq%2FcgktwQSWVFAsVP%2FbUFL%2FI0VfpFTEoQqSl4q0QPRD0gL4Aq3ABILPVtT8PDogeuSGkhbAErQEE%2BhZSfPt6IDoQb4iQLzP41VpWEmzQDehB5P6PzYVLcEE7qksWpg3XxfxlqBP0RJMILXKzUlhzr4ukPqvvIyWYAJVv5c60SHRwknqf%2F46tAQT%2BKGK7B7okGixj7QAmqEVmMH6KrLTBWkNTs5y46kuRLwnU5lkNyu1j6KDosMxUv%2BVuWgJJlDHje7j6KDo0J3Uf9EHhBfTwo1wQXoC3nYjTRcn0QrM4IQ75QvQUdEgjNR%2F4drj3DHfrfIj6LBo8CVxAdyPlmACd7hV%2FhY6LBo0IvVfkN%2BE3nH%2FqpwhwH3YXsSbQgV5FvbKYjcvgUX8GR0YOZmk%2FovVHOeBGzxoH4MOjBx3rze6EH9AeCG%2FeRC%2FKBgdGTGPkxaAuNsTyijwOEOV%2B8PABqT%2BK5%2BgJZjARY%2Fqud8kTr4l6km0BBNY6VF9B95bQyd6lKaRamgFJhDkZYDaFnRwZHQ561maNl5CSzCB%2B7zo53w2njdp2vgrWoIJ7PGivynfX8LeIC6A%2BmgJ7An2OkJzNTo8Ioi3RNlgPKyjm9cM7EeHR0Ie8YDwwWgJJuB9iPJSnleIrfYqTQuJaAnsSenjPQU3oQMk4CBxAdjgFOAxlRRMRAdIQA1S%2F5OEuR3jmUMqOYjcjY7QMK6xpAXwAloCe1aoztBtiA7RMKtI%2FbdDL4D6AL2PuZ2RqvbbTZ0b0BKY41qjnoWe6CCNchtxAdRDS2DOVg1Z4PZdeAOp%2F4u4%2FeGnmf0a0nA2EB2lMdKmkhaAMNcjPZKr6WsZp%2B3hZ0j9V6LREphzTlMenuXzJ6G76276qI2WwBrXJG2J%2BA4dqCFqERfAVrQE1pzWmIin0YEaQsvzjXcWoiWwJkRjIrKy0ZEaYRap%2F0v5%2FNWnnXUe7oNUJRYdqgHSVL5yqTMLLYE12j%2BWzeTwdsRuUv%2BFHw7Wpan2XPwXHax%2ByNcEiT4f9J86csHhnKSfiQtA9IbQaXqSwd%2BcHPI7If9CS2CLv65kzEOHq5tviAvgd7QEtgzRlYzI%2Beh49TKGuADEbgnvqrNjlrtvglHEBdAGLYEpf%2BjMRtZydMQ6aayuSYUUtASW1Ne9ROE%2F6JB14nbwmS44%2FQyujT%2FpTsew7eiY9bGNuABEnhHd2sC1Wc7ORToQF4AQcxI9YOQd6Se%2BfiQS3wxX6qIlsCNvmJGEzECHrQvidcEiDEnzxBOGEvITT%2Ftkg4n9V%2B5Fa2DGdkM%2FAPhaJ9qLvAAEmJLngcMGM5KzGB25dtKIr4Yre9EaWJHncSycGgfRoeuA%2FCFQ2F1Bxw2nZClHp6O7iAtA%2BR9aAxsmE%2FRKcdQpTzwjVFHOozWwgeTKXMYKdPSaIV4Wpgi6Mrae5lZQd7yIDl8zUygUwHoR%2B4I9TYbWRvhAdPxacb8EQydf6vgLJzCTQpWvVSdCeGcfWoBWOtEoAJ86Gv%2B2goffep2pHFq4PiTNCS8HpAtpFIDio%2BV%2BYOp30cN52SxxE3FK1nRBa9CIxouPaky81ftfk9z7peFFf86Hi4F6EafIM8LL0KDXyKUWE3lydaqHvyJtxN9rlG6m5eOdUX0kkDrDODkg%2B4WC1hJyatZ%2BvvIPvoWf392%2B%2FBgyP4hInewmPx8tZCVahjZSiCeEVCD87Y%2Be9h110Fk75o6hb5zcMLzy%2F%2BfiFsHTVFIR%2BR5ahzbiqajVSDgPH8rqkn8hK%2BY8H%2Bcjreio1cYGtFoNpL1CSy0f8%2FNcFD4HaGYUWq0GyAcnlvJUBFqLJv5HTbA6Wk%2BMgCQ3oSeXjxmqqZSOAjQQyUHTvP6rAJ4J%2FxqtRhOJFCV7pzpaqjq%2FEn4EqCSYi4Vyqc1oavbGV2ipqhQ8SldxLbQgTQzMUldCBet%2FIVlCWXHGKrQiTcygLNsD%2BZbvlZufQVvzPi4OA4KIh8VpIg6tU420H%2BmLHoQWpYkV4%2Bgrr4rlF2ySD8ypyiI%2BPgrNof6zryoZn6NVqrDb4FUg7%2BxAy9LGw5QOwD3yrNPyTwDN2Si3%2FqNvMbVZVkBSPAedQORtQO6Z2RqtTBuXqR6BlCN%2F4395OBTf1JSRfmUiF28CDscl3QNxtNAkujNamCZcV1mov8bNaHEaWU28QrAyPvMyuTgMLeR72trLkd4VrU4j9xNvkKrAJCc%2FE%2FRvJR6b7o1mwWh9Gomg1x%2BUNJinTXpd9lIT7pYDaIGa2Url43B4VCIX%2Fd%2FXeYCGai9EnkYr1MyEWOIzoTjnJrQKndzH%2BhREWZuH1qidZ%2BJJXgdOfRuGFqCbNjOpGe2RzWiRelgRnW5MZZ8Qbp76y%2BFqT9dr9%2FRHy9TFZKf%2Bzoj0hy7xcOBTlXcY2F2VqXych5QR8NVaHfJm7n84GR2xQX5n%2BgZYxsc8XIqoyKojb%2F6kLix0b3zCBU5OO92wvSN776%2FRnMckpXa%2B4durT3lQlH5io2%2Ft9ziZ%2BeCBtHvM8p%2BvEZIV6VK%2F588Jh6N9V4bMi5od4tvd71vn5cyBnHzl8s7%2Fmee%2FEsnF1Uh7cZHVN1C3jD2D1iupSINFZvqvKI35fE8Sll6MPwFU5Q%2B0ZEl5TL0bf4130JolZXxpvv9K1hy0akkpW5i0QKnRoR5at%2BQaZyhMyjbCI3xtFRKWvCsY%2FxVlYwFau8Th6EI8DNQ4n%2FJ4JiwYLr1LYanC2XJBEfFD%2Bq%2FkP4bWb3f6Q%2F1XFJ%2Bd6AzYmw8gL4DlSeLlqoCQ3Kqhy4E12xais2BfJlMYBk7OLP4ahAQhz%2FQvQO45z9fVCWFIeQ7tfCmNeLkwJhQRH6F9L%2BO3NHQ27EfwRLTr5XlNHgmaTNCbaM8rwtGOUSFII1sHyID%2FoFNiK1zd0X5XhY89eoJgfCE4Q%2Fi9LMAdh9Feu4eLRVoi4EQ77YkW8l3ABFyvon32THd5HsCc1H5ol73xG4dTFfgiFXADQA%2FNZZsgU4JPoh1WYyLfd6wtTkQNtL%2FqbOR1vgYHjD6EdlcLGziaI8YXgV%2BgvdVGM96G63HCQov0f6izdgQ6VyLS1dN8GwsyTE4Qoc5OC%2FR%2Faif0MjpfovFPH7SnOomWx8IUccWi%2FdRPSBd01sShwHLtH1r4cRk6b6KwfSPaS2OcaIDOnBgsoLL5AME4OUWGAluGo300TqgTnT3%2BieHt8b8if8h5gkRMGIN2kJTqcqYoAfX6ov0jJ%2BcDdBb55XPq%2Bw8R5PvJRjFDuJymzn9myFU5T84A202c%2F8%2BaE3KMiG5GrEG7RpOp%2F0PnkzNc75i0%2F8c0Nss%2BIR20NmX%2Fm7mMkz0CmtlZDe0WC%2FKjZcu4Jrr4ifL0X5m4C%2Bjc8kBYY7RP7EhPkG0iKrhizqJdYspb69AZtjZtrqIdYs3MY%2BgcW5kbmqL9MYEQIdY0smCy5S%2F%2B0WFsDDrTlsQVk4R2xjROyieBKoT9iHbFTH5KSEUn3FoEOTPQnpjMrK%2FRObcSdePQfphP6AE5Y7qE5BaiHv15Z22iPBYqxNXbElP%2FIeyTfQKO58%2BjXUASGm3zbRML4%2FPRHoDZVdvGg8UiYsU%2B%2BNfGpN5oH1Bk3onOvUXoYcuJIiPXo%2FNuHcLH1EfbYTb1frPnq58nfHxtdTrcxs9uB3%2FqnPWzze2B7X6itfzSYZg9SmB77CJ0pi2LDUogT9rvlZ9e3462iCWtvxmGzrDlmRp9P9omVqyIluc%2BWvCJvxVtFQu6xvM968NMIpu3QttFm9ND7H7or5PqMQItHihInIbOJ4fMjM1GG0eHdQebonPJKVkh%2Fvy3jATIX%2F0kXHFyfa18cQw3M%2F4ty9kxczn9MZC2dX86OnticMrvRrSZ%2BlnufBydN4GIrNFuNNpRPaS83EN%2B7aVMevvewWhftVGQGT8VnS0xyfE9bfkGwqCje%2BTXHobkxGdaeNBMgX%2F0LnSGxGfR%2Fl9S0E67I%2Ff93%2BxzvRdM%2BF3OMLTfFTkT0z4LnRWbMSn6c4tcLky%2B2OIEOhv2JGvf3c%2BDr5mn%2FvrDennUi2RpVKw%2F6LFwQEBCiBDz3LlnaqMZ9%2BWaa%2F72fy05JNt7rET%2Bsysvjwgyw%2FvgkTePmSS7OyxJaFx8gj%2FDrtLknjHRd8kPPFanWlR0TM9kutYXhPWODYmT5%2Fv8kH%2FqhX7On0cQ10HK771r7floG1qOxChj%2Bz70WsPE052zdS0uSsvu6p84%2Fbare7na2S7xRvjMvodm9zs%2B%2FZOW3fzHB8w%2FkxcYGFjcdxpR%2BB95Z%2BYHfOf%2F55afTB%2B1Z8ehvePs87P%2B%2FwFACJpk2Fx8mQAAAABJRU5ErkJggg%3D%3D%22%2F%3E%09%3C%2Fdefs%3E%09%3Cstyle%3E%09%3C%2Fstyle%3E%09%3Cuse id%3D%22Background%22 href%3D%22%23img1%22 x%3D%220%22 y%3D%220%22%2F%3E%3C%2Fsvg%3E");
margin-right: 0.625em;
}
.surepass-sdk-ui-AadhaarWelcome-pre_title {
text-transform: uppercase;
font-weight: 500;
color: #000;
font-size: 20px;
margin: 0px;
text-align: center;
margin-bottom: 10px;
}
.surepass-sdk-ui-AadhaarWelcome-warningText {
/*color: #e60c0c;*/
color: #000000;
font-weight: 500;
padding: 7px 10px;
border-radius: 10px;
font-size: 13px;
margin: 0px;
text-align: left;
letter-spacing: 0.5px;
}
.surepass-sdk-ui-AadhaarWelcome-welcomeImage {
width: 50%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-AadhaarWelcome-pointsWrapper {
margin-top: 10px !important;
}
@media screen and (min-width: 1700px) {
.surepass-sdk-ui-AadhaarWelcome-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-AadhaarWelcome-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-AadhaarWelcome-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
.surepass-sdk-ui-AadhaarWelcome-welcomeImage {
width: 90%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1699px) {
.surepass-sdk-ui-AadhaarWelcome-titleText {
font-size: 20px;
}
.surepass-sdk-ui-AadhaarWelcome-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-AadhaarWelcome-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ExplainerTextComponent-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ExplainerTextComponent-titleText p {
margin: 0em;
}
.surepass-sdk-ui-ExplainerTextComponent-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-ExplainerTextComponent-thickWrapper {
padding-top: 10px;
display: flex;
}
.surepass-sdk-ui-ExplainerTextComponent-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-ExplainerTextComponent-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-ExplainerTextComponent-titleText {
text-align: left;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-ExplainerTextComponent-paraDiv {
display: flex;
flex: 1;
flex-direction: column;
padding: 0.625em;
padding-top: 0em;
text-align: justify;
}
.surepass-sdk-ui-ExplainerTextComponent-iframe {
display: flex;
flex: 1;
border: none;
}
.surepass-sdk-ui-ExplainerTextComponent-urlBar {
background-color: #cccccc5c;
margin-top: 12px;
margin-left: 35px;
border-radius: 8px;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.surepass-sdk-ui-ExplainerTextComponent-url {
margin: 0px;
padding-left: 5px;
word-break: break-all;
font-size: 14px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-ExplainerTextComponent-marginLeft {
margin-left: 10px !important;
}
.surepass-sdk-ui-ExplainerTextComponent-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-ExplainerTextComponent-loaderImage {
width: 100%;
position: absolute;
top: 20%;
}
.surepass-sdk-ui-ExplainerTextComponent-welcomeImage {
width: 32%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-ExplainerTextComponent-consent {
font-size: 12px;
line-height: 20px;
text-align: center;
margin-bottom: 5px;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-ExplainerTextComponent-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-ExplainerTextComponent-titleText p {
margin: 0em;
/*line-height: @header-font-size-line-height;*/
}
.surepass-sdk-ui-ExplainerTextComponent-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
.surepass-sdk-ui-ExplainerTextComponent-pointsDiv {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-align: left;
margin-top: 0px;
}
.surepass-sdk-ui-ExplainerTextComponent-banksDiv {
overflow-y: scroll;
height: 75vh;
padding-bottom: 20px;
}
.surepass-sdk-ui-ExplainerTextComponent-bankImage {
width: 100%;
}
.surepass-sdk-ui-ExplainerTextComponent-textDiv {
display: flex;
flex-direction: column;
margin-left: 20px;
}
.surepass-sdk-ui-ExplainerTextComponent-pointsTitle {
font-size: 16px;
line-height: 20px !important;
margin-bottom: 10px !important;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ExplainerTextComponent-titleText {
font-size: 28px;
}
.surepass-sdk-ui-ExplainerTextComponent-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-ExplainerTextComponent-titleText p {
margin: 0em;
/*line-height: @header-font-size-line-height-mobile;*/
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ItrData-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-ItrData-titleText p {
margin: 0em;
}
.surepass-sdk-ui-ItrData-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-ItrData-thickWrapper {
padding-top: 10px;
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
}
.surepass-sdk-ui-ItrData-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-ItrData-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-ItrData-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-ItrData-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-ItrData-imageWrapper {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.surepass-sdk-ui-ItrData-welcomeImage {
width: 100px;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-ItrData-completeWelcomeImage {
width: 100%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-ItrData-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-ItrData-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-ItrData-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-ItrData-titleText {
font-size: 28px;
}
.surepass-sdk-ui-ItrData-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-ItrData-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-WideDocIframe-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-WideDocIframe-titleText p {
margin: 0em;
}
.surepass-sdk-ui-WideDocIframe-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-WideDocIframe-button {
/*height:40px !important;*/
width: 70% !important;
}
.surepass-sdk-ui-WideDocIframe-thickWrapper {
padding-top: 10px;
display: flex;
}
.surepass-sdk-ui-WideDocIframe-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 1rem;
}
.surepass-sdk-ui-WideDocIframe-overlay {
width: 100%;
position: absolute;
background-color: #ffffff96;
height: 100%;
}
.surepass-sdk-ui-WideDocIframe-overlayContent {
margin: 50% 70px 50% 30px;
background: #fff;
}
.surepass-sdk-ui-WideDocIframe-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-WideDocIframe-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocIframe-paraDiv {
display: flex;
flex: 1;
width: 100%;
flex-direction: column;
padding: 0.625em;
padding-top: 0em;
text-align: justify;
}
.surepass-sdk-ui-WideDocIframe-customUrl {
margin-left: 0px !important;
}
.surepass-sdk-ui-WideDocIframe-iframe {
display: flex;
flex: 1;
border: none;
}
.surepass-sdk-ui-WideDocIframe-urlBar {
background-color: #cccccc5c;
border-radius: 8px;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
overflow-x: hidden;
}
.surepass-sdk-ui-WideDocIframe-url {
margin: 0px;
padding-left: 5px;
text-overflow: ellipsis;
font-size: 15px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-WideDocIframe-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-WideDocIframe-checkboxDiv {
padding: 0.3125em 0em;
text-align: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
border-bottom: 0;
margin: 15px 0px;
}
.surepass-sdk-ui-WideDocIframe-loaderImage {
width: 100%;
position: absolute;
top: 20%;
}
.surepass-sdk-ui-WideDocIframe-welcomeImage {
width: 32%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-WideDocIframe-consent {
font-size: 12px;
line-height: 20px;
text-align: left;
width: 92%;
margin-bottom: 5px;
}
@media (min-width: 1700px) {
.surepass-sdk-ui-WideDocIframe-thickWrapper {
padding-top: 30px;
}
.surepass-sdk-ui-WideDocIframe-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-WideDocIframe-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
.surepass-sdk-ui-WideDocIframe-urlBar {
padding: 15px;
}
.surepass-sdk-ui-WideDocIframe-url {
font-size: 25px;
line-height: 25px !important;
}
}
.surepass-sdk-ui-WideDocIframe-pointsDiv {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocIframe-banksDiv {
overflow-y: scroll;
height: 75vh;
padding-bottom: 20px;
}
.surepass-sdk-ui-WideDocIframe-bankImage {
width: 100%;
}
.surepass-sdk-ui-WideDocIframe-textDiv {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
height: 100px;
flex-direction: column;
box-shadow: 0px 0px 2px 0px #ccc;
border-radius: 3px;
padding: 10px;
margin-right: 5px;
margin-left: 10px;
}
.surepass-sdk-ui-WideDocIframe-textDiv:hover {
box-shadow: 0px 0px 4px 0px #ccc;
cursor: pointer;
}
.surepass-sdk-ui-WideDocIframe-pointsTitle {
font-size: 16px;
line-height: 20px !important;
margin-bottom: 10px !important;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-WideDocIframe-titleText {
font-size: 28px;
}
.surepass-sdk-ui-WideDocIframe-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-WideDocIframe-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-WideDocCategorySelect-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-WideDocCategorySelect-titleText p {
margin: 0em;
}
.surepass-sdk-ui-WideDocCategorySelect-text {
font-size: 20px;
font-style: normal;
font-weight: bold;
text-align: left;
flex: 1;
color: #000000c2;
}
.surepass-sdk-ui-WideDocCategorySelect-thickWrapper {
padding-top: 10px;
display: flex;
}
.surepass-sdk-ui-WideDocCategorySelect-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-WideDocCategorySelect-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-WideDocCategorySelect-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocCategorySelect-paraDiv {
display: flex;
flex: 1;
flex-direction: column;
padding: 0.625em;
padding-top: 0em;
text-align: justify;
}
.surepass-sdk-ui-WideDocCategorySelect-iframe {
display: flex;
flex: 1;
border: none;
}
.surepass-sdk-ui-WideDocCategorySelect-urlBar {
background-color: #cccccc5c;
border-radius: 8px;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.surepass-sdk-ui-WideDocCategorySelect-url {
margin: 0px;
padding-left: 5px;
}
.surepass-sdk-ui-WideDocCategorySelect-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-WideDocCategorySelect-loaderImage {
width: 100%;
position: absolute;
top: 20%;
}
.surepass-sdk-ui-WideDocCategorySelect-welcomeImage {
width: 32%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-WideDocCategorySelect-consent {
font-size: 12px;
line-height: 20px;
text-align: center;
margin-bottom: 5px;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-WideDocCategorySelect-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-WideDocCategorySelect-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-WideDocCategorySelect-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
.surepass-sdk-ui-WideDocCategorySelect-pointsDiv {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocCategorySelect-banksDiv {
/*overflow-y: hidden;*/
/*height: 50vh;*/
padding-bottom: 20px;
}
.surepass-sdk-ui-WideDocCategorySelect-bankImage {
width: 70px;
}
.surepass-sdk-ui-WideDocCategorySelect-icons {
display: flex;
}
.surepass-sdk-ui-WideDocCategorySelect-textDiv .surepass-sdk-ui-WideDocCategorySelect-mIconOutlined + .surepass-sdk-ui-WideDocCategorySelect-mIcon,
.surepass-sdk-ui-WideDocCategorySelect-textDiv:hover .surepass-sdk-ui-WideDocCategorySelect-mIconOutlined {
display: none;
}
.surepass-sdk-ui-WideDocCategorySelect-textDiv:hover .surepass-sdk-ui-WideDocCategorySelect-mIconOutlined + .surepass-sdk-ui-WideDocCategorySelect-mIcon {
display: inherit;
color: #FFFFFF;
}
.surepass-sdk-ui-WideDocCategorySelect-hidden {
display: none !important;
}
.surepass-sdk-ui-WideDocCategorySelect-mIcon,
.surepass-sdk-ui-WideDocCategorySelect-mIconOutlined {
font-size: 36px;
width: 50px;
color: #6c63ff;
}
.surepass-sdk-ui-WideDocCategorySelect-textDiv {
display: flex;
flex: 1;
align-items: center;
justify-content: space-around;
height: 100px;
flex-direction: row;
box-shadow: 0px 2px 16px 0px #cccccc8f;
border-radius: 3px;
padding: 10px;
background: #fff;
/*border: 0.5px solid #cccccc0a;*/
transition: background-color 1s;
margin-right: 5px;
margin-left: 10px;
}
.surepass-sdk-ui-WideDocCategorySelect-textDiv:hover {
box-shadow: 0px 2px 16px 0px #cccccc8f;
background: #6c63ff;
color: #fff;
cursor: pointer;
}
.surepass-sdk-ui-WideDocCategorySelect-coloredBlock {
cursor: pointer;
}
.surepass-sdk-ui-WideDocCategorySelect-coloredBlock .surepass-sdk-ui-WideDocCategorySelect-mIcon {
display: block !important;
color: #FFFFFF;
}
.surepass-sdk-ui-WideDocCategorySelect-coloredBlock .surepass-sdk-ui-WideDocCategorySelect-mIconOutlined {
display: none !important;
color: #FFFFFF;
}
.surepass-sdk-ui-WideDocCategorySelect-pointsTitle {
font-size: 16px;
line-height: 20px !important;
margin-bottom: 10px !important;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-WideDocCategorySelect-titleText {
font-size: 28px;
}
.surepass-sdk-ui-WideDocCategorySelect-text {
font-size: 20px;
line-height: 32px;
}
.surepass-sdk-ui-WideDocCategorySelect-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-WideDocBankSelect-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-WideDocBankSelect-titleText p {
margin: 0em;
}
.surepass-sdk-ui-WideDocBankSelect-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-WideDocBankSelect-thickWrapper {
padding-top: 10px;
display: flex;
}
.surepass-sdk-ui-WideDocBankSelect-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-WideDocBankSelect-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-WideDocBankSelect-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocBankSelect-paraDiv {
display: flex;
flex: 1;
flex-direction: column;
padding: 0.625em;
padding-top: 0em;
text-align: justify;
}
.surepass-sdk-ui-WideDocBankSelect-iframe {
display: flex;
flex: 1;
border: none;
}
.surepass-sdk-ui-WideDocBankSelect-urlBar {
background-color: #cccccc5c;
border-radius: 8px;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.surepass-sdk-ui-WideDocBankSelect-url {
margin: 0px;
padding-left: 5px;
}
.surepass-sdk-ui-WideDocBankSelect-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-WideDocBankSelect-loaderImage {
width: 100%;
position: absolute;
top: 20%;
}
.surepass-sdk-ui-WideDocBankSelect-welcomeImage {
width: 32%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-WideDocBankSelect-consent {
font-size: 12px;
line-height: 20px;
text-align: center;
margin-bottom: 5px;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-WideDocBankSelect-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-WideDocBankSelect-titleText p {
margin: 0em;
/*line-height: @header-font-size-line-height;*/
}
.surepass-sdk-ui-WideDocBankSelect-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
.surepass-sdk-ui-WideDocBankSelect-pointsDiv {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocBankSelect-banksDiv {
overflow-y: scroll;
height: 65vh;
padding-bottom: 20px;
}
.surepass-sdk-ui-WideDocBankSelect-bankImage {
width: 100%;
}
.surepass-sdk-ui-WideDocBankSelect-textDiv {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
height: 100px;
flex-direction: column;
/*background: #9e9e9e0d;*/
box-shadow: 0px 2px 16px 0px #cccccc8f;
border-radius: 3px;
padding: 10px;
margin-right: 5px;
margin-left: 10px;
}
.surepass-sdk-ui-WideDocBankSelect-textDiv:hover {
box-shadow: 0px 2px 16px 0px #cccccc8f;
cursor: pointer;
}
.surepass-sdk-ui-WideDocBankSelect-pointsTitle {
font-size: 16px;
line-height: 20px !important;
margin-bottom: 10px !important;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-WideDocBankSelect-titleText {
font-size: 28px;
}
.surepass-sdk-ui-WideDocBankSelect-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-WideDocBankSelect-titleText p {
margin: 0em;
/*line-height: @header-font-size-line-height-mobile;*/
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-WideDocIframeIntro-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-WideDocIframeIntro-titleText p {
margin: 0em;
}
.surepass-sdk-ui-WideDocIframeIntro-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-WideDocIframeIntro-thickWrapper {
padding-top: 10px;
display: flex;
}
.surepass-sdk-ui-WideDocIframeIntro-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-WideDocIframeIntro-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-WideDocIframeIntro-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocIframeIntro-paraDiv {
display: flex;
flex: 1;
flex-direction: column;
padding: 0.625em;
padding-top: 0em;
text-align: justify;
}
.surepass-sdk-ui-WideDocIframeIntro-iframe {
display: flex;
flex: 1;
border: none;
}
.surepass-sdk-ui-WideDocIframeIntro-urlBar {
background-color: #cccccc5c;
margin-top: 12px;
margin-left: 35px;
border-radius: 8px;
margin-bottom: 10px;
padding: 5px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.surepass-sdk-ui-WideDocIframeIntro-url {
margin: 0px;
padding-left: 5px;
word-break: break-all;
font-size: 14px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-WideDocIframeIntro-marginLeft {
margin-left: 10px !important;
}
.surepass-sdk-ui-WideDocIframeIntro-desc {
font-size: 16px;
font-weight: 400 !important;
line-height: 20px !important;
}
.surepass-sdk-ui-WideDocIframeIntro-loaderImage {
width: 100%;
position: absolute;
top: 20%;
}
.surepass-sdk-ui-WideDocIframeIntro-welcomeImage {
width: 32%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-WideDocIframeIntro-consent {
font-size: 12px;
line-height: 20px;
text-align: center;
margin-bottom: 5px;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-WideDocIframeIntro-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-WideDocIframeIntro-titleText p {
margin: 0em;
/*line-height: @header-font-size-line-height;*/
}
.surepass-sdk-ui-WideDocIframeIntro-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
.surepass-sdk-ui-WideDocIframeIntro-pointsDiv {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
text-align: left;
margin-top: 20px;
}
.surepass-sdk-ui-WideDocIframeIntro-banksDiv {
overflow-y: scroll;
height: 75vh;
padding-bottom: 20px;
}
.surepass-sdk-ui-WideDocIframeIntro-bankImage {
width: 100%;
}
.surepass-sdk-ui-WideDocIframeIntro-textDiv {
display: flex;
flex-direction: column;
margin-left: 20px;
}
.surepass-sdk-ui-WideDocIframeIntro-pointsTitle {
font-size: 16px;
line-height: 20px !important;
margin-bottom: 10px !important;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-WideDocIframeIntro-titleText {
font-size: 28px;
}
.surepass-sdk-ui-WideDocIframeIntro-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-WideDocIframeIntro-titleText p {
margin: 0em;
/*line-height: @header-font-size-line-height-mobile;*/
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Digilocker-Welcome-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Digilocker-Welcome-titleText p {
margin: 0em;
}
.surepass-sdk-ui-Digilocker-Welcome-upperCase {
text-transform: uppercase;
}
.surepass-sdk-ui-Digilocker-Welcome-text {
font-size: 20px;
font-style: normal;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-Digilocker-Welcome-thickWrapper {
padding-top: 10px;
/*animation-duration: 1s;*/
/*animation-name: slideIn;*/
}
@-webkit-keyframes surepass-sdk-ui-Digilocker-Welcome-slideIn {
from {
margin-left: 100%;
/*width: 300%;*/
}
to {
margin-left: 0%;
/*width: 100%;*/
}
}
@keyframes surepass-sdk-ui-Digilocker-Welcome-slideIn {
from {
margin-left: 100%;
/*width: 300%;*/
}
to {
margin-left: 0%;
/*width: 100%;*/
}
}
.surepass-sdk-ui-Digilocker-Welcome-bottomDiv {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.surepass-sdk-ui-Digilocker-Welcome-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-Digilocker-Welcome-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-Digilocker-Welcome-titleText {
text-align: left;
font-size: 36px;
font-weight: 600;
color: #000;
margin-top: 20px;
}
.surepass-sdk-ui-Digilocker-Welcome-paraDiv {
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-Digilocker-Welcome-flexDiv {
display: flex;
align-items: center;
}
.surepass-sdk-ui-Digilocker-Welcome-checkboxDiv {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.surepass-sdk-ui-Digilocker-Welcome-checkboxText {
margin-left: 20px;
}
.surepass-sdk-ui-Digilocker-Welcome-consentText {
font-size: 12px;
}
.surepass-sdk-ui-Digilocker-Welcome-pre_title {
text-transform: uppercase;
font-weight: 700;
color: #000;
font-size: 18px;
margin: 0px;
text-align: center;
}
.surepass-sdk-ui-Digilocker-Welcome-warningText {
/*color: #e60c0c;*/
color: #000000;
font-weight: bold;
padding: 7px 10px;
border-radius: 10px;
font-size: 13px;
margin: 0px;
}
.surepass-sdk-ui-Digilocker-Welcome-welcomeImage {
width: 50%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-Digilocker-Welcome-pointsWrapper {
margin-top: 10px !important;
}
@media screen and (min-width: 1700px) {
.surepass-sdk-ui-Digilocker-Welcome-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-Digilocker-Welcome-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-Digilocker-Welcome-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
.surepass-sdk-ui-Digilocker-Welcome-welcomeImage {
width: 90%;
height: auto;
/* background-image: url('./assets1/header.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 16*@unit; */
display: inline-block;
vertical-align: middle;
}
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1699px) {
.surepass-sdk-ui-Digilocker-Welcome-titleText {
font-size: 20px;
}
.surepass-sdk-ui-Digilocker-Welcome-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-Digilocker-Welcome-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-titleText p {
margin: 0em;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-returnLink {
text-decoration: none ;
color: #6c63ff;
cursor: pointer;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-thickWrapper {
display: flex;
flex-direction: column;
/*padding-top: 10px;*/
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-bottomDiv {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-paraDiv {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-around;
/*align-items: center;*/
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-welcomeImage {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-mainImageDiv {
display: flex;
flex: 2;
flex-direction: column;
justify-content: center;
align-items: center;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-errorImage {
width: 100%;
height: auto;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-explainerWrapper {
padding: 20px;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-contentDiv {
display: flex;
flex-direction: column;
flex: 1;
justify-content: space-around;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-titleText {
font-size: 28px;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-Digilocker-VerifyDigiAuth-titleText p {
margin: 0em;
line-height: 45px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-Digilocker-Complete-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-Digilocker-Complete-titleText p {
margin: 0em;
}
.surepass-sdk-ui-Digilocker-Complete-text {
font-size: 22px;
font-style: normal;
text-align: center;
font-weight: 500;
color: #000000c2;
}
.surepass-sdk-ui-Digilocker-Complete-thickWrapper {
display: flex;
flex-direction: column;
/*padding-top: 10px;*/
}
.surepass-sdk-ui-Digilocker-Complete-bottomDiv {
display: flex;
flex-direction: column;
}
.surepass-sdk-ui-Digilocker-Complete-language-select::after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMBAMAAACQIoDIAAAAAXNSR0IB2cksfwAAACRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAplgCRwAAAAx0Uk5TABBvQHD/z2Dw0KDg7RH9HQAAAE5JREFUeJwtyLENgDAQQ1EjirSIDroMcyM40LJBmozCLKyH7JwL6+thr/DWimibczQEH1XhjYPmwQvLKy5kx2QhzBPNYTQnihPNicD56X/3shNBaYhPOwAAAABJRU5ErkJggg==);
}
.surepass-sdk-ui-Digilocker-Complete-hr {
width: 30%;
background: #000;
padding: 2px;
border: none;
border-radius: 20px;
}
.surepass-sdk-ui-Digilocker-Complete-titleText {
text-align: center;
font-size: 36px;
font-weight: 600;
color: #000;
}
.surepass-sdk-ui-Digilocker-Complete-paraDiv {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-around;
/*align-items: center;*/
padding: 0.625em;
padding-top: 0.625em;
text-align: justify;
}
.surepass-sdk-ui-Digilocker-Complete-welcomeImage {
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1920px) {
.surepass-sdk-ui-Digilocker-Complete-thickWrapper {
padding-top: 114px;
}
.surepass-sdk-ui-Digilocker-Complete-titleText p {
margin: 0em;
line-height: 61px;
}
.surepass-sdk-ui-Digilocker-Complete-text {
line-height: 36px;
margin-top: 35px;
margin-bottom: 35px;
}
}
.surepass-sdk-ui-Digilocker-Complete-mainImageDiv {
display: flex;
flex: 2;
flex-direction: column;
justify-content: center;
align-items: center;
}
.surepass-sdk-ui-Digilocker-Complete-contentDiv {
display: flex;
flex-direction: column;
flex: 1;
justify-content: space-around;
}
/*mobile phone brekpoint*/
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-Digilocker-Complete-titleText {
font-size: 28px;
}
.surepass-sdk-ui-Digilocker-Complete-text {
font-size: 17px;
line-height: 32px;
}
.surepass-sdk-ui-Digilocker-Complete-titleText p {
margin: 0em;
line-height: 30px;
}
}
/*@media screen and (max-height: 812px){*/
/* .text{*/
/* margin-top: 20px;*/
/* margin-bottom: 100px;*/
/* }*/
/*}*/
/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
* We want our units to be based on `em`, so that our SDK can accommodate for
* the user changing their browser font size.
* At the same time, `px` is a unit often used in templates etc. from Design.
* To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
* This results in each @unit into being the same as 1px (when the parent
* font-size is 16px, as it is by default).
*
* So each "unit" isn't a pixel, but it is when the parent font size is 16px,
* and it's proportionate to the difference otherwise.
*/
/*
* We also need different units for when trying to do `px` "equivalents" when
* our parent has a different font size.
*/
/*
* We also have a special unit for the react-phone-number-input library, so
* we can keep its units in line with whatever units we decide to pick
*/
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-NavigationBar-absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.surepass-sdk-ui-NavigationBar-parentTimelineDiv {
background-color: #e8e7e7;
/*margin: 0*@unit 20*@unit;*/
/* padding: 1.25em; */
width: 95%;
border-radius: 10px;
margin-bottom: 3.125em;
}
.surepass-sdk-ui-NavigationBar-mainContainer {
display: flex;
flex-direction: row;
/*flex: 1;*/
}
.surepass-sdk-ui-NavigationBar-mainTimeline {
display: flex;
flex: 1;
}
.surepass-sdk-ui-NavigationBar-backButton {
padding: 0em 1.25em 0em 0em;
}
.surepass-sdk-ui-NavigationBar-backImage {
width: 30px;
height: 26px;
}
/*.mainTimeline::before{*/
/* content: url("./assets1/back.png");*/
/* margin-right: 10*@unit;*/
/*}*/
/*.mainTimeline::after{*/
/* content: url("./assets1/checked.png");*/
/* margin-left: 10*@unit;*/
/*}*/
.surepass-sdk-ui-NavigationBar-childTimelineDiv {
background-color: #6c63ff;
padding: 10px;
width: 10%;
-webkit-animation-name: surepass-sdk-ui-NavigationBar-fillingCircle;
-webkit-animation-duration: 5s;
/* Safari 4.0 - 8.0 */
animation-name: surepass-sdk-ui-NavigationBar-fillingCircle;
-webkit-animation-delay: 2s;
animation-delay: 2s;
animation-duration: 5s;
border-radius: 10px;
}
.surepass-sdk-ui-NavigationBar-navigation {
/*height: @navigation-height;*/
padding: 3rem 2rem 1rem 2rem;
/* padding-top: 61px; */
text-align: left;
box-sizing: content-box;
}
@media (max-width: 479px) {
.surepass-sdk-ui-NavigationBar-navigation {
height: 2em;
padding: 0;
}
}
.surepass-sdk-ui-NavigationBar-fullScreenNav {
background: linear-gradient(0deg, rgba(28, 31, 33, 0) 0%, rgba(28, 31, 33, 0.35) 100%);
z-index: 3;
}
.surepass-sdk-ui-NavigationBar-fullScreenNav .surepass-sdk-ui-NavigationBar-back {
color: #ffffff;
}
.surepass-sdk-ui-NavigationBar-fullScreenNav .surepass-sdk-ui-NavigationBar-back:hover .surepass-sdk-ui-NavigationBar-iconBack {
background-color: transparent;
}
.surepass-sdk-ui-NavigationBar-fullScreenNav .surepass-sdk-ui-NavigationBar-iconBack {
background-image: url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cpath d%3D%22M16.668 11.811L11.738 16l4.93 4.189a1.014 1.014 0 0 1 0 1.5 1.191 1.191 0 0 1-1.604 0l-5.736-4.873A1.01 1.01 0 0 1 9.003 16a1.01 1.01 0 0 1 .325-.816l5.736-4.873a1.191 1.191 0 0 1 1.604 0 1.014 1.014 0 0 1 0 1.5z%22 fill%3D%22%23FFFFFF%22 fill-rule%3D%22nonzero%22%2F%3E%3Crect fill%3D%22%23FFFFFF%22 fill-rule%3D%22nonzero%22 x%3D%229%22 y%3D%2215%22 width%3D%2216%22 height%3D%222%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.surepass-sdk-ui-NavigationBar-disabled {
display: none;
}
.surepass-sdk-ui-NavigationBar-back {
height: 2em;
color: #000000;
padding: 0;
font-size: inherit;
line-height: 1;
border: none;
background-color: transparent;
cursor: pointer;
}
@media (max-width: 479px) {
.surepass-sdk-ui-NavigationBar-back {
width: auto;
}
}
.surepass-sdk-ui-NavigationBar-iconBack {
height: 2em;
width: 2em;
background-image: url("data:image/svg+xml,%3Csvg width%3D%2232%22 height%3D%2232%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E%3Ccircle fill%3D%22none%22 cx%3D%2216%22 cy%3D%2216%22 r%3D%2216%22%2F%3E%3Cpath d%3D%22M16.668 11.811L11.738 16l4.93 4.189a1.014 1.014 0 0 1 0 1.5 1.191 1.191 0 0 1-1.604 0l-5.736-4.873A1.01 1.01 0 0 1 9.003 16a1.01 1.01 0 0 1 .325-.816l5.736-4.873a1.191 1.191 0 0 1 1.604 0 1.014 1.014 0 0 1 0 1.5z%22 fill%3D%22%232C3E4F%22 fill-rule%3D%22nonzero%22%2F%3E%3Crect fill%3D%22%232C3E4F%22 fill-rule%3D%22nonzero%22 x%3D%229%22 y%3D%2215%22 width%3D%2216%22 height%3D%222%22 rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 1em;
display: inline-block;
vertical-align: middle;
}
.surepass-sdk-ui-NavigationBar-label {
visibility: hidden;
margin: 0 0.4375em;
font-size: 0.875em;
}
@media (max-width: 479px) {
.surepass-sdk-ui-NavigationBar-label {
display: none;
}
}
.surepass-sdk-ui-NavigationBar-backHoverDesktop:hover .surepass-sdk-ui-NavigationBar-label,
.surepass-sdk-ui-NavigationBar-backHoverDesktop:focus .surepass-sdk-ui-NavigationBar-label {
visibility: visible;
}
.surepass-sdk-ui-NavigationBar-back:hover .surepass-sdk-ui-NavigationBar-iconBack {
background-color: #ffffff;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes surepass-sdk-ui-NavigationBar-fillingCircle {
0% {
width: 10%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
100% {
width: 40%;
}
25% {
width: 50%;
}
50% {
width: 60%;
}
100% {
width: 70%;
}
25% {
width: 80%;
}
50% {
width: 90%;
}
100% {
width: 100%;
}
}
/* Standard syntax */
@keyframes surepass-sdk-ui-NavigationBar-fillingCircle {
0% {
width: 10%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
100% {
width: 40%;
}
25% {
width: 50%;
}
50% {
width: 60%;
}
100% {
width: 70%;
}
25% {
width: 80%;
}
50% {
width: 90%;
}
100% {
width: 100%;
}
}
@media screen and (max-width: 1919px) {
.surepass-sdk-ui-NavigationBar-childTimelineDiv {
padding: 5px;
}
.surepass-sdk-ui-NavigationBar-backImage {
display: flex;
width: 18px;
height: 12px;
}
.surepass-sdk-ui-NavigationBar-checkImage {
width: 16px;
height: 16px;
}
.surepass-sdk-ui-NavigationBar-checkImageSpan {
display: flex;
}
.surepass-sdk-ui-NavigationBar-parentTimelineDiv {
margin-bottom: 0px;
}
.surepass-sdk-ui-NavigationBar-mainTimeline {
flex-direction: column;
}
.surepass-sdk-ui-NavigationBar-mainContainer {
align-items: center;
}
.surepass-sdk-ui-NavigationBar-navigation {
padding: 12px 10px;
}
}