﻿/*******************************************************
 **     Custom Credit Card Payment styling
*******************************************************/

/* CSS for Credit Card Payment form */
.panel-title {
    display: inline;
    font-weight: bold;
}

.form-control.error {
    border-color: red;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}

label.error, .field-validation-error {
    color: red;
    margin-top: 2px;
}

.credit-card-box .payment-errors {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

.credit-card-box label {
    display: block;
}

.credit-card-box .display-tr, .display-tr {
    display: table-row;
}

.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

/* Just looks nicer */
/*.credit-card-box .panel-heading img {
    min-width: 180px;
}*/