.wc-ppce-modal{
    position:fixed;
    top:0;
    bottom:auto;
    left:0;
    right:0;
    height:100%;
    background:#000000bd;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
    overflow:scroll;
}

.wc-ppce-modal.disabled{
    display:none
}

.wc-ppce-modal #ppce-card{
    width:700px;
    max-width:90%;
    position:relative;
    max-height:95%;
    background:#fff;
    border-radius:16px;
    min-height:140px;
    height: 85%;
}

.wc-ppce-modal #ppce-payment-container {
    height: 100%;
}

.wc-ppce-modal #ppce-payment-container iframe{
    height: 100%;
}

.wc-ppce-modal #wc-ppce-payment-modal-close{
    position:absolute;
    top:-10px;
    right:-5px;
    border-radius:100%;
    height:28px;
    width:28px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#000;
    background:#fff;
    border:1px solid #d8dde1;
    cursor:pointer;
    font-weight:700
}
.wc-ppce-modal div[data-ppce-id=payment_option]>label{
    display:flex!important
}
.ppce-boleto-pending-screen{
    border:1px dashed #000;
    padding:10px;
    border-radius:12px
}
div[data-testid="scannable-barcode"]>img{
    height:250px!important;
    max-height:100%!important
}
.wc-ppce-modal.no-modal{
    position:relative;
    background:#fff;
}
.wc-ppce-modal.no-modal #wc-ppce-payment-modal-close{
    display:none;
}
.wc-ppce-modal section img[class^='ppce-payment'],.wc-ppce-modal section img[class*=' ppce-payment']{
    width:auto;
    top: 50%;
    transform: translateY(-55%);
}
#ppce-payment-status {
    margin-bottom: 20px;
    border: dashed 1px #d2d2d2;
    padding: 12px;
    border-radius: 4px;
    background: #f6f6f6;
}

.payment_method_ppce label img {
    width: 100px;
    float: right;
}