- 제출된 URL:
- https://secure.botdoc.io/s/cGvyAtup
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 150개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| card | function |
| Payment | function |
| Card | function |
| AcuantConfig | object |
| AcuantJavascriptWebSdk | object |
| loadAcuantSdk | function |
| piexif | object |
콘솔 로그 메시지 · 3개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head>
<meta charset="utf-8">
<title>BotdocApiSecureSession</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style><link id="favicon_image" rel="icon" type="image/x-icon" href="favicon.ico">
<!--- index.html -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We">
<script type="text/javascript">
const acuantConfig = {
//path: "/assets/js/acuant/webSdk/dist/",
path: "/assets/js/acuant/v11.9.3/webSdk/",
jpegQuality: 1.0 //strongly advised not to modify (can be left out will default to 1.0)
}
</script>
<script src="/assets/js/payment/card.js"></script><style type="text/css">.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }
.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {
-webkit-transform: 0deg;
-moz-transform: 0deg;
-ms-transform: 0deg;
-o-transform: 0deg;
transform: 0deg; }
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg); }
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg); }
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
left: 18%; }
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
left: 5%; }
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
left: 84%; }
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
left: -480%;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg); }
.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
display: none; }
.jp-card-logo {
height: 36px;
width: 60px;
font-style: italic; }
.jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {
box-sizing: border-box; }
.jp-card-logo.jp-card-amex {
text-transform: uppercase;
font-size: 4px;
font-weight: bold;
color: white;
background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
border: 1px solid #EEE; }
.jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {
width: 28px;
display: block;
position: absolute;
left: 16px; }
.jp-card-logo.jp-card-amex:before {
height: 28px;
content: "american";
top: 3px;
text-align: left;
padding-left: 2px;
padding-top: 11px;
background: #267AC3; }
.jp-card-logo.jp-card-amex:after {
content: "express";
bottom: 11px;
text-align: right;
padding-right: 2px; }
.jp-card.jp-card-amex.jp-card-flipped {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
background-color: #108168; }
.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
opacity: 1; }
.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
visibility: visible; }
.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
opacity: 1; }
.jp-card-logo.jp-card-discover {
background: #FF6600;
color: #111;
text-transform: uppercase;
font-style: normal;
font-weight: bold;
font-size: 10px;
text-align: center;
overflow: hidden;
z-index: 1;
padding-top: 9px;
letter-spacing: .03em;
border: 1px solid #EEE; }
.jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {
content: " ";
display: block;
position: absolute; }
.jp-card-logo.jp-card-discover:before {
background: white;
width: 200px;
height: 200px;
border-radius: 200px;
bottom: -5%;
right: -80%;
z-index: -1; }
.jp-card-logo.jp-card-discover:after {
width: 8px;
height: 8px;
border-radius: 4px;
top: 10px;
left: 27px;
background-color: #FF6600;
background-image: -webkit-radial-gradient(#FF6600, #fff);
background-image: radial-gradient( #FF6600, #fff);
content: "network";
font-size: 4px;
line-height: 24px;
text-indent: -7px; }
.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
right: 12%;
top: 18%; }
.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
background-color: #86B8CF; }
.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
opacity: 1; }
.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
-webkit-transition: 400ms;
-moz-transition: 400ms;
transition: 400ms;
content: " ";
display: block;
background-color: #FF6600;
background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
height: 50px;
width: 50px;
border-radius: 25px;
position: absolute;
left: 100%;
top: 15%;
margin-left: -25px;
box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); }
.jp-card-logo.jp-card-visa {
background: white;
text-transform: uppercase;
color: #1A1876;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 18px; }
.jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {
content: " ";
display: block;
width: 100%;
height: 25%; }
.jp-card-logo.jp-card-visa:before {
background: #1A1876; }
.jp-card-logo.jp-card-visa:after {
background: #E79800; }
.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
background-color: #191278; }
.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
opacity: 1; }
.jp-card-logo.jp-card-mastercard {
color: white;
font-weight: bold;
text-align: center;
font-size: 9px;
line-height: 36px;
z-index: 1;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {
content: " ";
display: block;
width: 36px;
top: 0;
position: absolute;
height: 36px;
border-radius: 18px; }
.jp-card-logo.jp-card-mastercard:before {
left: 0;
background: #FF0000;
z-index: -1; }
.jp-card-logo.jp-card-mastercard:after {
right: 0;
background: #FFAB00;
z-index: -2; }
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
box-shadow: none; }
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
background-color: #0061A8; }
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
opacity: 1; }
.jp-card-logo.jp-card-maestro {
color: white;
font-weight: bold;
text-align: center;
font-size: 14px;
line-height: 36px;
z-index: 1;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {
content: " ";
display: block;
width: 36px;
top: 0;
position: absolute;
height: 36px;
border-radius: 18px; }
.jp-card-logo.jp-card-maestro:before {
left: 0;
background: #0064CB;
z-index: -1; }
.jp-card-logo.jp-card-maestro:after {
right: 0;
background: #CC0000;
z-index: -2; }
.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
box-shadow: none; }
.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
background-color: #0B2C5F; }
.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
opacity: 1; }
.jp-card-logo.jp-card-dankort {
width: 60px;
height: 36px;
padding: 3px;
border-radius: 8px;
border: #000000 1px solid;
background-color: #FFFFFF; }
.jp-card-logo.jp-card-dankort .dk {
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
.jp-card-logo.jp-card-dankort .dk:before {
background-color: #ED1C24;
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
border-radius: 6px; }
.jp-card-logo.jp-card-dankort .dk:after {
content: '';
position: absolute;
top: 50%;
margin-top: -7.7px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 10px 0;
border-color: transparent #ED1C24 transparent transparent;
z-index: 1; }
.jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {
position: absolute;
top: 50%;
width: 50%;
display: block;
height: 15.4px;
margin-top: -7.7px;
background: white; }
.jp-card-logo.jp-card-dankort .d {
left: 0;
border-radius: 0 8px 10px 0; }
.jp-card-logo.jp-card-dankort .d:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
background: #ED1C24;
border-radius: 2px 4px 6px 0px;
height: 5px;
width: 7px;
margin: -3px 0 0 -4px; }
.jp-card-logo.jp-card-dankort .k {
right: 0; }
.jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {
content: '';
position: absolute;
right: 50%;
width: 0;
height: 0;
border-style: solid;
margin-right: -1px; }
.jp-card-logo.jp-card-dankort .k:before {
top: 0;
border-width: 8px 5px 0 0;
border-color: #ED1C24 transparent transparent transparent; }
.jp-card-logo.jp-card-dankort .k:after {
bottom: 0;
border-width: 0 5px 8px 0;
border-color: transparent transparent #ED1C24 transparent; }
.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
background-color: #0055C7; }
.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
opacity: 1; }
.jp-card-logo.jp-card-elo {
height: 50px;
width: 50px;
border-radius: 100%;
background: black;
color: white;
text-align: center;
text-transform: lowercase;
font-size: 21px;
font-style: normal;
letter-spacing: 1px;
font-weight: bold;
padding-top: 13px; }
.jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o {
display: inline-block;
position: relative; }
.jp-card-logo.jp-card-elo .e {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg); }
.jp-card-logo.jp-card-elo .o {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
right: 0;
top: 7px;
border-radius: 100%;
background-image: -webkit-linear-gradient( yellow 50%, red 50%);
background-image: linear-gradient( yellow 50%, red 50%);
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
text-indent: -9999px; }
.jp-card-logo.jp-card-elo .o:before {
content: "";
position: absolute;
width: 49%;
height: 49%;
background: black;
border-radius: 100%;
text-indent: -99999px;
top: 25%;
left: 25%; }
.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
background-color: #6F6969; }
.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
opacity: 1; }
.jp-card-logo.jp-card-dinersclub {
font-family: serif;
height: 40px;
width: 100px;
color: white;
font-size: 17px;
font-style: normal;
letter-spacing: 1px; }
.jp-card-logo.jp-card-dinersclub::before, .jp-card-logo.jp-card-dinersclub::after {
display: block;
position: relative; }
.jp-card-logo.jp-card-dinersclub::before {
content: 'Diners Club'; }
.jp-card-logo.jp-card-dinersclub::after {
content: 'International';
text-transform: uppercase;
font-size: 0.6em; }
.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo {
box-shadow: none !important; }
.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before {
background-color: #999; }
.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub {
opacity: 1; }
.jp-card-container {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
width: 350px;
max-width: 100%;
height: 200px;
margin: auto;
z-index: 1;
position: relative; }
.jp-card {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1;
position: relative;
width: 100%;
height: 100%;
min-width: 315px;
border-radius: 10px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
transition: all 400ms linear; }
.jp-card > *, .jp-card > *:before, .jp-card > *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit; }
.jp-card.jp-card-flipped {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg); }
.jp-card .jp-card-front, .jp-card .jp-card-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
transition: all 400ms linear;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 10px;
background: #DDD; }
.jp-card .jp-card-front:before, .jp-card .jp-card-back:before {
content: " ";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
border-radius: 10px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease; }
.jp-card .jp-card-front:after, .jp-card .jp-card-back:after {
content: " ";
display: block; }
.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
color: white;
font-weight: normal;
opacity: 0.5;
-webkit-transition: opacity 400ms linear;
-moz-transition: opacity 400ms linear;
transition: opacity 400ms linear; }
.jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {
opacity: 1;
font-weight: 700; }
.jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
font-size: 14px; }
.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {
width: 50px;
height: 35px;
border-radius: 5px;
background: #CCC;
position: relative; }
.jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {
content: " ";
display: block;
width: 70%;
height: 60%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #d9d9d9;
position: absolute;
top: 20%; }
.jp-card .jp-card-front .jp-card-logo {
position: absolute;
opacity: 0;
right: 5%;
top: 8%;
-webkit-transition: 400ms;
-moz-transition: 400ms;
transition: 400ms; }
.jp-card .jp-card-front .jp-card-lower {
width: 80%;
position: absolute;
left: 10%;
bottom: 30px; }
@media only screen and (max-width: 480px) {
.jp-card .jp-card-front .jp-card-lower {
width: 90%;
left: 5%; } }
.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
visibility: hidden;
float: right;
position: relative;
bottom: 5px; }
.jp-card .jp-card-front .jp-card-lower .jp-card-number {
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
font-size: 24px;
clear: both;
margin-bottom: 30px; }
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
letter-spacing: 0em;
position: relative;
float: right;
width: 25%; }
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 7px;
white-space: pre;
display: block;
opacity: .5; }
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
content: attr(data-before);
margin-bottom: 2px;
font-size: 7px;
text-transform: uppercase; }
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
position: absolute;
content: attr(data-after);
text-align: right;
right: 100%;
margin-right: 5px;
margin-top: 2px;
bottom: 0; }
.jp-card .jp-card-front .jp-card-lower .jp-card-name {
text-transform: uppercase;
font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
font-size: 20px;
max-height: 45px;
position: absolute;
bottom: 0;
width: 190px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: horizontal;
overflow: hidden;
text-overflow: ellipsis; }
.jp-card .jp-card-back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg); }
.jp-card .jp-card-back .jp-card-bar {
background-color: #444;
background-image: -webkit-linear-gradient(#444, #333);
background-image: linear-gradient(#444, #333);
width: 100%;
height: 20%;
position: absolute;
top: 10%; }
.jp-card .jp-card-back:after {
content: " ";
display: block;
background-color: #FFF;
background-image: -webkit-linear-gradient(#FFF, #FFF);
background-image: linear-gradient(#FFF, #FFF);
width: 80%;
height: 16%;
position: absolute;
top: 40%;
left: 2%; }
.jp-card .jp-card-back .jp-card-cvc {
position: absolute;
top: 40%;
left: 85%;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
transition-delay: 600ms; }
.jp-card .jp-card-back .jp-card-shiny {
position: absolute;
top: 66%;
left: 2%; }
.jp-card .jp-card-back .jp-card-shiny:after {
content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";
position: absolute;
left: 120%;
top: 5%;
color: white;
font-size: 7px;
width: 230px;
opacity: .5; }
.jp-card.jp-card-identified {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5); }
.jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
opacity: 1; }
.jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }
.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }
</style>
<script src="/assets/js/acuant/v11.9.3/webSdk/AcuantJavascriptWebSdk.min.js"></script>
<script async="" src="/assets/js/acuant/v11.9.3/webSdk/BotdocAcuantCamera.min.js"></script>
<script async="" src="/assets/js/acuant/v11.9.3/webSdk/opencv.min.js" charset="utf-8"></script>
<script type="text/javascript">
var msie = /msie\s|trident/i.test(window.navigator.userAgent);
if (msie) {
//IE, redirect page
window.location.href = "/unsupported.html";
}
</script>
<style>@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body,html{width:100%;height:100%;font-size:14px;font-family:"Roboto",sans-serif}</style><link rel="stylesheet" href="styles.b4386fbf06cb15dc.css" media="all" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.b4386fbf06cb15dc.css"></noscript><style></style><style>[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12]{display:flex;width:100%;height:100%;position:absolute;top:0;left:0;background:#FFF;z-index:100000000}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12]{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;text-align:center}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .bar[_ngcontent-hyr-c12]{width:10px;height:70px;display:inline-block;transform-origin:bottom center;border-top-right-radius:20px;border-top-left-radius:20px;animation:loader 1.2s linear infinite}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar1[_ngcontent-hyr-c12]{animation-delay:.1s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar2[_ngcontent-hyr-c12]{animation-delay:.2s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar3[_ngcontent-hyr-c12]{animation-delay:.3s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar4[_ngcontent-hyr-c12]{animation-delay:.4s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar5[_ngcontent-hyr-c12]{animation-delay:.5s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar6[_ngcontent-hyr-c12]{animation-delay:.6s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar7[_ngcontent-hyr-c12]{animation-delay:.7s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] .bar8[_ngcontent-hyr-c12]{animation-delay:.8s}[_nghost-hyr-c12] .backdropWrapper[_ngcontent-hyr-c12] .backdropContent[_ngcontent-hyr-c12] .loaderWrapper[_ngcontent-hyr-c12] p[_ngcontent-hyr-c12]{color:#333;font-size:1.2rem}@keyframes loader{0%{transform:scaleY(.1);background:none}50%{transform:scaleY(1);background:#333}to{transform:scaleY(.1);background:transparent}}</style><style id="default">:root{
--primary-color-bg: #3880ff;
--primary-color-bg-hover: #52A0FF;
--success-color-bg: #10dc60;
--success-color-bg-hover: #5AF498;
--warning-color-bg: linear-gradient(317deg, rgba(255,193,7,1) 0%, rgba(186,142,9,1) 100%);
--warning-color-bg-hover: linear-gradient(317deg, rgba(255,209,73,1) 0%, rgba(247,197,43,1) 100%);
--danger-color-bg: rgba(220,53,69,1);
--danger-color-bg-hover: rgba(255,56,75,1);
--disabled-color-bg: linear-gradient(0deg, rgba(185,185,185,1) 0%, rgba(148,148,148,1) 100%);
--container-max-width: 768px;
--navbar-height: 44px;
--navbar-background: #FFF;
--send-message-bar-height: 55px;
}
p{
margin: 0;
}
.overlay-container .toast-top-full-width.toast-container {
top: 3.5rem;
z-index: 1000000000;
}
/* Session Layout Page */
p2-components-session-container-default header{
width: 100%;
height: var(--navbar-height);
background: var(--navbar-background);
border-bottom: 1px solid #ccc;
position: absolute;
z-index: 10000000;
top: 0;
}
p2-components-session-container-default main{
height: calc(100%);
padding-top: var(--navbar-height);
padding-bottom: var(--send-message-bar-height);
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
p2-components-session-container-default header .headerContents{
display: flex;
flex-direction: row;
align-items: center;
max-width: var(--container-max-width);
height: 100%;
margin: 0 auto;
}
p2-components-session-container-default header .headerContents .logo{
padding: 1em;
}
p2-components-session-container-default header .headerContents .logo img{
max-width: calc(250px - 1em);
max-height: calc(var(--navbar-height) - 1em);
}
p2-components-session-container-default header .headerContents .backWrapper .backButton{
text-decoration: none;
cursor: pointer;
}
p2-components-session-container-default header .expiration{
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
p2-components-session-container-default .featureWrapper,
p2-components-session-container-default .messageWrapper,
p2-components-session-container-default .messageReplyWrapper{
width: 100%;
margin-bottom: 1em;
}
p2-components-session-container-default .content .limiter{
max-width: 500px;
}
p2-components-session-container-default .messageReplyWrapper.fromSelf{
display: flex;
flex-direction: row-reverse;
}
@media (max-width: 576px){
p2-components-session-container-default header{
padding-left: 1em;
padding-right: 1em;
}
p2-components-session-container-default .content .limiter{
max-width: 100%;
}
p2-components-session-container-default .mainContent{
padding: 1em;
}
}
/* Chat Page */
p2-component-chat-default .chatWrapper{
width: 100%;
max-width: var(--container-max-width);
margin: 0 auto;
padding-top: 1em;
}
p2-component-chat-default .sendMessageWrapper{
width: 100%;
position: absolute;
bottom: 0;
right: 0;
background: #f2f2f2;
height: var(--send-message-bar-height);
}
p2-component-chat-default .sendMessageWrapper .content{
width: 100%;
height: 100%;
max-width: var(--container-max-width);
display: flex;
flex-direction: row;
align-items: center;
margin: 0 auto;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
p2-component-chat-default .sendMessageWrapper .content .messageInput{
display: flex;
flex-grow: 1;
height: 100%;
padding-right: 0.5em;
}
p2-component-chat-default .sendMessageWrapper .content .messageInput input{
width: 100%;
height: 100%;
background: transparent;
border-radius: 5px;
border: 1px solid #999;
padding: 1em;
}
p2-component-chat-default .sendMessageWrapper .content .sendButton button{
border: 0;
border-radius: 8px;
background: var(--primary-color-bg);
width: 46px;
height: 46px;
color: #FFF;
}
p2-component-chat-default .sendMessageWrapper .content .sendButton button:hover{
background: var(--primary-color-bg-hover);
}
@media (max-width: 576px){
p2-component-chat-default .chatWrapper{
padding: 1em;
padding-bottom: 100px;
}
}
/* Feature cards on Chat Page */
p2-component-chat-feature-box-default .wrapper{
width: 100%;
display: flex;
flex-direction: row;
}
p2-component-chat-feature-box-default .wrapper .statusIcon{
width: 30px;
height: 30px;
background-size: auto;
background-position: center;
background-repeat: none;
}
p2-component-chat-feature-box-default .wrapper .statusIcon.pending{
background: url('/assets/images/clock.svg') no-repeat;
}
p2-component-chat-feature-box-default .wrapper .statusIcon.expired{
background: url('/assets/images/exclamation-circle.svg') no-repeat;
}
p2-component-chat-feature-box-default .wrapper .statusIcon.complete{
background: url('/assets/images/check-circle.svg') no-repeat;
}
p2-component-chat-feature-box-default .wrapper .box{
display: flex;
flex-direction: column;
flex-grow: 1;
border: 1px solid #ccc;
border-radius: 5px;
margin-left: 0.5em;
max-width: calc(100% - 50px);
}
p2-component-chat-feature-box-default .wrapper .heading{
display: flex;
flex-direction: column;
padding: 0.5em;
}
p2-component-chat-feature-box-default .wrapper .heading .titles{
display: flex;
align-items: center;
flex-direction: row;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .title{
max-width: calc(100% - 50px);
word-break: break-word;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper{
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon{
width: 30px;
height: 30px;
background-size: auto;
background-position: center;
background-repeat: no-repeat;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconPull{
background: #000;
-webkit-mask: url('/assets/images/arrow-up.svg') no-repeat 50% 50%;
mask: url('/assets/images/arrow-up.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconPush{
background: #000;
-webkit-mask: url('/assets/images/arrow-down.svg') no-repeat 50% 50%;
mask: url('/assets/images/arrow-down.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconDocusign{
background: #000;
-webkit-mask: url('/assets/images/pen-fancy.svg') no-repeat 50% 50%;
mask: url('/assets/images/pen-fancy.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconAdobesign{
background: #000;
-webkit-mask: url('/assets/images/pen-fancy.svg') no-repeat 50% 50%;
mask: url('/assets/images/pen-fancy.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconIframe{
background: #000;
-webkit-mask: url('/assets/images/file-alt.svg') no-repeat 50% 50%;
mask: url('/assets/images/file-alt.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconAcuant{
background: #000;
-webkit-mask: url('/assets/images/front-of-id-card.svg') no-repeat 50% 50%;
mask: url('/assets/images/front-of-id-card.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconScheduler{
background: #000;
-webkit-mask: url('/assets/images/calendar.svg') no-repeat 50% 50%;
mask: url('/assets/images/calendar.svg') no-repeat 50% 50%;
}
p2-component-chat-feature-box-default .wrapper .description{
line-break: auto;
}
p2-component-chat-feature-box-default .wrapper .foot{
padding: 0.5em;
display: flex;
flex-direction: row;
background: #f2f2f2;
}
p2-component-chat-feature-box-default .wrapper .foot .half{
width: 50%;
padding: 0.3em;
display: flex;
align-items: center;
justify-content: center;
}
p2-component-chat-feature-box-default .wrapper .foot .half .state, p2-component-chat-feature-box-default .wrapper .foot .half .goToAction{
font-size: 1.1em;
}
p2-component-chat-feature-box-default .wrapper .foot .half .state{
text-transform: capitalize;
}
p2-component-chat-feature-box-default .wrapper .foot .half .goToAction{
border: 0;
width: 100%;
background: var(--primary-color-bg);
border-radius: 8px;
height: 2.8em;
color: #FFF;
}
p-component-chat-feature-box-default .wrapper .foot .half .goToAction:hover{
background: var(--primary-color-bg-hover);
}
p2-component-chat-feature-box-default .wrapper .foot .half .goToAction.goToActionComplete{
background: var(--success-color-bg);
}
/* Messages boxes */
p2-component-chat-message-box-default .wrapper{
display: flex;
flex-direction: row;
align-items: center;
border-radius: 8px;
}
p2-component-chat-message-box-default .wrapper .box {
padding: 0.5em;
}
p2-component-chat-message-box-default .wrapper:not(.fromSelf) .box {
max-width: calc(100% - 48px);
}
p2-component-chat-message-box-default .wrapper .box .heading{
display: flex;
flex-direction: row;
align-items: center;
}
p2-component-chat-message-box-default .wrapper .box .heading .name{
flex-grow: 1;
font-weight: bold;
font-size: 1.2em;
}
p2-component-chat-message-box-default .wrapper .box .heading .when{
margin-left: 0.3em;
font-weight: 100;
}
p2-component-chat-message-box-default .wrapper.fromSelf .box .heading .when{
margin-left: 0;
}
p2-component-chat-message-box-default .wrapper.fromSelf{
background: var(--primary-color-bg);
color: #FFF;
}
p2-component-chat-message-box-default .wrapper .box .body .message{
font-weight: 300;
line-break: auto;
}
p2-component-chat-message-box-default .wrapper .box .body .title{
font-weight: 400;
font-size: 1.2em;
}
p2-component-chat-message-box-default .wrapper .box .body .replyInfo{
width: 100%;
}
p2-component-chat-message-box-default .wrapper .box .body .replyInfo .replyBlock{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
p2-component-chat-message-box-default .wrapper .box .body .replyInfo .replyBlock input[type="text"]{
border: 1px solid #e2e2e2;
outline: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 1.1rem;
padding: .5rem;
height: 42px;
}
p2-component-chat-message-box-default .wrapper .box .body .replyInfo button{
border: 0;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 0;
border-radius: 3px;
border-top-left-radius: 0;
background: var(--primary-color-bg);
color: #FFF;
padding: 1rem;
height: 42px;
display: flex;
flex-direction: row;
align-items: center;
}
p2-component-chat-message-box-default .wrapper .box .body .replyInfo .replyBlockPlaceholder{
font-size: 0.9rem;
font-style: italic;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar{
display: flex;
align-items: center;
height: 48px;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .userIcon,
p2-component-chat-message-box-default .wrapper .avatarWrapper .userIcon .icon,
p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar .initials{
height: 100%;
width: 100%;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .userIcon .icon{
background: url('/assets/images/user.svg') no-repeat;
background-position: center;
background-size: auto;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar .img-fluid {
max-width: 48px;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar .initials{
background: #343434;
color: #f2f5f8;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 1.3em;
width: 100%;
height: 48px;
min-width: 48px;
}
/* P2 - Pull Page */
p2-component-pull-default .wrapper{
max-width: var(--container-max-width);
margin: 0 auto;
}
p2-component-pull-default .wrapper .heading .title h1{
font-size: 1.8em;
font-weight: 400;
}
p2-component-pull-default .wrapper .heading .pullInfo{
margin-top: 1em;
}
p2-component-pull-default .wrapper .heading .pullInfo p{
font-size: 1.2em;
}
p2-component-pull-default .wrapper .heading .pullInfo p .value{
font-weight: bold;
}
p2-component-pull-default .wrapper .actions{
display: flex;
flex-direction: row;
margin-top: 0.5em;
}
p2-component-pull-default .wrapper .actions .half{
width: 50%;
}
p2-component-pull-default .wrapper .actions .half:first-child{
padding-right: 0.3em;
}
p2-component-pull-default .wrapper .actions .half:last-child{
padding-left: 0.3em;
}
p2-component-pull-default .wrapper .actions .half .actionButton{
width: 100%;
border-radius: 8px;
border: 0;
text-align: center;
padding-top: 0.7em;
padding-bottom: 0.7em;
cursor: pointer;
}
p2-component-pull-default .wrapper .actions .half .actionButton input[type=file]{
display: none;
}
p2-component-pull-default .wrapper .actions .half .actionButton.addFiles{
background: #0cd1e8;
color: #FFF;
}
p2-component-pull-default .wrapper .actions .half .actionButton.sendPull{
background: #3880ff;
color: #FFF;
}
p2-component-pull-default .wrapper .actions .half .actionButton.sendPull:hover{
background: #4c8dff;
color: #FFF;
}
p2-component-pull-default .wrapper .actions .half .actionButton.sendPull:disabled{
background: #CCC;
}
p2-component-pull-default .wrapper .filesWrapper{
margin-top: 1em;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem{
display: flex;
flex-direction: row;
align-items: center;
border-radius: 5px;
box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
width: 100%;
margin-bottom: 1em;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .icon{
width: 64px;
height: 64px;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo{
display: flex;
flex-direction: column;
flex-grow: 1;
max-width: calc(100% - 64px - 72px);
padding-left: 1em;
padding-right: 1em;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem.completed .fileInfo{
max-width: calc(100% - 64px);
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .name{
font-weight: bold;
word-break: break-all;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .uploadProgress{
width: 100%;
height: 8px;
border-radius: 5px;
background: var(--primary-color-bg-hover);
position: relative;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .uploadProgress .progress{
width: 20%;
height: 8px;
border-radius: 5px;
background: var(--primary-color-bg);
position: absolute;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .uploadProgress.completed,
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .uploadProgress.completed .progress{
background: var(--success-color-bg);
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .actions{
width: 72px;
height: 72px;
padding: 0.5em;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .actions .deleteWrapper{
width: 100%;
height: 100%;
border-radius: 50%;
padding: 0.9em;
display: flex;
align-items: center;
justify-content: center;
background: var(--danger-color-bg);
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .actions .deleteWrapper:hover{
background: var(--danger-color-bg-hover);
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .actions .deleteWrapper .deleteButton{
width: 100%;
height: 100%;
background-position: center;
background-size: auto;
text-align: center;
border: 0;
background: #FFF;
-webkit-mask: url('/assets/images/trash.svg') no-repeat 50% 50%;
mask: url('/assets/images/trash.svg') no-repeat 50% 50%;
}
p2-component-pull-default .actions .pullFileTagDropdown{
width: 100%;
height: 100%;
}
p2-component-pull-default .actions .pullFileTagDropdown .pullFileTagBtn{
background: var(--primary-color-bg);
border-radius: 5px;
}
p2-component-pull-default .actions .pullFileTagDropdown .addFiles{
background: var(--primary-color-bg) !important;
margin-bottom: .5rem;
}
p2-component-pull-default .actions .pullFileTagDropdown .dropdown-menu{
background-color: none;
border: none;
}
@media (max-width: 576px){
p2-component-pull-default .wrapper{
padding: 1em;
}
}
/* P2 Push */
p2-component-push-default .wrapper{
max-width: var(--container-max-width);
height: 100%;
margin: 0 auto;
}
p2-component-push-default .wrapper .heading .title h1{
font-size: 1.8em;
font-weight: 400;
}
p2-component-push-default .wrapper .filesWrapper{
margin-top: 1em;
padding-bottom: 4rem;
}
p2-component-push-default .wrapper .filesWrapper .fileItem{
display: flex;
flex-direction: row;
align-items: center;
border-radius: 5px;
box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
width: 100%;
margin-bottom: 1em;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .icon{
width: 64px;
height: 64px;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo{
display: flex;
flex-direction: column;
flex-grow: 1;
max-width: calc(100% - 64px - 72px);
padding-left: 1em;
padding-right: 1em;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .name{
font-weight: bold;
word-break: break-all;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .remaining .count{
font-weight: bold;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .downloadsCompleted{
font-weight: bold;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .actions{
width: 72px;
height: 72px;
padding: 0.5em;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .actions .downloadWrapper{
width: 100%;
height: 100%;
border-radius: 50%;
padding: 0.9em;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary-color-bg);
}
p2-component-push-default .wrapper .filesWrapper .fileItem .actions .downloadWrapper:hover{
background: var(--primary-color-bg-hover);
}
p2-component-push-default .wrapper .filesWrapper .fileItem .actions .downloadWrapper.downloadsComplete{
background: var(--disabled-color-bg);
}
p2-component-push-default .wrapper .filesWrapper .fileItem .actions .downloadWrapper .downloadLink div{
width: 32px;
height: 32px;
background-position: center;
background-size: auto;
text-align: center;
border: 0;
background: #FFF;
-webkit-mask: url('/assets/images/download.svg') no-repeat 50% 50%;
mask: url('/assets/images/download.svg') no-repeat 50% 50%;
}
p2-component-push-default .wrapper .downloadAll,
p2-component-push-default .wrapper .backWhenDone{
position: fixed;
padding: 0.1rem;
width: 100%;
bottom: 0;
left: 0;
}
p2-component-push-default .wrapper .downloadAll{
position: unset;
}
p2-component-push-default .wrapper .downloadAllButton.btn,
p2-component-push-default .wrapper .backWhenDone .backButton{
width: 100%;
border: 0;
background: var(--primary-color-bg);
height: 2.8em;
color: #FFF;
font-weight: bold;
}
p2-component-push-default .wrapper .downloadAllButton.btn{
height: 2.5em;
}
@media (max-width: 576px){
p2-component-push-default .wrapper{
padding: 1em;
}
}
/* P2 - Acuant Page */
p2-component-acuant-default .wrapper{
max-width: var(--container-max-width);
margin: 0 auto;
}
p2-features-acuant .wrapper .sendingItText{
text-align: center;
font-weight: bold;
}
p2-component-acuant-default .wrapper .heading .title h1{
font-size: 1.8em;
font-weight: 400;
}
p2-component-acuant-default .wrapper .takeSnap{
width: 100%;
text-align: center;
}
p2-component-acuant-default .wrapper .takeSnap button{
border: 0;
padding: 1.5rem 2rem;
border-radius: 5px;
background: var(--primary-color-bg);
color: #FFF;
font-size: 1.3rem;
margin-top: 0.5rem;
margin-right: 0.1rem;
}
p2-component-acuant-default .wrapper .takeSnap button.use{
background: var(--success-color-bg);
}
p2-component-acuant-default .wrapper .preview{
width: 100%;
text-align: center;
}
p2-component-acuant-default .wrapper .preview img{
width: 100%;
}
/* P2 - TrustStamp Page */
p2-component-truststamp-default .wrapper{
max-width: var(--container-max-width);
margin: 0 auto;
}
p2-component-truststamp-default .wrapper .heading .title h1{
font-size: 1.8em;
font-weight: 400;
}
p2-component-truststamp-default .wrapper .takeSnap{
width: 100%;
text-align: center;
}
p2-component-truststamp-default .wrapper button{
border: 0;
padding: 1.5rem 2rem;
border-radius: 5px;
background: var(--primary-color-bg);
color: #FFF;
font-size: 1.3rem;
margin-top: 0.5rem;
margin-right: 0.1rem;
}
p2-component-truststamp-default .wrapper .takeSnap button.use{
background: var(--success-color-bg);
}
p2-component-truststamp-default .wrapper .preview{
width: 100%;
text-align: center;
}
p2-component-truststamp-default .wrapper .preview img{
width: 100%;
}
/**
Completed page CSS
*/
misc-components-complete-default .completeWrapper{
width: 100%;
height: 100vh;
display: flex;
align-items: center;
background: #edf1f7;
}
misc-components-complete-default .completeWrapper .contentWrapper{
display: flex;
flex-direction: column;
padding: 1rem;
margin: 0 auto;
background: #FFF;
border-radius: 5px;
min-width: 40%;
max-width: 90%;
}
misc-components-complete-default .completeWrapper .contentWrapper p{
margin: 0;
}
misc-components-complete-default .completeWrapper .contentWrapper .header .logo{
text-align: center;
margin-top: 1rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .header .logo img{
max-width: 300px;
max-height: 100px;
}
misc-components-complete-default .completeWrapper .contentWrapper .header .icons{
display: flex;
flex-direction: row;
justify-content: center;
padding: 1rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .header .icons .icon{
padding: 0rem 1rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .header .text{
padding: 1rem;
text-align: center;
}
misc-components-complete-default .completeWrapper .contentWrapper .header .redirect{
padding: 1rem;
text-align: center;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper{
display: flex;
flex-direction: row;
padding: 2rem 1rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .requesterInfo{
padding-left: 1rem;
}
misc-components-complete .completeWrapper .contentWrapper .requesterInfoWrapper .avatar{
width: 20%;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .avatar{
overflow: hidden;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .avatar .initials{
background: #e2e2e2;
font-size: 4rem;
text-align: center;
min-width: 130px;
width: 100%;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .avatar img{
max-width: 120px;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterContactInfo{
display: table;
padding-left: 1rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterContactInfo .socialInfo{
display: table-row;
align-items: center;
margin-bottom: 0.3rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterContactInfo .socialInfo .labels{
display: table-cell;
padding: 5px;
white-space: nowrap;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterContactInfo .socialInfo .values{
display: table-cell;
padding: 5px;
word-break: break-all;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterContactInfo .labels{
padding-right: 3rem;
text-transform: uppercase;
font-weight: 300;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterContactInfo .values a{
text-decoration: none;
color: #333;
}
misc-components-complete-default .completeWrapper .contentWrapper .footerWrapper{
width: 100%;
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
padding: 0.5rem;
background: #FFF;
}
misc-components-complete-default .completeWrapper .contentWrapper .footerWrapper p{
font-size: 0.9rem;
}
misc-components-complete-default .completeWrapper .contentWrapper .footerWrapper img{
margin-left: 1rem;
width: 180px;
}
@media (max-width: 576px){
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper {
flex-wrap: wrap;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .avatar img{
max-width: 120px;
}
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .requesterInfo{
padding-left: 0rem;
}
}
@media (max-width: 1600px) and (min-width: 577px){
misc-components-complete-default .completeWrapper .contentWrapper .requesterInfoWrapper .avatar img{
max-width: 120px;
}
}
/**
* TFA Page
*/
misc-components-tfa-default .wrapper{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100vh;
background: #e2e2e2;
}
misc-components-tfa-default .wrapper .tfaWrapper{
background: #FFF;
border-radius: 5px;
padding: 1rem;
box-shadow: 0px 0px 12px 2px rgba(125,125,125,0.34);
border: 1px solid #ccc;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaHeader{
text-align: center;
border-bottom: 1px solid #d2d2d2;
margin-bottom: 1rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode p{
text-align: center;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem{
display: flex;
width: 100%;
align-items: center;
cursor: pointer;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemContent{
display: flex;
flex-grow: 1;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemContent p{
margin: 0;
padding: 0;
font-weight: bold;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemButton{
padding: 1rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemButton button{
border: 0;
padding: 0.8rem 1rem;
border-radius: 5px;
background: var(--primary-color-bg);
color: #FFF;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemButton button:hover{
background: var(--primary-color-bg-hover);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemIconWrapper{
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemIconWrapper .icon.iconCarretRight{
background: var(--primary-color-bg);
-webkit-mask: url('/assets/images/caret-right.svg') no-repeat 50% 50%;
mask: url('/assets/images/caret-right.svg') no-repeat 50% 50%;
width: inherit;
height: inherit;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemIconWrapper .icon.iconCarretRight:hover{
background: var(--primary-color-bg-hover);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested p{
text-align: center;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .codeInputs{
display: flex;
flex-direction: row;
justify-content: center;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .codeInputs input{
padding: 0.5rem;
border-radius: 5px;
border: 1px solid #c2c2c2;
width: 4rem;
height: 4rem;
text-align: center;
font-size: 2.3rem;
font-weight: bold;
margin: 0 0.2rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .codeInputsSingle input{
width: 100%;
padding: 0.5rem;
border-radius: 5px;
border: 1px solid #c2c2c2;
text-align: center;
font-size: 2.3rem;
font-weight: bold;
margin: 0 0.2rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .buttonWrapper{
text-align: center;
width: 100%;
margin-top: 1rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .buttonWrapper button{
border-radius: 5px;
text-align: center;
border: 0;
padding: 0.5rem 1.3rem;
background: var(--primary-color-bg);
color: #FFF;
font-size: 1.2rem;
font-weight: bold;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .buttonWrapper button:hover{
background: var(--primary-color-bg-hover);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .buttonWrapper button[disabled]{
background: var(--disabled-color-bg);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .buttonWrapper button[disabled]:hover{
background: var(--disabled-color-bg);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .haventReceiveWrapper{
margin-top: 1rem;
width: 100%;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .haventReceiveWrapper p{
text-align: center;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods{
display: flex;
flex-direction: column;
margin-top: 1rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method{
display: flex;
flex-grow: 1;
margin-bottom: 0.4rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method:last-child{
margin-bottom: 0;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method button{
font-weight: bold;
display: flex;
align-items: center;
border: 0;
background-color: transparent;
color: var(--primary-color-bg);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method button:hover{
color: var(--primary-color-bg-hover);
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method button .label{
margin-left: 0.5rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method button.disabled{
color: #ccc;
cursor: default;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested .requestAgainMethods .method small{
font-size: 0.9rem;
}
/*
Adobesign page
*/
p2-component-adobesign-default .adobesignWrapper{
display: flex;
flex-direction: row;
align-items: center;
max-width: 100%;
height: 100%;
margin: 0 auto;
}
p2-component-adobesign-default .adobesignWrapper .docFrameWrapper,
p2-component-adobesign-default .adobesignWrapper .docFrameWrapper iframe{
width: 100%;
height: 100%;
}
p2-component-adobesign-default .adobesignWrapper .docFrameWrapper{
align-items: center;
text-align: center;
}
/* Docusign Page */
p2-component-docusign-default .docusignWrapper,
p2-component-docusign-default .docusignWrapper .docFrameWrapper,
p2-component-docusign-default .docusignWrapper .docFrameWrapper iframe{
width: 100%;
height: 100%;
}
p2-component-docusign-default .docusignWrapper .docFrameWrapper{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
/* Iframe Page */
p2-component-iframe-default .wrapper{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
max-width: var(--container-max-width);
height: 100%;
margin: 0 auto;
}
p2-component-iframe-default .wrapper iframe{
width: 100%;
height: 100%;
}
p2-component-iframe-default .wrapper p{
font-size: 1.3rem;
}
/**
* Acuant Feature
*/
p2-component-acuant-default .contents{
width: 100%;
}
p2-component-acuant-default .contents .completeText{
text-align: center;
margin-top: 1rem;
}
p2-component-acuant-default .contents .hide{
display: none;
}
p2-component-acuant-default .contents .cameraWrapper{
width: 100%;
}
p2-component-acuant-default .contents .placeholders{
display: flex;
flex-direction: row;
}
p2-component-acuant-default .contents .placeholders .side{
width: 50%;
padding: 1rem;
text-align: center;
}
p2-component-acuant-default .contents .placeholders .side .sideTitle span{
font-weight: bold;
font-size: 2rem;
}
p2-component-acuant-default .contents .placeholders .side .loading{
margin-bottom: 1rem;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
p2-component-acuant-default .contents .placeholders .side canvas{
width: 100%;
}
p2-component-acuant-default .contents .placeholders .side button{
border-radius: 5px;
text-align: center;
border: 0;
padding: 0.5rem 1.3rem;
background: var(--primary-color-bg);
color: #FFF;
font-size: 1rem;
font-weight: bold;
}
p2-component-acuant-default .contents .placeholders .side button:hover{
background: var(--primary-color-bg-hover);
}
p2-component-acuant-default .contents .placeholders .side button.pending{
box-shadow: 0 0 0 var(--primary-color-bg);
transform: scale(1);
animation: pulse 2s infinite;
}
p2-component-acuant-default .contents .placeholders .side button:disabled{
background: var(--disabled-color-bg);
}
p2-component-acuant-default .contents .placeholders .side .iconPlaceholder{
background: var(--primary-color-bg);
width: inherit;
height: inherit;
min-height: 100px;
margin: 0 auto;
margin-bottom: 1rem;
}
p2-component-acuant-default .contents .placeholders .side .frontPlaceholder{
-webkit-mask: url('/assets/images/front-of-id-card.svg') no-repeat 50% 50%;
mask: url('/assets/images/front-of-id-card.svg') no-repeat 50% 50%;
}
p2-component-acuant-default .contents .placeholders .side .backPlaceholder{
-webkit-mask: url('/assets/images/back-of-id-card.svg') no-repeat 50% 50%;
mask: url('/assets/images/back-of-id-card.svg') no-repeat 50% 50%;
}
p2-component-acuant-default .contents .completeButton{
width: 100%;
}
p2-component-acuant-default .contents .completeButton button{
width: 100%;
border-radius: 5px;
text-align: center;
border: 0;
padding: 1rem 1.3rem;
color: #FFF;
font-size: 1rem;
font-weight: bold;
box-shadow: 0 0 0 var(--danger-color-bg);
transform: scale(1);
animation: pulse 2s infinite;
}
p2-component-acuant-default .contents .completeButton button.send{
background: var(--success-color-bg);
}
p2-component-acuant-default .contents .completeButton button.send:hover{
background: var(--success-color-bg-hover);
}
p2-component-acuant-default .contents .completeButton button.cancel{
background: var(--danger-color-bg);
}
p2-component-acuant-default .contents .completeButton button.cancel:hover{
background: var(--danger-color-bg-hover);
}
/**
* TrustStamp Feature
*/
p2-component-truststamp-default .contents{
width: 100%;
}
p2-component-truststamp-default .contents .completeText{
text-align: center;
margin-top: 1rem;
}
p2-component-truststamp-default .contents .hide{
display: none;
}
p2-component-truststamp-default .contents .cameraWrapper{
width: 100%;
}
p2-component-truststamp-default .contents .placeholders{
display: flex;
flex-direction: row;
}
p2-component-truststamp-default .contents .placeholders .side{
width: 50%;
padding: 1rem;
text-align: center;
}
p2-component-truststamp-default .contents .placeholders .side .loading{
margin-bottom: 1rem;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
p2-component-truststamp-default .contents .placeholders .side canvas{
width: 100%;
}
p2-component-truststamp-default .contents .placeholders .side button{
border-radius: 5px;
text-align: center;
border: 0;
padding: 0.5rem 1.3rem;
background: var(--primary-color-bg);
color: #FFF;
font-size: 1rem;
font-weight: bold;
}
p2-component-truststamp-default .contents .placeholders .side button:hover{
background: var(--primary-color-bg-hover);
}
p2-component-truststamp-default .contents .placeholders .side button.pending{
box-shadow: 0 0 0 var(--primary-color-bg);
transform: scale(1);
animation: pulse 2s infinite;
}
p2-component-truststamp-default .contents .placeholders .side button:disabled{
background: var(--disabled-color-bg);
}
p2-component-acuant-default .contents .placeholders .side .iconPlaceholder{
background: var(--primary-color-bg);
width: inherit;
height: inherit;
min-height: 100px;
margin: 0 auto;
margin-bottom: 1rem;
}
p2-component-truststamp-default .contents .placeholders .side .frontPlaceholder{
-webkit-mask: url('/assets/images/front-of-id-card.svg') no-repeat 50% 50%;
mask: url('/assets/images/front-of-id-card.svg') no-repeat 50% 50%;
}
p2-component-truststamp-default .contents .placeholders .side .backPlaceholder{
-webkit-mask: url('/assets/images/back-of-id-card.svg') no-repeat 50% 50%;
mask: url('/assets/images/back-of-id-card.svg') no-repeat 50% 50%;
}
p2-component-truststamp-default .contents .completeButton{
width: 100%;
}
p2-component-truststamp-default .contents .completeButton button{
width: 100%;
border-radius: 5px;
text-align: center;
border: 0;
padding: 1rem 1.3rem;
color: #FFF;
font-size: 1rem;
font-weight: bold;
box-shadow: 0 0 0 var(--danger-color-bg);
transform: scale(1);
animation: pulse 2s infinite;
}
p2-component-truststamp-default .contents .completeButton button.send{
background: var(--success-color-bg);
}
p2-component-truststamp-default .contents .completeButton button.send:hover{
background: var(--success-color-bg-hover);
}
p2-component-truststamp-default .contents .completeButton button.cancel{
background: var(--danger-color-bg);
}
p2-component-truststamp-default .contents .completeButton button.cancel:hover{
background: var(--danger-color-bg-hover);
}
/**
*PushPull CSS
*/
pushpull-component-default .pushpullWrapper{
height: 100%;
display: flex;
flex-direction: column;
background-color: #ececec ;
overflow: scroll;
}
pushpull-component-default .pushpullWrapper .navbarWrapper{
background-color: #f2f2f2;
padding: 1.5rem 15%;
display: flex;
flex-direction: row;
}
pushpull-component-default .pushpullWrapper .navbarWrapper .logo{
display: flex;
flex-grow: 1;
}
pushpull-component-default .pushpullWrapper .navbarWrapper .logo img{
max-width: 220px;
max-height: 50px;
}
pushpull-component-default .pushpullWrapper .navbarWrapper .topSend .sendButton{
background: #c5c5c5;
color: #FFF;
font-weight: bold;
border: 0;
padding: 1em 1.7em;
border-radius: 5px;
}
pushpull-component-default .pushpullWrapper .requesterWrapper{
display: flex;
flex-direction: row;
background-color: #BBBBBB;
padding: 2rem 15%;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar img{
text-align: center;
max-width: 150px;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar .initials{
font-size: 4rem;
background: #FFF;
text-align: center;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar .label{
font-weight: 500;
font-size: 1rem;
text-align: center;
text-transform: uppercase;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar .info p{
margin: 0;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar .info .name{
font-weight: bold;
margin: 0;
text-align: center;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar .info .role{
text-align: center;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .messageWrapper{
display: flex;
padding: 0 2rem;
flex-grow: 1;
align-items: center;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .messageWrapper .messageBox{
padding: 1rem;
display: flex;
flex-grow: 1;
background-color: #f2f2f2;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .messageWrapper .messageBox p{
margin: 0;
}
pushpull-component-default .pushpullWrapper .countdownWrapper{
padding: 1rem 15%;
background-color: #f8d7da;
text-align: center;
font-size: 1rem;
}
pushpull-component-default .pushpullWrapper .countdownWrapper .countdown{
margin: 0;
font-weight: 500;
}
pushpull-component-default .pushpullWrapper .countdownWrapper .countdownString{
font-weight: bold;
}
pushpull-component-default .pushpullWrapper .pullWrapper{
padding: 1rem 15%;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper{
margin-top: 1rem;
display: flex;
flex-direction: column;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item{
width: 100%;
display: grid;
grid-auto-flow: column;
grid-template-columns: 70% 15% 15%;
border: 1px solid #bbb;
margin-bottom: 0.5rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .fileInfo{
font-size: 0.8rem;
padding: 0.5rem;
display: flex;
flex-grow: 1;
flex-direction: column;
word-break: break-all;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .fileInfo .name{
margin: 0;
font-weight: bold;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .fileInfo .size{
margin: 0;
font-weight: bold;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .status,
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .actions{
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #bbb;
color: #bbb;
padding: 0 0.5rem;
white-space: nowrap;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .fileInfo .status p{
margin: 0;
}
pushpull-component-default .pushpullWrapper .pullWrapper .fileListWrapper .item .actions button{
border: 0;
background: none;
color: #bbb;
}
pushpull-component-default .pushpullWrapper .pullWrapper .addFilesWrapper{
width: 100%;
margin-top: 1rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .addFilesWrapper .tagged{
width: 100%;
margin-bottom: 0.2rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .addFilesWrapper input[type=file]{
display: none;
}
pushpull-component-default .pushpullWrapper .pullWrapper .addFilesWrapper label{
width: 100%;
background: #c5c5c5;
text-align: center;
border-radius: 5px;
color: #FFF;
padding: 0.7rem;
font-weight: bold;
font-size: 1.1rem;
cursor: pointer;
}
pushpull-component-default .pushpullWrapper .pullWrapper .addFilesWrapper p{
text-align: center;
margin-top: 0.4rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .addFilesWrapper p small{
font-size: 0.8rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendMessageWrapper{
width: 100%;
margin-top: 1rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendMessageWrapper p{
font-size: 0.9rem;
margin: 0;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendMessageWrapper textarea{
width: 100%;
border: 0;
border-radius: 5px;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendWrapper{
margin-top: 1rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendWrapper button{
border-radius: 5px;
padding: 0.7rem;
border: 0;
text-align: center;
width: 100%;
color: #FFF;
background: #c5c5c5;
font-weight: bold;
font-size: 1.1rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper{
padding: 1rem 15%;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper{
width: 100%;
display: flex;
flex-direction: column;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item{
display: flex;
flex-direction: row;
align-items: center;
border:1px solid #c2c2c2;
margin-bottom: 1rem;
padding: 0.5rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .info{
display: flex;
flex-direction: column;
word-break: break-all;
width: 65%;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .info p{
margin: 0;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download{
display: flex;
flex-direction: column;
text-align: center;
width: 35%;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download small{
font-size: 0.8rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .downloadAll .downloadAllButton.btn,
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download a{
border-radius: 3px;
padding: 0.5rem 4rem;
background: #c5c5c5;
color: #FFF;
font-size: 1.1rem;
font-weight: bold;
text-decoration: none;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .downloadAll{
display: flex;
flex-direction: column;
text-align: center;
width: 100%;
}
pushpull-component-default .pushpullWrapper > div{
width: 100%;
}
@media (max-width: 576px){
pushpull-component-default .pushpullWrapper .navbarWrapper{
padding: 1rem;
}
pushpull-component-default .pushpullWrapper .requesterWrapper{
padding: 1rem;
flex-wrap: wrap;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .avatar img{
max-width: 100px;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper {
padding: 0 2rem;
}
pushpull-component-default .pushpullWrapper .pullWrapper{
padding: 1rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item{
flex-direction: column;
align-items: unset;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .info{
width: 100%;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download {
width: 100%;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download a {
padding: 0.5rem 1rem;
font-size: 1rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download small {
font-size: 0.7rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download small.maxDownloadReached {
font-size: 0.8rem;
}
}
/* P2 - Scheduler Page */
p2-component-scheduler-default .wrapper{
max-width: var(--container-max-width);
margin: 0 auto;
}
p2-component-scheduler-default .wrapper .calendar{
width: 100%;
text-align: center;
margin-top: .5rem;
}
p2-component-scheduler-default .wrapper .hours{
width: 100%;
margin-top: .5rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
grid-gap: .3rem;
gap: .3rem;
justify-content: center;
}
p2-component-scheduler-default .wrapper .complete{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
p2-component-scheduler-default .wrapper .complete .r{
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
width: 100%;
margin-bottom: 1rem;
padding: 1rem;
grid-gap: 1rem;
gap: 1rem;
}
p2-component-scheduler-default .wrapper .complete button{
width: auto;
border-radius: 5px;
text-align: center;
border: 0;
padding: 1rem 1.3rem;
font-size: 1rem;
font-weight: bold;
}
p2-component-scheduler-default .wrapper .complete .r.commentRow{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
p2-component-scheduler-default .wrapper .complete .r.commentRow textarea{
width: 60%;
border-radius: 5px;
border: 1px solid #ccc;
height: 100px;
}
p2-component-scheduler-default .wrapper .complete .r.commentRow label{
font-weight: bold;
}
p2-component-scheduler-default .wrapper .complete .sendAppoinmentButton{
color: #FFF;
background: var(--primary-color-bg);
box-shadow: 0 0 0 var(--primary-color-bg);
transform: scale(1);
animation: pulse 2s infinite;
}
p2-component-scheduler-default .wrapper .complete .sendAppoinmentButton:hover{
background: var(--primary-color-bg-hover);
}
p2-component-scheduler-default .wrapper .complete .startOverButton{
color: #FFF;
background: var(--warning-color-bg);
}
p2-component-scheduler-default .wrapper .complete .startOverButton:hover{
background: var(--warning-color-bg-hover);
}
p2-component-scheduler-default .wrapper .complete .divider{
font-size: 1.2rem;
font-weight: bold;
}
p2-component-scheduler-default .wrapper .complete .selectedDisplayDate{
font-size: 1.2rem;
padding-inline: 1rem;
}
p2-component-scheduler-default .wrapper .complete .selectedDisplayDate .date{
font-weight: bold;
}
p2-component-scheduler-default .wrapper .hours .item{
width: 20%;
padding: 1rem;
border-radius: 5px;
border: 1px solid #ccc;
cursor: pointer;
font-weight: bold;
background: var(--primary-color-bg);
color: #FFF;
}
p2-component-scheduler-default .wrapper .hours .item:hover{
background: var(--primary-color-bg-hover);
}
p2-component-scheduler-default .wrapper .calendar .myTheme .bs-datepicker-head{
background-color: var(--primary-color-bg);
}
p2-component-scheduler-default .wrapper .calendar .myTheme .bs-datepicker-body table tbody tr td span.selected{
background-color: var(--primary-color-bg);
}
p2-component-scheduler-default .wrapper .scheduleComplete{
text-align: center;
padding-top: 1rem;
font-size: 1.1rem;
}
p2-component-scheduler-default .wrapper .scheduleComplete .date{
font-weight: bold;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconPayment{
background: #000;
-webkit-mask: url('/assets/images/cash-payment.svg') no-repeat 50% 50%;
mask: url('/assets/images/cash-payment.svg') no-repeat 50% 50%;
}
p2-component-payment-default .paymentWrapper {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
background-color: #f8f9fa;
width: 100%;
}
p2-component-payment-default .form-wrapper {
display: flex;
justify-content: center;
grid-gap: 20px;
gap: 20px;
width: 100%;
max-width: 800px;
margin-top: 20px;
margin-bottom: 20px;
}
p2-component-payment-default .form-container {
width: 100%; /* Garante que o contêiner do formulário ocupe 100% da largura */
}
p2-component-payment-default .responsive-form-container {
width: 100%; /* Garante que o contêiner do formulário ocupe 100% da largura */
}
p2-component-payment-default .form-group {
margin-bottom: 15px;
padding: 10px;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
width: 100%;
}
p2-component-payment-default .form-group-row {
display: flex;
justify-content: space-between;
grid-gap: 10px;
gap: 10px;
width: 100%;
}
p2-component-payment-default .half-width {
width:50%;
}
p2-component-payment-default .form-group label {
margin-bottom: 5px;
font-weight: bold;
}
p2-component-payment-default .form-group input,
.form-group select {
width: 100%; /* Garante que os campos de input e select sejam 100% */
padding: 8px;
border: 1px solid #ced4da;
border-radius: 4px;
}
p2-component-payment-default .button-container {
margin-top: 20px;
}
p2-component-payment-default .error-message {
color: red;
font-size: 0.9em;
margin-top: 5px;
}
p2-component-payment-default h2 {
margin-bottom: 15px;
font-size: 1.5em;
color: #333;
}
p2-component-payment-default .card {
max-width: 400px;
margin: 20px auto;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
text-align: center;
}
p2-component-payment-default .card h3 {
margin-bottom: 10px;
font-size: 1.5em;
color: #333;
}
p2-component-payment-default .card p {
font-size: 1.2em;
color: #666;
}
p2-component-payment-default .pay-button {
background-color: #28a745; /* Verde */
color: white;
padding: 12px 20px;
font-size: 16px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
}
p2-component-payment-default .pay-button.loading {
background-color: #ccc; /* Cor de fundo cinza para indicar inatividade */
cursor: not-allowed; /* Cursor indicando que não pode ser clicado */
opacity: 0.6; /* Reduz a opacidade para enfatizar o estado de carregamento */
}
p2-component-payment-default .pay-button:disabled {
background-color: #ccc; /* Cor de fundo cinza */
cursor: not-allowed; /* Cursor indicando que o botão não está disponível */
}
p2-component-payment-default .pay-button:hover {
background-color: #218838; /* Verde escuro para hover */
}
/* Alinhamento de label e select na mesma linha */
p2-component-payment-default .form-group-inline {
display: grid;
align-items: center; /* Alinha verticalmente no centro */
grid-gap: 10px;
gap: 10px; /* Espaçamento entre o label e o select */
margin-bottom: 15px; /* Espaçamento inferior para separação de outros elementos */
}
/* Estilos para o select */
p2-component-payment-default .form-group-inline select {
flex: 1; /* Faz o select ocupar o espaço restante na linha */
padding: 8px;
border: 1px solid #ced4da;
border-radius: 4px;
background-color: #ffffff;
font-size: 16px;
color: #333;
-webkit-appearance: none; /* Remove o estilo padrão do select no Safari */
-moz-appearance: none; /* Remove o estilo padrão do select no Firefox */
appearance: none; /* Remove o estilo padrão do select nos navegadores modernos */
background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,5" fill="%23333"/></svg>');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px 10px;
}
/* Ajusta o padding do input para dar espaço ao cifrão */
p2-component-payment-default .button-container .half-width input#paymentValue {
background-color: transparent;
width: 100%;
padding: 20px 5px 8px 10px;
border: none; /* Remove outras bordas */
border-bottom: 1px solid #000; /* Adiciona borda apenas embaixo */
font-size: 16px;
font-weight: bold;
color: #333;
box-sizing: border-box;
}
p2-component-payment-default .echeck-wrapper {
display: flex;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 900px;
width: 100%;
}
p2-component-payment-default .echeck-display {
padding: 5px;
width: 100%;
border: 1px solid #333;
border-radius: 8px;
background-color: #fcfcfc;
background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(to right, white 1px, transparent 1px);
background-size: 100% 35px;
position: relative;
font-family: 'Courier New', Courier, monospace;
}
p2-component-payment-default .echeck-display h3 {
margin-bottom: 10px;
font-family: Arial, sans-serif;
font-weight: bold;
text-align: center;
}
p2-component-payment-default .check {
margin-top: 10px;
}
p2-component-payment-default .check p {
margin: 8px 0;
font-size: 1em;
font-family: 'Courier New', Courier, monospace;
}
p2-component-payment-default .check .account-number, .routing-number, .pay-to-order, .account-type, .account-holder-type {
font-weight: bold;
font-size: 1.2em;
}
p2-component-payment-default .check .line {
border-top: 2px solid #333;
margin: 15px 0;
}
p2-component-payment-default .signature-line {
text-align: right;
margin-top: 20px;
margin-right: 10px;
font-family: 'Courier New', Courier, monospace;
}
p2-component-payment-default .echeck-inputs {
width: 35%;
display: flex;
flex-direction: column;
grid-gap: 15px;
gap: 15px;
}
p2-component-payment-default .echeck-inputs input, .echeck-inputs select {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1em;
}
p2-component-payment-default .echeck-inputs input::placeholder {
color: #999;
}
p2-component-payment-default .label {
font-weight: bold;
font-size: 0.9em;
margin-bottom: 5px;
}
p2-component-payment-default .bank-logo {
position: absolute;
top: 20px;
left: 20px;
font-size: 1.2em;
font-weight: bold;
color: #333;
}
p2-component-payment-default .check-number {
position: absolute;
top: 20px;
right: 20px;
font-weight: bold;
font-size: 1.1em;
}
p2-component-payment-default .date-line {
position: absolute;
top: 60px;
right: 20px;
font-family: 'Courier New', Courier, monospace;
}
p2-component-payment-default .pay-to-order {
margin-bottom: 10px;
margin-top: 20px;
}
p2-component-payment-default .amount-field {
position: absolute;
top: 100px;
right: 20px;
font-size: 1.2em;
font-weight: bold;
border-bottom: 2px solid #333;
}
p2-component-payment-default .check-footer {
margin-top: 20px;
text-align: center;
font-size: 0.9em;
color: #777;
}
p2-component-payment-default .insert-amount {
font-weight: bold; /* Deixa o texto em negrito */
text-align: left; /* Alinha o texto à esquerda */
display: block; /* Garante que o label ocupe a largura total */
}
.payment-method-container {
text-align: center;
margin-top: 20px;
}
.payment-method-container h3 {
font-family: 'Proxima Nova', -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 20px;
color: #333;
margin-bottom: 15px;
}
.payment-buttons {
display: flex;
justify-content: center;
grid-gap: 10px;
gap: 10px; /* Espaço entre os botões */
}
.payment-buttons button {
background-color: #4A90E2;
color: white;
font-size: 14px;
font-family: 'Proxima Nova', -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
padding: 8px 16px;
margin: 0;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
width: 120px;
text-align: center;
}
.payment-buttons button:hover {
background-color: #357ABD;
}
.payment-buttons button:active {
background-color: #2E64A3;
}
.payment-buttons button:focus {
outline: none;
}
/* Ajuste do espaçamento e estilo do select para telas menores */
@media (max-width: 768px) {
p2-component-payment-default .form-group-inline {
flex-direction: column; /* No mobile, coloca o label acima do select */
align-items: stretch; /* Faz o select ocupar toda a largura */
}
p2-component-payment-default .form-group-inline select {
width: 100%; /* O select ocupa toda a largura no mobile */
}
p2-component-payment-default .button-container {
width: 100%; /* Garante que o botão ocupe toda a largura no mobile */
text-align: center; /* Centraliza o botão no mobile */
position: fixed; /* Torna o botão fixo no mobile */
bottom: 0; /* Fixa o botão na parte inferior da tela */
left: 0;
padding: 10px; /* Adiciona um pouco de padding para o botão não ficar colado na borda da tela */
background-color: #f8f9fa; /* Cor de fundo para o container do botão no mobile */
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* Sombra para dar um efeito elevado ao botão */
z-index: 1000; /* Garante que o botão fique acima de outros elementos */
}
p2-component-payment-default .pay-button {
max-width: 90%; /* Adiciona um pouco de margem nas laterais para o botão no mobile */
}
}
@media (max-width: 576px){
p2-component-scheduler-default .wrapper .hours .item{
width: 40%;
}
}
/**
ANIMATIONS
*/
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}</style><style id="user">p2-component-chat-feature-box-default .wrapper .foot .half.pending p::before {
content: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path d='M12 1.705c5.686 0 10.295 4.609 10.295 10.295S17.686 22.295 12 22.295 1.705 17.686 1.705 12 6.314 1.705 12 1.705zm0 1.5a8.795 8.795 0 1 0 0 17.59 8.795 8.795 0 0 0 0-17.59zm0 4.636a.75.75 0 0 1 .75.75v3.099l4.041 4.042a.75.75 0 0 1 .073.976l-.073.084a.75.75 0 0 1-1.06 0L11.47 12.53l-.064-.072A.75.75 0 0 1 11.25 12l.004.076a.754.754 0 0 1-.003-.047L11.25 12V8.59a.75.75 0 0 1 .75-.75z'></path></svg>");
display: inline-block;
transform: translateY(5px);
}
p2-component-chat-feature-box-default .wrapper .foot .complete.half p::before {
content: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path d='M12 1.874c5.592 0 10.125 4.533 10.125 10.125S17.592 22.124 12 22.124 1.875 17.591 1.875 12 6.408 1.874 12 1.874zm0 1.5a8.625 8.625 0 1 0 0 17.25 8.625 8.625 0 0 0 0-17.25zm4.412 3.85a.75.75 0 1 1 1.176.931l-6.527 8.258a1.624 1.624 0 0 1-2.632-.064L6.387 13.45a.75.75 0 1 1 1.226-.864L9.665 15.5c.022.034.06.054.1.055.04.002.078-.017.11-.06z'></path></svg>");
display: inline-block;
transform: translateY(5px);
}
p2-component-pull-default .wrapper .actions .half .actionButton.sendPull {
transform: translateY(-20px);
}
body > app-root > secure-session-secure-session-renderer > pushpull-pushpull > pushpull-component-default > div > div.countdownWrapper > p > svg {
height: 15px !important;
}
p2-component-chat-feature-box-default .wrapper .foot .half .goToAction.pull.goToActionPending::before {
content: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='icon-data-upload' d='M12.002 8.126a.763.763 0 0 1 .424.131.748.748 0 0 1 .106.089l-.079-.07a.752.752 0 0 1 .007.006l.072.064 3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.471-2.47v10.69a.75.75 0 0 1-.648.743l-.101.007a.75.75 0 0 1-.75-.75l-.001-10.69-2.469 2.47a.75.75 0 0 1-.977.073l-.084-.073a.75.75 0 0 1 0-1.06l3.75-3.75.072-.064a.754.754 0 0 1 .459-.156l-.074.003a.754.754 0 0 1 .044-.003zM17 1.876a3.25 3.25 0 0 1 3.25 3.25V15.75A3.25 3.25 0 0 1 17 19h-1.875a.75.75 0 1 1 0-1.5H17a1.75 1.75 0 0 0 1.75-1.75V5.126A1.75 1.75 0 0 0 17 3.376H7a1.75 1.75 0 0 0-1.75 1.75V15.75c0 .966.784 1.75 1.75 1.75h1.877a.75.75 0 1 1 0 1.5H7a3.25 3.25 0 0 1-3.25-3.25V5.126A3.25 3.25 0 0 1 7 1.876z'%3E%3C/path%3E%3C/defs%3E%3Cuse fill='white' fill-rule='nonzero' xlink:href='%23icon-data-upload'%3E%3C/use%3E%3C/svg%3E");
top: 6px;
position: relative;
}
p2-component-chat-feature-box-default .wrapper .foot .half .goToAction.push.goToActionPending::before {
display: inline-block !important;
-webkit-transform: rotate(180deg) translateY(2px);
content: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='icon-data-upload' d='M12.002 8.126a.763.763 0 0 1 .424.131.748.748 0 0 1 .106.089l-.079-.07a.752.752 0 0 1 .007.006l.072.064 3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.471-2.47v10.69a.75.75 0 0 1-.648.743l-.101.007a.75.75 0 0 1-.75-.75l-.001-10.69-2.469 2.47a.75.75 0 0 1-.977.073l-.084-.073a.75.75 0 0 1 0-1.06l3.75-3.75.072-.064a.754.754 0 0 1 .459-.156l-.074.003a.754.754 0 0 1 .044-.003zM17 1.876a3.25 3.25 0 0 1 3.25 3.25V15.75A3.25 3.25 0 0 1 17 19h-1.875a.75.75 0 1 1 0-1.5H17a1.75 1.75 0 0 0 1.75-1.75V5.126A1.75 1.75 0 0 0 17 3.376H7a1.75 1.75 0 0 0-1.75 1.75V15.75c0 .966.784 1.75 1.75 1.75h1.877a.75.75 0 1 1 0 1.5H7a3.25 3.25 0 0 1-3.25-3.25V5.126A3.25 3.25 0 0 1 7 1.876z'%3E%3C/path%3E%3C/defs%3E%3Cuse fill='white' fill-rule='nonzero' xlink:href='%23icon-data-upload'%3E%3C/use%3E%3C/svg%3E");
}
p2-component-pull-default .wrapper .actions .half:last-child {
padding-left: 0px !important;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper {
display: block !important;
width: min-content;
height: min-content;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconPull {
-webkit-mask: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='28' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='icon-data-upload' d='M12.002 8.126a.763.763 0 0 1 .424.131.748.748 0 0 1 .106.089l-.079-.07a.752.752 0 0 1 .007.006l.072.064 3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.471-2.47v10.69a.75.75 0 0 1-.648.743l-.101.007a.75.75 0 0 1-.75-.75l-.001-10.69-2.469 2.47a.75.75 0 0 1-.977.073l-.084-.073a.75.75 0 0 1 0-1.06l3.75-3.75.072-.064a.754.754 0 0 1 .459-.156l-.074.003a.754.754 0 0 1 .044-.003zM17 1.876a3.25 3.25 0 0 1 3.25 3.25V15.75A3.25 3.25 0 0 1 17 19h-1.875a.75.75 0 1 1 0-1.5H17a1.75 1.75 0 0 0 1.75-1.75V5.126A1.75 1.75 0 0 0 17 3.376H7a1.75 1.75 0 0 0-1.75 1.75V15.75c0 .966.784 1.75 1.75 1.75h1.877a.75.75 0 1 1 0 1.5H7a3.25 3.25 0 0 1-3.25-3.25V5.126A3.25 3.25 0 0 1 7 1.876z'%3E%3C/path%3E%3C/defs%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23icon-data-upload'%3E%3C/use%3E%3C/svg%3E") !important;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .iconWrapper .icon.iconPush {
-webkit-mask: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27' height='28' viewBox='-3 0 24 24'%3E%3Cdefs%3E%3Cpath id='icon-data-upload' d='M12.002 8.126a.763.763 0 0 1 .424.131.748.748 0 0 1 .106.089l-.079-.07a.752.752 0 0 1 .007.006l.072.064 3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.471-2.47v10.69a.75.75 0 0 1-.648.743l-.101.007a.75.75 0 0 1-.75-.75l-.001-10.69-2.469 2.47a.75.75 0 0 1-.977.073l-.084-.073a.75.75 0 0 1 0-1.06l3.75-3.75.072-.064a.754.754 0 0 1 .459-.156l-.074.003a.754.754 0 0 1 .044-.003zM17 1.876a3.25 3.25 0 0 1 3.25 3.25V15.75A3.25 3.25 0 0 1 17 19h-1.875a.75.75 0 1 1 0-1.5H17a1.75 1.75 0 0 0 1.75-1.75V5.126A1.75 1.75 0 0 0 17 3.376H7a1.75 1.75 0 0 0-1.75 1.75V15.75c0 .966.784 1.75 1.75 1.75h1.877a.75.75 0 1 1 0 1.5H7a3.25 3.25 0 0 1-3.25-3.25V5.126A3.25 3.25 0 0 1 7 1.876z'%3E%3C/path%3E%3C/defs%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23icon-data-upload'%3E%3C/use%3E%3C/svg%3E") !important;
-webkit-transform: rotate(-180deg) translateY(3px);
}
body > app-root > secure-session-secure-session-renderer > p2-main > p2-components-session-container-default > main > p2-chat > div > p2-component-chat-default > div > div > div.messageWrapper.ng-star-inserted > div > p2-component-chat-message-box-default > div > div.box > div.body > p.message {
border: none !important;
position: static !important;
padding: 0px !important;
padding-top: 10px !important;
}
p2-component-pull-default .wrapper .actions .half:last-child {
position: absolute !important;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemButton {
padding: 0.8rem;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemButton button {
padding: 0.5rem 0.6rem;
}
.svg-inline--fa.fa-w-16 {
width: 25px;
height: 20px;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemContent p {
font-size: 14px !important;
}
p2-component-pull-default .wrapper .heading .pullInfo {
margin-top: 2em;
}
p2-component-chat-feature-box-default .wrapper .statusIcon.complete {
display: none;
}
p2-component-pull-default .wrapper .actions .half {
width: 100% !important;
}
p2-component-pull-default .wrapper .heading .pullInfo p {
overflow-wrap: break-word;
font-size: 17px;
}
p2-component-chat-message-box-default .wrapper {
display: inline-block;
width: 100%;
}
.chatWrapper p2-component-chat-message-box-default .wrapper .box .body{
display: inline-block;
}
.chatWrapper p2-component-chat-message-box-default .wrapper .box .body .message {
transform: unset;
}
p2-component-chat-message-box-default .wrapper .box .body .message {
border: 1px solid grey !important;
padding: 5px !important;
width: 100% !important;
height: min-content;
max-height: 240px;
transform: translateY(20px);
}
body > app-root > secure-session-secure-session-renderer > p2-main > p2-components-session-container-default > main > p2-chat > div > p2-component-chat-default > div > div > div.messageWrapper.ng-star-inserted > div {
margin-bottom: 0px !important;
}
p2-components-session-container-default .content .limiter {
margin-bottom: 25px !important;
}
p2-component-chat-feature-box-default .wrapper .statusIcon.pending {
display: none;
}
p2-component-push-default > .wrapper {
display: flex;
flex-direction: column;
}
p2-component-push-default .wrapper .downloadAll {
order: 2;
position: relative;
top: 2em;
}
p2-component-push-default .wrapper .downloadAllButton.btn {
text-align: center;
height: 2.8em;
padding-top: 0.7em;
padding-bottom: 0.7em;
font-weight: 500;
font-size: 17px;
}
p2-component-push-default .wrapper .filesWrapper .fileItem {
box-shadow: 0px 1px 5px grey;
border: 1px solid gray;
}
p2-component-push-default .wrapper .heading {
order: 1;
}
p2-component-push-default .wrapper .heading .title h1 {
margin-left: 80px !important;
margin-bottom: 30px;
}
p2-components-session-container-default header .headerContents .backWrapper .backButton {
z-index: 100;
top: 80px;
position: absolute;
}
p2-component-push-default .wrapper .backWhenDone .backButton {
margin: auto !important;
margin-bottom: 3px !important;
box-shadow: 2px 2px gray;
border: 2px gray;
left: 0% !important;
right: 0 !important;
}
p2-component-push-default .wrapper .backWhenDone {
position: inherit;
display: none !important; /** hiding this button for now */
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem .itemIconWrapper .icon {
height: 20px !important;
width: 20px !important;
}
p2-components-session-container-default header .headerContents .logo {
padding: 0;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode .receiveMethods .receiveItem {
margin: auto;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .codeRequested {
margin-top: 55px;
}
main {
padding-top: 85px !important;
}
p2-component-chat-feature-box-default .wrapper .box {
background: #ffffff !important;
border-radius: 12px !important;
padding-top: 10px !important;
margin-left: 0;
border-width: 2px;
max-width: initial;
}
.logo img {
width: 100% !important;
height: 100% !important;
max-width: unset !important;
max-height: unset !important;
}
.pushInfo,
.pullInfo {
margin-bottom: 1rem;
}
.sendPull,
.sendPush {
width: 100% !important;
bottom: 0;
right: 0;
left: 0%;
margin: auto !important;
-webkit-box-shadow: 0px 0px 5px black;
border: 2px gray;
border-radius: 4px !important;
background: var(--color__cerulean) !important;
border-top: 10px;
z-index: 10000 !important;
}
.half:last-child {
/* position: fixed!; */
right: 0 !important;
bottom: -100px !important;
z-index: 100;
}
.sendPull::hover,
.sendPush::hover {
background: var(--color__darkCerulean) !important;
}
.sendPull[disabled],
.sendPush[disabled] {
background: var(--color__ghost) !important;
}
/* .sendPull::after,
.sendPush::after {
content: "Send Documents";
color: var(--color__raven) !important;
} */
p2-components-session-container-default .status {
display: none;
}
.filesWrapper {
position: relative;
}
.fileItem:last-child .actions:before {
content: "spacer";
height: 150px;
color: white;
width: 1px;
}
p2-component-push-default .wrapper .filesWrapper {
order: 3;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .actions:before {
content: none;
}
.actionButton.addFiles {
border: 1px solid var(--color__cerulean) !important;
background-color: transparent !important;
color: transparent !important;
border-radius: 4px !important;
margin-bottom: 12px;
margin-top: 12px;
position: relative;
width: 100% !important;
}
.actionButton.addFiles::before {
/* content: "Add Documents"; */
color: var(--color__cerulean);
position: absolute;
left: calc(50% - 55px)
}
p2-component-pull-default .wrapper .actions .half .actionButton.addFiles {
color: var(--color__cerulean) !important;
}
p2-component-pull-default .wrapper .actions .half .actionButton.addFiles:hover {
background: var(--color__alice) !important;
}
p2-component-chat-feature-box-default .wrapper .heading .titles .title {
color: #000000 !important;
margin-left: 0;
}
p2-component-chat-feature-box-default
.wrapper
.heading
.titles
.iconWrapper
.icon {
background: #000000 !important;
}
p2-component-chat-feature-box-default .wrapper .heading .description {
color: #000000 !important;
margin-top: 24px;
max-height: 240px;
overflow: auto;
}
misc-components-complete-default .completeWrapper .contentWrapper {
background: #fff !important;
}
misc-components-complete-default .completeWrapper .contentWrapper .header {
background: #f2f2f2 !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.header
.icons
.icon {
color: #929396 !important;
font-size: 2rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.header
.text
p {
color: #929396 !important;
font-size: 1rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterInfoWrapper {
background: #f2f5f8 !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterInfoWrapper
.requesterInfo
.name {
color: #000 !important;
font-size: 1rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterInfoWrapper
.requesterInfo
.role {
color: #000 !important;
font-size: 1rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterInfoWrapper
.requesterInfo
.company {
color: #797979 !important;
font-size: 1rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterInfoWrapper
.requesterInfo
.location {
color: #000000 !important;
font-size: 1rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterInfoWrapper
.avatar
.initials {
background: #cccccc !important;
color: #999999 !important;
font-size: 1rem !important;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .avatar .label {
font-size: 1rem !important;
color: #ffffff !important;
font-weight: 600 !important;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .messageWrapper .messageBox{
max-height: 240px;
overflow: auto;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterContactInfo {
background: #f2f5f8 !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterContactInfo
.labels
p {
color: #797979 !important;
font-size: 1rem !important;
}
misc-components-complete-default
.completeWrapper
.contentWrapper
.requesterContactInfo
.values
p
a {
color: #000000 !important;
font-size: 1rem !important;
}
.wrapper {
position: relative !important;
}
misc-components-tfa-default .wrapper {
background: #f2f5f8 !important;
}
misc-components-tfa-default .wrapper .tfaHeader h4 {
color: #000000 !important;
font-size: 17px !important;
font-weight: 800;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaContent .requestCode p {
font-size: 16px !important;
}
misc-components-tfa-default .wrapper .tfaWrapper .tfaHeader {
border-color: transparent !important;
width: 100% !important;
margin: 0 auto !important;
}
misc-components-tfa-default .wrapper .tfaWrapper {
width: auto;
box-shadow: none;
border: 2px solid lightgray;
padding: 3rem;
}
body > app-root > theme-editor-demo-p2-tfa > misc-components-tfa-default > div > div > div.tfaContent {
width: 75% !important;
margin: 0 auto !important;
}
misc-components-tfa-default .wrapper .tfaContent p {
color: #000000 !important;
font-size: 1.3rem !important;
}
pushpull-component-default .pushpullWrapper {
background: #ffffff !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
overflow: scroll !important;
}
pushpull-component-default .pushpullWrapper .navbarWrapper .logo img {
max-height: 50px !important;
max-width: 160px !important;
}
pushpull-component-default .pushpullWrapper .countdownWrapper {
background: #343333 !important;
}
pushpull-component-default .pushpullWrapper .countdownWrapper .countdown {
color: #f2ebeb !important;
font-size: 0.8rem !important;
}
pushpull-component-default .pushpullWrapper .navbarWrapper {
background: #fbc81a !important;
padding: 1.5rem 15% !important;
display: flex !important;
flex-direction: row !important;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper {
flex-direction: column-reverse;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item {
background: transparent !important;
border-color: #343333 !important;
margin-top: 1rem;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .downloadAll .downloadAllButton.btn, pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download aper .downloadAll {
background-color: #0076a0 !important;
font-weight: 500 !important;
font-size: 17px !important;
}
pushpull-component-default
.pushpullWrapper
.navbarWrapper
.topSend
.sendButton {
color: #000 !important;
font-size: 0.8rem !important;
background: #464646 !important;
}
pushpull-component-default .pushpullWrapper .requesterWrapper {
background: #343333 !important;
}
pushpull-component-default
.pushpullWrapper
.requesterWrapper
.requesterInfoWrapper
.avatar
.initials {
background: #fbc81a !important;
color: #343333 !important;
font-size: 60px !important;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .info .name{
color: #ffffff !important;
font-size: 1rem !important;
}
pushpull-component-default .pushpullWrapper .requesterWrapper .requesterInfoWrapper .info .role{
font-size: 0.9rem !important;
color: #ffffff !important;
}
pushpull-component-default
.pushpullWrapper
.requesterWrapper
.messageWrapperp2-component-chat-message-box-default .wrapper
.messageBox {
background: #f2f2f2 !important;
}
.box .title + .message {
/* position: absolute;
top: 115px; */
/* width: 100% !important; */
width: inherit !important;
left: 0;
border: 1px solid gray;
border-radius: 12px;
height: 162px;
overflow-y: auto;
padding: 1rem;
}
p2-component-push-default .filesWrapper {
margin-top: 3em !important;
}
pushpull-component-default
.pushpullWrapper
.requesterWrapper
.messageWrapper
.messageBox
p {
color: #000 !important;
font-size: 0.9rem !important;
}
pushpull-component-default .pushpullWrapper .pullWrapper .label {
color: #000 !important;
font-size: 0.7rem !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.fileListWrapper
.item {
background: transparent !important;
border-color: #c1c1c1 !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.fileListWrapper
.item
.fileInfo
.name,
pushpull-component-default
.pushpullWrapper
.pullWrapper
.fileListWrapper
.item
.fileInfo
.size {
color: #000000 !important;
font-size: 0.7rem !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.fileListWrapper
.item
.status {
background: #999999 !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.fileListWrapper
.item
.status
.completedUpload {
color: #a4a5a7 !important;
font-size: 2rem !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.fileListWrapper
.item
.actions
.remove {
color: #a4a5a7 !important;
font-size: 2rem !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.addFilesWrapper
.addFileButton {
color: #fff !important;
font-size: 1rem !important;
background: #c5c5c5 !important;
}
pushpull-component-default
.pushpullWrapper
.pullWrapper
.addFilesWrapper
p
small {
color: #333333 !important;
font-size: 0.7rem !important;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendMessageWrapper p {
color: #333 !important;
font-size: 0.7rem !important;
}
pushpull-component-default .pushpullWrapper .pullWrapper .sendWrapper button {
color: #fff !important;
font-size: 1rem !important;
background: #464646 !important;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .info .name{
font-size: 0.9rem !important;
color: #343333 !important;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .download a{
color: #FFFFFF !important;
font-size: 1rem !important;
font-weight: 500;
background: #0076a0 !important;
}
pushpull-component-default .pushpullWrapper .pushWrapper .downloadFilesWrapper .item .info p {
font-weight: 400 !important;
font-size: 0.9em;
}
p2-component-pull-default .wrapper .heading .title h1 {
--theme-text-color: #000000 !important;
font-weight: 600;
margin-left: 80px !important;
margin-bottom: 30px;
}
/* p2-component-pull-default .wrapper .actions .half .actionButton.addFiles {
--theme-button-color: #0cd1e8 !important;
} */
/* p2-component-pull-default .wrapper .actions .half .actionButton.addFiles:hover {
background: #24d6ea !important;
} */
/* p2-component-pull-default .wrapper .actions .half .actionButton.sendPull {
background: #3880ff !important;
}
p2-component-pull-default .wrapper .actions .half .actionButton.sendPull:hover {
background: #4c8dff !important;
} */
p2-component-pull-default .wrapper {
margin-top: -3px;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem {
background: #ffffff !important;
border: 1px solid gray;
box-shadow: 0px 1px 5px gray;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .name {
--theme-text-color: #000000 !important;
}
p2-component-pull-default .wrapper .filesWrapper .fileItem .fileInfo .size {
--theme-text-color: #000000 !important;
}
p2-component-pull-default
.wrapper
.filesWrapper
.fileItem
.fileInfo
.uploadProgress.completed,
p2-component-pull-default
.wrapper
.filesWrapper
.fileItem
.fileInfo
.uploadProgress.completed
.progress {
background: #10dc60 !important;
}
p2-component-pull-default
.wrapper
.filesWrapper
.fileItem
.fileInfo
.uploadProgress {
background: #a0c3fe !important;
}
p2-component-pull-default
.wrapper
.filesWrapper
.fileItem
.fileInfo
.uploadProgress
.progress {
background: #3880ff !important;
}
p2-component-push-default .wrapper .filesWrapper .fileItem {
background: #ffffff !important;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .name {
color: #000000 !important;
}
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .size,
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .size,
p2-component-push-default .wrapper .filesWrapper .fileItem .fileInfo .size,
p2-component-push-default
.wrapper
.filesWrapper
.fileItem
.fileInfo
.remaining {
color: #000000 !important;
}
/* misc-components-tfa-default
.wrapper
.tfaWrapper
.tfaContent
.requestCode
.receiveMethods
.receiveItem
.itemButton
button:before {
content: "Get Code";
display: flex;
} */
/* CUSTOM CSS */
:root {
--container-max-width: 1128px;
--color__darkCerulean: #044d66;
--color__cerulean: #0076a0;
--color__niro: #19191a;
--color__empress: #767576;
--color__mist: #929492;
--color__ghost: #cdcccb;
--color__clearDay: #f1fafe;
--color__cardinal: #d61f34;
--color__tutu: #fdf4f5;
--color__pumpkin: #fb7d1a;
--color__seashell: #fff8f3;
--color__eden: #00874d;
--color__dew: #f2f9f6;
--color__glacier: #7fb2c5;
--color__azure: #e7f6fd;
--color__alice: #f8fbfc;
--color__night: #343333;
--color__mirage: #404040;
--color__charcoal: #494949;
--color__raven: #616061;
--color__smoke: #f1f3f4;
--navbar-background: #3b3d3f;
--color__edj-yellow: #fad141;
--base_font: 17px;
--avatar_width: 82px;
--avatar_height: 82px;
--avatar_border_radius: 12px;
--avatar_mt_mb: 24px;
--primary-color-bg: var(--color__cerulean);
--bs-body-color: var(--color__niro);
--header-fixed-height: 63px;
--base-font-size: 17px;
}
@font-face {
font-family: "Whitney";
font-style: normal;
font-weight: normal;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-Medium_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-Medium_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-style: italic;
font-weight: normal;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-MediumItal_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-MediumItal_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-style: normal;
font-weight: 500;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-Book_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-Book_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-style: italic;
font-weight: 500;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-BookItal_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-BookItal_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-weight: 600;
font-style: normal;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-Semibld_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-Semibld_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-weight: 600;
font-style: italic;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-SemibldItal_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-SemibldItal_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-weight: bold;
font-style: normal;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-Bold_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-Bold_Web.woff")
format("woff");
}
@font-face {
font-family: "Whitney";
font-weight: bold;
font-style: italic;
src: url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff2/Whitney-BoldItal_Web.woff2")
format("woff2"),
url("http://resources.edwardjones.com/ux/common/fonts/Whitney/woff/Whitney-BoldItal_Web.woff")
format("woff");
}
/* UPDATE DEFAULT TYPEFACE */
body {
font-family: Whitney;
font-size: var(--base-font-size);
}
/* NAVBAR START */
p2-components-session-container-default header {
/* REPLEACE HARD-CODED HEIGHT WITH DEFAULT HEIGHT */
height: var(--header-fixed-height);
color: white;
font-weight: 600;
font-size: var(--base-font-size);
margin-bottom: 24px !important;
position: absolute !important;
}
/* MAIN LOGO (THAT IS SAVED AT BOTOC IS ONLY VISIBLE ON DESKTOP) */
header .logo {
/* background: var(--color__edj-yellow); */
position: relative;
visibility: hidden;
}
/* SHOW SMALL LOGO ON MOBILE SCREENS (THIS IS NOT STORED AT BOTDOC ITS JUST AN SVG) */
header .logo::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='48px' viewBox='0 0 48 48' version='1.1'%3E%3Ctitle%3E01 Foundation/01 Brand/Logo/Square/00 Preferred%3C/title%3E%3Cg id='BotDoc-Rebrand' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='P2-Request-From-Scatch---Landing-Page--v-Phone' transform='translate(-16.000000, -12.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 12.000000)'%3E%3Crect id='Container' fill='%23FAD141' x='0' y='0' width='48' height='48'/%3E%3Cg id='Type' transform='translate(8.000000, 15.000000)' fill='%231A1919'%3E%3Cpath d='M27.6711849,13.6035439 C27.4922405,13.2955615 27.2447007,12.9436887 26.7719891,12.9436887 C26.3850218,12.9436887 26.2057046,13.1087463 26.2057046,13.2745541 C26.2057046,14.1107209 29.1131789,13.8410018 29.1131789,15.5530993 C29.1131789,16.6672381 28.1450149,17.3162146 26.7380643,17.3162146 C25.4142482,17.3162146 24.5530781,16.6991243 24.244399,15.8528289 L25.7098793,15.4491881 C25.9343055,15.841575 26.1814725,16.2024509 26.7380643,16.2024509 C27.0929707,16.2024509 27.3390193,16.047897 27.3390193,15.8201925 C27.3390193,14.9558909 24.4330362,15.2953844 24.4330362,13.5022586 C24.4330362,12.9549426 25.0459209,11.8933221 26.7380643,11.8933221 C27.6939258,11.8933221 28.6639538,12.2838334 29.0054394,13.2955615 L27.6711849,13.6035439 Z' id='Fill-10'/%3E%3Cpath d='M22.1001972,13.8856049 C22.0878948,13.4013109 22.0427859,12.8427409 21.3803187,12.8427409 C20.8356565,12.8427409 20.6708785,13.4013109 20.6708785,13.8856049 L22.1001972,13.8856049 Z M20.6708785,14.8748251 C20.6708785,15.3279833 20.7752628,16.1011281 21.533167,16.1011281 C21.9935762,16.1011281 22.3835259,15.8126524 22.501331,15.3906301 L23.7901038,15.8017736 C23.7077148,16.0388563 23.1153341,17.2152669 21.415362,17.2152669 C19.5837911,17.2152669 18.7565459,15.9259419 18.7565459,14.4929418 C18.7565459,13.0295561 19.6330008,11.7923744 21.3915027,11.7923744 C23.2331392,11.7923744 23.8728656,13.1736064 23.8728656,14.5240777 L23.8728656,14.8748251 L20.6708785,14.8748251 Z' id='Fill-8'/%3E%3Cpath d='M13.3975328,11.9150422 L15.3111198,11.9150422 L15.3111198,12.6064084 L15.3346063,12.6064084 C15.7364857,12.0797246 16.3393047,11.7923744 17.0233944,11.7923744 C17.7928555,11.7923744 18.2890535,12.244032 18.2890535,12.957531 L18.2890535,17.092224 L16.374348,17.092224 L16.374348,13.4316965 C16.374348,13.1529742 16.2669814,12.9676595 15.9139389,12.9676595 C15.7126264,12.9676595 15.5478484,13.0393095 15.4166225,13.1822344 L15.3111198,13.3090287 L15.3111198,17.092224 L13.3975328,17.092224 L13.3975328,11.9150422 Z' id='Fill-6'/%3E%3Cpath d='M9.3676481,16.1633998 C9.84035966,16.1633998 10.0528562,15.7935207 10.0528562,14.482063 C10.0528562,13.2853954 9.91119183,12.8423658 9.3676481,12.8423658 C8.82447718,12.8423658 8.68430403,13.2853954 8.68430403,14.482063 C8.68430403,15.7935207 8.89568215,16.1633998 9.3676481,16.1633998 M9.3676481,11.7923744 C11.1518733,11.7923744 12.038021,12.9361485 12.038021,14.482063 C12.038021,16.0902493 11.1876622,17.2152669 9.3676481,17.2152669 C7.54949806,17.2152669 6.69876638,16.0902493 6.69876638,14.482063 C6.69876638,12.9361485 7.58454134,11.7923744 9.3676481,11.7923744' id='Fill-4'/%3E%3Cpath d='M5.90453268,16.8594338 C5.90453268,18.1168726 4.90020702,18.4912533 3.56520696,18.4912533 C3.11635466,18.4912533 3.02874645,18.4481132 2.7226769,18.4057234 L2.7226769,17.0158634 C2.86471404,17.0454987 3.00563279,17.0668812 3.15848116,17.0668812 C3.9499375,17.0668812 3.99840162,16.6955016 3.99840162,16.1084217 L3.99840162,9.43296702 L5.90453268,9.43296702 L5.90453268,16.8594338 Z' id='Fill-1'/%3E%3Cpath d='M8.37996801,7.57201756 C7.82896826,7.57201756 7.68394871,7.04458349 7.64592301,6.73059892 C7.61087973,6.45525282 7.6000685,6.02835384 7.61311653,5.4649072 C7.61311653,5.24883179 7.61759015,4.52220321 7.66679987,4.1969647 C7.75701769,3.49584502 8.19543156,3.41969344 8.37996801,3.41969344 C8.87803003,3.41969344 9.16769634,3.87510237 9.26872538,4.07129584 C9.53043162,4.54583645 9.56696611,5.06314199 9.56696611,5.507297 C9.56696611,7.14024188 8.79042181,7.57201756 8.37996801,7.57201756 L8.37996801,7.57201756 Z M10.7159385,7.45272593 L10.7159385,3.07896961e-14 L10.6708296,3.07896961e-14 L8.76618975,3.07896961e-14 L8.76618975,0.319986672 L9.58784296,0.319986672 L9.58784296,3.87322672 C9.42455616,3.59112827 9.02826879,3.06744551 8.26961894,3.06744551 C7.32158622,3.06744551 6.31241415,3.91899269 6.31241415,5.49716846 C6.31241415,7.24978011 7.52178031,7.90325816 8.28266697,7.90325816 C8.9894975,7.90325816 9.37236404,7.47523379 9.58784296,7.0592136 L9.58784296,7.7727126 L11.4309707,7.7727126 L11.4309707,7.45272593 L10.7159385,7.45272593 Z' id='Fill-15'/%3E%3Cpath d='M24.9559641,3.71886035 C24.9552185,3.71961061 24.849343,3.93718654 24.768818,4.10261928 L24.768818,3.19855377 L22.9048134,3.19855377 L22.9048134,3.51854044 L23.6500425,3.51854044 L23.6500425,7.45253837 L22.9148791,7.45253837 L22.9148791,7.77290017 L25.4708021,7.77290017 L25.4708021,7.45253837 L24.768818,7.45253837 L24.768818,6.17259168 C24.7792564,5.48310105 24.789322,4.88926881 25.0901724,4.16489101 C25.3067697,3.64495956 25.4998806,3.63745694 25.500999,3.63745694 C25.5591559,3.63745694 25.5632567,3.63745694 25.5837608,3.85090643 C25.6214137,4.20540515 25.828691,4.39822244 26.1388613,4.39822244 C26.491531,4.39822244 26.7468996,4.14200802 26.7468996,3.7886347 C26.7468996,3.38987053 26.4322557,3.10139486 25.9979426,3.10139486 C25.5971816,3.10139486 25.2355647,3.31559461 24.9559641,3.71886035' id='Fill-22'/%3E%3Cpath d='M20.9084646,5.83411105 C20.8853509,6.41443858 20.8562724,6.75655798 20.5337996,7.07316847 C20.4689323,7.13243915 20.2650102,7.3113766 19.9589406,7.3113766 C19.6644279,7.3113766 19.3225695,7.12418627 19.3225695,6.59525168 C19.3225695,5.71594481 20.1744196,5.50887255 20.9084646,5.49199165 L20.9084646,5.83411105 Z M22.546179,7.28174126 L22.4734828,7.34701404 C22.4033962,7.4107863 22.3087048,7.49481562 22.2076757,7.49481562 C22.0119553,7.49481562 22.0033808,7.30612477 22.0033808,6.91111191 L22.0033808,4.63744342 C22.0033808,4.21279523 22.0033808,3.84554206 21.6883641,3.51730251 C21.4050354,3.2442072 20.8838597,3.06752054 20.3582104,3.06752054 C19.2580749,3.06752054 18.5180651,3.68723681 18.5180651,4.26681408 C18.5180651,4.58417483 18.7432369,4.82463375 19.0384952,4.82463375 C19.3736432,4.82463375 19.5816661,4.5582908 19.5816661,4.30995413 C19.5816661,4.14902297 19.4996499,4.03235726 19.4325458,3.93894966 L19.3557488,3.78852216 C19.3557488,3.66697974 19.7099096,3.37812894 20.196042,3.37812894 C20.8547812,3.37812894 20.8853509,3.82153368 20.907719,4.14602192 C20.907719,4.14602192 20.9084646,5.117611 20.9084646,5.20051493 C20.6728544,5.20239059 20.0226896,5.22227252 19.4705714,5.38808039 C18.6727775,5.63829271 18.2160964,6.15072154 18.2160964,6.79069489 C18.2160964,7.45580201 18.7249696,7.90333319 19.4821283,7.90333319 C20.0976226,7.90333319 20.604259,7.59460044 20.907719,7.07054255 C20.9323238,7.26373498 20.9785511,7.49744154 21.2063325,7.68538213 C21.3763297,7.82418057 21.6152951,7.90333319 21.8617165,7.90333319 C22.334428,7.90333319 22.5935247,7.64186694 22.7038738,7.53007793 L22.733325,7.50006745 L22.546179,7.28174126 Z' id='Fill-20'/%3E%3Cpath d='M18.3838941,3.1986663 L16.6589443,3.1986663 L16.6589443,3.51865298 L17.3885156,3.51865298 C17.356082,3.62706581 16.6004145,6.10368013 16.5284639,6.341138 C16.4501757,6.12093615 16.0207091,4.90138554 16.0207091,4.90138554 L15.9360833,4.6740562 L15.4059604,3.1986663 L14.9414505,3.1986663 C14.9414505,3.1986663 14.0534387,6.05303745 13.9777601,6.29724768 C13.9058095,6.08905002 13.6150248,5.23900336 13.6150248,5.23900336 L13.4383172,4.7310761 C13.4383172,4.72845019 13.0711083,3.76999069 12.9749256,3.51865298 L13.7112074,3.51865298 L13.7112074,3.1986663 L11.2208974,3.1986663 L11.2208974,3.51865298 L11.7648139,3.51865298 C11.7864363,3.57604801 13.4502468,7.90318314 13.4502468,7.90318314 L13.850635,7.90318314 C13.850635,7.90318314 14.7334275,5.07919759 14.8057509,4.8499926 C14.8914951,5.07432089 15.9804466,7.90318314 15.9804466,7.90318314 L16.4032028,7.90318314 C16.4032028,7.90318314 17.7560973,3.58242523 17.7758558,3.51865298 L18.429003,3.51865298 L18.429003,3.1986663 L18.3838941,3.1986663 Z' id='Fill-18'/%3E%3Cpath d='M28.9486245,7.57201756 C28.4315497,7.57201756 28.2652805,7.11510811 28.2171892,6.73059892 C28.1713346,6.3858536 28.1746898,5.85129205 28.1828915,5.4649072 C28.1828915,5.24808153 28.1892291,4.52182808 28.2384388,4.1969647 C28.3264198,3.49584502 28.7644609,3.41969344 28.9486245,3.41969344 C29.447805,3.41969344 29.7367257,3.87510237 29.8392459,4.07129584 C30.1016978,4.54583645 30.1374866,5.06314199 30.1374866,5.507297 C30.1374866,7.14024188 29.3605695,7.57201756 28.9486245,7.57201756 L28.9486245,7.57201756 Z M31.2879503,7.45272593 L31.2879503,3.07896961e-14 L31.2409773,3.07896961e-14 L29.3370831,3.07896961e-14 L29.3370831,0.319986672 L30.1591091,0.319986672 L30.1591091,3.87210133 C29.9954495,3.59112827 29.5995349,3.06744551 28.8408851,3.06744551 C27.8921068,3.06744551 26.8829347,3.91899269 26.8829347,5.49716846 C26.8829347,7.24978011 28.091928,7.90325816 28.8524419,7.90325816 C29.5588996,7.90325816 29.9425118,7.47523379 30.1591091,7.0592136 L30.1591091,7.7727126 L32,7.7727126 L32,7.45272593 L31.2879503,7.45272593 Z' id='Fill-24'/%3E%3Cpath d='M5.52789192,0.000187565458 L0.0223680547,0.000187565458 L0.0223680547,0.320174238 L0.963690356,0.320174238 L0.963690356,7.45253837 L-1.69566442e-14,7.45253837 L-1.69566442e-14,7.77290017 L5.76312929,7.77290017 L5.97748981,5.28690758 L5.74113404,5.28690758 L5.73218682,5.32216989 C5.60543451,5.8319728 5.46824377,6.33089692 5.18677908,6.79981057 C4.79906613,7.45253837 4.45161568,7.45253837 3.42044836,7.45253837 L2.23195906,7.45253837 L2.23195906,4.00771115 L2.52274377,4.00771115 C3.53564384,4.01934021 3.79585888,4.19377609 3.83910379,5.47672383 L3.84096779,5.52061414 L4.10341963,5.52061414 L4.10341963,2.262227 L3.83202057,2.262227 L3.82978376,2.30499192 C3.79585888,2.8264239 3.77647323,3.08676475 3.67134338,3.27733126 C3.47226769,3.65658862 3.05249386,3.66671715 2.56859828,3.67684568 L2.23195906,3.67684568 L2.23195906,0.320174238 L3.04056423,0.320174238 C4.04526269,0.320174238 4.59775364,0.320174238 5.02349228,1.04755309 C5.02349228,1.04905361 5.25723845,1.57086072 5.25723845,1.57086072 C5.25798406,1.57086072 5.42835407,2.20670762 5.42835407,2.20670762 L5.46265176,2.20295631 L5.66210024,2.20295631 L5.57113682,0.000187565458 L5.52789192,0.000187565458 Z' id='Fill-13'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
position: absolute;
left: 16px;
top: 6px;
height: var(--header-fixed-height);
width: var(--header-fixed-height);
visibility: visible;
}
/* NAVBAR END */
/* AVATAR START*/
/* SET HEIGHT OF AVATAR(INITIALS) */
.chatWrapper p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar .initials,
.avatarWrapper {
margin-right: 0;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar .initials,
.avatarWrapper {
height: var(--avatar_height) !important;
width: var(--avatar_width) !important;
float: left;
}
p2-component-chat-message-box-default .wrapper .avatarWrapper .requesterAvatar {
height: var(--avatar_height) !important;
}
/* MAKE AVATAR BOX MORE ROUND */
.requesterAvatar .initials {
border-radius: var(--avatar_border_radius) !important;
}
/* UPDATE CALC BASED ON NEW WIDTH OF AVATAR BOX */
.chatWrapper p2-component-chat-message-box-default .wrapper:not(.fromSelf) .box {
margin-left: 85px;
}
p2-component-chat-message-box-default .wrapper:not(.fromSelf) .box {
max-width: 100% !important;
/* margin-left: 85px; */
}
.chatWrapper p2-component-chat-message-box-default .wrapper .box .heading .name {
flex-grow: 0;
}
.chatWrapper p2-component-chat-message-box-default .wrapper .box .heading{
margin-left: 0;
}
.chatWrapper p2-component-chat-message-box-default .wrapper .box .body .title{
margin-left: 0;
}
p2-component-chat-message-box-default .wrapper .box .heading, p2-component-chat-message-box-default .wrapper .box .title{
margin-left: 84px;
}
/* MOVE TEXT NEXT TO AVATAR BOX TO ALIGN WITH HEIGHT OF AVATAR */
.box {
padding-top: 0 !important;
margin-bottom: auto !important;
}
/* SYNC AVATAR SPACE ABOVE AND BELOW */
.wrapper {
/* margin-bottom: var(--avatar_mt_mb); */
}
.chatWrapper {
padding-top: 0 !important;
}
/* AVATAR END */
/* FEATURE CARDS START */
/* REMOVE HARD-CODED WIDTH */
.limiter {
max-width: none !important;
}
/* REMOVE BACKGROUND FROM FOOTER OF CARD */
p2-component-chat-feature-box-default .wrapper .foot {
padding: 0;
margin-top: 30px;
border-radius: 0px 0px 12px 12px;
}
/* REMOVE SPLIT LAYOUT FROM FOOTER */
.foot .half {
width: 100% !important;
font-size: 17px !important;
}
/* HIDE PENDING INDICATOR IN THE FOOTER */
.foot .half:nth-child(1) {
position: absolute;
display: none !important;
}
p2-component-chat-feature-box-default > div > div.box > div.foot > div:nth-child(2) {
/* width: 50% !important; */
right: 2px !important;
/* position: absolute; */
top: 0 !important;
}
p2-component-chat-feature-box-default .wrapper .foot .half {
display: inline-block !important;
position: inherit;
text-align: center;
}
p2-component-chat-feature-box-default .wrapper .foot .half p {
padding: 10px 0px;
}
/* CONFIGURE DOWNLOAD / UPLOAD TO TAKE THE ENTIRE WIDTH OF FOOTER */
p2-component-chat-feature-box-default .wrapper .foot .half .goToAction {
height: auto !important;
padding: 10px;
font-size: var(--base-font-size) !important;
border-radius: 4px;
}
p2-component-chat-feature-box-default .wrapper .foot .half .goToAction.goToActionComplete::before {
/* content: "<svg focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"
\viewBox="0 0 24 24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.481a8.519 8.519 0 1 0 0 17.038A8.519 8.519 0 0 0 12 3.48zm-.617 6.544c.706 0 1.286.538 1.352 1.227l.006.13v3.087c0
.243.174.444.405.486l.089.008h.617a.74.74 0 0 1 .1 1.475l-.1.006h-.617a1.975 1.975 0 0 1-1.97-1.827l-.006-.148v-2.963h-.494a.74.74 0 0 1-.1-1.475l.1-.006h.618zm.308-3.087a1.05 1.05 0 1 1 0 2.099 1.05 1.05 0 0 1 0-2.099z"></path></svg>" */
/* content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.481a8.519 8.519 0 1 0 0 17.038A8.519 8.519 0 0 0 12 3.48zm-.617 6.544c.706 0 1.286.538 1.352 1.227l.006.13v3.087c0 .243.174.444.405.486l.089.008h.617a.74.74 0 0 1 .1 1.475l-.1.006h-.617a1.975 1.975 0 0 1-1.97-1.827l-.006-.148v-2.963h-.494a.74.74 0 0 1-.1-1.475l.1-.006h.618zm.308-3.087a1.05 1.05 0 1 1 0 2.099 1.05 1.05 0 0 1 0-2.099z"); */
/* content: "test"; */
content: "";
}
p2-component-chat-feature-box-default .wrapper {
position: relative;
margin: 0 !important;
/* margin-top: 100px !important; */
}
/* MOVE STATUS ICON TO TOP RIGHT OF CARD */
.statusIcon {
padding-left: 120px;
position: absolute;
/* left: 138px; */
/* top: 45px; */
background-size: contain;
height: 20px !important;
color: var(--color__niro) !important;
}
/* ADD SPACE ABOVE EACH FEATURE CARD */
.featureWrapper {
margin-top: 32px !important;
}
/* CREATE AFTER ELEMENT TEXT 'STATUS: COMPLETED' */
.completed::after {
/* content: "Status: Complete"; */
position: absolute;
right: 0px;
top: -35px;
font-size: 20px;
font-weight: 600;
visibility: visible;
}
/* CREATE AFTER ELEMENT TEXT 'STATUS: COMPLETED' */
.complete::after {
/* content: "Status: Complete";
position: absolute;
width: 150px;
height: 40px;
left: -150px;
top: -6px;
font-weight: 600;
font-size: 20px; */
}
/* MAKE TITLES POSITION RELATIVE TO CONTAIN STATUSICON */
.titles {
position: relative;
margin-bottom: 24px;
}
.title h5 {
padding-right: 28px;
font-weight: 600;
font-size: 20px;
}
.iconWrapper {
display: none !important;
}
/* FEATURE CARDS END */
/* P2 PULL SECTION HIDE PROGRESS BAR */
.uploadProgress {
visibility: hidden;
}
.progress {
position: static !important;
}
.progress[style]:after{
/* content: "Uploading..."; */
position: absolute;
right: 0px;
font-size: var(--base-font-size);
top: -35px;
font-size: 15px;
font-weight: 600;
visibility: visible;
}
.progress[style]:before {
content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4335 4335' width='75' height='75'%3E%3Ccircle fill='white' cx='2168' cy='2168' r='5000'/%3E%3Cpath fill='%230076a0' d='M3346 1077c41,0 75,34 75,75 0,41 -34,75 -75,75 -41,0 -75,-34 -75,-75 0,-41 34,-75 75,-75zm-1198 -824c193,0 349,156 349,349 0,193 -156,349 -349,349 -193,0 -349,-156 -349,-349 0,-193 156,-349 349,-349zm-1116 546c151,0 274,123 274,274 0,151 -123,274 -274,274 -151,0 -274,-123 -274,-274 0,-151 123,-274 274,-274zm-500 1189c134,0 243,109 243,243 0,134 -109,243 -243,243 -134,0 -243,-109 -243,-243 0,-134 109,-243 243,-243zm500 1223c121,0 218,98 218,218 0,121 -98,218 -218,218 -121,0 -218,-98 -218,-218 0,-121 98,-218 218,-218zm1116 434c110,0 200,89 200,200 0,110 -89,200 -200,200 -110,0 -200,-89 -200,-200 0,-110 89,-200 200,-200zm1145 -434c81,0 147,66 147,147 0,81 -66,147 -147,147 -81,0 -147,-66 -147,-147 0,-81 66,-147 147,-147zm459 -1098c65,0 119,53 119,119 0,65 -53,119 -119,119 -65,0 -119,-53 -119,-119 0,-65 53,-119 119,-119z' %3E%3C/path%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0' to='360' dur='3s' repeatCount='indefinite'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
position: absolute;
visibility: visible;
right: -38px;
top: -57px;
background-color: white;
z-index: 1000;
}
.tfaWrapper::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
width: 100%;
background: var(--navbar-background);
height: var(--header-fixed-height);
}
.tfaWrapper::after {
content: url("https://botdocstorage.blob.core.windows.net/botdocuserdev-api-public/b81566e3509aawd886668446cf2c63c6.png");
position: absolute;
width: 62px;
top: -1px;
left: 23.5%;
right: 0;
}
@media (min-width: 550px) {
/* TOGGLE LOGO BASED ON SCREEN SIZE */
header .logo {
visibility: visible;
}
header .logo::after {
visibility: hidden;
}
/* ADJUST SPACING FOR STACKED 'DOCUMENT UPLOAD REQUEST AND STATUS: PENDING' */
p2-component-chat-feature-box-default .wrapper .heading .description {
margin-top: 0px;
}
.statusIcon {
/* right: -20px; */
top: 20px;
left: unset;
}
}
/* SCROLL BAR */
::-webkit-scrollbar {
width: 9px;
}
::-webkit-scrollbar-track {
margin: 5px;
border-radius: 10px;
border: 1px solid #979797;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #979797;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #878787;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:active {
background: #797979;
border-radius: 10px;
}</style></head>
<body>
<app-root _nghost-hyr-c10="" ng-version="13.0.3"><router-outlet _ngcontent-hyr-c10=""></router-outlet><secure-session-secure-session-renderer><misc-components-loading-backdrop _nghost-hyr-c12=""><!----></misc-components-loading-backdrop><router-outlet></router-outlet><secure-session-tfa-protected _nghost-hyr-c22=""><misc-components-loading-backdrop _ngcontent-hyr-c22="" text="Loading" _nghost-hyr-c12=""><!----></misc-components-loading-backdrop><misc-components-tfa-default _ngcontent-hyr-c22="" _nghost-hyr-c13=""><div _ngcontent-hyr-c13="" class="wrapper"><div _ngcontent-hyr-c13="" class="tfaWrapper"><div _ngcontent-hyr-c13="" class="tfaHeader"><h4 _ngcontent-hyr-c13=""><svg _ngcontent-hyr-c13="" class="svg-inline--fa fa-lock fa-w-14" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path></svg><!-- <i _ngcontent-hyr-c13="" class="fas fa-lock"></i> Font Awesome fontawesome.com --> Protected with Two Factor Authentication</h4></div><div _ngcontent-hyr-c13="" class="tfaContent"><div _ngcontent-hyr-c13="" class="requestCode"><p _ngcontent-hyr-c13="">Please click on the icon below to receive your TFA code</p><!----><!----><div _ngcontent-hyr-c13="" class="receiveMethods"><div _ngcontent-hyr-c13="" role="button" class="receiveItem" tabindex="1" aria-label="Send via email"><div _ngcontent-hyr-c13="" class="itemButton"><button _ngcontent-hyr-c13="" tabindex="-1"><span _ngcontent-hyr-c13=""><svg _ngcontent-hyr-c13="" class="svg-inline--fa fa-envelope fa-w-16 fa-2x" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg><!-- <i _ngcontent-hyr-c13="" class="fas fa-envelope fa-2x"></i> Font Awesome fontawesome.com --><!----><!----><!----><!----></span><!----><!----></button></div><div _ngcontent-hyr-c13="" class="itemContent"><p _ngcontent-hyr-c13=""> ta**************@co********************* <small _ngcontent-hyr-c13="">(email)</small><!----><!----><!----><!----><!----></p></div><div _ngcontent-hyr-c13="" class="itemIconWrapper"><div _ngcontent-hyr-c13="" class="icon iconCarretRight"></div></div></div><!----></div></div><!----><!----></div></div></div></misc-components-tfa-default><!----><!----><!----></secure-session-tfa-protected><!----></secure-session-secure-session-renderer><!----></app-root>
<script src="runtime.84a50309940c027c.js" type="module"></script><script src="polyfills.2c5fdc9f69a08477.js" type="module"></script><script src="scripts.0a630ef859b77368.js" defer=""></script><script src="main.91af2d8bff6c6971.js" type="module"></script>
</body></html>