/* =========================================================================
   Form Credit Card Classes
   ========================================================================= */

/* ============================================================================
 * ========= new in-box CC images =============================================
 * ========= to be used with podi_forms.js functionality ======================
 * ============================================================================
 */

/* e.g.
<div class="input-group">
    <span class="input-group-addon selCC">&nbsp;&nbsp;&nbsp;</span>
    <input type="text" id="ccNumber" name="ccNumber" value="" placeholder="Card Number" class="form-control" data-touch-type="number" 
    data-rule-required="true" data-msg-required="Please enter a Credit Card Number" data-rule-cleancreditcard="true" 
    data-msg-cleancreditcard="Please enter a valid Credit Card Number" autocomplete="off" aria-required="true">    
</div>
*/

.selCC {
    background-image: url('./paymentvector/25.png');
    background-repeat: no-repeat;
    background-size:88%;
    background-position: 50% 50%;
}
.selCC.visa{    
    background-image: url('./paymentvector/1.png');
}
.selCC.mastercard{    
    background-image: url('./paymentvector/2.png');
}
.selCC.amex{    
    background-image: url('./paymentvector/22.png');
}
.selCC.discover{    
    background-image: url('./paymentvector/14.png');
}
.selCC.diners_club_carte_blanche,
.selCC.diners_club_international{    
    background-image: url('./paymentvector/10.png');
}
.selCC.jcb{    
    background-image: url('./paymentvector/16.png');
}
.selCC.maestro{    
    background-image: url('./paymentvector/3.png');
}
.selCC.visa_electron{    
    background-image: url('./paymentvector/7.png');
}

.form-control_row-item{
    margin-bottom:.5em;
}

/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* Credit Cards -- only included for legacy, not usually used */
/*
.form-cards {
    margin: 0 0 15px;
    height: 31px;
}
.form-cards>.cards {
    margin: 0;
    margin-left: -40px;
}
.form-cards>.cards>li {
    list-style-type: none;
    float: left;
    margin: 0 4px 0 0;
}
.form-cards>.cards>li.text {
    font-size: 11px;
    color: #999;
    line-height: 31px;
}
.form-cards>.cards .card {
    float: left;
    width: 47px;
    height: 31px;
    text-indent: -9999px;
    background-position: 0 0;
    background-image: url("./credit-cards.png?75a26");
}
.form-cards>.cards .card.visa {
    background-position: 0 0;
}
.form-cards>.cards .card.american_express {
    background-position: -50px 0;
}
.form-cards>.cards .card.master {
    background-position: -100px 0;
}
.form-cards>.cards .card.discover {
    background-position: -150px 0;
}
.form-cards>.cards .card.jcb {
    background-position: -200px 0;
}
.form-cards>.cards .card.diners_club {
    background-position: -250px 0;
}
.form-cards>.cards .card.disabled {
    opacity: .3;
}
.cvvImage{
    margin-top: 3px;
    margin-left: -5px;  
    display: inline-table;
}
.has-error .has-error-not{
    border-color:inherit;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;   
}
*/