/*.container {*/
/*    background-color: rgb(240, 240, 240);*/
/*    margin: auto;*/
/*    width: calc(95%);*/

/*    border: none;*/
/*    border-radius: 4px;*/
/*}*/

#checkout-form {
    position: relative;
    width: calc(95%);
    margin: auto;
    padding: 10px;
    margin-top: 31px;
}

#checkout-form label {
    display: block;
    min-height: 25px;

    font-size: 15px;
    font-weight: 500;
    margin: 5px 0;
    padding: 0;
    color: red;
}

#checkout-form #card-number, #checkout-form #card-cvv, #checkout-form #card-expiry {
    background-color: #FFF;
    display: block;
    width: calc(90%);
    border-radius: 2px;
    border: 1px solid rgba(200, 200, 200, 1);
    padding: 14px 60px 13px 20px;
    margin: auto;
    transition: all 100ms ease-out;
}

/* card images are added to card number */
#checkout-form #card-number {
    background-image: none;

    background-origin: content-box;
    background-position: calc(100% + 40px) center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* buttons */
#checkout-form .btn {
    vertical-align: top;
}

#checkout-form .btn {
    position: relative;
    border: none;
    border-radius: 4px;
    background-color: rgba(120, 71, 181, 1);
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    transition: all 100ms ease-out;
    padding: 11px 25px;
}

#checkout-form .btn:hover, .btn:active {
    background-color: rgba(69, 36, 89, 1);
}

#checkout-form .btn:active {
    box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.3);
}

#checkout-form .btn:disabled {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(120, 71, 181, 1);
    color: rgba(120, 71, 181, 1);
}

/* feedback is displayed after tokenization */
#checkout-form #feedback {
    position: relative;
    left: 15px;
    display: inline-block;
    background-color: transparent;
    border: 0px solid rgba(200, 200, 200, 1);
    border-radius: 4px;
    transition: all 100ms ease-out;
    padding: 11px;
}

#checkout-form #feedback.error {
    color: red;
    border: 1px solid;
}

#checkout-form #feedback.success {
    color: seagreen;
    border: 1px solid;
}

/*datos-bambora*/
#bambora_pago input{
    margin-top: 10px;
    border-radius: 2px;
    border: 1px solid rgba(200, 200, 200, 1);
    padding: 14px 60px 13px 20px;
    width: 73%;
}

#bambora_pago select.bambora_year{
    margin-top: 10px;
    border-radius: 2px;
    border: 1px solid rgba(200, 200, 200, 1);
    padding: 14px 1px 13px 9px;
    width: 14%;
    text-align: center;
    margin-left: 15px;
    /*float: right;*/
}
#bambora_pago select.bambora_month{
    margin-top: 10px;
    border-radius: 2px;
    border: 1px solid rgba(200, 200, 200, 1);
    padding: 14px 1px 13px 9px;
    width: 14%;
    text-align: center;
    margin-left: 15px;
    /*float: right;*/
}
div#bambora_date {
    width: 73%;
}
label.exp_label{
 margin-top: 20px;
}
/*div#bambora_pago {*/
/*    margin-top: 5px;*/
/*}*/

button.bambora_pay{
    margin-top: 13px;
}