
﻿/**   * 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(https://freudesprueng.ch/wp-content/plugins/saferpay_woocommerce_gateway/assets/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; }