/*------------------------checkbox de terminos y condiciones-------------------------------------*/
    input[type="checkbox"] {
        display:none;
    }
    .label-txt {
        cursor:pointer;
        vertical-align: middle;
    }
    .label-cbx {
        width:20px;
        height:20px;
        position:relative;
        display:inline-block;
        vertical-align:middle;
        border:2px solid grey;
        border-radius:2px;
        transition:0.3s ease;
        cursor:pointer;
        margin-right:7px;
    }
    input[type="checkbox"]:checked + .label-cbx {
        border-color: transparent;
    }
    .label-cbx:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        margin: -10px 0 0 -10px;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background: #1976D2;
        transform: scale(0);
    }
    input[type="checkbox"]:checked + .label-cbx:before {
        transform: scale(1);
        opacity:0;
        transition: all 0.6s ease-out;
    }
    .label-cbx:after {
        content:"";
        position:absolute;
        top:15px;
        left:5px;
        border-bottom:3px solid transparent;
        border-right:3px solid transparent;
    }
    input[type="checkbox"]:checked + .label-cbx:after {
        animation:0.10s DrawMark ease-out 0.1s;
        animation-fill-mode:forwards;
    }
    @keyframes DrawMark {
        0% {
            width:0px;
            height:0px;
            transform:translate(0,0) rotate(45deg);
        }
        100% {
            width:7px;
            height:14px;
            border-bottom:3px solid #1976D2;
            border-right:3px solid #1976D2;
            transform:translate(0,-15px) rotate(45deg);
        }
    }
    /*   ------------------------End checkbox de terminos y condiciones-------------------------------------*/
    /**
 * ---------------------------------Estilos de la caja de texto de STRIPE-----------------------------------
    The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
    .StripeElement {
        background-color: white;
        height: 40px;
        padding: 10px 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        box-shadow: 0 1px 3px 0 #e6ebf1;
        -webkit-transition: box-shadow 150ms ease;
        transition: box-shadow 150ms ease;
    }

    .StripeElement--focus {
        box-shadow: 0 1px 3px 0 #cfd7df;
    }

    .StripeElement--invalid {
        border-color: #fa755a;
    }

    .StripeElement--webkit-autofill {
        background-color: #fefde5 !important;
    }

    .fondo{
        background: #b70030 !important;
    }
    .letra_color{
        color:white !important;
    }