﻿
#StripePaymentModal .modal-body {
    padding: 30px 15px;
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    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;
}

#StripePaymentModal .modal-header {
    background: transparent !important;
    border-bottom: 0;

}

 

    #StripePaymentModal .modal-header .modal-title {
        color: #555;
        text-align: left;
        border-radius: 6px;
        font-size: 22px;
        font-weight: 600;
    }

#payment-form .card-element {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 0;
}

.card-element #cradet-card {
    cursor: pointer;
}

#payment-form #card-element {
    /* margin-top: 15px; */
    /* height: 35px; */
    /* padding: 7px 12px; */
    /* border-color: #c2cad8 !important; */
    /* box-shadow: none; */
    margin-bottom: 20px;
}

.ElementsApp,
.ElementsApp .InputElement {
    font-size: 14px;
}
 
#payment-form .submit-payment-btn button {
    background: #32325d;
    color: #fff;
    border: 1px solid;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    margin-top: 0;
    transition: .3s linear;
    font-size: 17px;
    font-weight: 600;
}

    #payment-form .submit-payment-btn button:hover {
        border-color: #1271c4;
        transition: .3s linear;
    }

#card-errors,
.StripeElement--empty {
    color: red;
}

.StripeElement--invalid {
    BORDER: 1px solid red !important;
}

#payment-form ::placeholder {
    color: #c9d1da;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    opacity: .6;
}

#payment-form .form-control {
    border-radius: 4px !important;
}

div#StripePaymentModal {
    padding-left: 0 !important;
}