/*
.paymentform .form-text,
.paymentform .form-no-label,
.paymentform .form-type-textarea,
.paymentform .form-type-select,
.paymentform .form-type-email,
.paymentform #edit-actions-submit,
.paymentform #payment-error-container,
.alert-success{

} */


.webform-submission-form, #far-authnet-processing-spinner, #far-authnet-payment-error-alert, .alert-success {
    display: none;
}

.fname-on-card {
    width: 50%;
    float:left;
    min-width: 170px;
    padding-right:10px;
}

.lname-on-card {
    width: 50%;
    float:left;
    min-width: 170px;
    padding-left:10px;
}
.card-expiration-container {
    width: 100%;
    float:left;
}
.acard-number{
    float:left;
    width: calc(100% - 210px);
    padding-right: 20px;
}
.acard-icon{
    float:left;
    max-width: 200px;
    padding-top:15px;
}
.acard-icon img{
    float:left;
    max-height: 40px;
}
/* Add margin-top: 20px if form has class "hidelabels" */
.acard-icon-margin-top-20{
    margin-top: 20px;
}

#far-authnet-processing-spinner {
    box-shadow: 0 1px 4px 3px #d9d9d9;
    background-color: #f2f2f2;
    padding: 20px;
}


#far-authnet-processing-spinner {
    font-family: "OpenSans-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#3E6FB7;
    font-size:22px;
    width:100%;
    text-align: center;
}

#far-authnet-processing-spinner img {
    margin-right: 6px;
    margin-bottom: 3px;
    height:20px;
}

#far-authnet-processing-spinner span {
    font-family: OpenSans-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px;
    display: inline-block;
    width:100%;
    text-align: center;
    font-weight: normal !important;
    color: rgb(47, 48, 52);
    clear:both;
    margin-top:15px;
}

@media screen and (max-width: 800px) {
    .fname-on-card,.lname-on-card{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .acard-icon{
        display:none;
        clear:both;
        padding-top: 0;
    }
    /*.acard-icon img{
        float: right;
        max-height: 20px;
    }
    .acard-icon-margin-top-20{
        margin-top: 0;
    } */
    .acard-number{
        float: right;
        width: 100%;
        padding-right: 0;
    }
}