.facturae-field {
margin-bottom: 1rem;
}
.facturae-field label {
font-weight: 500;
} .facturae-checkout-field .form-row {
margin-bottom: 1rem;
} .factura-checkbox-field {
margin-top: 0.5rem;
}
.factura-checkbox-field label {
font-weight: normal;
} .document-fields-wrapper {
background-color: #f8f9fa;
padding: 1rem;
border-radius: 4px;
margin-top: 1rem;
}
.document-fields-wrapper .form-row {
margin-bottom: 0.75rem;
}
.document-fields-wrapper .form-row:last-child {
margin-bottom: 0;
} .nif-conditional-field,
.nif-conditional-field.form-row,
.nif-conditional-field.form-row-wide,
.nif-conditional-field.form-row-first,
.nif-conditional-field.form-row-last {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.nif-conditional-field.visible,
.nif-conditional-field.visible.form-row,
.nif-conditional-field.visible.form-row-wide,
.nif-conditional-field.visible.form-row-first,
.nif-conditional-field.visible.form-row-last {
display: block !important;
opacity: 1;
} .centro-codes-conditional-field,
.centro-codes-conditional-field.form-row,
.centro-codes-conditional-field.form-row-wide,
.centro-codes-conditional-field.form-row-first,
.centro-codes-conditional-field.form-row-last {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.centro-codes-conditional-field.visible,
.centro-codes-conditional-field.visible.form-row,
.centro-codes-conditional-field.visible.form-row-wide,
.centro-codes-conditional-field.visible.form-row-first,
.centro-codes-conditional-field.visible.form-row-last {
display: block !important;
opacity: 1;
} .document-country-conditional-field,
.document-country-conditional-field.form-row,
.document-country-conditional-field.form-row-wide,
.document-country-conditional-field.form-row-first,
.document-country-conditional-field.form-row-last {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.document-country-conditional-field.visible,
.document-country-conditional-field.visible.form-row,
.document-country-conditional-field.visible.form-row-wide,
.document-country-conditional-field.visible.form-row-first,
.document-country-conditional-field.visible.form-row-last {
display: block !important;
opacity: 1;
} .form-row input[type="checkbox"][name*="factura"] {
transition: opacity 0.3s ease;
}
.form-row input[type="checkbox"][name*="factura"]:disabled {
opacity: 0.5;
} .form-row:has(input[type="checkbox"][name*="factura"]) {
transition: opacity 0.3s ease, height 0.3s ease;
}
.form-row:has(input[type="checkbox"][name*="factura"]).hidden {
opacity: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
} .wc-block-components-text-input.nif-conditional-field,
.wc-block-components-select.nif-conditional-field,
.wc-block-components-field.nif-conditional-field,
.wc-block-checkout__contact-fields .nif-conditional-field,
.wc-block-checkout__contact-fields .nif-conditional-field > div {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.wc-block-components-text-input.centro-codes-conditional-field,
.wc-block-components-select.centro-codes-conditional-field,
.wc-block-components-field.centro-codes-conditional-field,
.wc-block-checkout__contact-fields .centro-codes-conditional-field,
.wc-block-checkout__contact-fields .centro-codes-conditional-field > div {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
} .wp-block-woocommerce-checkout .nif-conditional-field,
.wp-block-woocommerce-checkout .centro-codes-conditional-field {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
} .wc-block-components-checkbox input[name*="factura"] {
transition: opacity 0.3s ease;
}
.wc-block-components-checkbox:has(input[name*="factura"]) {
transition: opacity 0.3s ease, height 0.3s ease;
}
.wc-block-components-checkbox:has(input[name*="factura"]).hidden {
opacity: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
} .woocommerce-checkout .nif-conditional-field,
.woocommerce-checkout .centro-codes-conditional-field {
display: none !important;
} .form-row.nif-conditional-field,
.form-row.centro-codes-conditional-field,
p.nif-conditional-field,
p.centro-codes-conditional-field {
display: none !important;
}
.form-row.nif-conditional-field.visible,
.form-row.centro-codes-conditional-field.visible,
p.nif-conditional-field.visible,
p.centro-codes-conditional-field.visible {
display: block !important;
} #billing\/document_type,
#billing\/nif,
#billing\/centrocode01,
#billing\/centrocode02,
#billing\/centrocode03 {
display: none !important;
}
#billing\/document_type.visible,
#billing\/nif.visible,
#billing\/centrocode01.visible,
#billing\/centrocode02.visible,
#billing\/centrocode03.visible {
display: block !important;
} .wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/nif"],
.wc-block-checkout__contact-fields .wc-block-components-select[id="billing/document_type"],
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode01"],
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode02"],
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode03"] {
display: none !important;
}
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/nif"].visible,
.wc-block-checkout__contact-fields .wc-block-components-select[id="billing/document_type"].visible,
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode01"].visible,
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode02"].visible,
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode03"].visible {
display: block !important;
} .wc-block-checkout__contact-fields .wc-block-components-form-row:has(.wc-block-components-text-input[id="billing/centrocode01"]),
.wc-block-checkout__contact-fields .wc-block-components-form-row:has(.wc-block-components-text-input[id="billing/centrocode02"]),
.wc-block-checkout__contact-fields .wc-block-components-form-row:has(.wc-block-components-text-input[id="billing/centrocode03"]) {
display: none !important;
} .facturae-error {
color: #dc3545;
font-size: 0.875rem;
margin-top: 0.25rem;
} .facturae-required {
color: #dc3545;
} .facturae-account-field {
margin-bottom: 1rem;
}
.facturae-account-field label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
}
.facturae-account-field input,
.facturae-account-field select {
width: 100%;
padding: 0.5rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.facturae-account-field input:focus,
.facturae-account-field select:focus {
outline: none;
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
} .facturae-download-button {
display: inline-block;
padding: 0.5rem 1rem;
background-color: #007cba;
color: white;
text-decoration: none;
border-radius: 4px;
font-size: 0.875rem;
transition: background-color 0.2s;
}
.facturae-download-button:hover {
background-color: #005a87;
color: white;
text-decoration: none;
} .woocommerce-MyAccount-content .facturae-section {
margin-top: 2rem;
}
.woocommerce-MyAccount-content .facturae-section h3 {
margin-bottom: 1rem;
font-size: 1.25rem;
font-weight: 600;
} @media (max-width: 768px) {
.document-fields-wrapper {
padding: 0.75rem;
}
.facturae-account-field {
margin-bottom: 0.75rem;
}
.facturae-download-button {
padding: 0.375rem 0.75rem;
font-size: 0.8125rem;
}
} .admin-bar .facturae-fixed-element {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .facturae-fixed-element {
top: 46px;
}
} .fp-required label .fp-req-mark { 
margin-left: .25em; 
color: var(--wc-red); font-weight: 700;
} .fp-required input[type="text"],
.fp-required input[type="tel"],
.fp-required input[type="email"],
.fp-required input[type="number"],
.fp-required select,
.fp-required .wc-block-components-text-input input,
.fp-required .wc-block-components-select select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px rgba(225, 29, 72, .2) !important;
} .fp-required .select2-container .select2-selection {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px rgba(225, 29, 72, .2) !important;
} .woocommerce .form-row.fp-required input.input-text,
.woocommerce .form-row.fp-required textarea,
.woocommerce .form-row.fp-required select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .fp-required-field,
.fp-required-field.input-text,
.fp-required-field textarea,
.fp-required-field select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .wc-block-components-field.fp-required input,
.wc-block-components-field.fp-required textarea {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .wc-block-components-select.fp-required select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .fp-required .select2-selection,
.select2 .select2-selection.fp-required {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .fp-req-mark {
color: var(--wc-red) !important;
margin-left: .25em;
font-weight: 600;
} @keyframes fp-input-pulse {
0%   { box-shadow: 0 0 0 0 rgba(var(--fp-pulse-color-rgb, 0,123,186), 0.00); }
50%  { box-shadow: 0 0 0 .2rem rgba(var(--fp-pulse-color-rgb, 0,123,186), 0.5); }
100% { box-shadow: 0 0 0 0 rgba(var(--fp-pulse-color-rgb, 0,123,186), 0.00); }
} .fp-pulse .select2-selection,
.fp-pulse-field,
.fp-pulse input,
.fp-pulse select,
.fp-pulse textarea {
animation: fp-input-pulse 1.5s ease-in-out infinite;
transition: box-shadow .2s ease, border-color .2s ease;
} .fp-req-mark {
color: var(--wc-red, #d63638) !important;
margin-left: .25em;
font-weight: 700;
} .form-row:has([name*="customer_type"]).fp-required input,
.form-row:has([name*="customer_type"]).fp-required select,
.wc-block-components-field:has([name="billing/customer_type"]).fp-required input,
.wc-block-components-select:has([name="billing/customer_type"]).fp-required select,
.form-row:has([name*="customer_type"]) .select2-selection.fp-required {
border-color: inherit !important;
box-shadow: none !important;
} .fp-ccmm-inline-note{
margin-top: .375rem;
font-size: .875rem;
line-height: 1.35;
color: #0f5132 !important; border-left: 3px solid #0f5132;
padding: .5rem .625rem;
border-radius: 4px;
}
.woocommerce form .form-row .country_to_state--single {
border-style: solid;
border-color: var(--formfieldbordercolor, inherit);
border-width: var(--formfieldborderwidth, 1px);
border-radius: var(--formfieldborderradius, 3px);
color: var(--formfieldcolor, #272626);
background: #f2f2f2;
padding: var(--formfieldpadding, .5em);
text-transform: var(--formfieldtexttransform);
font-weight: var(--formfieldfontweight);
font-family: var(--bodyfontfamily, inherit);
font-size: var(--formfieldfontsize);
letter-spacing: var(--formfieldletterspacing);
line-height: var(--formfieldlineheight);
}.facturae-field {
margin-bottom: 1rem;
}
.facturae-field label {
font-weight: 500;
} .facturae-checkout-field .form-row {
margin-bottom: 1rem;
} .factura-checkbox-field {
margin-top: 0.5rem;
}
.factura-checkbox-field label {
font-weight: normal;
} .document-fields-wrapper {
background-color: #f8f9fa;
padding: 1rem;
border-radius: 4px;
margin-top: 1rem;
}
.document-fields-wrapper .form-row {
margin-bottom: 0.75rem;
}
.document-fields-wrapper .form-row:last-child {
margin-bottom: 0;
} .nif-conditional-field,
.nif-conditional-field.form-row,
.nif-conditional-field.form-row-wide,
.nif-conditional-field.form-row-first,
.nif-conditional-field.form-row-last {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.nif-conditional-field.visible,
.nif-conditional-field.visible.form-row,
.nif-conditional-field.visible.form-row-wide,
.nif-conditional-field.visible.form-row-first,
.nif-conditional-field.visible.form-row-last {
display: block !important;
opacity: 1;
} .centro-codes-conditional-field,
.centro-codes-conditional-field.form-row,
.centro-codes-conditional-field.form-row-wide,
.centro-codes-conditional-field.form-row-first,
.centro-codes-conditional-field.form-row-last {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.centro-codes-conditional-field.visible,
.centro-codes-conditional-field.visible.form-row,
.centro-codes-conditional-field.visible.form-row-wide,
.centro-codes-conditional-field.visible.form-row-first,
.centro-codes-conditional-field.visible.form-row-last {
display: block !important;
opacity: 1;
} .document-country-conditional-field,
.document-country-conditional-field.form-row,
.document-country-conditional-field.form-row-wide,
.document-country-conditional-field.form-row-first,
.document-country-conditional-field.form-row-last {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.document-country-conditional-field.visible,
.document-country-conditional-field.visible.form-row,
.document-country-conditional-field.visible.form-row-wide,
.document-country-conditional-field.visible.form-row-first,
.document-country-conditional-field.visible.form-row-last {
display: block !important;
opacity: 1;
} .form-row input[type="checkbox"][name*="factura"] {
transition: opacity 0.3s ease;
}
.form-row input[type="checkbox"][name*="factura"]:disabled {
opacity: 0.5;
} .form-row:has(input[type="checkbox"][name*="factura"]) {
transition: opacity 0.3s ease, height 0.3s ease;
}
.form-row:has(input[type="checkbox"][name*="factura"]).hidden {
opacity: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
} .wc-block-components-text-input.nif-conditional-field,
.wc-block-components-select.nif-conditional-field,
.wc-block-components-field.nif-conditional-field,
.wc-block-checkout__contact-fields .nif-conditional-field,
.wc-block-checkout__contact-fields .nif-conditional-field > div {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
}
.wc-block-components-text-input.centro-codes-conditional-field,
.wc-block-components-select.centro-codes-conditional-field,
.wc-block-components-field.centro-codes-conditional-field,
.wc-block-checkout__contact-fields .centro-codes-conditional-field,
.wc-block-checkout__contact-fields .centro-codes-conditional-field > div {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
} .wp-block-woocommerce-checkout .nif-conditional-field,
.wp-block-woocommerce-checkout .centro-codes-conditional-field {
display: none !important;
transition: opacity 0.3s ease, height 0.3s ease;
} .wc-block-components-checkbox input[name*="factura"] {
transition: opacity 0.3s ease;
}
.wc-block-components-checkbox:has(input[name*="factura"]) {
transition: opacity 0.3s ease, height 0.3s ease;
}
.wc-block-components-checkbox:has(input[name*="factura"]).hidden {
opacity: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
} .woocommerce-checkout .nif-conditional-field,
.woocommerce-checkout .centro-codes-conditional-field {
display: none !important;
} .form-row.nif-conditional-field,
.form-row.centro-codes-conditional-field,
p.nif-conditional-field,
p.centro-codes-conditional-field {
display: none !important;
}
.form-row.nif-conditional-field.visible,
.form-row.centro-codes-conditional-field.visible,
p.nif-conditional-field.visible,
p.centro-codes-conditional-field.visible {
display: block !important;
} #billing\/document_type,
#billing\/nif,
#billing\/centrocode01,
#billing\/centrocode02,
#billing\/centrocode03 {
display: none !important;
}
#billing\/document_type.visible,
#billing\/nif.visible,
#billing\/centrocode01.visible,
#billing\/centrocode02.visible,
#billing\/centrocode03.visible {
display: block !important;
} .wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/nif"],
.wc-block-checkout__contact-fields .wc-block-components-select[id="billing/document_type"],
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode01"],
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode02"],
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode03"] {
display: none !important;
}
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/nif"].visible,
.wc-block-checkout__contact-fields .wc-block-components-select[id="billing/document_type"].visible,
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode01"].visible,
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode02"].visible,
.wc-block-checkout__contact-fields .wc-block-components-text-input[id="billing/centrocode03"].visible {
display: block !important;
} .wc-block-checkout__contact-fields .wc-block-components-form-row:has(.wc-block-components-text-input[id="billing/centrocode01"]),
.wc-block-checkout__contact-fields .wc-block-components-form-row:has(.wc-block-components-text-input[id="billing/centrocode02"]),
.wc-block-checkout__contact-fields .wc-block-components-form-row:has(.wc-block-components-text-input[id="billing/centrocode03"]) {
display: none !important;
} .facturae-error {
color: #dc3545;
font-size: 0.875rem;
margin-top: 0.25rem;
} .facturae-required {
color: #dc3545;
} .facturae-account-field {
margin-bottom: 1rem;
}
.facturae-account-field label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
}
.facturae-account-field input,
.facturae-account-field select {
width: 100%;
padding: 0.5rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.facturae-account-field input:focus,
.facturae-account-field select:focus {
outline: none;
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
} .facturae-download-button {
display: inline-block;
padding: 0.5rem 1rem;
background-color: #007cba;
color: white;
text-decoration: none;
border-radius: 4px;
font-size: 0.875rem;
transition: background-color 0.2s;
}
.facturae-download-button:hover {
background-color: #005a87;
color: white;
text-decoration: none;
} .woocommerce-MyAccount-content .facturae-section {
margin-top: 2rem;
}
.woocommerce-MyAccount-content .facturae-section h3 {
margin-bottom: 1rem;
font-size: 1.25rem;
font-weight: 600;
} @media (max-width: 768px) {
.document-fields-wrapper {
padding: 0.75rem;
}
.facturae-account-field {
margin-bottom: 0.75rem;
}
.facturae-download-button {
padding: 0.375rem 0.75rem;
font-size: 0.8125rem;
}
} .admin-bar .facturae-fixed-element {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .facturae-fixed-element {
top: 46px;
}
} .fp-required label .fp-req-mark { 
margin-left: .25em; 
color: var(--wc-red); font-weight: 700;
} .fp-required input[type="text"],
.fp-required input[type="tel"],
.fp-required input[type="email"],
.fp-required input[type="number"],
.fp-required select,
.fp-required .wc-block-components-text-input input,
.fp-required .wc-block-components-select select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px rgba(225, 29, 72, .2) !important;
} .fp-required .select2-container .select2-selection {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px rgba(225, 29, 72, .2) !important;
} .woocommerce .form-row.fp-required input.input-text,
.woocommerce .form-row.fp-required textarea,
.woocommerce .form-row.fp-required select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .fp-required-field,
.fp-required-field.input-text,
.fp-required-field textarea,
.fp-required-field select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .wc-block-components-field.fp-required input,
.wc-block-components-field.fp-required textarea {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .wc-block-components-select.fp-required select {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .fp-required .select2-selection,
.select2 .select2-selection.fp-required {
border-color: var(--wc-red) !important;
border-width: 2px !important;
border-radius: var(--wc-form-border-radius) !important;
box-shadow: 0 0 0 1px var(--wc-red) inset !important;
} .fp-req-mark {
color: var(--wc-red) !important;
margin-left: .25em;
font-weight: 600;
} @keyframes fp-input-pulse {
0%   { box-shadow: 0 0 0 0 rgba(var(--fp-pulse-color-rgb, 0,123,186), 0.00); }
50%  { box-shadow: 0 0 0 .2rem rgba(var(--fp-pulse-color-rgb, 0,123,186), 0.5); }
100% { box-shadow: 0 0 0 0 rgba(var(--fp-pulse-color-rgb, 0,123,186), 0.00); }
} .fp-pulse .select2-selection,
.fp-pulse-field,
.fp-pulse input,
.fp-pulse select,
.fp-pulse textarea {
animation: fp-input-pulse 1.5s ease-in-out infinite;
transition: box-shadow .2s ease, border-color .2s ease;
} .fp-req-mark {
color: var(--wc-red, #d63638) !important;
margin-left: .25em;
font-weight: 700;
} .form-row:has([name*="customer_type"]).fp-required input,
.form-row:has([name*="customer_type"]).fp-required select,
.wc-block-components-field:has([name="billing/customer_type"]).fp-required input,
.wc-block-components-select:has([name="billing/customer_type"]).fp-required select,
.form-row:has([name*="customer_type"]) .select2-selection.fp-required {
border-color: inherit !important;
box-shadow: none !important;
} .fp-ccmm-inline-note{
margin-top: .375rem;
font-size: .875rem;
line-height: 1.35;
color: #0f5132 !important; border-left: 3px solid #0f5132;
padding: .5rem .625rem;
border-radius: 4px;
}
.woocommerce form .form-row .country_to_state--single {
border-style: solid;
border-color: var(--formfieldbordercolor, inherit);
border-width: var(--formfieldborderwidth, 1px);
border-radius: var(--formfieldborderradius, 3px);
color: var(--formfieldcolor, #272626);
background: #f2f2f2;
padding: var(--formfieldpadding, .5em);
text-transform: var(--formfieldtexttransform);
font-weight: var(--formfieldfontweight);
font-family: var(--bodyfontfamily, inherit);
font-size: var(--formfieldfontsize);
letter-spacing: var(--formfieldletterspacing);
line-height: var(--formfieldlineheight);
}.yith-infs-loader {
text-align: center;
margin: 10px 0 30px;
}
.yith-infs-loader img {
max-width: 100%;
display: inline-block;
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.yith-infs-animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}.product-type-gift-card .summary .price {
display: none;
}
.product-type-gift-card .yith_wapo_group_total .price {
display: block;
}
.product-type-gift-card .product_meta {
display: none;
}
.product-type-gift-card .woocommerce-product-gallery__wrapper {
box-shadow: 0 0 19px -12px gray;
}
.product-type-gift-card .woocommerce-product-gallery__image {
padding: 1em;
}
.ywgc-preview {
max-width: 500px;
margin: 0 auto;
margin-bottom: 15px;
border: 5px solid #F7F4F4;
padding: 5px;
}
.ywgc-manual-amount.ywgc-hidden {
display: none;
}
.gift-card-content-editor {
width: 100%;
}
.gift-card-content-editor.step-content h5 {
margin-top: 3em;
}
.gift-card-too-small {
background-color: #ffe326;
padding: 10px;
color: #3d3939;
margin-bottom: 5px;
}
.ywgc-logo-shop img.ywgc-logo-shop-image {
max-width: 100%;
max-height: 100px;
}
a.add-recipient {
display: block;
}
.ywgc-additional-recipient {
position: relative;
margin-top: 35px;
}
.ywgc-additional-recipient label {
margin-bottom: 15px;
}
.gift-card-content-editor.step-content label {
display: inline-block; font-weight: 400;
text-align: center;
vertical-align: middle;
line-height: 46px;
}
.gift-card-content-editor.step-content input {
font-size: 14px;
}
.gift-card-content-editor.step-content input::placeholder {
font-size: 12px;
}
.gift-card-content-editor.step-content #ywgc-delivery-date::placeholder {
color: black;
}
.gift-card-content-editor.step-content textarea {
font-size: 14px;
}
.gift-card-content-editor.step-content textarea::placeholder {
font-size: 12px;
}
.gift-card-content-editor.step-content a {
font-size: 14px;
}
.gift-card-content-editor.step-content a::placeholder {
font-size: 12px;
}
.ywgc-sender-name {
margin-bottom: 15px;
}
.gift-card-content-editor.step-appearance .ywgc-design-list {
width: 100%;
display: flex;
}
.gift-card-content-editor.step-appearance .ywgc-design-list ul {
margin: 0 -5px;
padding: 0;
list-style: none;
font-size: 0;
}
.gift-card-content-editor.step-appearance .ywgc-design-list ul:after {
content: '';
display: block;
clear: both;
}
.gift-card-content-editor.step-appearance .ywgc-design-list ul li {
padding: 5px;
display: inline-block;
}
.ywgc-custom-design-link {
margin-top: 20px;
}
.ywgc-hidden {
display: none;
}     .ywgc-gift-card-content .ywgc-show {
display: inline-block;
}
.ywgc-gift-card-content .ywgc-hide {
display: none;
}
.ywgc-gift-card-content .ywgc-edit-value.apply {
background-color: #7caf00;
color: white;
}
.ywgc-gift-card-content .ywgc-edit-value.apply:hover {
background-color: #5b8000;
}
.ywgc-gift-card-content.ywgc-edit-value .ywgc-show-value {
display: none;
}
.ywgc-gift-card-content.ywgc-edit-value .ywgc-edit-value {
display: inline-block;
}
.ywgc-gift-card-content fieldset {
border: none;
}
.ywgc-main-image {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.ywgc-single-recipient { position: relative;
}
.ywgc-recipient {
max-width: 85%;
display: inline-block;
}
.ywgc-single-recipient a.hide-if-alone {
visibility: hidden;
}
.ywgc-single-recipient .ywgc-recipient-name {
margin-bottom: 15px;
}
#ywgc-cancel-gift-card {
display: none;
margin-bottom: 10px;
}
button#give-as-present {
display: block;
margin: 3em auto 0 auto;
}
#give-as-present > span:before {
font-size: inherit;
line-height: inherit;
margin-left: 5px;
}
button#ywgc-cancel-gift-card {
display: block;
margin: 3em auto 0 auto;
}
.ywgc-picture-error,
.ywgc-filling-error {
color: red;
font-size: 12px;
}
.ywgc-gift-card-content a.edit-details {
font-size: 10px;
text-decoration: none;
}
.ywgc-gift-card-edit-details fieldset,
.ywgc-gift-card-details fieldset {
padding: 5px 0;
margin: 0;
}
.ywgc-gift-card-content label {
display: inline-block;
}
a.ywgc-view-order.button {
margin-bottom: 5px;
}
.ywgc-top-header {
max-width: 50%;
margin: 0 auto;
margin-bottom: 5px;
} ul.ywgc-template-categories {
float: left;
list-style: none;
padding-top: 15px;
font-weight: 600;
}
.ywgc-template-categories a {
color: inherit;
}
ul.ywgc-template-categories li.ywgc-template-item {
margin-top: 5px;
font-size: 0.875rem;
}
ul.ywgc-template-categories li a {
text-decoration: none;
}
.ywgc-design-list-modal {
padding: 25px 0 25px 45px;
float: right;
width: 70%;
font-size: 0;
}
div#ywgc-choose-design:after {
content: '';
display: block;
clear: both;
}
.ywgc-custom-upload-container-modal {
float: right;
width: 70%;
padding: 30px;
text-align: center;
}
.ywgc-design-list-menu {
width: 30%;
height: 100%;
float: left;
position: fixed;
background-color: #F2F2F2;
padding-top: 35px;
top: 0px;
}
.ywgc-design-categories-title {
padding-left: 40px;
font-size: 1.5rem;
margin-top: 0;
}
a.ywgc-category-selected {
font-weight: bold;
}
.gift-cards-list button {
border-radius: unset;
background-color: white;
color: #404040;
vertical-align: top;
}
.gift-cards-list button.ywgc-predefined-amount-button.selected_button {
color: white;
}
.ywgc-amount-buttons {
margin-bottom: 1em;
}
.ywgc-preset-image {
position: relative;
border: 2px solid lightgray;
border-radius: 2px;
cursor: pointer;
}
.ywgc-design-list-modal .ywgc-preset-image span.choose-design {
position: absolute;
z-index: 12;
top: 50%;
margin-top: auto;
margin-bottom: auto;
height: fit-content;
color: #ffffff;
font-size: 0.875rem;
text-align: center;
display: inline-block;
vertical-align: middle;
width: auto;
border: 2px solid;
margin: auto 30px;
left: 0;
right: 0;
font-weight: 600;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all ease 0.2s;
text-transform: uppercase;
}
.ywgc-design-list-modal .ywgc-preset-image:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #9e9e9e;
pointer-events: none;
opacity: 0;
transition: all ease 0.2s;
}
.ywgc-design-list-modal .ywgc-preset-image:hover:before {
opacity: 0.8;
}
.ywgc-design-list-modal .ywgc-preset-image:hover span.choose-design {
opacity: 1;
visibility: visible;
}
.ywgc-preset-image.selected_image_parent:after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
background-color: transparent;
top: -5px;
right: -5px;
background-image: url(//www.pattydesayunosoriginales.es/wp-content/plugins/yith-woocommerce-gift-cards/assets/images/default-picture.png);
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
}
.ywgc-preset-image img {
display: block;
}
.ywgc-design-list .ywgc-preset-image img {
height: 150px;
width: 150px;
}
.ywgc-choose-design-preview {
margin-bottom: 30px;
}
.ywgc-preset-image:not(.ywgc-default-product-image) {
border: 2px solid #d3d3d3;
}
.ywgc-choose-image.ywgc-choose-template {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border: unset;
border-radius: unset;
line-height: unset;
overflow: hidden;
padding: unset;
font-size: 16px;
color: white;
}
.ywgc-design-item {
display: inline-block; width: 33%;
margin: 0;
padding: 0 15px 15px 0;
}
.ywgc-design-item button {
margin: 0 auto;
margin-top: 20px;
display: block;
}
#ywgc-choose-design-modal .pp_close {
z-index: 999;
}
#ywgc-choose-design-modal:before {
clear: both;
content: '';
display: block;
}
#ywgc-choose-design-modal {
clear: both;
}
a.ywgc-choose-image-modal.ywgc-custom-picture-modal {
display: block;
}
a.ywgc-choose-image-modal.ywgc-custom-picture-modal img {
display: block;
max-width: 170px;
margin: 0 auto;
}
.gift-card-content-editor.step-appearance,
.gift-card-content-editor.step-content {
margin-bottom: 20px;
}
.gift-card-content-editor.step-content input {
float: right;
width: 70%;
}
.gift-card-content-editor.step-content textarea {
float: right;
width: 70%;
}
.add-recipient {
float: right;
margin-top: 5px;
}
.ywgc-manual-amount-error {
font-size: smaller;
color: red;
}
#ywgc-manual-amount {
width: 7em;
min-width: unset;
border: none;
border-radius: unset;
}
.ywgc-manual-amount::placeholder {
font-size: 12px;
}
.ywgc-manual-amount-container {
border: 1px solid #448a85;
display: inline-flex;
height: 51.3333px;
}
.ywgc-bad-email-format {
font-size: 10px;
display: block;
color: red;
}
.ywgc-discount-html {
font-size: smaller;
}
.ywgc-multi-recipients {
margin: 10px 0;
}
.ywgc-preset-title {
display: block;
text-align: center;
font-size: 15px;
}
.ywgc_enter_code {
padding: 20px;
margin: 2em 0;
text-align: left;
}
.ywgc_enter_code>div {
margin: 0 -14px;
}
.ywgc_enter_code>div:after {
content: '';
display: block;
clear: both;
}
.ywgc_enter_code p {
padding-left: 15px;
padding-right: 15px;
}
.ywgc_enter_code .form-row {
padding: 0 15px;
margin: 0 0 6px;
float: left;
width: 50%;
} .product-quick-view-container .ywgc-template-design,
.product-quick-view-container .gift-this-product-main-container {
display: none;
}
.yith-quick-view .gift-this-product-main-container {
display: none;
}
.yith-quick-view .product_meta {
display: block;
}
.yith-quick-view .price {
display: block;
}
.yith_wc_gift_card_blank_brightness {
background: rgba(255, 255, 255, 0.7);
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px 0 10px 0;
top: -1px;
left: -1px;
} .ywgc-postdated {
position: relative;
}
a.give-as-present {
cursor: pointer;
}
.gift-this-product-main-container {
margin-top: 4em;
}
button.ywgc-add-gift-product-to-cart {
display: block;
margin: 3em auto 0 auto;
}
.gift_card_template_button {
margin-top: 3em;
}
.gift-cards_form>h3 {
margin-top: 2em;
margin-bottom: 1em;
}
.ywgc-form-preview-separator {
width: 40px;
height: 7px;
margin-top: 10px;
}
.ywgc-currency-symbol {
margin-left: -106px;
font-size: 16px;
font-weight: 600;
}
.ywgc-on-sale-text {
font-size: x-large;
font-weight: 500;
}
.ywgc-form-preview-amount {
float: right;
font-size: 18px;
font-weight: 600;
white-space: nowrap;
}
.ywgc-form-preview-title {
font-weight: 600;
}
.ywgc-form-preview-title-containe {
margin-top: 15px;
}
.ywgc-main-form-preview-container {
height: auto;
min-height: 20em;
padding: 1em 1em 1em 1em;
box-shadow: 0 10px 19px -12px;
}
.ywgc-form-preview-from {
font-weight: bold;
}
.ywgc-form-preview-to {
font-weight: bold;
} .form-check-gift-card-balance label {
font-weight: 600;
}
.form-check-gift-card-balance input::placeholder {
font-size: 12px;
}
.form-check-gift-card-balance {
text-align: center;
}
.form-check-gift-card-balance button {
margin-left: 25px;
}
.form-redeem-gift-card label {
font-weight: 600;
}
.form-redeem-gift-card input::placeholder {
font-size: 12px;
}
.form-redeem-gift-card {
text-align: center;
}
.form-redeem-gift-card button {
margin-left: 25px;
}
label.ywgc-used-amount-label {
margin-left: 25px;
}
.cart_item .product-name div {
font-size: 13px;
}
.ywgc-upload-section-modal {
margin-top: 20px;
}
.ywgc-upload-section-modal p {
font-size: 0.875rem;
}
.ywgc-upload-section-modal p:before {
content: '';
display: block;
width: 50%;
height: 0px;
border-top: 1px solid #9E9E9E;
margin-bottom: 15px;
} @media screen and ( max-width: 768px) {
ul.ywgc-template-categories li.ywgc-template-item,
ul.ywgc-template-categories li.ywgc-upload-section-modal p {
margin-top: 5px;
}
.ywgc-design-categories-title {
padding-left: 40px;
font-size: 1rem;
}
}
@media screen and ( max-width: 600px) {
.ywgc-design-list-menu {
float: none;
width: 100%;
padding: 0 15px;
position: static;
height: auto;
background: transparent;
}
.yith-ywgc-popup-content-wrapper {
margin-top: 0;
}
.ywgc-design-categories-title {
padding: 20px 0 0;
}
ul.ywgc-template-categories {
padding: 0;
float: none;
}
ul.ywgc-template-categories li.ywgc-template-item {
display: inline-block;
margin-right: 30px;
}
.ywgc-upload-section-modal {
margin-top: 15px;
}
.ywgc-design-list-modal {
float: none;
width: 100%;
padding: 15px 0 15px 15px;
}
}
@media screen and ( max-width: 480px) {
.ywgc-design-item {
width: 50%;
}
}
.ywgc-multi-recipients span{
font-size: 14px;
}
.ywgc-empty-recipient-note{
font-size: 11px;
float: right;
width: 100%;
text-align: right;
font-weight: 300;
padding-top: 5px;
}
.ywgc-darkred-text{
color: darkred;
}
.ywgc-remove-number-input{
-moz-appearance:textfield;
pointer-events: none;
color: gray;
}
.ywgc-remove-number-input::-webkit-outer-spin-button,
.ywgc-remove-number-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.dashicons-arrow-down-alt2{
font-size: 16px;
}
.ywgc-custom-image-modal-submit-link
{
background-color:  #448a85 ;
border-color: #448085;
margin-right: 12px;
display: inline-block;
font-size: 12px;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
}
.ywgc-custom-image-modal-submit-link:hover {
background-color: #ffe1e1;
}
.gift-card-content-editor.step-content:after {
content: '';
display: block;
clear: both;
}
#ywgc-edit-message {
resize: vertical;
}
.selected_design_image_in_modal{
height: 150px;
}
.ywgc-delivery-notification-checkbox-container{
font-size: 11px;
float: right;
width: 100%;
text-align: right;
font-weight: 300;
padding-top: 5px;
}
.ywgc-delivery-notification-checkbox-container span.checkboxbutton::before{
width: 18px;
height: 18px;
}
.ywgc-country-select-container{
display: inline-flex;
margin-top: 1em;
width: 100%;
}
.ywgc-country-select-div #ywgc-country-select_field span.selection{
width: 15em;
display: block;
}
.ywgc-country-select-div #ywgc-country-select_field span.selection .select2-selection {
height: 46px;
border: 1px solid #cccccc;
border-radius: 0;
}
.ywgc-country-select-div #ywgc-country-select_field{
margin-top: 0px;
}
.yith-ywgc-gift-this-product-form-container .ywgc-gift-this-product-totals{
float: right;
line-height: 10px;
}
.yith-ywgc-gift-this-product-form-container .ywgc-gift-this-product-totals span{
font-weight: bold;
}
.ywgc-country-select-main-container .ywgc-country-select-div{
margin-left: 8.5em;
}
.ywgc-country-select-main-container .ywgc-country-select-title p{
width: 6em;
}
.ywgc-gift-this-product-totals span{
float: right;
margin-left: 5px;
}
#ywgc-postal-code-input{
width: 240px;
}
@media only screen and (max-width: 1599px) {
.ywgc-country-select-container{
display: block;
text-align: right;
}
.ywgc-country-select-main-container .ywgc-country-select-div{
margin-left: 0;
}
#ywgc-country-select_field{
padding: 0;
}
}
.ywgc-form-widget-elementor-widget .gift-cards_form{
display: block !important;
}
.gift-cards_form{
display: block !important;
}
.product-type-gift-card .elementor-shortcode .gift-cards_form.cart {
display: block !important;
}
.form-link-gift-card-to-user {
margin-bottom: 15px;
}
.ywgc-red-border{
border: 1px solid red !important;
}
.clearfix:after{
content:'';
display: block;
clear: both;
}
.ywgc-link-gift-card-fieldset-container{
border: 1px solid lightgray;
}
.ywgc-link-gift-card-submit-button{
margin-top: 10px;
}
.gift-card-panel-title{
float: left;
}
.yith-add-new-gc-my-account-button{
float: right;
}
.form-link-gift-card-to-user{
width: 100%;
float: right;
display: none
}
.yith-add-new-gc-my-account-notice-message.error{
font-weight: bolder;
color: red;
}
.yith-add-new-gc-my-account-notice-message.added{
font-weight: bolder;
color: green;
}
#ywgc-link-code{
display: block;
margin-top: 5px;
}