/**
* Credit card offline payment
*
* NOTICE OF LICENSE
*
* This product is licensed for one customer to use on one installation (test stores and multishop included).
* Site developer has the right to modify this module to suit their needs, but can not redistribute the module in
* whole or in part. Any other use of this module constitues a violation of the user agreement.
*
* DISCLAIMER
*
* NO WARRANTIES OF DATA SAFETY OR MODULE SECURITY
* ARE EXPRESSED OR IMPLIED. USE THIS MODULE IN ACCORDANCE
* WITH YOUR MERCHANT AGREEMENT, KNOWING THAT VIOLATIONS OF
* PCI COMPLIANCY OR A DATA BREACH CAN COST THOUSANDS OF DOLLARS
* IN FINES AND DAMAGE A STORES REPUTATION. USE AT YOUR OWN RISK.
*
*  @author    idnovate.com <info@idnovate.com>
*  @copyright 2017 idnovate.com
*  @license   See above
*/

.nopadding.month-input {
    padding-right: 0;
}
.nopadding.year-input {
    padding-right: 0;
}
.nopadding.year-input.display-icons {
    padding-left: 0;
}

#payment_form .expiry-date input {
    text-align: center;
}
#payment_form .expiry-date .input-group-addon:last-child { border-left: 1px solid #d6d4d4; }

#payment_form ::-webkit-input-placeholder {
   text-align: center;
}

#payment_form :-moz-placeholder { /* Firefox 18- */
   text-align: center;
}

#payment_form ::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
}

#payment_form :-ms-input-placeholder {
   text-align: center;
}

#payment_form p {
    margin: 15px 0;
}

#payment_form p.info-title { margin-top: 0 }

#payment_form .image-hint {
    display: inline-block!important;
}

#payment_form p.cart_navigation {
    padding: 10px 0;
}

p.payment_module a.creditcard:after {
    display: block;
    content: "\f054";
    position: absolute;
    right: 15px;
    margin-top: -11px;
    top: 50%;
    font-family: "FontAwesome";
    font-size: 25px;
    height: 22px;
    width: 14px;
    color: #777777;
}

p.payment_module a.creditcard {
    background: url(../img/cards.png) 15px 15px no-repeat #fbfbfb;
    border: none;
}


#card-processing {
    text-align:center;
    font-weight:bold;
    display:none;
    margin:20px 0 0 0;
}

/******************* FORM IN CHECKOUT PAGE *******************/
div.ccpayment {
  border: 1px solid #d6d4d4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fbfbfb;
  margin-bottom: 10px;
}

div.ccpayment p.payment_module {
    margin-bottom: 0;
}

#order-opc div.ccpayment .form-group {
  margin-bottom: 15px;
}

#order-opc div.ccpayment .form-group:last-child {
    margin-bottom: inherit;
}

#order-opc div.ccpayment .form-group .form-control {
    max-width: inherit;
}

div.ccpayment #payment_form {
    border: none;
}

#order-opc div.ccpayment #credit-form.box {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#order-opc div.ccpayment .cart_navigation {
    margin-bottom: 30px;
}

#ccpayment_form { overflow: hidden; }
#ccpayment_form .box { border: none; }

#order-opc #center_column div.ccpayment form.std .row [class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

/* Hide card.js when there isn't enough space */
@media (max-width: 768px) {
  #credit-form .payment_form_container .col-sm-6 { width: 100% }
  .card-wrapper { display: none }
}