.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(//www.papierama.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;
} .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 { 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 { 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;
} .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;
}  @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;
}