/* Global Styles */
* {
    font-family: "Roboto", sans-serif;
}

*:focus {
    outline: 0 !important;
    -webkit-outline: 0 !important;
    -moz-outline: 0 !important;
    -o-outline: 0 !important;
    -ms-outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

hr {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    margin-top: 6px;
}

a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

label {
    font-size: 0.9em;
    color: #2f2f2f;
}

.dropup .dropdown-toggle::after {
    border: none;
}

/* Main Container */
.main-container {
    padding-bottom: 20px;
    margin: 0 auto;
}

/* Merchant Logo */
.merchant-logo-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.merchant-logo-container img {
    /* NEW */
    max-width: 200px;
    max-height: 100px;
    /* width: 8%; */
    padding: 1.5rem 0;
}

/* Accordion Main Container */
.accordion-container-bg {
    background-color: white;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0px 9px 41px rgba(0, 0, 0, 0.04), 0px 2.71324px 12.3603px rgba(0, 0, 0, 0.0260636),
        0px 1.12694px 5.13384px rgba(0, 0, 0, 0.02), 0px 0.407592px 1.85681px rgba(0, 0, 0, 0.0139364);
    -webkit-box-shadow: 0px 9px 41px rgba(0, 0, 0, 0.04), 0px 2.71324px 12.3603px rgba(0, 0, 0, 0.0260636),
        0px 1.12694px 5.13384px rgba(0, 0, 0, 0.02), 0px 0.407592px 1.85681px rgba(0, 0, 0, 0.0139364);
    -moz-box-shadow: 0px 9px 41px rgba(0, 0, 0, 0.04), 0px 2.71324px 12.3603px rgba(0, 0, 0, 0.0260636),
        0px 1.12694px 5.13384px rgba(0, 0, 0, 0.02), 0px 0.407592px 1.85681px rgba(0, 0, 0, 0.0139364);
    -o-box-shadow: 0px 9px 41px rgba(0, 0, 0, 0.04), 0px 2.71324px 12.3603px rgba(0, 0, 0, 0.0260636),
        0px 1.12694px 5.13384px rgba(0, 0, 0, 0.02), 0px 0.407592px 1.85681px rgba(0, 0, 0, 0.0139364);
    -ms-box-shadow: 0px 9px 41px rgba(0, 0, 0, 0.04), 0px 2.71324px 12.3603px rgba(0, 0, 0, 0.0260636),
        0px 1.12694px 5.13384px rgba(0, 0, 0, 0.02), 0px 0.407592px 1.85681px rgba(0, 0, 0, 0.0139364);
}

.product-price {
    color: #2f2f2f;
}

.simple-text {
    color: #6c6c6c;
    font-size: 1em;
    margin-top: 16px;
}

/* Accordions */
.accordion-header {
    background-color: white;
    border-bottom: none;
}

.accordion > .card > .card-header {
    padding-bottom: 0;

    /* NEW */
    padding-left: 0.4rem;
}

.accordion-header img {
    margin-left: 34px;
    margin-right: 10px;
}

.accordion-header .btn-link {
    color: #2f2f2f;
}

.payment-icon {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 1.3em;
    vertical-align: middle;
    color: #2f2f2f;
}

.bitcoin-icon {
    font-weight: 300;
    font-size: 1.3em;
    vertical-align: middle;
    color: #2f2f2f;
}

.accordion-body {
    padding: 0 30px 10px 30px;
}

.card-icons-grid a {
    margin-bottom: 20px;
    text-align: center;
}

button.button-accordion-container:hover p, 
    /* NEW */
button.button-accordion-container:hover span, 
button.button-accordion-container:hover i,
button.button-accordion-container:focus p, 
button.button-accordion-container:focus i {
    color: #0095e9 !important;
}

button[type="submit"]:not(:disabled) > i {
    display: none !important;
}

/* Forms */
.order-form {
    margin-top: -10px;
    margin-bottom: 14px;
}

.form-container {
    padding: 10px 30px 0 30px;
}

.input-bottom-margin {
    margin-bottom: 15px;
}

.input-button-margin {
    margin-top: 30px;
}

/* Return to Site and Powered by Paygol */
.secondary-options {
    margin-top: 10px;
}

.back-to-site {
    padding-left: 0;
}

.secondary-options {
    color: #0095e9;
    font-size: 0.9em;
}

.secondary-options a:hover {
    color: #0272b3;
    text-decoration: none;
}

.powered-by-paygol {
    text-align: right;
    color: #0095e9;
    padding-right: 0;
    font-size: 0.7em;
    padding-top: 5px;
}

.powered-by-paygol:hover {
    color: #0095e9;
    text-decoration: none;
}

.powered-by-paygol img {
    width: 20%;
}

/* Cards and Payments Images */

/* Visa */
.visa {
    content: "";
    background: url(../images/card-visa.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.visa:hover,
.visa:active,
.visa:focus,
.visa-selected {
    content: "";
    background: url(../images/card-visa-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Master Card */
.mastercard {
    content: "";
    background: url(../images/card-mastercard.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.mastercard:hover,
.mastercard:active,
.mastercard:focus,
.mastercard-selected {
    content: "";
    background: url(../images/card-mastercard-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* American Express Card */
.amex {
    content: "";
    background: url(../images/card-amex.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.amex:hover,
.amex:active,
.amex:focus,
.amex-selected {
    content: "";
    background: url(../images/card-amex-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Magna */
.magna {
    content: "";
    background: url(../images/card-magna.png) no-repeat;
    width: 74px;
    height: 40px;
}

.magna:hover,
.magna:active,
.magna:focus,
.magna-selected {
    content: "";
    background: url(../images/card-magna-hover.png) no-repeat;
    width: 74px;
    height: 40px;
}

/* CMR */
.cmr {
    content: "";
    background: url(../images/card-cmr.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.cmr:hover,
.cmr:active,
.cmr:focus,
.cmr-selected {
    content: "";
    background: url(../images/card-cmr-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Ripley */
.ripley {
    content: "";
    background: url(../images/card-ripley.png) no-repeat;
    width: 74px;
    height: 40px;
}

.ripley:hover,
.ripley:active,
.ripley:focus,
.ripley-selected {
    content: "";
    background: url(../images/card-ripley-hover.png) no-repeat;
    width: 74px;
    height: 40px;
}

/* Concosud */
.cencosud {
    content: "";
    background: url(../images/card-cencosud.png) no-repeat;
    width: 74px;
    height: 40px;
}

.cencosud:hover,
.cencosud:active,
.cencosud:focus,
.cencosud-selected {
    content: "";
    background: url(../images/card-cencosud-hover.png) no-repeat;
    width: 74px;
    height: 40px;
}

/* Paris */
.paris {
    content: "";
    background: url(../images/card-paris.png) no-repeat;
    width: 74px;
    height: 40px;
}

.paris:hover,
.paris:active,
.paris:focus,
.paris-selected {
    content: "";
    background: url(../images/card-paris-hover.png) no-repeat;
    width: 74px;
    height: 40px;
}

/* Easy */
.easy {
    content: "";
    background: url(../images/card-easy.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.easy:hover,
.easy:active,
.easy:focus,
.easy-selected {
    content: "";
    background: url(../images/card-easy-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Jumbo */
.jumbo {
    content: "";
    background: url(../images/card-jumbo.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.jumbo:hover,
.jumbo:active,
.jumbo:focus,
.jumbo-selected {
    content: "";
    background: url(../images/card-jumbo-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Webpay */
.webpay {
    content: "";
    background: url(../images/card-webpay.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.webpay:hover,
.webpay:active,
.webpay:focus,
.webpay-selected {
    content: "";
    background: url(../images/card-webpay-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Onepay */
.onepay {
    content: "";
    background: url(../images/card-onepay.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.onepay:hover,
.onepay:active,
.onepay:focus,
.onepay-selected {
    content: "";
    background: url(../images/card-onepay-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Mach */
.mach {
    content: "";
    background: url(../images/card-mach.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.mach:hover,
.mach:active,
.mach:focus,
.mach-selected {
    content: "";
    background: url(../images/card-mach-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Khipu */
.khipu {
    content: "";
    background: url(../images/card-khipu.png) no-repeat;
    width: 74px;
    height: 40px;
}

.khipu:hover,
.khipu:active,
.khipu:focus,
.khipu-selected {
    content: "";
    background: url(../images/card-khipu-hover.png) no-repeat;
    width: 74px;
    height: 40px;
}

/* Multicaja */
.multicaja {
    content: "";
    background: url(../images/card-multicaja.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.multicaja:hover,
.multicaja:active,
.multicaja:focus,
.multicaja-selected {
    content: "";
    background: url(../images/card-multicaja-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Servipag */
.servipag {
    content: "";
    background: url(../images/card-servipag.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.servipag:hover,
.servipag:active,
.servipag:focus,
.servipag-selected {
    content: "";
    background: url(../images/card-servipag-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Bitcoin */
.bitcoin {
    content: "";
    background: url(../images/card-bitcoin.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bitcoin:hover,
.bitcoin:active,
.bitcoin:focus,
.bitcoin-selected {
    content: "";
    background: url(../images/card-bitcoin-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Banamex */
.banamex {
    content: "";
    background: url(../images/card-banamex.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.banamex:hover,
.banamex:active,
.banamex:focus,
.banamex-selected {
    content: "";
    background: url(../images/card-banamex-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Bancomer */
.bancomer {
    content: "";
    background: url(../images/card-bancomer.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bancomer:hover,
.bancomer:active,
.bancomer:focus,
.bancomer-selected {
    content: "";
    background: url(../images/card-bancomer-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Santander */
.santander {
    content: "";
    background: url(../images/card-santander.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.santander:hover,
.santander:active,
.santander:focus,
.santander-selected {
    content: "";
    background: url(../images/card-santander-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* OXXO */
.oxxo {
    content: "";
    background: url(../images/card-oxxo.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.oxxo:hover,
.oxxo:active,
.oxxo:focus,
.oxxo-selected {
    content: "";
    background: url(../images/card-oxxo-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* PagoFacil */
.pagofacil {
    content: "";
    background: url(../images/card-pagofacil.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.pagofacil:hover,
.pagofacil:active,
.pagofacil:focus,
.pagofacil-selected {
    content: "";
    background: url(../images/card-pagofacil-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Rapipago */
.rapipago {
    content: "";
    background: url(../images/card-rapipago.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.rapipago:hover,
.rapipago:active,
.rapipago:focus,
.rapipago-selected {
    content: "";
    background: url(../images/card-rapipago-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Boleto */
.boleto {
    content: "";
    background: url(../images/card-boleto.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.boleto:hover,
.boleto:active,
.boleto:focus,
.boleto-selected {
    content: "";
    background: url(../images/card-boleto-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Itau */
.itau {
    content: "";
    background: url(../images/card-itau.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.itau:hover,
.itau:active,
.itau:focus,
.itau-selected {
    content: "";
    background: url(../images/card-itau-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Bradesco */
.bradesco {
    content: "";
    background: url(../images/card-bradesco.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bradesco:hover,
.bradesco:active,
.bradesco:focus,
.bradesco-selected {
    content: "";
    background: url(../images/card-bradesco-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Banco Do Brasil */
.bancodobrasil {
    content: "";
    background: url(../images/card-bancodobrasil.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bancodobrasil:hover,
.bancodobrasil:active,
.bancodobrasil:focus,
.bancodobrasil-selected {
    content: "";
    background: url(../images/card-bancodobrasil-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Apostar */
.apostar {
    content: "";
    background: url(../images/card-apostar.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.apostar:hover,
.apostar:active,
.apostar:focus,
.apostar-selected {
    content: "";
    background: url(../images/card-apostar-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* Efecty */
.efecty {
    content: "";
    background: url(../images/card-efecty.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.efecty:hover,
.efecty:active,
.efecty:focus,
.efecty-selected {
    content: "";
    background: url(../images/card-efecty-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* puntored */
.puntored {
    content: "";
    background: url(../images/card-puntored.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.puntored:hover,
.puntored:active,
.puntored:focus,
.puntored-selected {
    content: "";
    background: url(../images/card-puntored-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* gana */
.gana {
    content: "";
    background: url(../images/card-gana.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.gana:hover,
.gana:active,
.gana:focus,
.gana-selected {
    content: "";
    background: url(../images/card-gana-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* pse */
.pse {
    content: "";
    background: url(../images/card-pse.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.pse:hover,
.pse:active,
.pse:focus,
.pse-selected {
    content: "";
    background: url(../images/card-pse-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* bancolombia */
.bancolombia {
    content: "";
    background: url(../images/card-bancolombia.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bancolombia:hover,
.bancolombia:active,
.bancolombia:focus,
.bancolombia-selected {
    content: "";
    background: url(../images/card-bancolombia-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* viabaloto */
.viabaloto {
    content: "";
    background: url(../images/card-viabaloto.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.viabaloto:hover,
.viabaloto:active,
.viabaloto:focus,
.viabaloto-selected {
    content: "";
    background: url(../images/card-viabaloto-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* redservi */
.redservi {
    content: "";
    background: url(../images/card-redservi.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.redservi:hover,
.redservi:active,
.redservi:focus,
.redservi-selected {
    content: "";
    background: url(../images/card-redservi-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* susuerte */
.susuerte {
    content: "";
    background: url(../images/card-susuerte.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.susuerte:hover,
.susuerte:active,
.susuerte:focus,
.susuerte-selected {
    content: "";
    background: url(../images/card-susuerte-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* sured */
.sured {
    content: "";
    background: url(../images/card-sured.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.sured:hover,
.sured:active,
.sured:focus,
.sured-selected {
    content: "";
    background: url(../images/card-sured-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* trujillo */
.trujillo {
    content: "";
    background: url(../images/card-trujillo.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.trujillo:hover,
.trujillo:active,
.trujillo:focus,
.trujillo-selected {
    content: "";
    background: url(../images/card-trujillo-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* wu */
.wu {
    content: "";
    background: url(../images/card-wu.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.wu:hover,
.wu:active,
.wu:focus,
.wu-selected {
    content: "";
    background: url(../images/card-wu-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* bcp */
.bcp {
    content: "";
    background: url(../images/card-bcp.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bcp:hover,
.bcp:active,
.bcp:focus,
.bcp-selected {
    content: "";
    background: url(../images/card-bcp-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* bbva */
.bbva {
    content: "";
    background: url(../images/card-bbva.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bbva:hover,
.bbva:active,
.bbva:focus,
.bbva-selected {
    content: "";
    background: url(../images/card-bbva-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* santander */
.santander {
    content: "";
    background: url(../images/card-santander.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.santander:hover,
.santander:active,
.santander:focus,
.santander-selected {
    content: "";
    background: url(../images/card-santander-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* scotiabank */
.scotiabank {
    content: "";
    background: url(../images/card-scotiabank.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.scotiabank:hover,
.scotiabank:active,
.scotiabank:focus,
.scotiabank-selected {
    content: "";
    background: url(../images/card-scotiabank-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* bcr */
.bcr {
    content: "";
    background: url(../images/card-bcr.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bcr:hover,
.bcr:active,
.bcr:focus,
.bcr-selected {
    content: "";
    background: url(../images/card-bcr-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* bncr */
.bncr {
    content: "";
    background: url(../images/card-bncr.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.bncr:hover,
.bncr:active,
.bncr:focus,
.bncr-selected {
    content: "";
    background: url(../images/card-bncr-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* pagoefectivo */
.pagoefectivo {
    content: "";
    background: url(../images/card-pagoefectivo.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.pagoefectivo:hover,
.pagoefectivo:active,
.pagoefectivo:focus,
.pagoefectivo-selected {
    content: "";
    background: url(../images/card-pagoefectivo-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* interbank */
.interbank {
    content: "";
    background: url(../images/card-interbank.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.interbank:hover,
.interbank:active,
.interbank:focus,
.interbank-selected {
    content: "";
    background: url(../images/card-interbank-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* debvisa */
.debvisa {
    content: "";
    background: url(../images/card-debvisa.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.debvisa:hover,
.debvisa:active,
.debvisa:focus,
.debvisa-selected {
    content: "";
    background: url(../images/card-debvisa-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}

/* debmaster */
.debmaster {
    content: "";
    background: url(../images/card-debmaster.svg) no-repeat;
    width: 74px;
    height: 40px;
}

.debmaster:hover,
.debmaster:active,
.debmaster:focus,
.debmaster-selected {
    content: "";
    background: url(../images/card-debmaster-hover.svg) no-repeat;
    width: 74px;
    height: 40px;
}