Arquivo Checkout

}
/* Emissão Nota Fiscal */
label[for=cpf]::after {
content: ' (Emissão Nota Fiscal)';
.holder-countdown{
padding: 9px 0 !important;
font-size: 16px !important;
.holder-cols-checkout .box-checkout.active .title {
color: #2f2f2f!important;
.holder-cols-checkout .box-checkout .steps .holder-icon{
background-color: #ff8200
.checkout-step .connect {
background-color: #adadad
.mt10 {
margin-top:6px;
margin-right:16px;
.holder-cols-checkout .box-checkout .box-title .desc {
font-family: 'Roboto', sans-serif;
line-height: 1.4;
font-size: 13.5px;
.checkout-step.enabled .connect, .checkout-step.enabled .holder-

icon{
background-color:#ff8200
}
/* ULTIMO DIA DE PROMOÇÃO */
.holder-cols-checkout .holder-container-resume .item-holder-

quantity-price::after {
content: "Ultimas unidades";
font-size: 11px;
padding: 3px 5px;
color: #fff;
font-weight: 600;
background: #ff8200;
border-radius: 5px;
display: inline-block;
align-self: end;
/* 12x no Cartão */
.holder-cols-checkout .cart-resume .detail.total .value:after {
content: 'em até 12x no cartão';
color: #ff8200 !important;
display: block;
font-weight: 400;
font-size: 12px;
/* Adicionar Icone dos Correios */
.option.clearfix {
background-image:
url(https://www.propeg.com.br/ad-viewer/Correios/Integrada/macboo
k.png)!important;
background-size: 27px!important;
content: ""!important;
background-repeat: no-repeat!important;
background-position-x: 145px!important;
background-position-y: 90%!important;
.option.clearfix {
background-image:
k.png)!important;
.holder-countdown{
font-size: 16px;
}
.holder-cols-checkout .box-checkout.active .box-title .holder-number
{
background-color: #ff8200;
/* Tamanho do Preço */
.holder-cols-checkout .cart-resume .detail.total .value {
font-size: 22px;
.holder-cols-checkout .box-checkout.active {
cursor: default;
border-color: #f4f6f8;
.btn-text.btn-purple {
color:#4d4d4d
.holder-cols-checkout .box-checkout .btn-create-address {

color:#4d4d4d
.yellow {
color: #ffc926;
.mb5{
margin-bottom: 4px !important;
.mt5{
margin-top:0px !important;
}
.f14 {
font-size: 14px;
margin-right: 15px;
margin-left: 15px;
.payments .payment.pix,
.payments .payment.credit-card {
border-color: #00b69d;
.payments .payment > label {
position: relative;
display: flex;
.payments .payment > label[for="payment-billet"]:after {
background: #a2a2a2;
display: block;
line-height: inherit;
color: #FFF;
padding: 4px 5px;
border-radius: 3px;
position: absolute;
font-weight: bold;
font-size: 10px;
right: 10px;
letter-spacing: 0.03em;
top: 26%;
content: 'APROVAÇÃO EM 3 DIAS';
.payments .payment > label[for="payment-pix"]:after,
.payments .payment > label[for="payment-credit-card"]:after
background: #00b69d;
display: block;
color: #FFF;
padding: 4px 5px;
border-radius: 3px;
position: absolute;
font-weight: bold;
font-size: 10px;
right: 10px;
top: 2%;
content: 'APROVAÇÃO IMEDIATA';
.payments .payment > label[for="payment-credit-card"]:after {
top: 2%;
}
/* Rodapé - ALTERAR INFORMAÇÕES */
span.f11.black-50::after {
content: 'Empresa `xxxxxxxxxxxxxxxxxxxx` \A ©️Todos os direitos

reservados.';
display: block;
margin-top: 15px;
white-space: pre-wrap;
line-height: 1.8;
.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;
opacity: 0;
.jp-card .jp-card-front {
background:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/card-
front.png?v=1618002695") no-repeat !important;
}
.jp-card .jp-card-back {
background:
back.png?v=1618002712") no-repeat !important;
background-size:100% !important;
.jp-card .jp-card-back::after {
opacity:0 !important;
.jp-card .jp-card-back .jp-card-bar {
.jp-card .jp-card-back .jp-card-cvc {
top: 52% !important;
left:80% !important;
color:#000 !important;
.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:transparent !important;
.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:none !important;
}
.jp-card.jp-card-identified .jp-card-front::before, .jp-card.jp-card-

identified .jp-card-back::before {
.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-

card-front {
background-color:transparent !important;
.box-customer > div:nth-child(1) > div:nth-child(1) {
text-indent:-9999px;
.box-customer > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/user_white.
png?v=1618002619");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -18px;
margin-left: 0px;
div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1) {

div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1):after

{
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/truck_mini.
png?v=1618002639");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
.box-payment > div:nth-child(1) > div:nth-child(1) {
.box-payment > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/dolar_mini.
png?v=1618002657");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
}
.holder-cols-checkout .box-checkout .box-title {
position: relative;
padding: 0 30px 0 28px;
box-sizing: border-box;
margin-bottom: 10px;

{
background-color: #19a5fc;
color: 2f2f2f !important;
/* custom css */
.btn-primary, .btn-primary:hover {background: #1E8B03 }
.holder-countdown {background: #ff8200}

icon {
li.checkout-step:nth-child(1) > div:nth-child(2):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/user.png?
v=1618002515");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -12px;
.checkout-step .holder-icon {
width: 40px;
height: 40px;
background: #FFF;
border:2px solid #A769EC;
color:#A769EC;
margin-bottom: 6px;
top:22px;
content:
url("https://cdn.shopify.com/s/files/1/0477/0231/1065/files/bag_1.png?
v=1631048522");
text-indent: -1px;
display: block;
color: #ff8200;
line-height: 0px;
margin-top: -12px;
margin-left: 2px;
li.checkout-step.enabled:nth-child(2) > div:nth-child(2):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/bag_white.p
ng?v=1618002549");
content:
url("https://cdn.shopify.com/s/files/1/0477/0231/1065/files/dolar_1.png
?v=1631049561");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -10px;
margin-left: 2px;
li.checkout-step.enabled:nth-child(3) > div:nth-child(2):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/dolar_white
.png?v=1618002592");
}
/* Emissão Nota Fiscal */
label[for=cpf]::after {
content: ' (Emissão Nota Fiscal)';
.holder-countdown{
font-size: 16px !important;
color: #2f2f2f!important;
.holder-cols-checkout .box-checkout .steps .holder-icon{
background-color: #ff8200
background-color: #adadad
}
.mt10 {
margin-top:6px;
margin-right:16px;
.holder-cols-checkout .box-checkout .box-title .desc {
font-family: 'Roboto', sans-serif;
line-height: 1.4;
font-size: 13.5px;

icon{
background-color:#ff8200
/* ULTIMO DIA DE PROMOÇÃO */

.holder-cols-checkout .holder-container-resume .item-holder-
quantity-price::after {
content: "Ultimas unidades";
font-size: 11px;
padding: 3px 5px;
color: #fff;
font-weight: 600;
background: #ff8200;
border-radius: 5px;
display: inline-block;
align-self: end;
/* 12x no Cartão */
.holder-cols-checkout .cart-resume .detail.total .value:after {
content: 'em até 12x no cartão';
color: #ff8200 !important;
display: block;
font-weight: 400;
font-size: 12px;
.option.clearfix {
background-image:
k.png)!important;
.option.clearfix {
background-image:
k.png)!important;
.holder-countdown{
font-size: 16px;

{
/* Tamanho do Preço */
.holder-cols-checkout .cart-resume .detail.total .value {
font-size: 22px;
.holder-cols-checkout .box-checkout.active {
cursor: default;
border-color: #f4f6f8;
.btn-text.btn-purple {
color:#4d4d4d
.holder-cols-checkout .box-checkout .btn-create-address {
color:#4d4d4d
}
.yellow {
color: #ffc926;
.mb5{
margin-bottom: 4px !important;
.mt5{
margin-top:0px !important;
.f14 {
font-size: 14px;
margin-right: 15px;
margin-left: 15px;
.payments .payment.pix,
.payments .payment.credit-card {
border-color: #00b69d;
.payments .payment > label {
position: relative;
display: flex;
.payments .payment > label[for="payment-billet"]:after {
background: #a2a2a2;
display: block;
color: #FFF;
padding: 4px 5px;
border-radius: 3px;
position: absolute;
font-weight: bold;
font-size: 10px;
right: 10px;
top: 26%;
content: 'APROVAÇÃO EM 3 DIAS';
.payments .payment > label[for="payment-pix"]:after,
.payments .payment > label[for="payment-credit-card"]:after
background: #00b69d;
display: block;
color: #FFF;
padding: 4px 5px;
border-radius: 3px;
position: absolute;
font-weight: bold;
font-size: 10px;
right: 10px;
top: 2%;
content: 'APROVAÇÃO IMEDIATA';
.payments .payment > label[for="payment-credit-card"]:after {
top: 2%;
/* Rodapé - ALTERAR INFORMAÇÕES */

span.f11.black-50::after {
content: 'Empresa `xxxxxxxxxxxxxxxxxxxx` \A ©️Todos os direitos

reservados.';
display: block;
margin-top: 15px;
white-space: pre-wrap;
line-height: 1.8;
.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;
opacity: 0;
.jp-card .jp-card-front {
background:
front.png?v=1618002695") no-repeat !important;
.jp-card .jp-card-back {
background:
back.png?v=1618002712") no-repeat !important;
background-size:100% !important;
.jp-card .jp-card-back::after {
.jp-card .jp-card-back .jp-card-bar {
.jp-card .jp-card-back .jp-card-cvc {
top: 52% !important;
left:80% !important;
color:#000 !important;
.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:transparent !important;
.jp-card.jp-card-safari.jp-card-identified .jp-card-front::before, .jp-

card.jp-card-safari.jp-card-identified .jp-card-back::before {
}
.jp-card.jp-card-identified .jp-card-front::before, .jp-card.jp-card-
identified .jp-card-back::before {
.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-

card-front {
background-color:transparent !important;
.box-customer > div:nth-child(1) > div:nth-child(1) {
.box-customer > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/user_white.
png?v=1618002619");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -18px;
margin-left: 0px;
div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
}
div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1):after

{
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/truck_mini.
png?v=1618002639");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
.box-payment > div:nth-child(1) > div:nth-child(1) {
.box-payment > div:nth-child(1) > div:nth-child(1):after {
content:
url("https://cdn.shopify.com/s/files/1/0294/0374/2339/files/dolar_mini.
png?v=1618002657");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
}
.holder-cols-checkout .box-checkout .box-title {
position: relative;
padding: 0 30px 0 28px;
box-sizing: border-box;
margin-bottom: 10px;

{
background-color: #19a5fc;
color: 2f2f2f !important;

Arquivo Checkout

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Arquivo Checkout

Uploaded by

Copyright:

Available Formats

}

/* Emissão Nota Fiscal */

content: ' (Emissão Nota Fiscal)';

padding: 9px 0 !important;

font-size: 16px !important;

.holder-cols-checkout .box-checkout.active .title {

.holder-cols-checkout .box-checkout .steps .holder-icon{

.holder-cols-checkout .box-checkout .box-title .desc {

font-family: 'Roboto', sans-serif;

.checkout-step.enabled .connect, .checkout-step.enabled .holder-

.holder-cols-checkout .holder-container-resume .item-holder-

content: "Ultimas unidades";

padding: 3px 5px;

.holder-cols-checkout .cart-resume .detail.total .value:after {

content: 'em até 12x no cartão';

color: #ff8200 !important;

/* Adicionar Icone dos Correios */

/* Adicionar Icone dos Correios */

padding: 9px 0 !important;

.holder-cols-checkout .cart-resume .detail.total .value {

.holder-cols-checkout .box-checkout .btn-create-address {

margin-bottom: 4px !important;

.payments .payment > label {

.payments .payment > label[for="payment-billet"]:after {

padding: 4px 5px;

content: 'APROVAÇÃO EM 3 DIAS';

.payments .payment > label[for="payment-pix"]:after,

.payments .payment > label[for="payment-credit-card"]:after

padding: 4px 5px;

content: 'APROVAÇÃO IMEDIATA';

.payments .payment > label[for="payment-credit-card"]:after {

content: 'Empresa `xxxxxxxxxxxxxxxxxxxx` \A ©️Todos os direitos

.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-

.jp-card .jp-card-back .jp-card-bar {

.jp-card .jp-card-back .jp-card-cvc {

top: 52% !important;

.jp-card.jp-card-safari.jp-card-identified .jp-card-front::before, .jp-

.jp-card.jp-card-identified .jp-card-front::before, .jp-card.jp-card-

.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-

.box-customer > div:nth-child(1) > div:nth-child(1) {

.box-customer > div:nth-child(1) > div:nth-child(1):after {

div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1) {

div.box-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1):after

.box-payment > div:nth-child(1) > div:nth-child(1) {

.box-payment > div:nth-child(1) > div:nth-child(1):after {

padding: 0 30px 0 28px;

.holder-cols-checkout .box-checkout.active .box-title .holder-number

.holder-cols-checkout .box-checkout.active .title {

color: 2f2f2f !important;

.btn-primary, .btn-primary:hover {background: #1E8B03 }

.holder-countdown {background: #ff8200}

.checkout-step.enabled .connect, .checkout-step.enabled .holder-

li.checkout-step:nth-child(1) > div:nth-child(2):after {

border:2px solid #A769EC;

li.checkout-step:nth-child(2) > div:nth-child(2):after {

li.checkout-step.enabled:nth-child(2) > div:nth-child(2):after {

li.checkout-step:nth-child(3) > div:nth-child(2):after {

li.checkout-step.enabled:nth-child(3) > div:nth-child(2):after {

content: ' (Emissão Nota Fiscal)';

padding: 9px 0 !important;

font-size: 16px !important;

.holder-cols-checkout .box-checkout.active .title {

.holder-cols-checkout .box-checkout .steps .holder-icon{