#payment_form_adyen_cc {
}

#payment_form_adyen_cc .adyen-checkout__field {
    margin: 0 0 8px;
}
#payment_form_adyen_cc .adyen-checkout__label {
    display: block;
    width: 100%;
    margin-bottom: 14px;
}
#payment_form_adyen_cc .adyen-checkout__label__text {

}
#payment_form_adyen_cc .adyen-checkout__label__text::after {
    content: ' *';
    color: #df280a;
    font-weight: normal;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}

#payment_form_adyen_cc .adyen-checkout__input-wrapper {
    display: block;
    padding: 5px;
    height:48px;
}

#payment_form_adyen_cc .adyen-checkout__input {
    width: 50%;
    float: left;
    line-height: 28px;
    height: 38px;
    font: 15px "Futura BT Book", arial, "helvetica", sans-serif;
    color: #434343;
    padding: 0 2%;
    border: 1px solid #CAD2D0;
    border-radius: 0;
    letter-spacing: 0.06em;
}
#payment_form_adyen_cc .adyen-checkout__input.adyen-checkout__card__cardNumber__input,
#payment_form_adyen_cc .adyen-checkout__input.adyen-checkout__card__holderName__input {
    width: 100%;
}
#payment_form_adyen_cc .adyen-checkout__card__cardNumber__input img {
    float:right;
    position:relative;
}
#payment_form_adyen_cc .adyen-checkout__card__cardNumber__input iframe {
    position:relative;
    top:-18px;
}

#payment_form_adyen_cc .adyen-checkout__card__exp-date__input {
    width:150px;
}

#payment_form_adyen_cc .adyen-checkout__card__cvc__input {
    width: 6em;
}

#payment_form_adyen_cc .adyen-checkout__icon {
    float: right;
}
#payment_form_adyen_cc .adyen-checkout__icon svg {
    fill:silver;
    width:18px;
    height:18px;
}
#payment_form_adyen_cc .adyen-checkout__error-text {
    display: block;
    clear: both;
    margin-left: 5px;
    margin-bottom: 8px;
    font: 13px arial, "helvetica", sans-serif;
    color: #dc3545;
}
#payment_form_adyen_cc .adyen-checkout-input__inline-validation {
    /*float:right;*/
    /*position:relative;*/
    /*top:-35px;*/
    /*right:10px;*/
}
#payment_form_adyen_cc .adyen-checkout-input__inline-validation--valid .adyen-checkout__icon svg {
    fill:#71B02C;
    width: 25px;
    height: 25px;
}
#payment_form_adyen_cc .adyen-checkout-input__inline-validation--invalid .adyen-checkout__icon svg {
    fill:#c31924;
}

@media only screen and (min-width: 768px) {
    #payment_form_adyen_cc .adyen-checkout__input.adyen-checkout__card__cardNumber__input,
    #payment_form_adyen_cc .adyen-checkout__input.adyen-checkout__card__holderName__input{
        width: 270px;
    }
}