https://secure.botdoc.io/s/cGvyAtup

Scan-ID:
c67a0583-d502-40fb-9256-7f73e9580c76Beendet
Eingereichte URL:
https://secure.botdoc.io/s/cGvyAtup
Bericht beendet:

JavaScript-Variablen · 150 gefunden

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
cardfunction
Paymentfunction
Cardfunction
AcuantConfigobject
AcuantJavascriptWebSdkobject
loadAcuantSdkfunction
piexifobject

Konsolenprotokoll-Meldungen · 3 gefunden

TypKategorieProtokoll
errornetwork
URL
https://secure.botdoc.io/bdapi/v1/module_container/secure_session/container/
Text
Failed to load resource: the server responded with a status of 401 (Unauthorized)
errornetwork
URL
https://secure.botdoc.io/bdapi/v1/module_container/secure_session/container/refresh/
Text
Failed to load resource: the server responded with a status of 401 (Unauthorized)
errornetwork
URL
https://secure.botdoc.io/bdapi/v1/module_container/secure_session/container/refresh/
Text
Failed to load resource: the server responded with a status of 401 (Unauthorized)

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>