/**

 * Saferpay PaymentService

 *

 * NOTICE OF LICENSE

 *

 * Once you have purchased the software with PIT Solutions AG / Six Payment services AG

 * or one of its  authorised resellers and provided that you comply with the conditions of this contract,

 * PIT Solutions AG and Six Payment services AG grants you a non-exclusive license,

 * unlimited in time for the usage of the software in the manner of and for the purposes specified in License.txt

 * available in extension package, according to the subsequent regulations

 *

 * DISCLAIMER

 *

 * Do not edit or add to this file if you wish to upgrade this extension to

 * newer versions in the future.

 *

 * @category Saferpay

 * @package Saferpay_PaymentService

 * @author PIT Solutions Pvt. Ltd.

 * @copyright Copyright (c) 2020 PIT Solutions AG. (www.pitsolutions.ch) and Six Payment services AG ( https://www.six-payment-services.com/)

 * @license https://www.webshopextension.com/en/licence-agreement-saferpay

 *

 */



.notify-wrapper {

    position: fixed;

    opacity: 0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 9999;

    background-color: rgba(0, 0, 0, .5);

    transition: .3s;

    -webkit-transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

}

.notify-wrapper * {

    box-sizing: border-box;

}

.notify-wrapper .notify-window {
    transform: translate3d(0, 50px, 0);

    -webkit-transform: translate3d(0, 50px, 0);

    transition:.3s cubic-bezier(0, 0, 0, 1);

    -webkit-transition: .3s cubic-bezier(0, 0, 0, 1);

    width: 300px;

    border-radius: .25em;

    overflow: hidden;

    font-size: .9em;

    user-select: none;

    box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, .3);

}

.notify-wrapper .notify-window h3 {

    margin: 0;

    padding: 1em 1em;

    font-size: 1em;

    font-weight: normal;

    line-height: 1.5em;

}

.notify-wrapper .notify-window h3 i {

    font-size: 1.5em;

    position: relative;

    top: .08em;

    margin-right: .25em;

}

.notify-wrapper .notify-window p {

    padding: 1em 1em 2em;

    margin: 0;

    background-color: #ffffff;

    color: #000000;

}

.notify-wrapper .notify-window .buttons {

    padding: .75em 1em;

    background-color: #f3f3f3;

    text-align: center;

}

.notify-wrapper .notify-window .buttons button {

    margin: 0 .5em;

    padding: .5em 2em;

    border-radius: .25em;

    font-size: 1em;

    border-width: 1px;

    outline: 0;

}

.notify-wrapper .notify-window .buttons .ok {

    background-image: linear-gradient(180deg, #ffffff, #e6e3e6 90%);

}

.notify-wrapper .notify-window .buttons .cancel {

    color: #888888;

}

.notify-wrapper .notify h3 {

    background-color: rgba(0, 0, 0, .5);

    color: #ffffff;

    text-align: center;

}

.notify-wrapper .alert h3 {

    background-color: #cc6666;

    color: #ffffff;

}

.notify-wrapper .confirm h3 {

    background-color: #3366cc;

    color: #ffffff;

}

.notify-wrapper .success h3 {

    background-color: #1b926c;

    color: #ffffff;

}

.notify-wrapper.show {

    opacity: 1;

}

.notify-wrapper.show .notify-window {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.smallLoader {

    display: none;

    position: fixed;

    left: 0px;

    top: 0px;

    right: 0;

    z-index: 9999;

    width: 100%;

    height: 100%;

    opacity: 0.5;

    background:#f9f9f9 url(../images/AjaxLoader.gif) center no-repeat;

}

.sfwp-iframe {

    width: 100% !important;

    border: 0 !important;

}

iframe {

    overflow: hidden;

}


/* 30-12-19 loader*/

.ajax-loading {

    display: none;

    left: 50%;

    position: absolute;

    top: 50%;

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

    z-index: 999;

}



.ajax-loading>i {

    animation: ajax-loading 1s ease-in-out infinite;

    background-color: #4e4e4e;

    border-radius: 4px;

    display: inline-block;

    height: 18px;

    margin-right: 2px;

    width: 4px

}

.ajax-loading>i:nth-child(1) {

    animation-delay: 0

}

.ajax-loading>i:nth-child(2) {

    animation-delay: 90ms

}

.ajax-loading>i:nth-child(3) {

    animation-delay: .18s

}

.ajax-loading>i:nth-child(4) {

    animation-delay: .27s

}

@keyframes ajax-loading {

    0% {

        transform: scale(1)

    }

    20% {

        transform: scale(1, 2.2)

    }

    40% {

        transform: scale(1)

    }

}

.alert-danger {

    color: #721c24;

    background-color: #f8d7da;

    border-color: #f5c6cb;

    position: relative;

    padding: .75rem 1.25rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .25rem;

}

#iframe-wrap .alert-danger {

    padding: 10px;

    display: flex;

    text-align: left;
}

#iframe-wrap .alert-danger svg.alert-triangle {

    margin-right: 10px;

    width: 25px;

    height: 25px;

}
#iframe-wrap .alert-danger p{

    font-size: 14px;

}

.alert-danger p {

    padding: 0;

    margin: 0;

    display: inline-block;

}

.alert-danger svg.alert-triangle {

    display: inline-block;

    vertical-align: text-bottom;

    margin-right: 5px;

    width: 20px;

    height: 20px;

}

.auForm select {

    margin: 0 10px 25px 0;

    min-width: 120px;

    height: 30px;

    border-radius: 5px;

}

.auWrap {

    display: none;

}

.auWrap p {

    font-weight: 600;

}

.text-center {

    text-align: center;

}

.addCard {

    margin-top: 30px;
    margin-bottom: 30px;

}
.credit_card_icons{

    display:flex;
    flex-wrap: wrap;

}

.input-group .logo {

    right: 2em;

}

.woocommerce-MyAccount-content{
    overflow-x: auto;
}
#saferpay-div {

    padding: 20px 0px !important;

}
.woocommerce-MyAccount-content #sfwp-cardtype{
    border: 1px solid #cdcdcd;
    background-color: #fff;
    width: 15.5em;
    max-width: 100%;
    display: block;
    text-decoration: none;
    padding: 7px 7px 5px;
    line-height: 1;
    cursor: pointer;
    padding-right: calc(10px + .7em + .7em);
    font-size: 14px;
}
select:focus-visible{
    outline-color: #96588a;
}
#expiration-help,

#cvc-help,

#card-number-help,

#holder-name-help{

    font-size: 14px;

    line-height: 16px;

    color: #e2401c;

}
.payment_box.payment_method_spgw_credit_card input#fields-card-number {

    padding-left: .75rem;

}
#saferpay-div.sample-four input::-webkit-input-placeholder,

#saferpay-div.sample-one input::-webkit-input-placeholder,

#saferpay-div.sample-two input::-webkit-input-placeholder { /* Edge */

    color: #6d6d6d;

    font-size: 18px;



  }

  #saferpay-div.sample-four input::-ms-input-placeholder,

  #saferpay-div.sample-one input::-ms-input-placeholder,

  #saferpay-div.sample-two input::-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: #6d6d6d;

    font-size: 18px;



}

  

#saferpay-div.sample-four input::placeholder,

#saferpay-div.sample-one input::placeholder,

#saferpay-div.sample-two input::placeholder {

    color: #6d6d6d;

    font-size: 18px;



}
/* jquery-ui plugin styles overrided */
.sfwp-popup .ui-widget-content {
    background: #fff !important;
    color: #333333;
    border: none !important;
    border-radius: 0 !important; 
}
.sfwp-popup .ui-widget-header {
    border: none !important;
    background: none !important;
    font-weight: normal;
    color: inherit !important;
    border-radius: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: #fff !important;
    font-weight: normal;
    color: inherit !important;
    border-radius: 0 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none !important;
    font-weight: bold;
    color: inherit !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: none !important;
}
 /* .blockUI::before {
    display: none !important;
}  */
 /* .blockUI.blockOverlay {
    position: relative !important;
}  */
@media (min-width: 1200px) {

    .woocommerce-MyAccount-content table td {

        min-width: 140px;

    }

}

@media (max-width: 768px) {

    #saferpay-div {

        padding: 15px 0px !important;

    }

    #payment .payment_methods li .payment_box,

    #payment .payment_methods>li .payment_box,

    #payment .place-order {

        padding: 0 !important;

    }

}


@media only screen and (min-width: 769px) {

    .wc_payment_method.payment_method_spgw_credit_card .payment_method_spgw_credit_card #wrapper .col-7 {

        width: 58%;

    }

    .wc_payment_method.payment_method_spgw_credit_card .payment_method_spgw_credit_card #wrapper .col-3 {

        width: 25%;

    }

    .wc_payment_method.payment_method_spgw_credit_card .payment_method_spgw_credit_card #wrapper .col-2 {

        width: 16%;

    }

}

@media(min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    #saferpay-div.sample-three #wrapper iframe#fields-card-number {

        width: 670px !important;

    }

    .wc_payment_method.payment_method_spgw_credit_card .payment_method_spgw_credit_card #wrapper .col-2 {

        width: 20%;

    }

    #saferpay-div.sample-two {

        padding: 36px 10px;

    }

}



@media only screen and (max-width: 768px) {

    section.woocommerce-order-details{
        overflow-x: auto;
    }

    table.order_details{
        overflow-x: scroll;
    }

}

@media (min-width: 1200px){
    .woocommerce-MyAccount-content table td {
        min-width: 0px;
    }
}

li.wc_payment_method.payment_method_spgw_credit_card img {
width: 20px;
}