@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://checkoutshopper-test.cdn.adyen.com/checkoutshopper/sdk/6.18.0/adyen.css');

#encryptedCardNumber {
    border: 1px solid #333 !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.adyenCardContainer {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.adyenCardNumber {
    width: 100%;
    text-align: left;
    position: relative;
    top: 0px;
    border: 1px solid red;
    max-height: 15px;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.adyenCardInput {
    width: 100%;
    margin: 0 auto;
    border: 1px solid blue;
    height: 255px;
}

.adyenExpiry {
    width: 50%;
    max-width: 200px;
    margin: 0 auto;
    border: 1px solid red;
}

.adyenCVV {
    width: 50%;
    max-width: 200px;
    margin: 0 auto;
    border: 1px solid red;
}


.adyen-checkout__field {
    /* Form field container */
}

.adyen-checkout__label {
    /* Form label container */

}

.adyen-checkout__label__text {
    /* Text element inside the form label container */
}

.adyen-checkout__input {
    /* Input fields */
}

.js-iframe-input .input-field {

}

.adyen-checkout__input--error {
    /* Error state for the input fields */
    position: relative;

    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

adyen-checkout__label__text--error {
    position: relative;

    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.adyen-checkout__error-text {
    /* Error message text */
}

.adyen-checkout__field {
    position: relative;

}

.adyen-checkout__field--postalCode {
    position: relative;
    top: 80px;
}

.adyen-checkout__card__form {
    /* Input field for the card number */
    position: relative;
 
}

.adyen-checkout__card__brands {
    position: relative;

}

.adyen-checkout__field--expiryDate {
    /* Input field for the expiry date */
    position: relative;

}

.adyen-checkout__field__cvc {
    /* Input field for the CVC security code */
    position: relative;

}

.adyen-checkout-contextual-text {
    display: none;
}

.adyen-checkout__card__holderName {
    /* Input field for cardholder name */
    /*    border: 1px solid red;*/
    position: absolute;
    top: -20px;
}

.adyen-checkout__field.adyen-checkout__card__holderName.adyen-checkout__field--error {
/*    position: absolute;
    top: -20px;
    border: 1px solid blue;*/
}

.adyen-checkout__card__form {
    position: relative;
    top: 85px;
}


:root {
    /*    --adyen-checkout-input-wrapper-focus-border-color: #ff8888;
    --adyen-sdk-color-label-primary: #333;*/
}

.adyen-checkout__button {
    position: relative;
    top: 95px;
    margin: 0px auto 10px auto;
    height: 55px !important;
    min-width: 250px !important;
    width: 50% !important;
    background-color: #ed2079 !important;
    border-radius: 7px !important;
    color: white !important;
    text-transform: capitalize !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
}

.adyen-checkout__button span span {
    visibility: hidden;
}

    .adyen-checkout__button span {
        position: relative;
        left: 16px;
    }

    .adyen-checkout__button:after {
        position: relative;
        right: 18px;
        content: 'Add Card';
    }

.adyen-checkout__input--focus {
   /* outline: 4px solid orange;*/
}

.adyen-checkout__input--field {
/*    outline: 4px solid orange;*/
}

.adyen-checkout__fieldset__title {
    display: none;
}


.adyen-checkout__button__content .adyen-checkout__spinner__wrapper {
    position: relative;
    right: 55px;
}