/* productButtonsDefault */
.ngpaymentsimulator.productButtonsDefault {
    margin: 0.6rem 0;
}

.ngpaymentsimulator.productButtonsDefault div {
	margin: 0;
}

.ngpaymentsimulator.productButtonsDefault .product-price {
    font-size: medium;
    font-weight: bold;
}

.ngpaymentsimulator.productButtonsDefault .no-interest,
.ngpaymentsimulator.productButtonsDefault .text-discount {
    font-weight: bold;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-price {
    display: block;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-price .price {
    font-size: large;
    font-weight: bold;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-price .product-price {
    font-size: large;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-highlight {
    line-height: 1.75rem;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-highlight span {
    display: inline-block;
    vertical-align: bottom;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-highlight img {
    vertical-align: text-bottom;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-highlight .info {
    text-transform: lowercase;
}

.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-card,
.ngpaymentsimulator.productButtonsDefault .ngpaymentsimulator-cash {
    display: block;
    margin: 0.4rem 0;
}


/* productButtonsModal (PS 1.7) - productButtons (PS 1.6) */
#product.currency-brl .box-info-product .productList {
	display: none;
}

.ngpaymentsimulator.productButtons {
	display: block;
	margin: 1rem 0;
}

.ngpaymentsimulator.productButtons div {
	margin: 0;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-cash,
.ngpaymentsimulator.productButtons .ngpaymentsimulator-card,
.ngpaymentsimulator.productButtons .ngpaymentsimulator-images {
	line-height: 1.75rem;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-price {
	font-size: large;
	font-weight: bold;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-card .product-price {
	font-size: medium;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-description {
    text-transform: lowercase;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-card img {
	vertical-align: text-bottom;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-images img {
    margin-right: 0.25rem;
}

.ngpaymentsimulator.productButtons .ngpaymentsimulator-images .ngpaymentsimulator-openModal {
	vertical-align: bottom;
}

    /* productButtonsModal - paymentSimulator-Modal */
    #product .ngpaymentsimulator-modal div {
        margin: auto;
        line-height: 2rem;
    }

    .ngpaymentsimulator-modal .modal-content {
        padding: 0px !important;
        background-color: white !important;
    }

    .ngpaymentsimulator-modal .sub-title {
        display: block;
        padding: 0.5rem 0.25rem;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid #eeeeee;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulatormodal-credit ul.list-inline,
    .ngpaymentsimulator-modal .ngpaymentsimulatormodal-cash ul.list-inline {
        margin-bottom: 1rem;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-paymentMode {
        display: inline-block;
        margin: 0.25rem;
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 4px;
        opacity: 0.4;
        transition: opacity 0.2s, border-color 0.2s;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-paymentMode:hover {
        opacity: 0.7;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-paymentMode img {
        padding: 0.75rem;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-paymentMode.active {
        background: #f1f1f1;
        border-color: #333;
        opacity: 1;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation {
        padding: 1rem;
        background: #f1f1f1;
        border: 1px solid #eeeeee;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation span,
    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation select {
        vertical-align: middle;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation select {
        padding: 0.5rem;
        margin: 0 0.25rem;
        min-height: 2.5rem;
        max-height: 2.5rem;
        border: 1px solid #eeeeee;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation select:focus {
        outline: none;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation .ngpaymentsimulator-simulation-pay {
        text-transform: uppercase;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation .ngpaymentsimulator-simulation-money {
        font-size: large;
        font-weight: bold;
        margin: 0 0.25rem;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation .ngpaymentsimulator-simulation-highlight {
        float: right;
        line-height: 2.5rem;
        text-transform: uppercase;
    }

    .ngpaymentsimulator-modal .ngpaymentsimulator-simulation .paymentsimulador-images .ngpaymentsimulator-openModal {
        cursor: pointer;
    }


/* productButtonsAccordion */
.ngpaymentsimulator.productButtonsAccordion {
    margin: 1rem 0;
    background: white;
    border: #f6f6f6 2px solid;
    overflow: hidden;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-title {
    width: 100%;
    padding: 14px 18px 10px;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-align: left;
    color: #24b9d7;
    background: transparent;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #eaeff4;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-title i {
    display: none;
}

.ngpaymentsimulator.productButtonsAccordion .accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    border-bottom: 1px solid #eaeff4;
    outline: none;
    padding: 12px 18px;
    text-align: left;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background 0.15s;
}

.ngpaymentsimulator.productButtonsAccordion .accordion:hover {
    background: #eef3f8;
}

.ngpaymentsimulator.productButtonsAccordion .accordion:last-child {
    border-bottom: none;
}

.ngpaymentsimulator.productButtonsAccordion .accordion img {
    width: 28px;
    height: auto;
    flex-shrink: 0;
}

.ngpaymentsimulator.productButtonsAccordion .accordion .info {
    flex: 1;
    color: #7a7a7a;
}

.ngpaymentsimulator.productButtonsAccordion .accordion .info .interest b,
.ngpaymentsimulator.productButtonsAccordion .accordion .info .discount b {
    color: #24b9d7;
}

.ngpaymentsimulator.productButtonsAccordion .pull-right {
    float: none;
    margin-left: auto;
    flex-shrink: 0;
    color: #7a8a9e;
    white-space: nowrap;
}

.ngpaymentsimulator.productButtonsAccordion .pull-right i {
    vertical-align: middle;
    color: #b0bec5;
    transition: transform 0.2s;
}

.ngpaymentsimulator.productButtonsAccordion .pull-right .product-price,
.ngpaymentsimulator.productButtonsAccordion .pull-right b {
    color: #24b9d7;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container {
    margin: 0;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container .accordion {
    border-bottom: 1px solid #eaeff4;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container.is-open > .accordion {
    background: #eef3f8;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container.is-open > .accordion .pull-right i {
    transform: rotate(180deg);
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container .panel {
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container .panel ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 6px 18px 6px 56px;
    background: #f9f9f9;
    list-style: none;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container .panel ul li {
    display: block;
    width: 100%;
    padding: 3px 0;
    color: #5a6a7c;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container .panel ul li:last-child {
    border-bottom: none;
}

.ngpaymentsimulator.productButtonsAccordion .accordion-container.is-open .panel {
    max-height: 1000px;
}


/* productList */
.ngpaymentsimulator.productList .payment-card,
.ngpaymentsimulator.productList .payment-cash {
    font-size: small;
    font-weight: normal;
}

.ngpaymentsimulator.productList .payment-card {
    line-height: 1.75rem;
}

.ngpaymentsimulator.productList .payment-card .price {
    font-weight: bold;
}

.ngpaymentsimulator.productList .payment-cash .price {
    display: block;
    font-size: initial;
    font-weight: bold;
    line-height: 1.5rem;
}

.ngpaymentsimulator.productList .payment-cash .description {
    text-transform: lowercase;
}

/* blockCart Modal */
#product.currency-brl #blockcart-modal .ngpaymentsimulator.productList {
    display: none;
}


/* shoppingCart */
.ngpaymentsimulator.shoppingCart {
	display: block;
	margin: 1rem 0 0.5rem;
}

.ngpaymentsimulator.shoppingCart div {
	margin: 0;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-cash,
.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-card,
.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-images {
	line-height: 1.75rem;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-price {
	font-size: large;
	font-weight: bold;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-card .product-price {
	font-size: medium;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-description {
    text-transform: lowercase;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-description img {
    vertical-align: text-bottom;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-card img {
	vertical-align: text-bottom;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-images img {
    margin-right: 0.25rem;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-images img:last-child {
    margin: 0;
}

.ngpaymentsimulator.shoppingCart .ngpaymentsimulator-images .ngpaymentsimulator-openModal {
	vertical-align: bottom;
}
