.qr-code-page .redirect-button,.payment-status .redirect-button{background-color:#94a545;border:0;border-radius:2px;color:#fff;cursor:pointer;font-size:16px;font-weight:300;height:50px;margin:30px auto 10px;padding:0;transition:all .3s;width:50%}.qr-code-page .redirect-button:hover,.payment-status .redirect-button:hover{width:54%}body{background:#333;color:#999;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5em}h1{font-size:30px;font-weight:100;margin:20px 0 30px}.timestamp{color:#666;font-size:12px;margin:30px auto 20px;text-align:right;width:800px}.info-page{background:#fff;border:1px solid #dfdfdf;border-radius:5px;color:#333;font-size:15px;font-weight:300;margin:0 auto 50px;padding:50px 50px 30px;width:800px}.info-page p{margin:0 0 10px}.qr-code-page,.payment-status{background:#fff;border:1px solid #dfdfdf;border-radius:5px;color:#333;font-size:15px;font-weight:300;left:50%;margin-right:-50%;padding:50px;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:800px}@media(max-width: 900px){.qr-code-page,.payment-status{padding:50px 20px;width:80%}}.qr-code-page button.copy-btn{margin-right:5px}.qr-code-page button.copy-btn+span{overflow-wrap:break-word}.qr-code-page button svg{height:10px}.qr-code-page .qr-code-top-message{margin-bottom:15px}.qr-code-page .img-wrapper{margin:0 auto;max-width:240px}.qr-code-page .img-wrapper img{max-width:100%}@media(max-width: 679px){.qr-code-page{padding:10px;width:350px}}.spei-page{background:#222;border-radius:2px;box-sizing:border-box;margin:auto;padding:10px 50px;width:670px}@media(max-width: 679px){.spei-page{width:100%}}.spei-page .spei-summary{display:flex;flex-direction:column}.spei-page .item{align-items:center;border-bottom:1px solid #fff;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5px;padding:3px 0}.spei-page .item:first-child{border-bottom:0}.spei-page .item:last-child{border-bottom:0}@media(max-width: 679px){.spei-page .item{align-items:flex-start}}.spei-page .body-text{font-size:18px;opacity:.7;padding:10px 0}.spei-page .body-leading-text{display:inherit;font-size:16px;font-weight:700;opacity:.7;padding:10px 0}.spei-page .text-break{display:inline;word-break:break-all}.spei-page .payment-amount-title{font-size:18px;font-weight:700;padding:10px 0}.spei-page .payment-amount-value{font-size:24px;font-weight:700;padding:10px 0}.spei-page .instruction-container{align-items:center;flex-direction:column;max-width:100%;min-height:100%}.spei-page .instruction-badge{align-items:center;background-color:#94a545;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;left:-7px;position:absolute;top:-7px;width:40px}.spei-page .instruction-box{background-color:#fff;border-radius:16px;color:#4e535f;font-size:16px;margin-bottom:15px;padding:36px 10px 10px 16px;position:relative}.spei-page button.copy-btn{margin-left:5px}.spei-page button.copy-btn span{overflow-wrap:break-word}.spei-page button svg{height:10px}.spei-page .spei-container{display:flex;justify-content:center;width:100%}.spei-page .redirect-button{background:none;background-color:#94a545;border:0;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:42px;padding:0 20px;width:280px}.v2{background-color:#f8f8f8}.v2 .payment-status{list-style-type:none;margin:0;padding:40px;background-color:#fff;border-width:0;border-radius:16px;opacity:1}.v2 .confirmation .redirect-button{background:none;height:42px;padding:0 20px;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;font-weight:700;border:none;background-color:#3d4be0;color:#fff;width:280px}
