/*!
Theme Name: designer
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: designer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

designer is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Open Sans", sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
  font-size: 1rem;
  line-height: 2.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
  padding-left: 10px;
  padding-right: 10px;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #f8f7ff;
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
body.loading .fullloader {
  visibility: visible;
  opacity: 1;
}

.fullloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

.text-primary {
  color: var(--fpd-primary-color);
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  letter-spacing: normal;
  color: rgba(35, 53, 111, 0.9921568627450981);
}

.text-muted {
  color: #666666;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*====================== Estilos personalizados Never8 ======================*/

/* Fancy Product Designer
--------------------------------------------- */
.fpd-module .fpd-bottom-nav.fix-top {
  position: relative;
}
.fpd-module .fpd-bottom-nav {
  /*Update 12-09-23 - Se quita el height fijo para poder agregar espaciado y cambiar el color de fondo*/
  padding: 10px;
  background-color: #fff;
  height: unset !important;
  gap: 10px;
}

.fpd-image-editor-container .fpd-image-editor-menu > [data-id="filters"],
.fpd-image-editor-container .fpd-image-editor-menu > [data-id="mask"],
.fpd-image-editor-container
  .fpd-image-editor-menu
  > [data-id="color-manipulation"],
.fpd-image-editor-container .fpd-tab-content > [data-id="filters"],
.fpd-image-editor-container .fpd-tab-content > [data-id="mask"],
.fpd-image-editor-container
  .fpd-tab-content
  > [data-id="color-manipulation"]
  > .fpd-filter-brightness,
.fpd-image-editor-container
  .fpd-tab-content
  > [data-id="color-manipulation"]
  > .fpd-filter-contrast {
  display: none !important;
}

.fpd-module-tabs > [data-context]:hover,
.fpd-module-tabs > [data-context].fpd-active {
  color: var(--fpd-secondary-color);
  background: #fff;
}

/* ------------------------------------------ */

/* Tipografías para el diseñador
--------------------------------------------- */

@font-face {
  font-family: "normal";
  src: url("fonts/normal/arialbd-webfont.eot");
  src: url("fonts/normal/arialbd-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/normal/arialbd-webfont.woff2") format("woff2"),
    url("fonts/normal/arialbd-webfont.woff") format("woff"),
    url("fonts/normal/arialbd-webfont.ttf") format("truetype"),
    url("fonts/normal/arialbd-webfont.svg#arialbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "cursiva";
  src: url("fonts/cursiva/brush_script-webfont.eot");
  src: url("fonts/cursiva/brush_script-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/cursiva/brush_script-webfont.woff2") format("woff2"),
    url("fonts/cursiva/brush_script-webfont.woff") format("woff"),
    url("fonts/cursiva/brush_script-webfont.ttf") format("truetype"),
    url("fonts/cursiva/brush_script-webfont.svg#brush_scriptregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sager";
  src: url("fonts/sager/segoeprb-webfont.eot");
  src: url("fonts/sager/segoeprb-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/sager/segoeprb-webfont.woff2") format("woff2"),
    url("fonts/sager/segoeprb-webfont.woff") format("woff"),
    url("fonts/sager/segoeprb-webfont.ttf") format("truetype"),
    url("fonts/sager/segoeprb-webfont.svg#segoe_printbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "especial";
  src: url("fonts/especial/ambassador_script_regular1-webfont.eot");
  src: url("fonts/especial/ambassador_script_regular1-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/especial/ambassador_script_regular1-webfont.woff2")
      format("woff2"),
    url("fonts/especial/ambassador_script_regular1-webfont.woff") format("woff"),
    url("fonts/especial/ambassador_script_regular1-webfont.ttf")
      format("truetype"),
    url("fonts/especial/ambassador_script_regular1-webfont.svg#ambassador_scriptregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

/*Clases genéricas para usar las tipografías en contenedores*/
.font-normal {
  font-family: "normal";
}

.font-cursiva {
  font-family: "cursiva";
}

.font-especial {
  font-family: "especial";
}

.font-sager {
  font-family: "sager";
}

/* -----------------------------  */
/* Inicio de estilos para los pasos de la vista del producto*/
#multi-step-form-container {
  margin-top: 5rem;
}

.text-center {
  text-align: center;
}

.text-center.text-muted {
  line-height: 1.5;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.pl-0 {
  padding-left: 0;
}

.mt-center .button {
  padding: 0.7rem 1.5rem;
  border: 1px solid #4361ee;
  background-color: #4361ee;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.submit-btn {
  border: 1px solid #0e9594;
  background-color: #0e9594;
}

.mt-3 {
  margin-top: 0rem;
}

.d-none {
  display: none;
}

span.form-stepper-circle.text-muted.form-inactive {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-left: -10px;
  font-size: 12px;
  top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
}

@media all and (min-width:768px) {
  .form-stepper-active span.form-stepper-circle.text-muted.form-inactive {
    top: -3px;
    margin-bottom: 0;
    font-size: 18px;
  }
}
span.material-icons-outlined.insert-photo {
  font-size: 30px;
}

.form-step {
  border-radius: 0;
  padding: 0rem 18rem;
}

ul.form-stepper {
  counter-reset: section;
  margin-bottom: 0rem;
  padding-top: 10px;
  padding-bottom: 2rem;
  width: 450px;
}

ul.form-stepper .form-stepper-circle {
  position: relative;
}

ul.form-stepper .form-stepper-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.check-number {
  font-size: 30px !important;
  margin-top: -1px;
}

.form-stepper-horizontal {
  width: 30%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.father-form-stepper-horizontal {
  background-color: rgba(9, 29, 62, 1);
  line-height: 0.5;
  height: 70px;
  width: 100%;
}

ul.form-stepper > li:not(:last-of-type) {
  margin-bottom: 0.625rem;
  -webkit-transition: margin-bottom 0.4s;
  -o-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.4s;
}

.form-stepper-horizontal > li:not(:last-of-type) {
  margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.form-stepper-horizontal li:not(:last-child):after {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 5px;
  content: "";
  top: 35%;
  margin-left: -35px;
  margin-right: -50px;
  z-index: 1;
}

.form-stepper-horizontal li:after {
  background-color: #dee2e6;
}

.form-stepper-horizontal li.form-stepper-completed:after {
  background-color: #00aeef;
  top: 27% !important;
}

.form-stepper-horizontal li:last-child {
  flex: unset;
}

.fpd-icon-drag:before {
  font-family: "Material Icons" !important;
  content: "\ef52" !important;
  font-size: 23px;
}

ul.form-stepper li a .form-stepper-circle {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 0;
  line-height: 1.7rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
  font-size: 18px;
  font-weight: 500;
}

.form-stepper .form-stepper-active .form-stepper-circle {
  background-color: #00aeef !important;
  color: #fff;
}

.form-stepper .form-stepper-active .label {
  color: #f8f7ff !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
  background-color: #f8f7ff;
}

.form-stepper .form-stepper-completed .form-stepper-circle {
  background-color: #00aeef !important;
  color: #fff;
}

.form-stepper .form-stepper-completed .label {
  color: #fff2f2 !important;
}

.form-stepper .form-stepper-completed .form-stepper-circle:hover {
  background-color: #00aeef !important;
  color: #fff !important;
}

.form-stepper-circle {
  z-index: 2;
}

.form-stepper .form-stepper-active span.text-muted {
  color: #fff !important;
}

.form-stepper .form-stepper-completed span.text-muted {
  color: #fff !important;
}

.form-stepper .label {
  margin-top: 0.5rem;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  letter-spacing: normal;
}

.form-stepper a {
  cursor: default;
}

.fpd-upload-zone-adds-panel .fpd-add-design {
  display: none;
}

.section .center {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0;
  line-height: 1.7rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
}

.variations_form cart {
  display: none;
}

.button-left {
  float: left;
}

.button-right {
  float: right;
}

.mt-3.button-div {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.mt-center {
  width: 50%;
}

.button.button.btn-navigate-form-step.opacity {
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #002c73;
  text-align: center;
  border-width: 5px;
  height: 45px;
  background: inherit;
  background-color: #ffffff;
  border-color: #002c73;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 2px solid rgba(0, 44, 115, 1);
}

.button.button.btn-navigate-form-step.opacity:hover {
  background: #ffffff;
  opacity: 99%;
}

.button btn-navigate-form-step button-right {
  border-width: 5px;
  height: 45px;
  background: inherit;
  background-color: #ffffff;
  border-color: #081d3e;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #081d3e;
  outline: 2px solid rgba(0, 44, 115, 1);
}

.button btn-navigate-form-step button-right:hover {
  background: #ffffff !important;
  opacity: 80% !important;
}

.button.button.btn-navigate-form-step,
button.button.btn-navigate-form-step:hover {
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.16px;
  border-width: 5px;
  height: 45px;
  background: inherit;
  background-color: #002c73;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  outline: 2px solid rgba(0, 44, 115, 1);
}

.label text-muted:hover {
  color: white;
}

a.mx-2 {
  color: #666666;
}

.circle-icon {
  background-position: inherit;
  background-size: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
  background-origin: inherit;
  background-clip: inherit;
  background-color: rgb(0, 44, 115);
  color: rgb(249, 249, 253);
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(249, 249, 253);
  border-radius: 50%;
}

.icon-custom {
  margin: 5px;
}

.fa-regular {
  margin: 5px;
}

.form-stepper-icon {
  visibility: hidden;
}

.span.form-stepper-txt {
  font-size: 2rem !important;
}

.span.form-stepper-circle.text-muted {
  font-size: 2rem !important;
}

.fpd-modal-overlay.fpd-fullscreen > .fpd-modal-wrapper {
  width: 90%;
  height: 80%;
  top: 100px;
  overflow: auto;
  top: 100px;
  overflow: auto;
  padding-bottom: 5%;
}

.fpd-container .fpd-btn.fpd-dark {
  width: 188px;
  height: 38px;
  background-image: inherit;
  background-position: inherit;
  background-size: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
  background-origin: inherit;
  background-clip: inherit;
  background-color: rgb(249, 249, 253);
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(0, 44, 115);
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #0b1d3e;
  text-transform: capitalize;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
}


.fpd-container .fpd-btn.fpd-dark:hover {
  background: #ffffff;
  opacity: 80%;
}

span.fpd-action-save.fpd-btn {
  width: 188px;
  height: 38px;
  background-image: inherit;
  background-position: inherit;
  background-size: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
  background-origin: inherit;
  background-clip: inherit;
  background-color: #002c73 !important;
  box-sizing: border-box;
  border: 2px solid #002c73;
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.16px;
  margin-left: 20px;
  text-transform: capitalize;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
}

/* Fin de estilos para los pasos de la vista del producto*/
/* -----------------------------  */

/* -----------------------------  */
/* Inicio custom header */

div#header-image {
  text-align: center;
  padding: 3px;
  margin-bottom: -20px;
}

/* Fin custom header */
/* -----------------------------  */

/* -----------------------------  */
/* Inicio custom footer */

.site-footer {
  background-color: rgba(9, 29, 62, 1);
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: rgb(255, 255, 255);
  margin: 0;
  font-family: "Open Sans", sans-serif;
  /*IV. Update 20072023: se cambia 350 a 50 para evitar espacio exagerado en footer */
  margin-top: 50px;
}

/* Fin custom footer */
/* -----------------------------  */

.fpd-container.fpd-top-actions-centered.fpd-bottom-actions-centered.fpd-topbar.fpd-views-inside-right.fpd-views-grid.fpd-no-shadow.fpd-grid-columns-2.fpd-dynamic-dialog.fpd-disable-touch-scrolling.fpd-device-desktop.fpd-ui-theme-.fpd-clearfix {
  display: inline-block;
}

@media all and (min-width: 640px) {
  /*IV Ticket13781 update 24-nov-2023*/
  /*Se pasan estos estilos solo a desktop para que la miniatura de las areas de impresión no estoven a la vista del producto*/
  .form-step .fpd-product-designer-wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
.modal-content {
  color: rgba(35, 53, 111, 0.992);
  text-align: center;
  max-width: 100%;
  font-family: "Open Sans", sans-serif !important;
  font-size: 17px;
}

.fpd-modal-overlay > .fpd-modal-wrapper {
  width: auto;
}

/*
.fpd-modal-overlay > .fpd-modal-wrapper {
    width: 300px;
    height: 360px;
    left: 30%;
    top: 20%;
    padding: 55px;
}
 */

.button-modal {
  margin: 20px !important;
}

/* Variations widget
--------------------------------------------- */
.colors-wrapper {
  margin-bottom: 3rem;
}

.colors-color {
  width: 45px;
  height: 45px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  margin: 10px;
  position: relative;
  cursor: pointer;
}

.colors-color.active:before {
  font-family: "Font Awesome 6 Free";
  content: "\f058";
  font-size: 1.2rem;
  color: #fff;
  position: absolute;
  text-shadow: 0 0 4px rgba(87, 87, 87, 0.6);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (pointer: fine) {
  .colors-color:hover:before {
    font-family: "Font Awesome 6 Free";
    content: "\f058";
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    text-shadow: 0 0 4px rgba(87, 87, 87, 0.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.sizes-size {
  display: flex;
  margin-bottom: 1.2rem;
}

.sizes-size > .size-indicator {
  width: 12px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #cdcdcd;
  border-right: 0;
}

.size-form {
  display: flex;
  width: min-content;
  background: #f8f8f8;
  border: 1px solid #d9d9d9;
  border-radius: 0 5px 5px 0;
  height: 76px;
  position: relative;
  padding-top: 0;
  padding-left: 5px;
  padding-bottom: 85px;
}

span.value {
  font-size: 15px;
  font-family: "open sans bold", open sans, sans-serif;
  font-weight: bold;
}

.size-form .size-input:not(:last-child) {
  margin-right: 1.5rem;
}

.size-form .size-input > input {
  color: #101010;
  margin-top: -5px;
  padding-top: 5px;
  margin-right: 5px;
  border-color: #ffffff;
  width: 75px;
  height: 35px;
}

.size-form .size-input > .price {
  color: #666666;
  font-size: 0.65rem;
}

.fa-solid .fa-palette {
  color: rgba(35, 53, 111, 0.992);
}

.fpd-toolbar-title {
  background: #091d3e;
  width: 100%;
  height: auto;
  color: white;
  position: center;
  padding-top: 5px;
  margin-left: auto;
  padding-left: 20px;
  z-index: 99;
}

.fpd-element-toolbar-smart {
  width: 100%;
  background: #ecf0f1;
  color: rgba(0, 0, 0, 0.8);
  max-width: 500px;
  position: absolute;
  left: 50% !important;
  z-index: 100000;
  padding: 0;
  border-radius: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
}
@media (max-width: 570px) and (min-width: 481px) {
  .fpd-element-toolbar-smart {
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }
}

.fpd-element-toolbar-smart > .fpd-panel-edit-text > textarea {
  height: 35px;
  margin-bottom: 5px;
  min-height: auto;
  /*IV. Update 25072023: se agrega borde y se quita scroll en textarea*/
  border: 1px solid #cccccc !important;
  overflow: hidden;
}

.fdp-colors-wrapper {
  width: 40px;
  height: 40px;
  border: 1px solid #d9d9d9;
  margin: 10px;
  position: relative;
}

.fpd-top-tools {
  flex-direction: column;
  display: flex;
  margin-right: -11px;
  margin-bottom: -11px;
}

.fa-solid,
.fas {
  font-weight: 900;
  color: #091d3e !important;
  padding-left: 0;
}

.fpd-tool-color-inline {
  height: 50% !important;
  text-align: justify !important;
  background: #fff;
  height: 40px;
  padding: 16px 0;
  text-align: center;
  line-height: 1;
  margin-right: 0;
}

.fpd-tool-font-family-inline {
  height: 50% !important;
  text-align: justify !important;
}

.fpd-colors-wrapper {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.fpd-colors-wrapper::selection {
  background: green;
  color: black;
  text-shadow: 1px 1px #fff;
}

.fpd-item.fpd-tooltip {
  width: 31px;
  height: 31px;
  margin-left: 15px;
  margin-right: 3px;
  margin-top: 22px;
  border-width: 1px;
  border-style: solid;
  border-color: #00aeef;
  border-radius: 5px;
  box-sizing: border-box;
}

/*IV. Update 18072023: Se ajusta texto de color y fuente en modal de texto*/
.fpd-tool-color-inline p {
  margin-bottom: 0;
  color: #23356f;
  font-size: 14px;
  padding: 0;
  font-weight: 600;
}
.fpd-tool-font-family-inline {
  color: #23356f !important;
  font-size: 14px !important;
  padding: 15px 0 0 !important;
  font-weight: 600;
}
.fpd-scroll-area.fonts-options {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  color: #231f20 !important;
}
/**/

.fpd-dialog-head .fpd-close-dialog {
  padding: 0 12px;
  text-align: right;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.fpd-dialog-head .fpd-close-dialog:hover {
  opacity: 1;
}

/* Agregar nueva ventana al modal de fondo blanco */

.imagen-png-transparent {
  border: solid;
  display: flex;
  margin: 19px;
  margin-top: 20px;
  height: 150px;
  margin-color: blue;
  color: #00aeef;
  background: #eaf8fe;
  margin-width: 0;
  /* border: 1%;*/
  border-width: thin;
}

/* Fin de nueva ventana al modal de fondo blanco */

.fpd-item {
  width: 142px;
  height: 69px;
  margin: 1%;
  text-align: center;
  background: #f8f7ff;
  padding-top: 25px;
  transition: background-color 0.5s;
  font-size: 14px;
  position: relative;
}

.fpd-item:hover {
  background: #e7eced;
}

.icon-title.fpd-icon-font-size {
  padding-left: 10px;
  font-size: larger;
}

.fa-solid,
.fas {
  font-weight: 900;
  padding-left: 10px;
  color: #ffffff;
}

.fpd-panel-edit-text {
  /*IV. Update 25072023: se quita fondo y borde para que el textarea controle estos atributos
background: white;
border-width: 1px;
border-color: rgba(204, 204, 204, 1);
border-style: solid;*/
  margin: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-radius: 5px;
}

.fpd-panel-edit-text .error {
	color: #ff0000;
	display: block;
	text-align: center;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
}

.logosize-title.text-primary {
  /*IV. Update 27072023: se cambia height de 70 a auto */
  height: auto;
  margin-left: -15px;
  /*IV. Update 27072023: se cambia mt de 30 a 10 */
  margin-top: 10px;
  padding-top: 0;
  font-size: 17px;
}

.fpd-tool-advanced-editing.fpd-tooltip.tooltipstered.fpd-no-margin {
  position: absolute;
  align-self: flex-end;
  margin-left: 30px !important;
  padding-left: 10px;
  width: 174px;
  height: 38px;
  padding-right: 10px;
  background-color: rgb(0, 44, 115) !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-family: "Open Sans Bold", "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  color: #ffffff;
}

.fpd-tool-advanced-editing.fpd-tooltip.tooltipstered.fpd-no-margin:hover {
  background: #0c85d0 !important;
}

.button btn-navigate-form-step:hover {
  opacity: 0.8%;
}

.text-successfull {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #666666;
  display: inline-block;
  padding-left: 15px;
  margin-top: 3px;
  margin-bottom: 0;
}

.icon-successfull {
  color: #0e7b17;
  font-weight: bold;
}

/* --------------------------------------------- */

/*.fpd-theme-check-content p {
	display: none
}*/
.fa-check-circle:before,
.fa-circle-check:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.fpd-visibility.fpd-show {
  visibility: visible;
  opacity: 1;
}

input:focus {
  outline: none;
}

.slider {
  -webkit-appearance: none;
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min)) / var(--range));
  --sx: calc(0.5 * 1.5em + var(--ratio) * (100% - 1.5em));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 1.5em;
  background: transparent;
  font: 1em/1 arial, sans-serif;
  border: none;
}

.slider,
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.slider::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.5em;
  background: #1a357b;
}

.js .slider::-webkit-slider-runnable-track {
  background: linear-gradient(#7b1c1a, #7b1c1a) 0 / var(--sx) 100% no-repeat
    #ece112;
}

.slider::-moz-range-track {
  box-sizing: border-box;
  border: none;
  height: 0.5em;
  background: #f30606;
}

.slider::-ms-track {
  box-sizing: border-box;
  border: none;
  width: 12.5em;
  height: 0.5em;
  background: #ece112;
}

.slider::-moz-range-progress {
  height: 0.5em;
  background: #151414;
}

.slider::-ms-fill-lower {
  height: 0.5em;
  background: #ee5909;
}

.slider::-webkit-slider-thumb {
  margin-top: -0.55em;
  box-sizing: border-box;
  border: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #a8aaad;
}

.slider::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #ece112;
}

.slider::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #a8a9ab;
}

.slider::-ms-tooltip {
  display: none;
}

/*Estilos para la barra del tamaño de logo*/
/*IV. Update 27072023 */
.trickmarks-content {
  position: relative;
}
#tickmarks {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  /*IV. Update 27072023: top de -32 a -10*/
  top: -10px;
  position: relative;
}

#tickmarks p {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 1px;
  height: 10px;
  line-height: 40px;
  margin: 0 0 20px 0;
}

#primaryscale {
  border: 0;
  position: absolute;
  accent-color: red;
  z-index: 2;
  top: 20px; /*IV. Update 270720230*/
}

.logosize-wrapper.fpd-tool-primary-scale {
  position: relative;
  height: 220px;
  width: 100%;
  padding-bottom: 90px;
  margin-left: 30px;
  margin-right: 10px;
}

.fpd-element-toolbar-smart.fpd-type-image {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

#primaryscale::-moz-range-progress {
  background-color: #43e5f7;
}

#primaryscale::-moz-range-track {
  background-color: #9a905d;
}

/* IE*/
#primaryscale::-ms-fill-lower {
  background-color: #43e5f7;
}

#primaryscale::-ms-fill-upper {
  background-color: #9a905d;
}

.logosize-note {
  font-size: 13px;
  max-width: 410px;
  line-height: 17px;
}
@media all and (max-width: 767px) {
  .logosize-note {
    max-width: 300px;
    font-size: 12px;
    line-height: 15px;
  }
}
/**/

.fpd-bottom-tools,
.fpd-top-tools {
  display: flex;
  max-width: none !important;
  margin-bottom: 30px;
  margin-top: -20px;
}

div#mCSB_4_container {
  background: white;
  top: 14px !important;
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
  color: #ffffff;
}

.fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-type-image.fpd-show {
  width: 495px;
  position: absolute;
  display: flex;
  margin-top: 15px;
}

.fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show {
  padding-bottom: 0;
  background: white;
  top: 565px !important;
}

.grid-recents span.fpd-price{
  display: none !important;
}

.fpd-upload-zone > div > span.fpd-price {
  display: none;
}

.fpd-range-tooltip {
  display: none;
}

@media (max-width: 380px) {
  .fpd-dialog-title {
    font-size: 11px;
    margin: 0 !important;
  }
}
.fpd-dialog-title::before {
  font-weight: lighter;
  color: white;
  text-transform: none;
  content: "SELECCIONA EL TIPO DE PERSONALIZACIÓN";
}

.fpd-draggable-dialog {
  width: 450px;
  height: 450px;
  margin-top: 5px;
  background: #fff;
  position: absolute !important;
  left: calc(50% - 175px);
  top: calc(45% - 200px);
  min-width: 200px;
  min-height: 100px;
  z-index: 1000000;
  border-radius: 2px;
  max-width: 100%;
  overflow: hidden;
}

.tip.fpd-tip-area {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 11px;
  letter-spacing: normal;
  background: #e4f2f8;
  border-width: 1px;
  border-style: solid;
  border-color: #00aeef;
  position: absolute;
  top: 190px;
  right: 15px;
  left: 20px;
  padding-left: -58px;
  text-align: justify;
}

.tip {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 11px;
  background: #e4f2f8;
  border-width: 1px;
  border-style: solid;
  border-color: #00aeef;
  position: absolute;
  top: 55px;
  right: 15px;
  left: 20px;
  padding-left: -58px;
  text-align: justify;
}

i.fa-regular.fa-lightbulb {
  font-weight: 300;
  font-size: 35px;
  color: #00aeef;
  margin-top: 15px;
  padding-left: 15px;
}

.fpd-image-editor-container .fpd-content-color-manipulation > div {
  max-width: 350px;
  margin-right: 100px;
  font-family: "Open Sans Bold", "Open Sans", sans-serif !important;
}
@media all and (max-width: 1439px) and (min-width: 1025px) {
  .fpd-image-editor-container .fpd-content-color-manipulation > div {
    max-width: 250px;
  }
}

.fpd-image-editor-container .fpd-image-editor-main {
  border: none !important;
  width: 670px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  margin-left: 150px;
}

.fpd-item.div-font.active {
  background: #6bb5d8;
  opacity: 0.9;
}

.cm-range1 {
  top: -80px;
  left: 426px;
  position: relative;
}

select#fonts {
  width: 96%;
  padding: 5px;
  padding-right: 390px;
  margin-left: 6px;
  border-radius: 5px;
  font-size: 13px;
}

p.text-center.text-muted {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: normal;
  color: rgb(102, 102, 102);
  line-height: 19px;
}

span.fpd-title-icon.fpd-icon-style {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400;
  text-align: center;
  font-size: 12px !important;
}

.fpd-title-icon {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  font-size: 16px;
}

.fpd-image-editor-container .fpd-image-editor-menu > span {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: normal;
}

.fpd-left.fpd-filter-remove-white {
  font-family: "Open Sans", sans-serif !important;
  font-size: 15px;
}

.fpd-cm {
  text-align: center;
  align-items: start;
  display: inline-flex;
  /*IV. Update 27072023: pt de 20 a 69*/
  padding-top: 69px;
  margin-right: 20px;
}
@media all and (max-width: 767px) {
  /*IV. Update 27072023:*/
  .fpd-cm {
    padding-top: 84px;
  }
}

[data-context="upload"] .fpd-upload-form {
  display: flex;
  justify-content: center;
  padding: 5px 3% 10px 3% !important;
}
.fpd-subtitle.subtitle-logos {
  box-sizing: border-box;
  color: #797979;
  line-height: normal;
  letter-spacing: 0.5px;
  font-size: 11px;
  display: block;
  text-align: center;
  margin: 5px 0 15px 0;
}

.fpd-hide-tabs [data-context="upload"] .fpd-scroll-area {
  /* Ajuste 22-09-2023 - Ajustar tamaño de ventana grids y agregar scroll*/
  -webkit-overflow-scrolling: touch;
  height: 225px;
  position: relative;
  z-index: 9999999;
  overflow-y: auto;
}

.grid-title.text-primary {
  display: block;
  padding-left: 10px;
  box-sizing: border-box;
  font-weight: 700 !important;
  color: #003f78;
  text-align: left;
  font-size: 12px !important;
  padding: 0 0 10px 10px;
  line-height: 11px;
}
.fpd-upload-zone > div {
  /*Update 12-09-23 - Se agrega gap para separación de elementos*/
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.fpd-upload-zone > div > span {
  /*Update 12-09-23 - Se actualiza font size a 27px, se cambia la opacidad, font weight y el color de los elementos*/
  display: block;
  font-size: 27px !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  line-height: normal;
  font-weight: 700;
  opacity: 1 !important;
}
.fpd-upload-zone > div > .material-icons-outlined {
  /*Update 13-09-23 - Se actualiza font size a 35px*/
  font-size: 35px !important;
  margin: 0 !important;
}

[data-context="upload"] .fpd-upload-zone {
  /*Update 12-09-23 - Se actualiza height, background-color y se quita el border*/
  background-color: #003f78;
  width: 440px;
  height: 65px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  border: unset !important;
}
[data-context="upload"] .fpd-upload-zone:hover {
  /*Update 12-09-23 - Se agrega nuevo background-color al hacer hover*/
  background-color: #00aeef;
}

span.fpd-price {
  display: none;
}

.tip.fpd-tip-area2 {
  top: 170px !important;
  display: flex;
}

.fpd-item.active {
  background: #e7eced;
}

.tip.fpd-prueba {
  display: flex;
}

.title-modal-tip {
  background: #091d3e;
  margin-top: -60px;
  height: 55px;
  padding-top: 5px;
  margin-left: -40px;
  color: #ffff;
  position: absolute;
  width: 320px;
}

p.fpd-align-text-left {
  margin-top: -10px;
  line-height: 12px;
  margin-right: 15px;
  margin-left: 5px;
}

h3.fpd-title-tip {
  margin-left: 13px;
}

.content-modal-tip {
  font-family: "open-sans", sans-serif;
  font-size: 13px;
  padding-top: 20px;
}

.fpd-modal-close {
  position: absolute;
  margin-left: 275px;
  top: 20px;
}

#modal-tip {
  width: 240px;
}

.fpd-icon-info-outline {
  font-size: 40px;
  position: relative;
  top: 15px;
  margin-left: -90px;
  cursor: pointer;
}


.icon-palette-content {
  font-size: 23px;
  font-weight: bold;
  vertical-align: sub;
}

.icon-straighten-content {
  font-size: 23px;
  font-weight: bold;
  vertical-align: sub;
}

span.fpd-icon-info-outline:after {
  font-size: 13px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  color: #666666;
  content: "info";
  font-family: "open-sans", sans-serif;
  transform: translatex(-50%);
}

span.fpd-icon-info-outline:hover:after {
  color: #5ecbf5;
}

.fpd-icon-info-outline:hover {
  color: #5ecbf5;
}

#step-2 span.fpd-icon-info-outline:after {
  font-size: 13px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  color: #666666;
  content: "info";
  font-family: "open-sans", sans-serif;
  transform: translatex(-50%);
}

@media all and (min-width:1025px) {
  #step-2 span.fpd-icon-info-outline:after{
    bottom: -15px;
  }

}

#step-2 span.fpd-icon-info-outline:hover:after {
  color: #5ecbf5;
}

.fpd-info-content {
  margin-top: -55px;
}

.woocommerce-notices-wrapper {
  display: none;
}

.fpd-image-editor-container .fpd-action-buttons {
  /*IV. Update 20072023: Hace un espacio innecesario entre el logo y los botones de usar imagen original*/
  /*margin-top: 330px;*/
}

.fpd-bottom-nav > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  background: #717ca2;
}

.fpd-bottom-nav > div:hover {
  /*Update 11-09-23 - Se cambia hover para que agregue border en lugar de cambiar background*/
  border: 2px solid rgba(35, 53, 111, 0.99);
}

.fpd-bottom-nav > div.fpd-add-image {
  color: #002c73fc;
  border: 2px solid #9badc0;
  border-radius: 5px;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  flex-basis: 50%;
}
.fpd-bottom-nav > div.fpd-add-image.fpd-active {
  /*Update 11-09-23 - Se cambia el color del fondo/texto y se agrega border*/
  border: 4px solid #002c73;
}
.fpd-bottom-nav > .fpd-add-image > div {
  gap: 5px;
}
.fpd-bottom-nav > div.fpd-add-image .fpd-title-icon {
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.fpd-bottom-nav > div.fpd-add-image .add-photo-icon {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.fpd-bottom-nav > div.fpd-add-text > div {
  gap: 5px;
}

.fpd-bottom-nav > div.fpd-add-text {
  color: #002c73fc;
  border: 2px solid #9badc0;
  border-radius: 5px;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  flex-basis: 50%;
}
.fpd-bottom-nav > div.fpd-add-text .fpd-title-icon {
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.fpd-bottom-nav > div.fpd-add-text .material-icons-outlined {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.fpd-bottom-nav > div.fpd-add-text.fpd-active {
  /*Update 11-09-23 - Se cambia el color del fondo/texto y se agrega border*/
  border: 4px solid #002c73;
}

@media (max-width: 340px) {
  /*Update 13-09-23 - Cambio de tamaño textos 320px a 340px*/
  .fpd-bottom-nav > div.fpd-add-image.fpd-active .fpd-title-icon {
    font-size: 12px !important;
  }
  .fpd-bottom-nav > div.fpd-add-text .fpd-title-icon {
    font-size: 12px !important;
  }
  .fpd-upload-zone > div > span {
    font-size: 25px !important;
  }
}

.fpd-draggable-dialog > .fpd-dialog-head {
  color: #fff;
  display: flex;
  height: 40px;
  padding: 0 0 0 6px;
  cursor: move;
}

button#btnGoToStore {
  background: #ffffff;
  color: rgba(9, 29, 62, 1);
}

.modal-content-fpd-cutomize {
  color: #afacac;
  font-size: 16px;
  text-align: center;
}

.fpd-customize-question {
  color: rgba(9, 29, 62, 1);
  font-size: 16px;
  text-align: center;
}

.fpd-info-dialog {
  position: absolute;
  margin-left: 15px;
  margin-top: 14px;
}

.info-dialog-align {
  position: absolute;
  margin-left: 35px;
  font-size: 16px;
  font-family: "open-sans", sans-serif;
}

.fpd-actions-wrapper.fpd-pos-left > .fpd-action-btn,
.fpd-actions-wrapper.fpd-pos-right > .fpd-action-btn {
  display: block;
  background: #ffffff;
  /*color: #3c4043;*/
  /*IV. Update 13072023: ajusta color del icono info*/
  color: #666666;
}

.fpd-actions-wrapper.fpd-pos-left {
  left: 0;
  top: 15px;
  position: absolute;
    z-index: 9;
}

.fpd-action-btn.fpd-tooltip.fpd-primary-text-color.tooltipstered {
  display: contents;
}

.sizes-wrapper {
  margin-left: 15px;
}

.material-icons-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-size: 27px;
  font-weight: bold;
}

i.material-symbols-outlined.form-stepper-icon.check-number {
  margin-left: -1px;
}

span.material-symbols-outlined.icon-successfull {
  font-size: 30px;
  font-weight: bold;
}

.form-stepper-active .form-stepper-circle {
  width: 35px !important;
  height: 35px !important;
}

.form-stepper-completed .form-stepper-circle {
  width: 28px !important;
  height: 28px !important;
}

.fpd-icon-successfull {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fpd-views-wrapper .fpd-views-selection .fpd-view-active {
  border-color: #00aeef !important;
}

.fpd-views-wrapper .fpd-views-selection .fpd-view-active:hover {
  border-color: #00aeef !important;
}

.fpd-views-wrapper .fpd-views-selection .fpd-item {
  width: 60px;
  height: 70px;
  padding: 10px;
  cursor: pointer;
  border-radius: 0;
  border-color: #c5c5c5;
}

/*JG. Update 12-09-2023:Ajusta la posición del boton de eliminar logo de "Recientes"*/
.fpd-icon-remove {
  z-index: 9999;
  position: absolute;
  left: 5px;
  font-size: 21px;
  top: 5px;
}
.fpd-icon-remove:hover {
  color: #00aeef;
}
/*IV. Update 13072023:Ajusta el título de los modalitos para que se vea centrado horizontalmente*/
.fpd-dialog-drag-handle > div {
  display: flex;
}
.fpd-module-tabs-content > div {
  /*JG. Update 13-09-2023: cuando hay muchos logos en Recientes, el ultimo item se corta //Reajuste de tamaño 82% a 70% */
  height: 82% !important;
}
@media (min-width: 768px) {
  .fpd-module-tabs-content > div {
    /*JG. Update 13-09-2023: cuando hay muchos logos en Recientes, el ultimo item se corta //Reajuste de tamaño 82% a 70% */
    height: 70% !important;
  }
}
.fpd-module-tabs-content .fpd-photo-grid .fpd-item picture {
  background-size: contain !important;
}
.fpd-module-tabs-content .fpd-photo-grid .fpd-item {
  width: 100%;
  height: 80px;
  border: 1px solid #dde1e6;
}

/*IV. Update 20072023: ajuste a modal Eliminar color de fondo*/
.custom-image-editor-tools .fpd-modal-wrapper {
  padding: 0 !important;
  width: 70% !important;
  height: auto !important;
}
.custom-image-editor-tools .fpd-modal-wrapper .fpd-modal-close {
  top: -12px;
  z-index: 99;
  color: #fff;
  opacity: 1 !important;
}
.custom-image-editor-tools .fpd-modal-wrapper .fpd-modal-content {
  margin-top: 0;
}
.custom-image-editor-tools .fpd-image-editor-container.fpd-container {
  border: 0 !important;
  background-color: #fff !important;
}
.custom-image-editor-tools .fpd-image-editor-container.fpd-container .fpd-image-editor-main {
  width: auto !important;
  margin-left: 20px !important;
  margin-right: 20px;
  transform: none !important;
  left: 0 !important;
}
@media all and (max-width: 1024px) and (min-width: 768px) {
  /*IV. Update 287072023:*/
  .custom-image-editor-tools
    .fpd-image-editor-container.fpd-container
    .fpd-image-editor-main {
    margin-left: 4% !important;
  }
}
.custom-image-editor-tools
  .fpd-image-editor-container.fpd-container
  .fpd-action-buttons {
  margin-top: 30px;
}
@media all and (max-width: 767px) {
  .custom-image-editor-tools .fpd-modal-wrapper {
    padding: 0 !important;
    width: 90% !important;
    height: auto !important;
  }
  .custom-image-editor-tools
    .fpd-modal-wrapper
    .fpd-modal-content
    .fpd-image-editor-container {
    max-width: 100% !important;
  }
  .custom-image-editor-tools .fpd-modal-wrapper .fpd-modal-close {
    right: 20px;
  }
  .custom-image-editor-tools
    .fpd-image-editor-container.fpd-container
    .fpd-image-editor-main {
    margin-left: 20px !important;
  }
}
.fpd-grid.fpd-grid-cover.fpd-photo-grid {
  /*Update 12-09-2023 - Se actualiza estructura de grid logos y se agrega espaciado*/
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0px 20px 10px 10px;
  gap: 3px;
  z-index: 99999;
}

.fpd-grid > .fpd-item > .badge {
  position: absolute;
  right: 5px;
  top: 5px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 3px 4px;
  border-radius: 2px;
}
.fpd-grid > .fpd-item > .badge.left {
  right: auto;
  left: 5px;
}
.fpd-grid > .fpd-item > .badge.bottom-right {
  top: auto;
  bottom: 5px;
}
/*-----------*/

/*media queries*/
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media all and (min-width: 768px) and (max-width: 1024px) {
  .fpd-item.active {
    background: #c9ced1;
  }

  .tip.fpd-prueba {
    display: flex;
    width: 540px;
  }

  .fpd-visibility.fpd-show {
    visibility: visible;
    opacity: 1;
    height: 450px;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-type-image.fpd-show {
    width: 495px;
    position: absolute;
    height: 309px;
  }

  .site-footer {
    background-color: rgba(9, 29, 62, 1);
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-family: "Open Sans", sans-serif;
    /*IV. Update 20072023: se quita top para evitar espacio exagerado en footer */
    position: relative;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show {
    padding-bottom: 0;
    background: white;
    margin-top: 20px;
  }

  .form-stepper-horizontal {
    width: 50%;
  }

  .form-step {
    padding: 1rem 3rem;
  }

  .mt-center {
    width: 70%;
  }

  .button.button-modal.btn-navigate-form-step {
    font-size: 12px;
  }

  .fpd-bottom-tools,
  .fpd-top-tools {
    display: flex;
    max-width: none !important;
    margin-bottom: 70px;
    margin-top: -20px;
  }

  .fpd-image-editor-container .fpd-content-color-manipulation > div {
    max-width: 607px !important;
    margin-right: -200px !important;
    position: relative !important;
    font-family: "Open Sans Bold", "Open Sans", sans-serif !important;
    margin-left: -12px;
  }

  .fpd-modal-overlay > .fpd-modal-wrapper {
    width: max-content;
  }

  .button.button.btn-navigate-form-step,
  button.button.btn-navigate-form-step:hover {
    font-family: "Open Sans Bold", "Open Sans", sans-serif;
    border-width: 5px;
    height: 45px;
    background: inherit;
    background-color: #002c73;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    outline: 2px solid rgba(0, 44, 115, 1);
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.16px;
  }

  .fpd-image-editor-container .fpd-image-editor-main {
    border: none !important;
    width: 600px;
    margin-bottom: 0;
    display: flex;
    position: relative;
    margin-left: 0 !important;
    /* top: 40px; */
    margin-top: 45px;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-type-image.fpd-show {
    width: 495px;
    position: absolute;
    margin-top: 15px;
  }

  .fpd-visibility.fpd-show {
    visibility: visible;
    opacity: 1;
    height: 450px;
  }

  /*.fpd-icon-info-outline {
    position: relative;
    margin-left: 300px;
    top: -21px;
  }*/

  /*IV. Update 18072023: se ajusta icono de info en tablet para que no se corte*/
  .fpd-actions-wrapper.fpd-pos-left {
    top: 27px;
  }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media all and (min-width: 481px) and (max-width: 767px) {
  .fpd-item.active {
    background: #c9ced1;
  }

  .fpd-actions-wrapper.fpd-pos-left {
    margin-bottom: 29px;
    margin-top: 20px;
    position: absolute;
  }

  .fpd-image-editor-container .fpd-image-editor-main {
    border: none !important;
    width: 670px;
    margin-bottom: 4px;
    display: flex;
    position: relative;
    margin-top: 34px;
  }

  .fpd-actions-container {
    margin-bottom: 30px !important;
  }

  .fpd-icon-info-outline {
    top: -10px;
  }

  .text-primary {
    margin-top: 40px;
  }

  .tip.fpd-tip-area2 {
    top: 170px;
    display: flex;
    width: 410px;
  }

  .fpd-scroll-area.fonts-options {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
  }

  .tip {
    width: 345px;
    position: absolute !important;
  }

  .fpd-image-editor-container .fpd-content-color-manipulation > div {
    max-width: 360px !important;
    font-size: 15px;
    margin-bottom: 110px;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 31px;
    font-family: "Open Sans Bold", "Open Sans", sans-serif !important;
  }

  .size-form {
    flex-wrap: wrap;
    width: 95%;
    height: 170px;
  }

  .fpd-modal-overlay.fpd-fullscreen > .fpd-modal-wrapper {
    width: 97%;
    height: 98%;
    top: 6px;
    overflow: auto;
    padding: -5px;
    padding-top: 0%;
    padding-bottom: -14%;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show {
    padding-bottom: 0;
    background: white;
    margin-left: -241px;
    margin-bottom: -22px;
  }

  .fpd-draggable-dialog.fpd-container.fpd-shadow-2.fpd-grid-columns-2.ui-draggable.fpd-active {
    top: 200px !important;
  }

  button#btnAddToCart {
    font-size: 15px;
  }

  /* JG update 12/12/2023 Se aumenta tamaño de modal en dispositivos pequeños */
  .fpd-modal-wrapper.fpd-shadow-3 {
    width: 310px;
  }

  .form-stepper-horizontal {
    width: 75%;
  }

  .form-step {
    padding: 1rem 1rem;
  }

  .mt-center {
    width: 80%;
  }

  .button.button-modal.btn-navigate-form-step {
    font-size: 12px;
    width: -webkit-fill-available;
  }

  .size-form {
    flex-wrap: wrap;
    width: 100%;
  }

  .size-input {
    width: 19%;
  }

  span.fpd-action-save.fpd-btn {
    margin-left: 2px;
  }

  .colors-wrapper {
    margin-bottom: 3rem;
    display: block;
  }

  .fpd-image-editor-container .fpd-image-editor-main {
    border: none !important;
    width: 600px;
    margin-bottom: 1px;
    display: flex;
    position: relative;
    margin-top: 0;
    margin-left: 0;
  }

  select#fonts {
    width: 96%;
    padding: 5px;
    margin-left: 6px;
    border-radius: 5px;
    padding-right: 225px;
  }

  .fpd-item {
    /*Update 13-09-2023 - Se retira important*/
    height: 100px;
    margin: 1%;
    text-align: center;
    padding-top: 25px;
    transition: background-color 0.5s;
    font-size: 14px;
  }

  .fpd-item.fpd-tooltip {
    width: 27px;
    height: 27px;
    margin-left: 15px;
    margin-right: 3px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 5px;
    box-sizing: border-box;
    background-color: powderblue;
    transition: background-color 0.1ms;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show {
    margin-left: -241px;
    margin-bottom: 32px;
  }

  span.fpd-icon-close {
    margin-left: -25px;
  }

  .fpd-icon-info-outline {
    font-size: 40px;
    position: relative;
    margin:0;
    top: 15px;
    padding-bottom: 9px;
  }

  .fpd-info-content {
    margin-top: -20px;
  }
}

@media all and (max-width: 1024px) and (min-width: 768px) {
  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show.fpd-type-image {
    /*IV. Update 02082023: margin left de 158 a 0 para evitar que se esconda en ciertas resolucones*/
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  /*IV. Update 18072023:ajuste a las miniaturas de las areas de impresión para que no ocupen tanto espacio en móviles */
  .fpd-container.fpd-device-smartphone ~ .fpd-views-wrapper .fpd-item,
  .fpd-container.fpd-views-outside ~ .fpd-views-wrapper .fpd-item {
    padding: 3px;
    width: 47px;
    height: 54px;
    margin: 0 !important;
  }
  /*IV. Update 18072023: prueba para centrar modales en moviles*/
  .fpd-draggable-dialog.fpd-container.fpd-shadow-2.fpd-grid-columns-2.ui-draggable.fpd-active {
    position: fixed !important;
    width: 93%;
    height: 450px;
    max-height: 100%;
    z-index: 99;
    margin: 0 auto;
    top: 16% !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -10px !important;
    padding-bottom: 30px;
  }
  /*JG. Update 12-09-2023: ajusta icono eliminar en moviles*/
  .fpd-icon-remove {
    left: -40px;
  }
  /*IV. Update 20072023:  ajusta cuadrito de tips en modal de eliminar color de fondo*/
  .tip.fpd-prueba .content-tip .fpd-align-text-left {
    font-size: 12px !important;
    line-height: 13px;
  }
  .tip.fpd-prueba .content-tip .fpd-align-text-left span {
    font-size: 12px !important;
    line-height: 11px;
  }
  i.fa-regular.fa-lightbulb {
    padding-left: 5px;
    font-size: 17px !important;
  }
  .title-tip-content {
    margin-left: 5px;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show:not(
      .fpd-type-image
    ) {
    /*IV. Update 25072023: COMPORTAMIENTO EXTRAÑO EN MODALITO DE TEXTO */
    top: 435px !important;
    margin-left: 12px;
    height: fit-content !important;
    /*overflow: hidden;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling:touch !important;
        overscroll-behavior: contain;*/
    width: calc(100% - 15px) !important;
  }
  .fpd-element-toolbar-smart .fpd-bottom-tools [class^="fpd-tool-"],
  .fpd-element-toolbar-smart .fpd-icon-button-group > span,
  .fpd-element-toolbar-smart .fpd-top-tools [class^="fpd-tool-"] {
    /*IV. Update 25072023: quita el fondo de los elementos de seleccion de color  tipografía en modal editar texto */
    background: transparent !important;
  }

  .fpd-top-tools{
    /*JG. Update 18-09-223: se cambia de -20 a -28px*/
    margin-bottom: 0!important;
  }

  .fpd-bottom-tools{
    margin-bottom: 0!important;
    margin-top: 0!important;
  }

  .fpd-tool-font-family-inline .fpd-scroll-area.fonts-options {
    /*display: inline-flex;
       IV. Update 25072023: se cambia a wrap para evitar que los nombres de tipografías se aplasten cuando sean más y se acrega scroll
       flex-wrap: wrap;
       width: 100%;*/
    height: 135px;
    overflow: auto;
  }
  .fpd-tool-font-family-inline .fpd-scroll-area.fonts-options .fpd-item {
    width: 30%;
    height: 55px;
    background: #f8f7ff;
    padding-top: 20px;
  }

  /* IV. Update 25072023: el titulo de tamaño del logo aparece muy pegado al header*/
  .logosize-wrapper.fpd-tool-primary-scale {
    margin-top: 15px !important;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show.fpd-type-image {
    /*IV. Update 24072023: top de 340 a auto para evitar que se esconda el bote de basura*/
    top: auto !important;
    /*IV. Update 02082023:se cambia ml de 158 a 0*/
    margin-left: 0;
    /*IV. Update 27072023: bottom de 30 a 70*/
    /* bottom: 70px !important; */
  }
}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

:not(.fpd-ui-theme-doyle).fpd-device-smartphone .fpd-actions-container {
  background-color: unset!important;
}

@media all and (max-width:767px){
  #step-2 .info-tooltip {
    text-align: center;
  }
}


@media all and (min-width: 300px) and (max-width: 480px) {
  .material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show:not(
      .fpd-type-image
    ) {
    /*JG. Update 25092023: Se aumenta top de 335px a 435px para evitar que bloquee el botón de borrar */
    top: 395px !important;
  }

  .fpd-left.fpd-filter-remove-white {
    width: 100%;
  }

  .button.button.btn-navigate-form-step,
  button.button.btn-navigate-form-step:hover,
  .button.button.btn-navigate-form-step:focus{
    font-family: "Open Sans Bold", "Open Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.16px;
    border-width: 5px;
    height: 45px;
    background: inherit;
    background-color: #002c73;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    outline: 2px solid rgba(0, 44, 115, 1);
    padding-right: 10px;
  }

  .text-primary {
    line-height: 30px !important;
  }

  .fpd-image-editor-container .fpd-action-buttons {
    margin-top: 40px !important;
  }

  .fpd-actions-wrapper.fpd-pos-left {
    /*IV. Update 24-nov-2023: ajusta el icono de info para que esté pegado a la izqueirda en moviles*/
    margin-left: -5px;
    position: absolute !important;
    top: -2px !important;
  }

  .colors-wrapper {
    margin-bottom: 2rem;
  }

  .fpd-panel-edit-text {
    /*IV. Update 25072023: se quita fondo y bordes porque generan espacios innecesarios en moviles en campo de texto
        background: white;
        border-width: 1px;
        border-color: rgba(204, 204, 204, 1);
        border-style: solid;*/
    border-radius: 5px;
    margin-bottom: -7px;
  }

  .tip.fpd-prueba {
    width: 100%;
  }

  fa-text-icon-palette {
    margin-left: -13px;
  }

  .form-stepper .form-stepper-completed .form-stepper-circle {
    margin-bottom: 6px;
  }

  .fpd-element-toolbar-smart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    display: none;
  }

  #step-2 .form-stepper .form-stepper-completed .label {
    margin-top: 15px !important;
  }

  .fpd-item.fpd-tooltip {
    /*IV. Update 20072023: Se hace ajuste para que los cuadros de colores se vean el mismo tamaño */
    width: 27px;
    height: 10px;
    margin-left: 5px;
    margin-right: 6px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #00aeef;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: powderblue;
    transition: background-color 0.1ms;
  }

  .button.button.btn-navigate-form-step.opacity {
    font-family: "Open Sans Bold", "Open Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.16px;
    color: #002c73;
    text-align: center;
    border-width: 5px;
    height: 45px;
    background: inherit;
    background-color: #ffffff;
    border-color: #002c73;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 2px solid rgba(0, 44, 115, 1);
    width: -107px;
    margin-left: 10px;
    padding-left: 3px;
  }

  span.fpd-icon-info-outline {
    /*IV. Update 13072023: se ajusta tamaño de icono info en moviles*/
    font-size: 30px;
  }
  span.fpd-icon-info-outline:after {
    font-size: 13px;
    color: #666666;
    content: "info";
    font-family: "open-sans", sans-serif;
    /*IV. Update 13072023: se ajusta tamaño de texto info en moviles*/
  }

  .father-form-stepper-horizontal {
    background-color: rgba(9, 29, 62, 1);
    line-height: 0.5;
    height: 70px;
    width: 103%;
  }

  .form-step {
    padding: 1rem 1rem;
    margin-left: 10px;
    margin-right: 10px;
  }


  #step-2 .fpd-icon-info-outline {
    display: none;
    position: relative;
    margin-left: 5px;
  }

  .fpd-icon-info-outline {
    font-size: 40px;
    position: relative;
    margin-left: -90px;
    top: 0;
  }

  p.text-center.text-muted {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: rgb(102, 102, 102);
    height: 60px;
    /*IV. Update 13072023: Ajusta los subtitulos de los pasos para que no se pasen a dos lineas en moviles medianos*/
    padding: 0;
    margin: -50px -15px 0;
  }

  select#fonts {
    border-radius: 5px;
    width: 100%;
    padding-right: 250px;
    margin-left: 0;
    font-size: 13px;
  }

  .fpd-item.active {
    background: #c9ced1;
  }

  p.fpd-align-text-left {
    margin-top: -10px;
    line-height: 18px;
    margin-right: 15px;
  }

  small {
    font-size: 11px;
  }

  .woocommerce img,
  .woocommerce-page img {
    width: 133px;
    height: 34px;
    margin-top: 2px;
  }

  .fpd-image-editor-container.fpd-action-buttons {
    padding-top: 15px;
  }

  ul.form-stepper {
      /*IV Ticket13781 update 27-nov-2023 se cambia de 330 a 100% para evitar scroll horizontal*/
    width: 100%;
  }

  :not(.fpd-ui-theme-doyle).fpd-device-smartphone .fpd-actions-container {
    background-color: unset!important;
    display: contents;
    top: 0;
    left: 0;
    height: auto;
    position: static;
  }



  .site-footer {
    background-color: rgba(9, 29, 62, 1);
    width: 103%;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-style: normal;
    color: rgb(255, 255, 255);
    font-family: "Open Sans", sans-serif;
    /*IV. Update 20072023: se cambia de 100 a 20 para que no quede muy separado de los demás elementos*/
    margin-top: 20px;
    text-align: center;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-show {
    padding-bottom: 0;
    background: white;
  }

  i.fa-regular.fa-lightbulb.prueba::after {
    margin-top: -20px;
    text-transform: none;
    content: "Tip";
    font-family: "Open-Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    letter-spacing: normal;
    color: rgb(9, 29, 62);
    position: absolute;
    margin-left: 12px;
  }

  .fpd-image-editor-container .fpd-image-editor-main {
    border: none !important;
    width: 344px !important;
    margin-bottom: 0;
    display: flex;
    position: relative;
    margin-left: 0 !important;
  }

  span.fpd-action-save.fpd-btn {
    margin-left: 1px;
  }

  .fpd-image-editor-container .fpd-content-color-manipulation > div {
    max-width: 100% !important;
    margin-right: 100px;
    font-family: "Open Sans Bold", "Open Sans", sans-serif !important;
    position: static;
  }

  .fpd-modal-content * {
    font-size: 13px;
    max-width: 300px;
  }

  .fpd-modal-wrapper.fpd-shadow-3 {
    width: 300px;
  }

  .fpd-modal-overlay.fpd-fullscreen > .fpd-modal-wrapper {
    width: 88%;
    height: 98%;
    top: 5px;
    overflow: auto;
    padding-top: 0%;
    padding-bottom: 5%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .form-stepper-horizontal {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-step {
    padding: 4rem 1rem;
  }

  .mt-center {
    width: 95%;
    position: absolute !important;
    padding: 10% px !important;
  }

  .mt-3 {
    margin-top: 5rem;
  }

  #step2.form-step {
    line-height: 2.5;
  }

  .button.button-modal.btn-navigate-form-step {
    font-size: 12px;
    width: -webkit-fill-available;
  }

   .fpd-element-toolbar-smart {
    max-width: 50px;
    left: 46% !important;
    height: 230px !important;
  }

  .fpd-element-toolbar-smart {
    padding: 0 !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 10px) !important;
    /*IV. Update 20072023: El position fixed impedía la posición correcta del modal editar imagen */
    position: absolute !important;
    width: 97% !important;
    left: 0 !important;
    top: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    max-width: none !important;
  }

  .fpd-modal-wrapper > .fpd-modal-close {
    position: absolute;
    right: 40px;
    top: 5px;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.6;
  }

  .mt-3.button-div {
    justify-content: center;
    margin-top: 180px;
  }

  .size-form {
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding-left: 3px;
    padding-bottom: 15px;
  }

  .fpd-modal-wrapper > .fpd-modal-content {
    line-height: 22px;
    margin-top: 20px;
    word-break: break-word;
    font-feature-settings: kern;
    font-family: "Open Sans", sans-serif;
  }

  .fpd-container .fpd-main-wrapper {
    margin-top: 8px;
  }

  .fpd-draggable-dialog.fpd-active {
    display: block;
    margin-top: -164px;
    width: 97%;
  }

  .fpd-element-toolbar-smart.fpd-visibility.fpd-theme-white.fpd-toolbar-placement-smart.fpd-toolbar-front.fpd-type-image.fpd-show {
    display: flex;
    /*IV. Update 20072023: se quita margin top porque tapa el bote de basura */
    margin-top: 0;
    /*IV. Update 03082023: cambio height 230px a 270 */
    height: 270px !important;
    margin-left: 3px;
    /*background-color: #cf0:*/
  }

  /*IV. Update 03082023: ventana de editar tamaños sale cortada*/
  .fpd-scroll-area .mCSB_container {
    max-width: none;
    overflow: visible !important;
    padding: 5px;
    /*background: #cdf;*/
  }
  /*IV. Update 03082023: se ajusta margin */
  .logosize-wrapper.fpd-tool-primary-scale {
    margin-left: 15px;
  }
  .point-slider p:first-child {
    font-size: 14px;
  }
  .fpd-cm {
    padding-top: 75px;
  }

  .fpd-tool-advanced-editing.fpd-tooltip.tooltipstered.fpd-no-margin {
    position: absolute;
    align-self: flex-end;
    margin-left: 30px !important;
    padding-left: 10px;
    width: 174px;
    height: 38px;
    padding-right: 10px;
    /*background-image: inherit;
        background-position: inherit;
        background-size: inherit;
        background-repeat: inherit;
        background-attachment: inherit;
        background-origin: inherit;
        background-clip: inherit;*/
    background-color: rgb(0, 44, 115) !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: "Open-Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #ffffff;
    /*IV. Update 27072023: top de 120 a 177*/
    top: 177px;
  }

  .fpd-visibility.fpd-show {
    margin-left: -190px;
    height: 240px;
  }

  .fpd-colors-wrapper {
    display: flex;
    flex-direction: initial;
    /*IV. Update 25072023: se quita alto para evitar espacios cuando solo hay una fila de colors de texto
        height: 93px;*/
    align-content: stretch;
    justify-content: flex-start;
  }

  .fpd-views-wrapper .fpd-views-selection {
    position: relative;
  }

  .mCSB_draggerContainer {
    display: none;
  }
}

#wpadminbar {
  display: none !important;
}

#step-2 .custom-error-notice {
  line-height: 16px;
  text-align: center;
  margin-bottom: 10px;
}

  
#step-2 > p.text-center.text-muted{
    margin-top: 10px!important;
}

@media all and (max-width: 640px) {
  .fpd-container .fpd-btn.fpd-dark,
  span.fpd-action-save.fpd-btn {
    width: 100% !important;
  }

  /*IV Ticket13781 update 22-nov-2023*/
  /*===Cambios al header solo para moviles*/
  /*cabecera Pasos 1 y 2 */
  .label.step-1, .label.step-2 {
    font-size: 11px !important;
    margin-top: 0;
  }
  .label.step-1:before{
    content:"1. ";
    display:inline-block;
  }
  .label.step-2:before{
    content:"2. ";
    display:inline-block;
  }
  span.form-stepper-circle {width: 14px !important;height: 14px !important;font-size: 0 !important;}
  .form-stepper-active .form-stepper-circle {
    width: 14px !important;
    height: 14px !important;
    font-size:0 !important;
  }
  .form-stepper-horizontal li:not(:last-child):after {
    top: 4px !important;
  }
  span.form-stepper-circle.text-muted.form-inactive {
    margin-left: 0;
    top: 0;
  }
  .label.step-1 {
    padding: 0;
    margin-top: 3px;
  }
  .form-stepper-completed .label.step-1{
    /*en el paso dos el titulo se ve mas abajo de lo que debería*/
    margin-top: -3px !important;
   }
  #step-1.form-step {
    padding: 62px 0 0 !important;
    margin: 0;
  }
  #step-2.form-step {
    padding: 0 !important;
    margin: -7px 0 0;
  }

  ul.form-stepper.form-stepper-horizontal.text-center.mx-auto.pl-0 {padding-bottom: 1rem;}
  .father-form-stepper-horizontal {
    height: 45px;
    width: 100%;
  }
  /*Fin cabecera Pasos 1 y 2 */

  /*Logo*/
  div#header-image {
    margin-bottom: -31px;
  }

  /*Texto debajo del header*/
  p.text-center.text-muted {
    margin: -59px 0 0;
    height: 32px;
    line-height: 15px;
    padding: 0 15px;
  }

  /*cabecera paso 1 completado*/
  .check-number {
    font-size: 13px !important;
    margin-top: -1px;
  }
  .form-stepper-completed .form-stepper-circle {
    width: 14px !important;
    height: 14px !important;
  }
  /*fin cabecera paso 1 completado*/

  /*Icono info*/
  .site-info {
    justify-content: center;
    font-size: 8px;
    width: auto;
    padding:0;
  }

  /*footer fijo*/
  .mt-3.button-div {
    position: fixed;
    margin: 0;
    width: 100%;
    padding: 0;
    height: 38px;
    display: block;
    left: 0;
    bottom: 32px;
  }

  .mt-3.button-div .mt-center {
    width: 100%;
    position: relative !important;
    margin: 0;
    padding: 0;
  }

  .button.btn-navigate-form-step.button-left.opacity {
    margin: 0 0 0 10px;
    font-size: 12px;
    height: 35px;
  }

  .button.btn-navigate-form-step.button-right {
    margin: 0 10px 0 0;
    font-size: 12px !important;
    height: 35px !important;
  }

  .site-footer {
    width: 100%;
    margin-top: 0;
    position: fixed;
    bottom: 0;
  }
  /*fin footer fijo*/


  /*Contenido canvas imagenes de prendas*/
    .fpd-view-stage {
        width: 100% !important;
    }
    .lower-canvas,
    .upper-canvas {
        width: 106% !important;
        height: auto !important;
        left: 50% !important;
        transform: translate(-50%, 0%);
    }
    .fpd-view-stage,
    .fpd-product-stage,
    .fpd-main-wrapper {
        height: 100vh !important;
    }

  /*Miniauras áreas de impresión*/
  /*Posiciona a la derecha superior las minuaturas*/
  .fpd-views-wrapper{
    position: absolute !important;
    margin: 5px 0 0 !important;
    right: 0;
    width: 50px;
    top:35px;
  }
    .fpd-views-wrapper .fpd-views-selection .fpd-item {
        height: 54px;
        padding: 3px;
    }
    .fpd-views-wrapper .fpd-views-selection .fpd-item>picture{
        background-position: center;
    }

  /*AJUSTES A PASO 2*/
  /*ajuste al botón de elegir mas tallas y colores*/
  .modal-footer .button.button-modal { margin:15px 0 !important}

  /*Se elimina espacio innecesario*/
  .fpd-icon-text-content{
    margin-top: 70px;
  }
  #step-2 div > p.text-primary{
    line-height: 22px !important;
    font-size: 14px !important;
  }

  /*se agrega margin botton al paso 2 para que no se tapen las opciones con el footer*/
  #step-2{
    margin-bottom: 85px !important;
  }

  /*Se ajusta contenedor de las cantidades*/
  .sizes-wrapper{
    margin-left: 0;
    padding: 0 15px
  }

  /*Se ajustan cajitas de las cantidades*/
  .size-input {
    width: 24%;
    min-width: 75px;
  }
  /*tamaño de icono*/
  .material-icons-outlined{
    font-size: 22px !important;
  }


  /*IV Ticket13781 update 22-nov-2023/24-nov-2023: FIN */
}


/* JG - Estilos modal faltante de stock*/

/*Centrado de modal*/
.fpd-modal-wrapper.fpd-shadow-3.modal-stock {
	transform: translate(-50%, -50%);
	top: 50%;
  padding: 40px 10px 20px 10px;
  width: 100%;
  max-width: 640px;
}
#modal-stocks{
  width: 100%;
}
.modal-stock .fpd-modal-content *{
  max-width: 100%;
}

#modal-stocks .stock-warning{
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 15px;
  column-gap: 25px;
}
#modal-stocks .stock-warning i{
  color: #ffad00;
  font-size: 35px!important;
}
#modal-stocks .stock-warning p{
  font-size: 15px !important;
  color: #333333;
  font-weight: 700;
  line-height: 21px !important;
  text-align: center;
  margin: 0;
}

/*Agregar un scroll a partir de cierta altura para que el modal no sea muy grande*/
#modal-stocks .stock-table-container{
  max-height: 200px;
  overflow-y: auto;
}

#modal-stocks .stock-table-container .table-qty{
  border-spacing: 0;
}
#modal-stocks .stock-table-container .table-qty .col-talla{
  white-space: nowrap;
}
.modal-stock .fpd-modal-content #modal-stocks .stock-table-container .table-qty th, td{
  font-size: 9px;
  color: #333537;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  padding: 15px 10px;
  line-height: 16px;
}

#modal-stocks .stock-table-container .table-qty td{
  font-weight: 400;
  font-size: 9px;
}
#modal-stocks .stock-table-container .table-qty .color{
    border: 1px solid #e5e5e5;
}
#modal-stocks .stock-footer{
  text-align: center;
  margin-top: 15px;
}
#modal-stocks .stock-footer #btnStockOk{
  border-radius: 3px;
  font-size: 17px!important;
  text-transform: uppercase;
  min-height: 36px;
  padding: 5px 32px;
  background-color: #194181;
  color: #fff;
  float: unset!important;
}

@media all and (min-width: 768px){
  #modal-stocks .stock-warning p{
    text-align: left;
  }

  #modal-stocks .stock-footer{
    text-align: right;
  }

  #modal-stocks .stock-table-container .table-qty th, td{
    font-size: 12px!important;
  }
}

/* Fin de estilos modal faltante de stock*/

/* JG - Estilos modal terminos y condiciones*/

.fpd-modal-overlay > .modal-terms {
  top: 15%;
}

.modal-terms .fpd-modal-content {
  display: flex;
  justify-content: center;
}

#modal-addtocart {
	padding-top: 40px;
}

#modal-addtocart .modal-header{
    font-size: 24px!important;
    text-align: center;
    color: #091D3E;
    font-weight: 600;
    text-transform: uppercase;
}

#modal-addtocart .modal-content {
	color: #000;
	text-align: left;
	font-size: 14px;
}

#modal-addtocart .modal-content a {
	color: #23356F;
	font-weight: 600;
}

#modal-addtocart .modal-footer .tyc-buttons{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 10px;
  
}
#modal-addtocart .modal-footer label{
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  
}

#modal-addtocart .modal-footer .tyc-buttons .button-left  {
	float: unset;
  flex-basis: 50%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-transform: uppercase;
}
#modal-addtocart .modal-footer .tyc-buttons .button-right  {
	float: unset;
  flex-basis: 50%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-transform: uppercase;
}

#modal-addtocart .modal-footer .tyc-buttons .btn-cancel {
	background-color: #fff;
  border: 2px solid #002C73;
  color: #002C73;
}
#modal-addtocart .modal-footer .tyc-buttons .btn-accept {
	background-color: #002C73;
	color: #fff;
}

@media all and (min-width:800px){
  #modal-addtocart {
    padding-top: 0;
  }
  
}
/* Fin de estilos modal terminos y condiciones*/

/* Inicio de estilos modal DPI insuficiente*/

.fpd-modal-wrapper.fpd-shadow-3.modal-minimumdpi{
  display: flex;
  align-items: center;
}
.fpd-modal-wrapper.fpd-shadow-3.modal-minimumdpi .fpd-modal-content {
	margin: 0 !important;
}

/* Fin de estilos modal DPI insuficiente*/

/*Ticket 15332 delimitar tamaño de contenedor de logo/imagen*/
.custom-image-editor-tools .fpd-modal-wrapper {
  max-width: 450px;
  width: 90% !important;
}
.fpd-image-editor-container .fpd-image-editor-main{
  outline: 1px dashed rgba(0, 0, 0, 0.1);
}
.fpd-image-editor-canvas-wrapper{
  max-height: 378px !important;
  max-width: 450px !important;
  width: 100% !important;
}
.fpd-image-editor-canvas-wrapper .lower-canvas,
.fpd-image-editor-canvas-wrapper .upper-canvas {
  max-height: 378px !important;
  width: auto !important;
}