/**

 * Plugin Name: StPays

 * Plugin URI:

 * Description: Official StPays plugin.

 * Version: 2.0.3

 * Author: Nexi SpA

 * Author URI: StPays Srl

 * Text Domain: stpays

 * Domain Path: /lang

 *

 * Copyright: © 2017-2018, Nexi SpA

 * License: GNU General Public License v3.0

 * License URI: http://www.gnu.org/licenses/gpl-3.0.html

 */



div#stpays-cc-content {

    position: fixed;

    top: 50%;

    width: 100%;

    left: 50%;

    height: auto;

    background: #f2f2f2;

    max-width: 471px;

    padding: 40px;

    /*max-height: 510px;*/

    overflow-y: auto;

    transform: translate(-50%, -50%);

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

}
.woocommerce-checkout .wc_payment_method img{
    display: block !important;
}
div#stpays-cc-content  .stpay-payment-img{
    max-width: auto !important;
    float: left!important;
    margin-bottom: 13px !important;
    margin-top: 14px !important;
}
.stpays_panel_body_wrap p.form-row {
    margin: 0 !important;
}
.stpays-cc-content-overlay {

    position: fixed;

    left: 0;

    height: 100%;

    width: 100%;

    background: #00000087;

    top: 0;

        z-index: 9998;

    opacity: 0;

    visibility: hidden;

}

.stpays-cc-content-close {

    position: absolute;

    right: 15px;

    top: 15px;

    cursor:pointer;

}



.stpays-cc-content-overlay.show-stpay-popup ,div#stpays-cc-content.show-stpay-popup {

    visibility: visible;

    opacity: 1;

}
.stpays_panel_body_wrap label {
    margin-bottom: 0;
}

.stpays_panel_body_wrap .stpays_field {
    margin: 0px 0px 10px;
}

div#stpays-cc-content h4 {
    margin-bottom: 10px;
    font-size: 24px;
}
div#stpays-cc-content h2 {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 10px;
}

button#woocommerce_stpays_place_order {margin: 0 auto;display: block;margin-top: 15px;}

#order_xpay{

    padding: 23px 24px 12px;

}



#order_xpay_details h2 {

    margin: 0;

    font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',sans-serif;

    font-size: 21px;

    font-weight: 400;

    line-height: 1.2;

    text-shadow: 1px 1px 1px #fff;

    padding: 0;

}



#order_xpay_details .order_data_column_container {

    clear: both;

    display: flex;

}



#order_xpay_details .order_data_column {

    width: 32%;

    padding: 0 2% 0 0;

    float: left;

    height: 200px;

}



#order_xpay_details .order_data_column p {

    padding: 0 !important;

}



#order_xpay_details p {

    color: #777;

}



.stylePreview *, .stylePreview :after, .stylePreview :before {

    box-sizing: border-box;

}



.stylePreview :focus {

    outline: none

}



.stylePreview body {

    padding: 0;

    margin: 0;

    font-family: sans-serif;

    font-size: 15px;

    top: 0px;

    left: 0px

}



.stylePreview .Bricks {

    display: inline-block;

    width: 100%;

    max-width: 530px;

    height: 32px;

    border: 1px solid #d6d4d4;

    padding: 6px;

    margin-bottom: 10px;

}



.stylePreview .Bricks, .Bricks>* {

    font-size: 15px;

    white-space: nowrap;

    overflow: hidden;

    top: 0;

    line-height: 1.2em;

}



.stylePreview input {

    background-color: transparent;

    border: none;

    display: block;

    margin: 0;

    padding: 0;

    font-size: 1em;

    height: 1.2em;

    box-shadow: none;

}

.stpays_field {

    padding: 7px 5px;

    background: #fff !important;

    margin-top: 6px;

    margin-bottom: 10px;

}

.stylePreview .placePan{

    display:inline-block;

    left: 0

}



.stylePreview .placeExp{

    display:inline-block;

    right: 55px

}



.stylePreview .placeCvv {

    display:inline-block;

    right: 0

}



.stylePreview .input-container {

    position: relative;

}



.stylePreview .input-container input {

    width: 100%;

    box-sizing: border-box;

}

.wc_payment_method img:first-child{
    max-height: 40px;
}

#payment .payment_methods li.wc_payment_method img {
    /*max-width: 120px;*/
    /*max-height: 40px;*/

}



#payment .payment_methods #xpay_list_icon img {

    max-width: none;

    max-height: 100%;

}

#order_review .shop_table.stpays-table th {

    background: #D5D6DB;

}

#order_review .shop_table.stpays-table td {

    background: #fff;

    border-bottom: 1px solid #ddd;

}

table.woocommerce-checkout-review-order-table .product-name.stpays-installment {

    width: 30%;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 16px;

}

table.woocommerce-checkout-review-order-table .product-name.stpays-date {

    width: 40%;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 16px;

}

table.woocommerce-checkout-review-order-table .product-total.stpays-amount {

    width: 30%;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 16px;

}



table.woocommerce-checkout-review-order-table .product-name.stpays-total {

    width: 30%;

    padding-left: 10px;

    padding-right: 10px;

    text-align: left;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 16px;

}

#payment .payment_methods li p.stpays-select,

.entry-content p.stpays-select{

    margin-bottom: 0px;

    margin-top: 10px;

    font-size: 16px;

}



.stpays-p-size{

    font-size: 16px;

}



#order_review .shop_table.stpays-table{

    margin-bottom: 1em;

    font-size: 16px;

}



#payment .payment_methods li p.stpays-p-confirm{

margin-bottom: 1.5em;

    font-size: 16px;

}



.stpays-card{

    max-width: 420px;

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@-webkit-keyframes pulse {

  50% {

    background: white;

  }

}

@keyframes pulse {

  50% {

    background: white;

  }

}



.stpays-loading:before {

    border-radius: 50%;

    width: 24px;

    height: 24px;

    border: 0.25rem solid rgb(35 40 45);

    border-top-color: white;

    -webkit-animation: spin 1s infinite linear;

    animation: spin 1s infinite linear;

    content: "";

    position: absolute;

    left: 45%;

    top: 50%;

    transform: translate(-50%, -50%);

}

div#stpays-intallment-info {

    position: relative;

}



div#stpays-intallment-info.stpays-loading {

    opacity: 0.5;

}   

.stpays-custom-field-wrapper {
    max-width: 100% !important;
}

.stpays-custom-field-wrapper h5 , .stpays-custom-field-wrapper h6 {
    margin: 12px 0;
}