/**
* 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 2022 idnovate.com
*  @license   See above
*/

.hidden {
  display: none;
}

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

.card-payment .month-input {
    padding-left: 0;
    text-align: center;
    float: left;
}

.rtl .card-payment .month-input {
    float: right;
    padding-right: 0;
}

.card-payment .year-input {
    padding-right: 0;
    text-align: center;
    float: left;
}

.rtl .card-payment .year-input {
    left: 0;
    text-align: center;
    float: right;
}

.card-payment .month-input input,
.card-payment .year-input input {
    text-align: center;
}

.card-payment .info-title {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.card-payment ::-webkit-input-placeholder {
   text-align: center;
}

.card-payment :-moz-placeholder { /* Firefox 18- */
   text-align: center;
}

.card-payment ::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
}

.card-payment :-ms-input-placeholder {
   text-align: center;
}

.tipso_bubble.right > .tipso_arrow {
    display: none;
}

/******************* FORM IN CHECKOUT PAGE *******************/
.card-payment .card-issuers img {
    margin-right: 4px;
}

.card-payment .input-group .input-group-btn>.btn {
    height: 100%;
    border: 1px solid rgba(0,0,0,.25);
    border-left: none;
    color: #7a7a7a;
}

.rtl .card-payment .input-group .input-group-btn>.btn {
    border-right: none;
    border-left: 1px solid rgba(0,0,0,.25);
}

/* 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 }
}

/* RTL fix */
.jp-card-container {
    direction: ltr;
}