.motoCaba {
		box-sizing: border-box;
		min-height: 1px;
		padding: 0 .75rem;
	  	margin-bottom: 12px;
  	}  
  
  	.clearfix {
		display: block;
		content: "";
		clear: both;
	}
  
  	.clearfix::after {
		display: block;
		content: "";
		clear: both;
	}
  
  	.delivery-label {
		position: absolute;
		right: 0;
		top: 0;
		padding: 4px;
		border-bottom-left-radius: 5px;
	}
  
    .delivery-label-moto {
		background-color: #fff;  
  	}
  
    .delivery-label-ups {
		background-color: #FCB900;  
  	}
  
  	.delivery-label-oca {
		background-color: #572481;  
  	}
  
  	.delivery-label-img {
		float: right;
	}
  
    .container.checkout,
    div#articulos.container,
    div#detalle.container,
    div.container.micuenta {
        max-width: 1500px
    }

    .modal-header>h5 {
        color: #fff !important;
        font-weight: 700
    }

    .modal-content {
        border: 1px solid transparent
    }

    .modal-header {
        background-color: #7200ff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    button.close {
        opacity: 1
    }

    button.close span {
        text-shadow: none;
        color: #fff
    }

    #pago-envio .col-md-4 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    #pago-envio .col-md-4 .card {
        height: 100%
    }

    #finalizarCompraNo {
        color: #fff;
        text-decoration: none
    }

    .retiro-envio-box {
        background: #fff;
        margin-right: auto;
        margin-left: auto;
        padding: 1.5rem;
        border: 1px solid #c4c4c4;
        border-radius: 4px
    }

    .resumen-producto-box {
        background: #fff;
        margin-right: auto;
        margin-left: auto;
        padding: 1em;
        border: 1px solid #c4c4c4;
        border-radius: 4px
    }

    .cupon_wrapper {
        padding: .5em;
        border: 1px solid #e0e0e0;
        border-radius: 4px
    }

    .title .text-left .collapsed {
        padding: .5em
    }

    .svgCollapseDescuento {
        width: 1.5em;
        float: right;
        transform: rotate(360deg)
    }

    #collapseDescuento>.col-md-12 {
        margin-right: 0 !important;
        border-right-width: 0
    }

    #collapseDescuento>.col-md-4 {
        margin: auto;
        padding: .5em
    }

    #envio-codigo-cupon {
        background: #7200ff;
        border-bottom-color: #1d0042 !important;
    }

    #resultcuponbad {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb
    }

    #eliminar,
    #subtotal {
        margin-top: auto;
        margin-bottom: auto;
        transition: all .75s ease;
        text-align: center
    }

    #descripcionresumen {
        font-weight: 400;
        word-break: break-word;
        white-space: pre-wrap;
        max-height: 60px;
        overflow: hidden
    }

    .preciosubtotalitemcarrito {
        font-weight: 700;
        font-size: 1em;
        color: #000;
        line-height: 1.4
    }

    div.filacarrito {
        padding: 10px 0
    }

    #resumentitulo svg {
        transition: all .75s ease;
        transform: rotate(540deg)
    }

    #resumentitulo.colapsado svg {
        transition: all .75s ease;
        transform: rotate(0)
    }

    .gb-main-detail-delivery-popup-radio-item {
        list-style: none
    }

    .gb-checkout-delivery-options h4 {
        margin-bottom: 1em;
        margin-top: 1em;
        text-transform: uppercase
    }

    #gb-checkout .gb-main-detail-delivery-popup-radio-item div:hover,
    .gb-main-detail-delivery-popup-radio-item div.gb--selected {
        border: 2px solid #4a90e2
    }

    .gb-main-detail-delivery-popup-radio-item div {
        transition: all .2s ease-out;
        /*margin-bottom: 10px;*/
        position: relative;
        border-radius: 3px;
        border: 2px solid #d6d6d6
    }
  
  	.gb-main-detail-delivery-popup-radio-item select {
        transition: all .2s ease-out;
        margin: 10px 0;
        position: relative;
    }

    .gb-main-detail-delivery-popup-radio-item input[type=radio] {
        width: 16px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -8px
    }

    .gb-main-detail-delivery-popup-radio-item label {
        cursor: pointer;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 40px;
        display: inline-block
    }

    .gb-main-detail-delivery-popup-radio-item label p[for] {
        font-size: 1.0714em
    }

    .gb-main-detail-delivery-popup-radio-item p {
        line-height: 1.3;
        font-weight: 400
    }

    .gb-main-detail-delivery-popup-radio-item .gb-checkout-delivery-popup-success {
        color: #08BC08
    }

    .gb-main-detail-delivery-popup-radio-item label p {
        font-size: .9285em
    }

    .col-lg-6 {
        float: left
    }

    .gb-main-detail-delivery-popup-radio-item .gb-checkout-delivery-popup-warning {
        color: #d79200
    }

    #loaderforchangesenvio {
        position: relative !important;
        width: 50% !important;
        height: 50% !important;
        z-index: 9999999999;
        display: block;
        background: url(https://cdn.jsdelivr.net/gh/MrObjection/compugarden/loaderspinnercg.svg) 50% 50% no-repeat #ffffff78;
        padding: 0 0 20em 0;
        margin: auto;
        background-size: 50%
    }
  
  	@media (max-width:991px) {
	  .gb-main-detail-delivery-popup-radio-item div {
		  margin-bottom: 10px;
	  }
	}

    @media (max-width:768px) {
        .row.justify-content-around.col-md-12 {
            padding: 0;
            width: 100%;
            display: block;
            margin-right: auto;
            margin-left: auto
        }

        .col-md-6 {
            margin-bottom: 1em;
            width: 100% !important;
            max-width: 100% !important
        }

        .retiro-envio-box {
            margin-bottom: 1em
        }

        .resumen-producto-box.vacio {
            display: none
        }
    }

    .btn.btn-compra {
        border-radius: 3px;
        padding: 1em;
        float: none;
        display: block;
        margin-top: 1em;
        color: #fff;
        background-color: #0084e0;
        border-color: transparent transparent #016ab3;
        border-style: solid;
        border-width: 1px 1px 2px;
        width: 10em;
        outline: 0
    }

    .btn.btn-compra::before {
        content: ""
    }

    .resumen-producto-box.vacio {
        background: 0 0;
        border: none
    }

    .titulovacio {
        position: relative;
        display: contents;
        color: #c4c4c4 !important
    }

    .retiro-envio-box.vacio {
        margin-top: 1em;
        background-color: #f7f7f7;
        border-color: #e2e2e2
    }

    .titulovacio span {
        color: #c4c4c4
    }

    .columna-1 {
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }

    .columna-2 {
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }

    select.form-control:not([size]):not([multiple]) {
        height: 50px
    }

    .help-block {
        color: red
    }

    input.search-form {
        height: 45px
    }

    #boton-compra2:hover {
        opacity: .75
    }

    #envio-codigo-cupon {
        border-radius: 3px;
        padding: .8em;
        float: none;
        display: block;
        color: #fff;
        background-color: #0084e0;
        border-color: transparent transparent #016ab3;
        border-style: solid;
        border-width: 1px 1px 2px;
        width: 9em;
        outline: 0;
        margin-right: auto;
        margin-left: auto
    }

    .descuento {
        margin-top: 5.75em;
        margin-bottom: 1em;
    }

    /*.resumen-producto-box>#total {
        position: relative
    }*/

    .filacarrito>.col-md-6 {
        display: flex;
        align-items: center
    }

    #eliminar :hover {
        filter: saturate(.8) contrast(2) brightness(1.1);
        transition: all .75s ease
    }

    .cantidad {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 220px;
        margin-right: auto;
        margin-left: auto
    }

    .cantidad button {
        border-radius: 0 5px 5px 0
    }

    .cantidad button:first-child {
        border-radius: 5px 0 0 5px
    }

    .cantidad button {
        margin: 0;
        padding: 7.5px 15px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(126, 126, 131, .15);
        border: none;
        font-size: 10px;
        color: #7e7e83
    }

    .cantidad input {
        height: 36px;
        width: 100%;
        max-width: 36px;
        border: 1px solid rgba(126, 126, 131, .15);
        text-align: center;
        color: #7e7e83;
        padding: 7.5px 0;
        appearance: textfield;
        cursor: pointer;
        margin: 0;
        border-radius: 0
    }

    #percepcion {
        display: none
    }

    #cupon .title.text-left svg {
        transition: all .75s ease;
        transform: rotate(0)
    }

    .cupon_wrapper .cupon .title.text-left svg {
        transition: all .75s ease;
        transform: rotate(540deg)
    }

    .cupon_wrapper .cupon .title.text-left.collapsed svg {
        transition: all .75s ease;
        transform: rotate(0)
    }

    .cart-actions {
        margin-bottom: 24px;
        padding-top: 16px;
        text-align: right
    }

    .cart-actions .button--link {
        float: left
    }

    .button--link {
        background-color: initial;
        color: #4a93e9
    }

    .button--link,
    .button--primary {
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font-size: .875rem;
        font-weight: 600;
        line-height: 2.5rem;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
        border: 0;
        border-radius: 4px;
        position: relative
    }

    .button--primary {
        background-color: #4a93e9;
        color: #f8f5f2;
        box-shadow: #416ea5 0 -2px 0 0 inset
    }

    .button--primary {
        background-color: #4a90e2;
        color: #fff;
        padding: 0 16px;
        box-shadow: inset 0 -2px 0 0 #34659e
    }

    .button--primary:hover {
        text-decoration-color: currentcolor;
        background-color: #4a93e9;
        color: #f8f5f2;
        box-shadow: none
    }

    div.filacarrito:last-of-type {
        border: 0
    }

    .ISDELIVERYCHARGE.True {
        display: none
    }

    div .ISDELIVERYCHARGE.True {
        display: block
    }

    .ISDELIVERYCHARGE.True img,
    button.ISDELIVERYCHARGE.True,
    input.ISDELIVERYCHARGE.True {
        display: none
    }

    #cart-buy-btn:disabled {
        background-color: #9dcaff;
        box-shadow: inset 0 -2px 0 0 #afd2fb
    }

    .cajalogin {
        margin-right: auto;
        margin-left: auto;
        border-radius: 4px
    }

    #carritono {
        margin: 0
    }

    @media (max-width:768px) {
        #carritono {
            margin-bottom: 1em
        }

        #eliminar,
        #subtotal {
            margin-top: 1em
        }

        .row.filacarrito .col-md-1 img {
            max-height: 100px !important;
            margin-bottom: 1em
        }

        .titproditemcarritoresumen {
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            margin-top: .5em
        }
    }

    input.ISITEMASOCIATION.True {
        display: block
    }

    div#eliminar.ENVIOPACKTrue img {
        display: none
    }

    .button--primary.btn-secondary {
        background-color: #999;
        color: #fff;
        padding: 0 16px;
        box-shadow: inset 0 -2px 0 0 #666;
        margin-right: 1em
    }

    .button--primary.btn-secondary:hover {
        text-decoration-color: currentcolor;
        background-color: #e94a4a;
        color: #f8f5f2;
        box-shadow: none
    }

    @media (max-width:768px) {
        .button--primary.btn-secondary {
            background-color: #999;
            color: #fff;
            padding: 0 16px;
            box-shadow: inset 0 -2px 0 0 #666;
            float: left;
            margin: auto
        }

        #cart-home-btn {
            display: none
        }
    }

    .isLimitExceded {
        position: absolute;
        top: 45px;
        color: #e24a4a;
        font-size: 12px;
        font-weight: 600;
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=text] {
        height: 56px !important;
    }
</style>
<!-- CheckoutResumen Styles -->
<!-- Agregados CheckoutEnvio Styles -->
<style>
        .btnRadius {
  	  border-radius: 6px !important;
  }


    #cantidad {
        text-align: left;
        text-transform: uppercase;
        color: #333;
        padding: 5px 0;
        border-top: 1px solid #e2e2e2;
        font-size: .7857em;
    }

    #descripcionresumen2 {
        font-weight: 400;
        word-break: break-word;
        white-space: pre-wrap;
        padding-bottom: 5px;
        max-height: 60px;
        overflow: hidden;
        display: inline-block
    }

    @media (max-width:768px) {

        #cantidad,
        .titproditemcarritoresumen {
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            margin-top: .3em;
            display: block !important
        }
    }

    .filacarrito>.col-md-6.cartItem {
        display: block;
        align-items: unset;
    }
</style>
<!-- CheckoutEnvio Styles -->
<!-- Agregados CheckoutPago -->
<style>
    .st11 {
        fill: #fff;
    }

    .cls-2 {
        fill: #2b316b
    }

    .cls-3 {
        fill: #00b5e4
    }

    .cls-4 {
        fill: #292c6f
    }

    #pago-envio .col-md-4 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    #pago-envio .col-md-4 .card {
        height: 100%
    }

    #finalizarCompraNo {
        color: #fff;
        text-decoration: none
    }

    #envio-codigo-cupon {
        background: #7200ff
    }

    #cantidad {
        text-align: left;
        text-transform: uppercase;
        color: #333;
        padding: 5px 0;
        border-top: 1px solid #e2e2e2;
        font-size: .7857em
    }

    #descripcionresumen {
        font-weight: 400;
        word-break: break-word;
        white-space: pre-wrap;
        padding-bottom: 5px;
        max-height: 60px;
        overflow: hidden;
        display: inline-block
    }

    
    #total {
        text-transform: uppercase;
        color: #000;
        font-size: 1.4285em;
        font-weight: 700;
        padding: 0;
        margin: 0 -14px;
        display: block;
        position: initial;
        /*margin-top: 3em*/
    }
    
    #taxes {
       font-size: 15px;
    }

    #taxes-detail {
       font-size: 12px;
    }

    #resumentitulo {
        display: block;
        font-size: 1.2142em;
        color: #000;
        font-weight: 400;
        letter-spacing: .15px;
        line-height: 1.3;
        padding-left: 0;
        padding-right: 18px;
        text-transform: uppercase;
        border-bottom: 1px solid #e2e2e2;
        padding: 0 0 1em;
        text-transform: uppercase;
        letter-spacing: .15px;
        cursor: pointer;
        position: relative
    }

    .titulo-envio {
        display: block;
        font-size: 1.2142em;
        color: #000;
        font-weight: 400;
        letter-spacing: .15px;
        line-height: 1.3;
        padding-left: 0;
        text-transform: uppercase
    }

    #titulos-tarjeta {
        border-bottom: 1px solid #e2e2e2;
        font-weight: 400;
        padding-bottom: 15px;
        position: relative;
        font-size: inherit
    }

    .paso1numero {
        color: #000;
        font-weight: 700;
        font-size: 1.7142em;
        text-align: left;
        padding-left: 10px;
        line-height: 1em;
        width: 35px;
        float: left
    }

    div.filacarrito {
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        padding: 20px 0;
        border-bottom: 1px solid #e0e0e0;
        margin: 5px 0
    }

    .titulo-resumen {
        display: block;
        color: #000;
        font-weight: 400;
        letter-spacing: .15px;
        line-height: 1.3;
        text-transform: uppercase;
        font-size: 1.2142em
    }

    #resumentitulo svg {
        transition: all .75s ease;
        transform: rotate(0)
    }

    #resumentitulo.colapsado svg {
        transition: all .75s ease;
        transform: rotate(540deg)
    }

    .contenedor-pagos {
        background: #fff;
        border: 1px solid #c4c4c4;
        border-radius: 4px;
        width: 100%;
        height: 30%;
        margin-top: 0;
        margin-bottom: 0
    }

    .header-pagos {
        display: inline-block;
        background: #fff;
        padding-left: 2em;
        padding-top: 1em
    }

    .header-title-pagos {
        display: block;
        font-size: 1.2142em;
        color: #000;
        font-weight: 400;
        letter-spacing: .15px;
        line-height: 1.3;
        padding-left: 0;
        text-transform: uppercase
    }

    .pagos-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        margin-top: -1em
    }

    .pago-method {
        align-content: center;
        border: 1px solid #dcdcdc;
        margin: 1em;
        padding: .75em;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        height: 7em;
        width: 12em;
        -webkit-transition: all .5s ease;
        -khtml-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }

    .mastercard-svg,
    .visa-svg,
    .depo-transf-svg,
    .maestro-svg,
    .cabal-svg,
    .MP-svg {
        display: inline-block;
    }

    .pago-method:hover {
        border-color: #4a90e2 !important;
        -webkit-transition: all .5s ease;
        -khtml-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer
    }

    .pago-method-financiamiento {
        background: #fff;
        flex-wrap: wrap;
        flex-direction: column;
        margin: auto;
        list-style-type: none;
        margin-top: 1em
    }

    .pago-method-financiamiento>ul {
        margin: 1em 0 1em 0;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    .label {
        border: 1px solid #dcdcdc;
        padding: 1em;
        margin-bottom: .5em;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .label:hover {
        transition: .5s;
        border-color: #4a90e2
    }

    .alerta-mercadopago {
	  	font-size: 16px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .alerta-deposito-transferencia {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .label>span {
        margin-left: 1em
    }

    .continuar-pago {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 1em
    }

    .btn-continuar-pago {
        border-radius: 3px;
        transition: .5s
    }

    .header-financiamiento {
        display: inline-block;
        background: #fff
    }

    .header-title-financiamiento {
        display: block;
        font-size: 1em;
        color: #000;
        font-weight: 400;
        letter-spacing: .15px;
        line-height: 1.3;
        padding-left: 0;
        text-transform: uppercase;
        font-weight: 600
    }

    .tipos-financiacion-2 {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding-left: 0
    }

    .datos-envio-row {
        margin-bottom: 1em
    }

    .vacio {
        background-color: #f7f7f7;
        border-color: #e2e2e2
    }

    .titulo-vacio {
        color: #c4c4c4 !important
    }

    .paso1Completo {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between
    }

    .titulo-envio-hecho {
        font-size: .8em;
        margin-left: .5em
    }

    #titulos-datos-envio {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: start;
        align-items: center
    }

    .columna-1 {
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }

    .retiro-envio-box {
        margin-bottom: 1em
    }

    .metodo-de-pago {
        margin: auto
    }

    .plan-pago {
        margin: auto
    }

    #btn-continuar-pago:hover {
        opacity: .75
    }

    #btn-continuar-pago {
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        text-transform: uppercase;
        border-radius: 3px;
        padding: 1em;
        float: none;
        margin-top: 1em;
        color: #fff;
        background-color: #0084e0;
        border-color: transparent transparent #016ab3;
        border-style: solid;
        border-width: 1px 1px 2px;
        width: 10em
    }

    .titulo-envio-hecho {
        font-size: .8em;
        padding: 0;
        float: left;
        width: auto;
        display: block;
        max-width: 85%
    }

    @media (max-width:768px) {
        div.padding {
            padding: 0
        }

        .datos-envio-row {
            padding: 0;
            margin-right: auto;
            margin-left: auto
        }

        .pago-method {
            max-width: 30% /*40%*/
        }

        .titulo-envio.titulo-envio-hecho {
            font-size: .7em
        }

        #cantidad,
        .titproditemcarritoresumen {
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            margin-top: .3em;
            display: block !important
        }
    }

    li label input[type=checkbox],
    li label input[type=radio] {
        margin: 0;
        position: absolute;
        margin-left: -.5em
    }

    #svgopciondepago {
        float: left;
        padding: 0;
        margin: 0;
        width: 27px;
        height: 27px;
        margin-left: -5px;
        margin-right: 5px
    }

    .retiro-pedido {
        margin-bottom: 1em
    }

    #percepcion {
        display: none
    }

    .button--primary.btn-danger{
        background-color: #e24a4a;
        color: #fff;
        padding: 0 16px;
        box-shadow: inset 0 -2px 0 0 #9e3434;
        margin-right: 1em
    }

    .button--primary.btn-danger:hover {
        text-decoration-color: currentcolor;
        background-color: #e94a4a;
        color: #f8f5f2;
        box-shadow: none
    }

    @media (max-width:768px) {
        .button--primary.btn-danger{
            background-color: #e24a4a;
            color: #fff;
            padding: 0 16px;
            box-shadow: inset 0 -2px 0 0 #9e3434;
            float: left;
            margin: auto
        }

        #cart-home-btn {
            display: none
        }
    }

    .columna-1.col-xs-12.col-sm-8.col-md-7.col-lg-7 .modal-dialog {
        margin-top: 0
    }

    .resumen-producto-box {
        padding-bottom: 0
    }

    .trashsvg {
        cursor: pointer;
    }

    .cantidadCarrito {
        min-width: 32px;
    }

    #cart-del-btn:hover,
    #cart-buy-btn:hover,
    #envio-codigo-cupon:hover,
    .btn-compra:hover {
        opacity: .75;
    }

    .prodimageCarrito {
        pointer-events: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .input-descuento:focus,
    #provincia1:focus,
    .input-compra:focus,
    #provincia2:focus,
    .pago-method:hover,
    .pago>.label:hover,
    .opciones-retiro:hover,
    .btn-direccion-facturacion:hover {
        text-decoration: none !important;
        outline: none !important;
        border: 1px solid #390080 !important;
    }
    }
</style>
<!-- Agregados CheckoutPago -->
<!-- Agregados CheckoutFacturacion -->
<style>
    .forms-studio {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        width: 100%;
        height: 1250px;
    }

    [type=checkbox]+label,
    [type=radio]:checked+label,
    [type=radio]:not(:checked)+label {
        font-size: inherit;
    }
</style>
<!-- Agregados CheckoutFacturacion -->
<style>
    div.abcRioButton.abcRioButtonLightBlue {
        height: 36px !important;
        width: 300px !important;
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    a {
        text-decoration: none;
    }

    .cajalogin h3 {
        font-weight: 600;
    }

    .btn-success {
        width: 100%;
        /*background-color: #390080 !important;*/
        border: 0px !important;
        /*height: 2.5em;*/
    }

    .linea::after {
        background: #75da00;
        content: "";
        display: block;
        height: 1;
        margin-left: 10%;
        position: absolute;
        width: 80%;
        z-index: 0;
        margin-top: -0.7em;
    }

    .fa-user::before,
    .fa-unlock-alt::before {
        position: absolute;
        top: 9px;
        color: #717171;
        left: 17px;
        font-size: 21px;
        z-index: 1;
    }

    .input-login>input {
        float: left;
        padding: 12px 15px 12px 45px !important;
        z-index: 0 !important;
        background-color: #f8f5f2 !important
    }

    .input-login>input::placeholder {
        opacity: 0.5 !important;
    }

    .input-group {
        position: relative;
    }

    .input-group>input:focus {
        border: 1px solid #390080;
        outline: none;
    }

    .acciones-login {
        display: flex;
        justify-content: space-between;
        margin: 1em;
    }

    .cajalogin {
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 1em;
        background-color: rgb(248, 245, 242);
        border-radius: 7px;
        padding-top: 1.5em;
        box-shadow: 0 0 5px 2px #0000003d;
    }

    .container.login {
        background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat;
        width: 100%;
        background-size: cover;
    }

    footer.container {
        margin-top: 0px !important;
    }

    .svginput {
        width: 19px;
        height: 19px;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 19px;
        color: #717171;
        left: 15px;
        font-size: 21px;
        z-index: 1;
        pointer-events: none
    }

    .tit-gral {
        margin-bottom: 1em;
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    .acciones-login div a,
    .login-help div a {
        color: rgb(114, 124, 129);
        font-size: 16px;
        float: right;
    }

    .btn.btn-success:hover {
        opacity: .8;
    }

    .acciones-login div a:hover,
    .login-help a:hover {
        color: #01f603 !important;
    }

    @media only screen and (max-width: 798px) {
        .container.login {
            /*background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat; width: 100%; background-size: auto; background-position: center center;*/
            margin-top: -1em;
            padding-left: 1.5em !important;
            padding-right: 1.5em !important;
        }
    }

    .modal-body>.cajalogin {
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .svginput-modal {
        z-index: 2;
    }

    .extra-login {
        float: left;
        width: 100%;
        margin: 30px 0 25px;
        text-align: center;
        position: relative;
    }

    .extra-login::before {
        background-color: rgb(218, 214, 207);
        background-image: none;
        position: absolute;
        left: 0;
        top: 10px;
        width: 100%;
        height: 1px;
        content: "";
    }

    .extra-login>span {
        background-color: rgb(248, 245, 242);
        background-image: none;
        color: rgb(114, 124, 129);
        width: auto;
        float: none;
        display: inline-block;
        padding: 1px 20px;
        z-index: 1;
        position: relative;
        font-family: Open Sans;
        font-size: 16px;
        text-transform: capitalize;
    }

    #cajaRegistro2 {
        margin-top: 2em
    }

    h1.tit-gral {
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    #modalrecuperocontra {
        z-index: 183 !important;
        background: rgba(0, 0, 0, 0.21) none repeat scroll 0% 0% !important;
    }

    .cantidad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .datosenviocaba {
        margin-bottom: 1em;
    }

    .dark #cart {
        background: rgb(32, 35, 36) !important;
    }

    .dark .modal-content,
    .dark .retiro-envio-box {
        background-color: rgb(28 31 32) !important;
        border-color: rgb(58, 62, 65) !important;
    }

    .dark .modal-body p,
    .dark .detalle-compra-subtitulo,
    .dark .pagotransf,
    .dark .titulo-envio,
    .dark #total div,
    .dark .title,
    .dark .titproditemcarritoresumen,
    .dark .preciosubtotalitemcarrito {
        color: rgb(176, 169, 159) !important;
    }

    .dark #total div,
    .dark .resumen-producto-box,
    .dark #correctsave,
    .dark .datosretiro,
    .dark .correctSave,
    .dark #accordion,
    .dark .pago-method-financiamiento,
    .dark .header-financiamiento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #collapseDescuento input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark small,
    .dark #cantidad {
        color: #d55a5a !important;
    }

    .dark .cajalogin,
    .dark .extra-login>span {
        background: rgb(32, 35, 36) !important;
    }

    .dark .input-group input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark .extra-login>span,
    .dark .tit-gral {
        color: rgb(176, 169, 159) !important;
    }

    .dark #cajaRegistro2>a {
        color: rgb(114, 124, 129) !important;
    }

    .dark .modal-body .cajalogin {
        box-shadow: none !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark select,
    .dark input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark select option {
        background-color: rgb(24, 26, 27) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark select option:hover {
        background-color: rgb(176 169 159 / 6%) !important;
        color: black !important;
    }

    .dark .gb-main-detail-delivery-popup-radio-item .gb-checkout-delivery-popup-success {
        color: #08BC08 !important;
    }

    .dark .cart-delivery h4,
    .dark .cart-delivery h2,
    .dark .cart-delivery h3,
    .dark .cart-delivery p,
    .dark .control-label,
    .dark .lugar-retiro-pedido,
    .dark .paso1numero,
    .dark .header-title-financiamiento,
    .dark .pago,
    .dark .col-md-12.col-md-12,
    .dark .btn-direccion-facturacion label,
    .dark .titulos-formulario,
    .dark .modal-body h3 {
        color: rgb(176, 169, 159) !important;
    }



    .dark .help-block {
        color: #d55a5a !important;
    }

    /*.dark .pago-method-financiamiento, .dark .header-financiamiento{ background-color: #181a1b; }*/
    .dark .radio a {
        color: #6b6bad !important;
    }

    .dark #loaderforchangesenvio {
        background-color: transparent !important;
    }

    .dark .svg-maximus {
        background-color: unset !important;
    }

    .dark #accordion .card-header {
        background-color: rgb(24, 26, 27) !important;
    }

    .dark div.filacarrito,
    .dark .detalle-compra-titulo {
        border-bottom: 1px solid rgb(176, 169, 159) !important;
    }

    .dark #cantidad {
        border-top: 1px solid rgb(176, 169, 159) !important;
    }

    .dark .datosretiro .detalle-compra-titulo,
    .dark .datosretiro .detalle-compra-subtitulo {
        color: black !important;
    }

    .dark .cupon svg,
    .dark #checkout_opc svg {
        fill: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio #formulario {
        background: rgb(32, 35, 36) !important;
    }

    .dark .forms-studio #formulario h3,
    .dark .forms-studio #formulario h2,
    .dark .forms-studio #formulario p,
    .dark .forms-studio #formulario div {
        color: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio .file-upload-btn span,
    .dark .forms-studio #formulario .btn {
        color: black !important;
    }

    .dark .forms-studio,
    .dark .collapse {
        background-color: #0a2e0a !important;
        width: 100%;
    }

    .dark .modal-body {
        background-color: rgb(28 31 32) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark #formFactura input,
    .dark .titulo-resumen {
        color: rgb(176, 169, 159) !important;
    }

    .dark .cupon_wrapper #collapseDescuento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #modalDecidir * {
        color: rgb(193, 188, 180) !important;
    }

    .dark #modalDecidir small,
    .dark #modalDecidir font {
        color: red !important;
    }

    .dark #modalDecidir hr {
        background-color: rgb(193 188 180 / 48%) !important;
    }

    .dark #modalDecidir .modal-footer {
        border-top: 1px solid rgb(193 188 180 / 48%) !important;
    }

    .tarjeta.retiro-envio-box select {
        color: #766c6c !important;
    }

    .input-tel.is-focused .input-tel__input[data-v-e59be3b4] {
        border-color: unset !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .vue-phone-number-input:focus {
        border: 1px solid #390080 !important;
    }

    .input-tel__input[data-v-e59be3b4] {
        border: none !important;
        cursor: text !important;
        padding: 0px !important;
        caret-color: unset !important;
    }

    .input-tel__label[data-v-e59be3b4] {
        display: none !important;
        padding-top: 0px !important;
        padding: 0px !important;
    }

    #MazPhoneNumberInput:focus-within {
        border: 1px solid #390080 !important;
    }

    #MaxPhoneNumberInput {
        caret-color: unset !important;
    }

    .dark .input-tel__input[data-v-e59be3b4] {
        background-color: rgb(58 62 64) !important;
    }

    .dark #MazPhoneNumberInput {
        color: rgb(176, 169, 159) !important;
        background-color: rgb(58 62 64) !important;
        border: 0px;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    # div.abcRioButton.abcRioButtonLightBlue {
        height: 36px !important;
        width: 300px !important;
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    a {
        text-decoration: none;
    }

    .cajalogin h3 {
        font-weight: 600;
    }

    .btn-success {
        width: 100%;
        /*background-color: #390080 !important;*/
        border: 0px !important;
        /*height: 2.5em;*/
    }

    .linea::after {
        background: #75da00;
        content: "";
        display: block;
        height: 1;
        margin-left: 10%;
        position: absolute;
        width: 80%;
        z-index: 0;
        margin-top: -0.7em;
    }

    .fa-user::before,
    .fa-unlock-alt::before {
        position: absolute;
        top: 9px;
        color: #717171;
        left: 17px;
        font-size: 21px;
        z-index: 1;
    }

    .input-login>input {
        float: left;
        padding: 12px 15px 12px 45px !important;
        z-index: 0 !important;
        background-color: #f8f5f2 !important
    }

    .input-login>input::placeholder {
        opacity: 0.5 !important;
    }

    .input-group {
        position: relative;
    }

    .input-group>input:focus {
        border: 1px solid #390080;
        outline: none;
    }

    .acciones-login {
        display: flex;
        justify-content: space-between;
        margin: 1em;
    }

    .cajalogin {
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 1em;
        background-color: rgb(248, 245, 242);
        border-radius: 7px;
        padding-top: 1.5em;
        box-shadow: 0 0 5px 2px #0000003d;
    }

    .container.login {
        background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat;
        width: 100%;
        background-size: cover;
    }

    footer.container {
        margin-top: 0px !important;
    }

    .svginput {
        width: 19px;
        height: 19px;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 19px;
        color: #717171;
        left: 15px;
        font-size: 21px;
        z-index: 1;
        pointer-events: none
    }

    .tit-gral {
        margin-bottom: 1em;
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    .acciones-login div a,
    .login-help div a {
        color: rgb(114, 124, 129);
        font-size: 16px;
        float: right;
    }

    .btn.btn-success:hover {
        opacity: .8;
    }

    .acciones-login div a:hover,
    .login-help a:hover {
        color: #01f603 !important;
    }

    @media only screen and (max-width: 798px) {
        .container.login {
            /*background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat; width: 100%; background-size: auto; background-position: center center;*/
            margin-top: -1em;
            padding-left: 1.5em !important;
            padding-right: 1.5em !important;
        }
    }

    .modal-body>.cajalogin {
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .svginput-modal {
        z-index: 2;
    }

    .extra-login {
        float: left;
        width: 100%;
        margin: 30px 0 25px;
        text-align: center;
        position: relative;
    }

    .extra-login::before {
        background-color: rgb(218, 214, 207);
        background-image: none;
        position: absolute;
        left: 0;
        top: 10px;
        width: 100%;
        height: 1px;
        content: "";
    }

    .extra-login>span {
        background-color: rgb(248, 245, 242);
        background-image: none;
        color: rgb(114, 124, 129);
        width: auto;
        float: none;
        display: inline-block;
        padding: 1px 20px;
        z-index: 1;
        position: relative;
        font-family: Open Sans;
        font-size: 16px;
        text-transform: capitalize;
    }

    #cajaRegistro2 {
        margin-top: 2em
    }

    h1.tit-gral {
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    #modalrecuperocontra {
        z-index: 183 !important;
        background: rgba(0, 0, 0, 0.21) none repeat scroll 0% 0% !important;
    }

    .cantidad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .datosenviocaba {
        margin-bottom: 1em;
    }

    .dark #cart {
        background: rgb(32, 35, 36) !important;
    }

    .dark .modal-content,
    .dark .retiro-envio-box {
        background-color: rgb(28 31 32) !important;
        border-color: rgb(58, 62, 65) !important;
    }

    .dark .modal-body p,
    .dark .detalle-compra-subtitulo,
    .dark .pagotransf,
    .dark .titulo-envio,
    .dark #total div,
    .dark .title,
    .dark .titproditemcarritoresumen,
    .dark .preciosubtotalitemcarrito {
        color: rgb(176, 169, 159) !important;
    }

    .dark #total div,
    .dark .resumen-producto-box,
    .dark #correctsave,
    .dark .datosretiro,
    .dark .correctSave,
    .dark #accordion,
    .dark .pago-method-financiamiento,
    .dark .header-financiamiento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #collapseDescuento input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark small,
    .dark #cantidad {
        color: #d55a5a !important;
    }

    .dark .cajalogin,
    .dark .extra-login>span {
        background: rgb(32, 35, 36) !important;
    }

    .dark .input-group input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark .extra-login>span,
    .dark .tit-gral {
        color: rgb(176, 169, 159) !important;
    }

    .dark #cajaRegistro2>a {
        color: rgb(114, 124, 129) !important;
    }

    .dark .modal-body .cajalogin {
        box-shadow: none !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark select,
    .dark input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark select option {
        background-color: rgb(24, 26, 27) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark select option:hover {
        background-color: rgb(176 169 159 / 6%) !important;
        color: black !important;
    }

    .dark .gb-main-detail-delivery-popup-radio-item .gb-checkout-delivery-popup-success {
        color: #08BC08 !important;
    }

    .dark .cart-delivery h4,
    .dark .cart-delivery h2,
    .dark .cart-delivery h3,
    .dark .cart-delivery p,
    .dark .control-label,
    .dark .lugar-retiro-pedido,
    .dark .paso1numero,
    .dark .header-title-financiamiento,
    .dark .pago,
    .dark .col-md-12.col-md-12,
    .dark .btn-direccion-facturacion label,
    .dark .titulos-formulario,
    .dark .modal-body h3 {
        color: rgb(176, 169, 159) !important;
    }



    .dark .help-block {
        color: #d55a5a !important;
    }

    /*.dark .pago-method-financiamiento, .dark .header-financiamiento{ background-color: #181a1b; }*/
    .dark .radio a {
        color: #6b6bad !important;
    }

    .dark #loaderforchangesenvio {
        background-color: transparent !important;
    }

    .dark .svg-maximus {
        background-color: unset !important;
    }

    .dark #accordion .card-header {
        background-color: rgb(24, 26, 27) !important;
    }

    .dark div.filacarrito,
    .dark .detalle-compra-titulo {
        border-bottom: 1px solid rgb(176, 169, 159) !important;
    }

    .dark #cantidad {
        border-top: 1px solid rgb(176, 169, 159) !important;
    }

    .dark .datosretiro .detalle-compra-titulo,
    .dark .datosretiro .detalle-compra-subtitulo {
        color: black !important;
    }

    .dark .cupon svg,
    .dark #checkout_opc svg {
        fill: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio #formulario {
        background: rgb(32, 35, 36) !important;
    }

    .dark .forms-studio #formulario h3,
    .dark .forms-studio #formulario h2,
    .dark .forms-studio #formulario p,
    .dark .forms-studio #formulario div {
        color: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio .file-upload-btn span,
    .dark .forms-studio #formulario .btn {
        color: black !important;
    }

    .dark .forms-studio,
    .dark .collapse {
        background-color: #0a2e0a !important;
        width: 100%;
    }

    .dark .modal-body {
        background-color: rgb(28 31 32) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark #formFactura input,
    .dark .titulo-resumen {
        color: rgb(176, 169, 159) !important;
    }

    .dark .cupon_wrapper #collapseDescuento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #modalDecidir * {
        color: rgb(193, 188, 180) !important;
    }

    .dark #modalDecidir small,
    .dark #modalDecidir font {
        color: red !important;
    }

    .dark #modalDecidir hr {
        background-color: rgb(193 188 180 / 48%) !important;
    }

    .dark #modalDecidir .modal-footer {
        border-top: 1px solid rgb(193 188 180 / 48%) !important;
    }

    .tarjeta.retiro-envio-box select {
        color: #766c6c !important;
    }

    .input-tel.is-focused .input-tel__input[data-v-e59be3b4] {
        border-color: unset !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .vue-phone-number-input:focus {
        border: 1px solid #390080 !important;
    }

    .input-tel__input[data-v-e59be3b4] {
        border: none !important;
        cursor: text !important;
        padding: 0px !important;
        caret-color: unset !important;
    }

    .input-tel__label[data-v-e59be3b4] {
        display: none !important;
        padding-top: 0px !important;
        padding: 0px !important;
    }

    #MazPhoneNumberInput:focus-within {
        border: 1px solid #390080 !important;
    }

    #MaxPhoneNumberInput {
        caret-color: unset !important;
    }

    .dark .input-tel__input[data-v-e59be3b4] {
        background-color: rgb(58 62 64) !important;
    }

    .dark #MazPhoneNumberInput {
        color: rgb(176, 169, 159) !important;
        background-color: rgb(58 62 64) !important;
        border: 0px;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    # div.abcRioButton.abcRioButtonLightBlue {
        height: 36px !important;
        width: 300px !important;
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    a {
        text-decoration: none;
    }

    .cajalogin h3 {
        font-weight: 600;
    }

    .btn-success {
        width: 100%;
        /*background-color: #390080 !important;*/
        border: 0px !important;
        /*height: 2.5em;*/
    }

    .linea::after {
        background: #75da00;
        content: "";
        display: block;
        height: 1;
        margin-left: 10%;
        position: absolute;
        width: 80%;
        z-index: 0;
        margin-top: -0.7em;
    }

    .fa-user::before,
    .fa-unlock-alt::before {
        position: absolute;
        top: 9px;
        color: #717171;
        left: 17px;
        font-size: 21px;
        z-index: 1;
    }

    .input-login>input {
        float: left;
        padding: 12px 15px 12px 45px !important;
        z-index: 0 !important;
        background-color: #f8f5f2 !important
    }

    .input-login>input::placeholder {
        opacity: 0.5 !important;
    }

    .input-group {
        position: relative;
    }

    .input-group>input:focus {
        border: 1px solid #390080;
        outline: none;
    }

    .acciones-login {
        display: flex;
        justify-content: space-between;
        margin: 1em;
    }

    .cajalogin {
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 1em;
        background-color: rgb(248, 245, 242);
        border-radius: 7px;
        padding-top: 1.5em;
        box-shadow: 0 0 5px 2px #0000003d;
    }

    .container.login {
        background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat;
        width: 100%;
        background-size: cover;
    }

    footer.container {
        margin-top: 0px !important;
    }

    .svginput {
        width: 19px;
        height: 19px;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 19px;
        color: #717171;
        left: 15px;
        font-size: 21px;
        z-index: 1;
        pointer-events: none
    }

    .tit-gral {
        margin-bottom: 1em;
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    .acciones-login div a,
    .login-help div a {
        color: rgb(114, 124, 129);
        font-size: 16px;
        float: right;
    }

    .btn.btn-success:hover {
        opacity: .8;
    }

    .acciones-login div a:hover,
    .login-help a:hover {
        color: #01f603 !important;
    }

    @media only screen and (max-width: 798px) {
        .container.login {
            /*background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat; width: 100%; background-size: auto; background-position: center center;*/
            margin-top: -1em;
            padding-left: 1.5em !important;
            padding-right: 1.5em !important;
        }
    }

    .modal-body>.cajalogin {
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .svginput-modal {
        z-index: 2;
    }

    .extra-login {
        float: left;
        width: 100%;
        margin: 30px 0 25px;
        text-align: center;
        position: relative;
    }

    .extra-login::before {
        background-color: rgb(218, 214, 207);
        background-image: none;
        position: absolute;
        left: 0;
        top: 10px;
        width: 100%;
        height: 1px;
        content: "";
    }

    .extra-login>span {
        background-color: rgb(248, 245, 242);
        background-image: none;
        color: rgb(114, 124, 129);
        width: auto;
        float: none;
        display: inline-block;
        padding: 1px 20px;
        z-index: 1;
        position: relative;
        font-family: Open Sans;
        font-size: 16px;
        text-transform: capitalize;
    }

    #cajaRegistro2 {
        margin-top: 2em
    }

    h1.tit-gral {
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    #modalrecuperocontra {
        z-index: 183 !important;
        background: rgba(0, 0, 0, 0.21) none repeat scroll 0% 0% !important;
    }

    .cantidad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .datosenviocaba {
        margin-bottom: 1em;
    }

    .dark #cart {
        background: rgb(32, 35, 36) !important;
    }

    .dark .modal-content,
    .dark .retiro-envio-box {
        background-color: rgb(28 31 32) !important;
        border-color: rgb(58, 62, 65) !important;
    }

    .dark .modal-body p,
    .dark .detalle-compra-subtitulo,
    .dark .pagotransf,
    .dark .titulo-envio,
    .dark #total div,
    .dark .title,
    .dark .titproditemcarritoresumen,
    .dark .preciosubtotalitemcarrito {
        color: rgb(176, 169, 159) !important;
    }

    .dark #total div,
    .dark .resumen-producto-box,
    .dark #correctsave,
    .dark .datosretiro,
    .dark .correctSave,
    .dark #accordion,
    .dark .pago-method-financiamiento,
    .dark .header-financiamiento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #collapseDescuento input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark small,
    .dark #cantidad {
        color: #d55a5a !important;
    }

    .dark .cajalogin,
    .dark .extra-login>span {
        background: rgb(32, 35, 36) !important;
    }

    .dark .input-group input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark .extra-login>span,
    .dark .tit-gral {
        color: rgb(176, 169, 159) !important;
    }

    .dark #cajaRegistro2>a {
        color: rgb(114, 124, 129) !important;
    }

    .dark .modal-body .cajalogin {
        box-shadow: none !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark select,
    .dark input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark select option {
        background-color: rgb(24, 26, 27) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark select option:hover {
        background-color: rgb(176 169 159 / 6%) !important;
        color: black !important;
    }

    .dark .gb-main-detail-delivery-popup-radio-item .gb-checkout-delivery-popup-success {
        color: #08BC08 !important;
    }

    .dark .cart-delivery h4,
    .dark .cart-delivery h2,
    .dark .cart-delivery h3,
    .dark .cart-delivery p,
    .dark .control-label,
    .dark .lugar-retiro-pedido,
    .dark .paso1numero,
    .dark .header-title-financiamiento,
    .dark .pago,
    .dark .col-md-12.col-md-12,
    .dark .btn-direccion-facturacion label,
    .dark .titulos-formulario,
    .dark .modal-body h3 {
        color: rgb(176, 169, 159) !important;
    }



    .dark .help-block {
        color: #d55a5a !important;
    }

    /*.dark .pago-method-financiamiento, .dark .header-financiamiento{ background-color: #181a1b; }*/
    .dark .radio a {
        color: #6b6bad !important;
    }

    .dark #loaderforchangesenvio {
        background-color: transparent !important;
    }

    .dark .svg-maximus {
        background-color: unset !important;
    }

    .dark #accordion .card-header {
        background-color: rgb(24, 26, 27) !important;
    }

    .dark div.filacarrito,
    .dark .detalle-compra-titulo {
        border-bottom: 1px solid rgb(176, 169, 159) !important;
    }

    .dark #cantidad {
        border-top: 1px solid rgb(176, 169, 159) !important;
    }

    .dark .datosretiro .detalle-compra-titulo,
    .dark .datosretiro .detalle-compra-subtitulo {
        color: black !important;
    }

    .dark .cupon svg,
    .dark #checkout_opc svg {
        fill: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio #formulario {
        background: rgb(32, 35, 36) !important;
    }

    .dark .forms-studio #formulario h3,
    .dark .forms-studio #formulario h2,
    .dark .forms-studio #formulario p,
    .dark .forms-studio #formulario div {
        color: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio .file-upload-btn span,
    .dark .forms-studio #formulario .btn {
        color: black !important;
    }

    .dark .forms-studio,
    .dark .collapse {
        background-color: #0a2e0a !important;
        width: 100%;
    }

    .dark .modal-body {
        background-color: rgb(28 31 32) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark #formFactura input,
    .dark .titulo-resumen {
        color: rgb(176, 169, 159) !important;
    }

    .dark .cupon_wrapper #collapseDescuento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #modalDecidir * {
        color: rgb(193, 188, 180) !important;
    }

    .dark #modalDecidir small,
    .dark #modalDecidir font {
        color: red !important;
    }

    .dark #modalDecidir hr {
        background-color: rgb(193 188 180 / 48%) !important;
    }

    .dark #modalDecidir .modal-footer {
        border-top: 1px solid rgb(193 188 180 / 48%) !important;
    }

    .tarjeta.retiro-envio-box select {
        color: #766c6c !important;
    }

    .input-tel.is-focused .input-tel__input[data-v-e59be3b4] {
        border-color: unset !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .vue-phone-number-input:focus {
        border: 1px solid #390080 !important;
    }

    .input-tel__input[data-v-e59be3b4] {
        border: none !important;
        cursor: text !important;
        padding: 0px !important;
        caret-color: unset !important;
    }

    .input-tel__label[data-v-e59be3b4] {
        display: none !important;
        padding-top: 0px !important;
        padding: 0px !important;
    }

    #MazPhoneNumberInput:focus-within {
        border: 1px solid #390080 !important;
    }

    #MaxPhoneNumberInput {
        caret-color: unset !important;
    }

    .dark .input-tel__input[data-v-e59be3b4] {
        background-color: rgb(58 62 64) !important;
    }

    .dark #MazPhoneNumberInput {
        color: rgb(176, 169, 159) !important;
        background-color: rgb(58 62 64) !important;
        border: 0px;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    # div.abcRioButton.abcRioButtonLightBlue {
        height: 36px !important;
        width: 300px !important;
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    a {
        text-decoration: none;
    }

    .cajalogin h3 {
        font-weight: 600;
    }

    .btn-success {
        width: 100%;
        /*background-color: #390080 !important;*/
        border: 0px !important;
        /*height: 2.5em;*/
    }

    .linea::after {
        background: #75da00;
        content: "";
        display: block;
        height: 1;
        margin-left: 10%;
        position: absolute;
        width: 80%;
        z-index: 0;
        margin-top: -0.7em;
    }

    .fa-user::before,
    .fa-unlock-alt::before {
        position: absolute;
        top: 9px;
        color: #717171;
        left: 17px;
        font-size: 21px;
        z-index: 1;
    }

    .input-login>input {
        float: left;
        padding: 12px 15px 12px 45px !important;
        z-index: 0 !important;
        background-color: #f8f5f2 !important
    }

    .input-login>input::placeholder {
        opacity: 0.5 !important;
    }

    .input-group {
        position: relative;
    }

    .input-group>input:focus {
        border: 1px solid #390080;
        outline: none;
    }

    .acciones-login {
        display: flex;
        justify-content: space-between;
        margin: 1em;
    }

    .cajalogin {
        margin-top: 2em;
        margin-bottom: 2em;
        padding: 1em;
        background-color: rgb(248, 245, 242);
        border-radius: 7px;
        padding-top: 1.5em;
        box-shadow: 0 0 5px 2px #0000003d;
    }

    .container.login {
        background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat;
        width: 100%;
        background-size: cover;
    }

    footer.container {
        margin-top: 0px !important;
    }

    .svginput {
        width: 19px;
        height: 19px;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 19px;
        color: #717171;
        left: 15px;
        font-size: 21px;
        z-index: 1;
        pointer-events: none
    }

    .tit-gral {
        margin-bottom: 1em;
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    .acciones-login div a,
    .login-help div a {
        color: rgb(114, 124, 129);
        font-size: 16px;
        float: right;
    }

    .btn.btn-success:hover {
        opacity: .8;
    }

    .acciones-login div a:hover,
    .login-help a:hover {
        color: #01f603 !important;
    }

    @media only screen and (max-width: 798px) {
        .container.login {
            /*background: url('https://cdn.jsdelivr.net/gh/persano/MaximusWebFonts@1.8.5.5.1/iconos-svg/FondoWe.svg') no-repeat; width: 100%; background-size: auto; background-position: center center;*/
            margin-top: -1em;
            padding-left: 1.5em !important;
            padding-right: 1.5em !important;
        }
    }

    .modal-body>.cajalogin {
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .svginput-modal {
        z-index: 2;
    }

    .extra-login {
        float: left;
        width: 100%;
        margin: 30px 0 25px;
        text-align: center;
        position: relative;
    }

    .extra-login::before {
        background-color: rgb(218, 214, 207);
        background-image: none;
        position: absolute;
        left: 0;
        top: 10px;
        width: 100%;
        height: 1px;
        content: "";
    }

    .extra-login>span {
        background-color: rgb(248, 245, 242);
        background-image: none;
        color: rgb(114, 124, 129);
        width: auto;
        float: none;
        display: inline-block;
        padding: 1px 20px;
        z-index: 1;
        position: relative;
        font-family: Open Sans;
        font-size: 16px;
        text-transform: capitalize;
    }

    #cajaRegistro2 {
        margin-top: 2em
    }

    h1.tit-gral {
        font-family: 'Jost', sans-serif;
        color: rgb(62, 68, 70);
        margin: 0 0 25px;
        font-size: 27px;
        font-weight: 400;
        text-align: center;
    }

    #modalrecuperocontra {
        z-index: 183 !important;
        background: rgba(0, 0, 0, 0.21) none repeat scroll 0% 0% !important;
    }

    .cantidad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .datosenviocaba {
        margin-bottom: 1em;
    }

    .dark #cart {
        background: rgb(32, 35, 36) !important;
    }

    .dark .modal-content,
    .dark .retiro-envio-box {
        background-color: rgb(28 31 32) !important;
        border-color: rgb(58, 62, 65) !important;
    }

    .dark .modal-body p,
    .dark .detalle-compra-subtitulo,
    .dark .pagotransf,
    .dark .titulo-envio,
    .dark #total div,
    .dark .title,
    .dark .titproditemcarritoresumen,
    .dark .preciosubtotalitemcarrito {
        color: rgb(176, 169, 159) !important;
    }

    .dark #total div,
    .dark .resumen-producto-box,
    .dark #correctsave,
    .dark .datosretiro,
    .dark .correctSave,
    .dark #accordion,
    .dark .pago-method-financiamiento,
    .dark .header-financiamiento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #collapseDescuento input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark small,
    .dark #cantidad {
        color: #d55a5a !important;
    }

    .dark .cajalogin,
    .dark .extra-login>span {
        background: rgb(32, 35, 36) !important;
    }

    .dark .input-group input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark .extra-login>span,
    .dark .tit-gral {
        color: rgb(176, 169, 159) !important;
    }

    .dark #cajaRegistro2>a {
        color: rgb(114, 124, 129) !important;
    }

    .dark .modal-body .cajalogin {
        box-shadow: none !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark select,
    .dark input {
        background-color: rgb(101 106 108 / 42%) !important;
        color: rgb(176, 169, 159) !important;
        border: 0px;
    }

    .dark select option {
        background-color: rgb(24, 26, 27) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark select option:hover {
        background-color: rgb(176 169 159 / 6%) !important;
        color: black !important;
    }

    .dark .gb-main-detail-delivery-popup-radio-item .gb-checkout-delivery-popup-success {
        color: #08BC08 !important;
    }

    .dark .cart-delivery h4,
    .dark .cart-delivery h2,
    .dark .cart-delivery h3,
    .dark .cart-delivery p,
    .dark .control-label,
    .dark .lugar-retiro-pedido,
    .dark .paso1numero,
    .dark .header-title-financiamiento,
    .dark .pago,
    .dark .col-md-12.col-md-12,
    .dark .btn-direccion-facturacion label,
    .dark .titulos-formulario,
    .dark .modal-body h3 {
        color: rgb(176, 169, 159) !important;
    }



    .dark .help-block {
        color: #d55a5a !important;
    }

    /*.dark .pago-method-financiamiento, .dark .header-financiamiento{ background-color: #181a1b; }*/
    .dark .radio a {
        color: #6b6bad !important;
    }

    .dark #loaderforchangesenvio {
        background-color: transparent !important;
    }

    .dark .svg-maximus {
        background-color: unset !important;
    }

    .dark #accordion .card-header {
        background-color: rgb(24, 26, 27) !important;
    }

    .dark div.filacarrito,
    .dark .detalle-compra-titulo {
        border-bottom: 1px solid rgb(176, 169, 159) !important;
    }

    .dark #cantidad {
        border-top: 1px solid rgb(176, 169, 159) !important;
    }

    .dark .datosretiro .detalle-compra-titulo,
    .dark .datosretiro .detalle-compra-subtitulo {
        color: black !important;
    }

    .dark .cupon svg,
    .dark #checkout_opc svg {
        fill: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio #formulario {
        background: rgb(32, 35, 36) !important;
    }

    .dark .forms-studio #formulario h3,
    .dark .forms-studio #formulario h2,
    .dark .forms-studio #formulario p,
    .dark .forms-studio #formulario div {
        color: rgb(176, 169, 159) !important;
    }

    .dark .forms-studio .file-upload-btn span,
    .dark .forms-studio #formulario .btn {
        color: black !important;
    }

    .dark .forms-studio,
    .dark .collapse {
        background-color: #0a2e0a !important;
        width: 100%;
    }

    .dark .modal-body {
        background-color: rgb(28 31 32) !important;
        color: rgb(176, 169, 159) !important;
    }

    .dark .modal-header {
        border-bottom: 0px !important;
    }

    .dark #formFactura input,
    .dark .titulo-resumen {
        color: rgb(176, 169, 159) !important;
    }

    .dark .cupon_wrapper #collapseDescuento {
        background-color: rgb(28 31 32) !important;
    }

    .dark #modalDecidir * {
        color: rgb(193, 188, 180) !important;
    }

    .dark #modalDecidir small,
    .dark #modalDecidir font {
        color: red !important;
    }

    .dark #modalDecidir hr {
        background-color: rgb(193 188 180 / 48%) !important;
    }

    .dark #modalDecidir .modal-footer {
        border-top: 1px solid rgb(193 188 180 / 48%) !important;
    }

    .tarjeta.retiro-envio-box select {
        color: #766c6c !important;
    }

    .input-tel.is-focused .input-tel__input[data-v-e59be3b4] {
        border-color: unset !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .vue-phone-number-input:focus {
        border: 1px solid #390080 !important;
    }

    .input-tel__input[data-v-e59be3b4] {
        border: none !important;
        cursor: text !important;
        padding: 0px !important;
        caret-color: unset !important;
    }

    .input-tel__label[data-v-e59be3b4] {
        display: none !important;
        padding-top: 0px !important;
        padding: 0px !important;
    }

    #MazPhoneNumberInput:focus-within {
        border: 1px solid #390080 !important;
    }

    #MaxPhoneNumberInput {
        caret-color: unset !important;
    }

    .dark .input-tel__input[data-v-e59be3b4] {
        background-color: rgb(58 62 64) !important;
    }

    .dark #MazPhoneNumberInput {
        color: rgb(176, 169, 159) !important;
        background-color: rgb(58 62 64) !important;
        border: 0px;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
    }

    #errorCalculoEnvio {
        margin: 1em;
        text-align: center;
    }

    .pagotransf {
        font-size: 15px;
    }

	.dosTarjetas {
		display:none;
	}

    .deposito-cls-1 {
        fill: #060504;
    }

    .deposito-cls-2 {
        fill: #5fa3fd;
    }

    .deposito-cls-3 {
        fill: #fdd2bd;
    }

    .deposito-cls-4 {
        fill: #020202;
    }

    .deposito-cls-5 {
        fill: #b8dccc;
    }

    .deposito-cls-6 {
        fill: #b8dbcb;
    }

    .deposito-cls-7 {
        fill: #030303;
    }

    .deposito-cls-8 {
        fill: #c1e6d5;
    }

    .deposito-cls-9 {
        fill: #fdbf59;
    }

    .deposito-cls-10 {
        fill: #77cda7;
    }

  	.metodoEnvio {
	  color: #5B21A5;
  }
  
 	.diasDespacho {
	  color: #08BC08;
  }
  
  	.precioEnvios {
	  font-weight: 500;
	  font-size: 20px;
  } 
  
  	.backDelivery {
	  background-color: #5B21A5;
	  color: #fff;
  }
  
  .dark .comoPagar {
  	color: #08BC08;
  }
  
 
	.st0 {
	  fill:none;
  }
	.st1 {
	  fill:#6CB437;
  }
	.st2 {
	  fill:#3B7AC8;
  }
	.st3{fill:#244767;} 
	.st4{fill:#3B7AC7;}
	.st5{fill:#FFCC4F;}
	.st6{fill:#507F32;}
	.st7{fill:#518033;}
	.st8{fill:#518032;}
	.st9{fill:#75B862;}
	.st10{fill:#7AC276;}
	.st11{fill:#4586BA;}