@charset "utf-8";
/* CSS Document */

/* HEY <!-- */
body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
.formCont {
	color: #fff;
}
.template_align_right a {
	color: #FFF896;
}
.template_align_right label a{
	text-decoration: none;
	color:#fff;
}
.template_align_right label a i{
	padding-right: 3px;
	color: #FFF896;
}
.template_align_right a:hover {
	color: #FFF;
}
.ayuda {
	font-size: 13px;
}
h2 {
	color: #F6F8F9;
	font-size: 25px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	padding: 10px;
}

.template_align_right h2 {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 7px 10px;
    background-color: #49922a;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 10px;
}

h2.left {
	display: none;
}
/* Start of Column CSS */
#container2 {
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
	background: #54B820;
	text-align: left;
}
#container1 {
	float: left;
	width: 100%;
	position: relative;
	right: 50%;
	padding-bottom: 30px;
}
#col1 {
	float: left;
	width: 46%;
	position: relative;
	left: 52%;
	overflow: hidden;
	background: url(https://www.fanatico.uy/im/etiquetoc/im/background_main_v2.png)  center right no-repeat;	/* CDN */
	/*background: url(/im/background_main_v2.png) center right no-repeat;*/
	height: 650px;
}
#col2 {
	float: left;
	width: 50%;
	position: relative;
	left: 54%;
	overflow: hidden;
}
.template_align_left {
}
.template_align_right {
	float: left;
	display: block;
	padding-top: 15px;
}
.template_align {
	position: absolute;
	width: 260px;
	height: 400px;
	z-index: 5;
	top: 100px;
	right: 75px;
}
.template_align_center {
	clear: both;
	display: block;
	padding-top: 15px;
	text-align: center
}
.template_align_center a {
	color: #FFF896;
}
.template_align_center a:hover {
	color: #FFF;
}
.template_content {
	position: absolute;
	padding: 0px;
	left: 80px;
	line-height: 80px;
	width: 170px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 30px;
	color: #590c00;
	font-family: 'Indie Flower', cursive;
	font-weight: 600;
	z-index: 11;
	height: 400px;
}
#textline1, #textline2 {
	position: absolute;
}
.template_container img {
	float: left;
}
.template_background_mask img {
	position: absolute;
}
.formContainer {
	clear: both
}
#im_demo {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
img#im_background_mask {
	z-index: 9;
}
img#im_background {
	z-index: 7;
	border: 0;
}
img#text_element {
	z-index: 8;
}
img#template_background {
	z-index: 6;
}
.formCont {
	padding-top: 10px
}
.formCont {
	clear: both;
}
.cartCont {
    padding-bottom:5px;	
}
.option {
	background-color: #A7E488;
	/* margin: 2px; */
	display: table;
	border: 1px solid #CBF9B3;
	width: 325px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #20480B;
	border-radius: 5px;
}
.optionsOrder .option {
	background-color: #eceff1;
	color: #454646;
}
.optionsOrder .acciones {
    vertical-align: top;
    text-align: right;
    padding-top: 5px;
    background-color: #449e19;
    height: 20px;
    width: 25px;
    display: block;
    right: 0px;
    float: right;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    -webkit-border-radius: 0px 5px 0px 5px;
    -moz-border-radius: 0px 5px 0px 5px;
    border-radius: 0px 5px 0px 5px;
}
.sameAligment {
	display: inline-block;
}
.sameAligmentButton {
	display: inline-block;
	/* width: 78%; */
}
.template_nota {
	text-align: center;
	position: absolute;
	top: 520px;
	width: 400px;
	right: 0px;
	font-weight: 600;
	font-size: 14px;
	display: none;
}
/* INPUT */

input[type=text], input[type=number] {
	width: 305px;
	padding: 2px 16px;
	border: 1px solid #ccc;
	background-color: #fff;
	resize: none;
	max-width: inherit;
	height: 28px;
	border-radius: 3px;
	box-sizing: initial;
	float: right;
}
.form_left input[type=text], .form_left input[type=number], .form_left select, .form_left textarea{
	float: left;
}
.multipleLines input[type=text], .multipleLines input[type=number] {
	clear: both;
	margin-top: 5px;
}
select {
	width: 339px;
	padding: 8px 16px;
	border: 1px solid #ccc;
	background-color: #fff;
	resize: none;
	max-width: inherit;
	font-size: 14px;
	float: right;
	border-radius: 3px;
}
select:disabled, input[type=text]:disabled {
	background: #B7E89D;
	border: 1px solid #54B820;
	color: #54B820;
}
textarea {
	width: 305px;
	padding: 5px 16px;
	border: 1px solid #ccc;
	background-color: #fff;
	resize: none;
	max-width: inherit;
	float: right;
	border-radius: 3px;
	box-sizing: initial;
	float: right;
}
textarea#fullLineTextEditDesktop {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	line-height: 24px;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
textarea#opData {
	width: 100%;
}
legend {
	color: white;
	font-weight: 600;
	font-size: 14px;
	line-height: 27px;
}
label {
	float: left;
	width: 118px;
	white-space: normal;
	line-height: 27px;
	color: white;
	font-weight: 600;
}
.labelRight {
	padding-left: 118px;
	clear: both;
}
input.boton_principal.boton_actualizar {
	background-color: #d61349;
	border-bottom: solid 4px #ff346c;
}
input.boton_principal, .boton_principal {
	background-color: #faaf3b;
	color: #fff;
	font-weight: 600;
	font-size: 25px;
	text-transform: uppercase;
	opacity: 1;
	border: none;
	border-bottom: solid 4px #de9b34;
	padding: 0px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	min-width: 340px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	text-decoration: none;
}
input.boton_principal:hover, .boton_principal:hover {
	color: #FFF896;
}
input.boton_principal:disabled {
	background-color: #447927;
	color: #69A249;
	border-bottom: solid 4px #4B9424;
}
input.boton_principal.small {
	line-height: 50px;
	height: 50px;
}
button.boton_secundario {
	background-color: #378A11;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	opacity: 1;
	border: none;
	border-bottom: solid 4px #45A716;
	padding: 0px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto !important;
	min-width: 340px;
	height: 50px !important;
	line-height: 50px;
	text-align: center !important;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
}
.price, .discountPrice, .fullPrice {
	font-size: 20px;
	color: #004817;
	font-weight: 600;
	vertical-align: middle;
	/* background-color: #85d460; */
	display: inline-block;
	float: right;
	text-align: left;
	padding: 1px 0px;
	width: 339px;
}
.reprocessCont .price, .discountPrice {
	font-size: 16px;
	font-weight: 400;
}
.priceContainer .note{
	display:none;
}
.priceContainer.reprocessCont .note{
	display:block;
}
.subprice {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 600;
	vertical-align: middle;
	text-align: right;
}
.note {
	display: block;
	clear: both;
	color: #E5F7DB;
	font-size: 12px;
	width: 339px;
	float: right;
}
.note.noteAlert {
    background-color: #a7e488;
    margin: 5px;
    padding: 8px 5px;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #000;
}
@media (max-width: 760px) {
	.note {
		padding-left: 0px;
		width: 100%;
	}
}
.acciones {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	/* margin: 0 auto; */
	background-color: #cbf9b3;
	width: 39px;
}
.acciones i {
	padding: 5px 0px;
}
.optionsOrder .acciones a {
	color: #525650;
	padding: 2px;
	text-decoration: none;
}
.acciones a {
	color: #3B6925;
	padding: 2px;
	text-decoration: none;
	/* float: right; */
	clear: both;
	margin: 0 auto;
	/* display: block; */
}
.acciones a:hover {
	color: #D43131;
}
.acciones a.view:hover {
	color: #C14426;
}
.descripccion {
	float: left;
	font-size: 14px;
	padding: 10px;
}
.descripccion label {
    float: initial;
    width: 80px !important;
    white-space: normal;
    line-height: 21px;
    color: initial;
    font-weight: normal;
    display: inline-block;
}

.fa-2x {
	font-size: 1.5em !important;
}

a.back {
	font-size: 22px;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	text-align: center;
	clear: both;
}
a.back i {
	padding-right:10px;
}
.formCartBack {
	display:none;
}
.success {
	background-color: #FFF6BA;
	border: 1px solid #E8841D;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #401313;
	font-weight: 400;
	max-width: 530px;
}
.success label, .formCont, .SelectPaymentMethod label {
	color: #401313;
}
.builderNote {
	padding-top: 20px;
	font-size: 13px;
}
.description {
	color: #fff;
	padding-bottom: 10px;
}
.error, .payment-errors {
	background-color: #F71B1B;
	border: 1px solid #FFFDFC;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FBF9F9;
	font-weight: 400;
}
.payment-errors {
	display: none;
}
.valid {
	background-color: #54B820;
	border: 1px solid #FFFDFC;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FBF9F9;
	font-weight: 400;
}
@media (max-width: 760px) {
	.template_align_right {

	}
	input.boton_principal, .boton_principal {
		width: 95%;
	}
	#container2 {

	}
	.template_align {
		top: 20px;
		position: inherit;
		right: inherit;
		margin: auto;
		display: table;
		margin: 0 auto;
	}
	#col1 {
		background: url(https://www.fanatico.uy/im/etiquetoc/im/background_responsive_v2.png)  center 45px no-repeat !important;	/* CDN */
		/*background: url(/im/background_responsive_v2.png) center 45px no-repeat !important;*/
	}
	#col2 {

	}
	select {
		width: 60%;
		padding: 4px 5px;
		font-size: 12px;
	}
	.formCont {
		padding-bottom: inherit;
		margin-bottom: auto;
		clear: both;
		display: block;
	}
	#container1 {
		/* right: inherit; */
	}
	.formCont .sameAligment {
		width: 100%;
	}
	.sameAligment {
		width: 60%;
	}
	input[type=text], input[type=number] {
		width: 50%;
		height: 20px;
	}
	textarea {
		width: 50%;
	}
	h2.left {
		display: block;
		height: 45px;
		font-size: 22px;
		font-weight: 600;
	}
	input.boton_principal {
		width: 100%;
		min-width: initial;
		display: table;
		margin: 0 auto;
	}
	.template_nota {
		top: 490px;
		width: 100%;
	}
}
/* ===============================================
TABS
=================================================*/
.tabs-menu {
	clear: both;
	display: table-header-group;
}
.tabs-menu li {
	height: 30px;
	line-height: 30px;
	float: left;
	margin-right: 5px;
	background-color: #479E1A;
}
.tabs-menu li.current {
	position: relative;
	background-color: #88D261;
	z-index: 5;
}
.tabs-menu li a {
	padding: 5px;
	color: #fff;
	text-decoration: none;
}
.tabs-menu .current a {
	color: #FFFFFF;
}
.tab {

}
.tab-content {
	width: 100%;
	padding: 20px;
	display: none;
}
#tab-1 {
	display: block;
}
.tabs-container {
	width: 340px
}
@media (max-width: 1100px) {
	.tabs-container {
		width: 111%;
	}
	h2.right {
		display: none;
	}
}
.slick-slide.current {
	outline: 2px solid white;
	background-color: white;
}
/* ===============================================
END CHECKOUT
=================================================*/

#step_endcheckout input[type="radio"] {
	width: inherit;
}
.SelectPaymentMethod li.select {
	background-color: #FFBE5A;
	font-weight: bold;
	color: #613D05;
}
.SelectPaymentMethod li {
	background-color: #74886A;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	cursor: hand;
}
.SelectPaymentMethod li.SelectPaymentContent {
	display: none;
	background-color: #FFF6BA;
	border: 1px solid #FFBE5A;
	color: #401313;
	font-weight: 400;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 14px;
}
.SelectPaymentMethod input, .SelectPaymentMethod select {
    float: left;
}
.select_payment {
	padding-top: 25px;
	font-weight: 400;
	color: #fff;
}
.area-image {
    /*background-color:red;*/
}
.SelectPaymentMethod input, .SelectPaymentMethod select {
    float: left;
}

/* ===============================================
TEMPLATE ETIQUETAS
=================================================*/

.template_align_name img.text_element {
	display: none
}
.template_align_name .full_width {
	max-width: inherit;
	width: 236px;
	padding: 0px 0px 0px 13px;
	left: 10px;
}
.template_align_name .multiline #textline1 {
	top: -12px;
}
.template_align_name .multiline #textline2 {
	top: 16px;
}
.imge {
	display: none;
	z-index: 7;
	width: 50px;
	height: 50px;
	border-radius: 90%;
	border: solid #FFF;
	margin-left: 15px;
}
.template_align_name .imge_1 {
	margin-top: 12px;
}
.template_align_name .imge_2 {
	margin-top: 92px;
}
.template_align_name .imge_3 {
	margin-top: 172px;
}
.template_align_name .imge_4 {
	margin-top: 252px;
}
.template_align_name .imge_5 {
	margin-top: 332px;
}
.template_align_name .multiText {
	display: initial;
}
.template_align_name .drag-handle {
	top: 0px;
	right: -31px;
}
.template_align_name .area-image {
    width: 70px;
    height: 400px;
    top: 0px;
    position: absolute;
    z-index: 20;
}
@media (max-width: 900px) {
	.template_align {
		right: 45px;
	}
	#col1 {
		background: url(https://www.fanatico.uy/im/etiquetoc/im/background_main_v2-fit.png)  center right no-repeat;	/* CDN */
   	 	/*background: url(/im/background_main_v2-fit.png) center right no-repeat; */
   }
  	.handle-content {
  	    right: 14px !important;
  	}
}
/* ===============================================
TEMPLATE BADGE
=================================================*/

@media (max-width: 900px) {
	.template_align_badge {
		right: 0px !important;
	}
}
@media (max-width: 760px) {
	.template_align_badge {
		right: inherit !important;
		position: inherit !important;
		margin: 0 auto;
		display: table;
	}
}
.template_align_badge {
	width: 350px;
	height: 400px;
	top: 100px;
	right: 27px;
	overflow: hidden;
	position: absolute;
}
.template_align_badge .imge_2, .template_align_badge .imge_3, .template_align_badge .imge_4, .template_align_badge .imge_5 {
	display: none;
}
.template_align_badge img.text_element {
	top: 0px;
	display: inherit;
}
.template_align_badge img.mask_element_none {
	top: 0px;
}
.template_align_badge img.mask_element_normal {
	top: -500px;
}
.template_align_badge img.mask_element_large {
	top: -1000px;
}

.template_align_badge img.text_element_large {
	top: -500px !important;
	display: inherit;
}
.template_align_badge img.text_element_none {
	display: none;
}
img#template_background_back {
	top: -500px;
}
.template_align_badge .template_content {
	position: absolute;
	padding: 0px 0px 0px 0px;
	line-height: 28px;
	max-width: inherit;
	width: 258px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	top: 231px;
	font-size: 30px;
	color: #590c00;
	font-family: 'Indie Flower', cursive;
	font-weight: 600;
	z-index: 10;
	text-align: center;
	left: 47px;
	height: 100px;
	z-index: 11;
}
.template_align_badge .multiline {
	top: 229px;
}
.template_align_badge .multiline .textline2 {
	display: inherit;
	top: 31px;
	position: absolute !important;
	width: 256px;
}
.template_align_badge .template_content #textline1, .template_align_badge .template_content #textline2 {
	position: relative;
}
.template_align_badge .template_content #textline2 {
	top: 30px
}
.template_align_badge img#im_background, .template_align_badge .imge {
	top: 80px;
	left: 78px;
	width: 195px;
	height: 195px;
	z-index: 6;
	margin: 0px;
	border: none;
}
.template_align_badge .multiText {
	display: none;
}
.template_align_badge .drag-handle {
	top: 212px;
}
.template_align_badge .area-image {
    width: 350px;
    height: 220px;
    top: 0px;
    position: absolute;
    z-index: 20;
}
.handle-content.handle-badge {
	top: 382px;
}

/* ===============================================
TEMPLATE TAG
=================================================*/

@media (max-width: 900px) {
	.template_align_tag {
		right: 0px !important;
	}
}
@media (max-width: 760px) {
	.template_align_tag {
		right: inherit !important;
		position: inherit !important;
		margin: 0 auto;
		display: table;
	}
}
.template_align_tag {
	width: 350px;
	height: 400px;
	top: 100px;
	right: 27px;
	overflow: hidden;
	position: absolute;
}
.template_align_tag img.text_element, .template_align_tag .imge_2, .template_align_tag .imge_3, .template_align_tag .imge_4, .template_align_tag .imge_5 {
	display: none
}
.template_align_tag .template_content {
	position: absolute;
	padding: 0px 0px 0px 0px;
	line-height: 38px;
	max-width: inherit;
	width: 172px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	top: 140px;
	font-size: 30px;
	color: #590c00;
	font-family: 'Indie Flower', cursive;
	font-weight: 600;
	text-align: left;
	left: 112px;
	height: 100px;
}
.template_align_tag .full_width {
	left: 30px;
	width: 250px;
}
.template_align_tag .multiline {
	top: 120px !important;
}
.template_align_tag .multiline .textline2 {
	display: inherit;
	top: 31px;
}
.template_align_tag img#im_background {
	top: 101px;
	left: 11px;
	width: 110px;
	height: 110px;
}
.template_align_tag .imge {
	top: 121px;
	left: 23px;
	width: 75px;
	height: 75px;
	border: 3px solid white;
	margin: 0px;
}
.template_align_tag .multiText {
	display: none;
}
.template_align_tag .drag-handle {
	top: 110px;
	height: 85px;
}
.template_align_tag .area-image {
    width: 100px;
    height: 120px;
    top: 100px;
    position: absolute;
    z-index: 20;
}
.handle-content.handle-tag {
	top: 300px;
}

/* ===============================================
TEMPLATE LABEL
=================================================*/

@media (max-width: 900px) {
	.template_align_label {
		right: 0px !important;
	}
}
@media (max-width: 760px) {
	.template_align_label {
		right: inherit !important;
		position: inherit !important;
		margin: 0 auto;
		display: table;
	}
}
.template_align_label {
	width: 350px;
	height: 400px;
	top: 100px;
	right: 27px;
	overflow: hidden;
	position: absolute;
}
.template_align_label img.text_element, .template_align_label .imge_2, .template_align_label .imge_3, .template_align_label .imge_4, .template_align_label .imge_5 {
	display: none
}
.template_align_label .template_content {
	position: absolute;
	padding: 0px 0px 0px 0px;
	line-height: 38px;
	max-width: inherit;
	width: 245px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	top: 151px;
	font-size: 30px;
	color: #fff;
	font-family: 'Indie Flower', cursive;
	font-weight: 600;
	text-align: center;
	left: 52px;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.4);
	height: 180px;
}
.template_align_label .template_content #textline1, .template_align_label .template_content #textline2 {
	position: initial;
}

.template_align_label .full_width {

}
.template_align_label .multiline {
	top: 140px !important;
}
.template_align_label .multiline .textline2 {
	display: inherit;
	top: 31px;
	position: absolute !important;
	width: 250px;
}
.template_align_label img#im_background {
	top: 50px;
	left: 120px;
	width: 110px;
	height: 110px;
}
.template_align_label .imge {
	top: 31px;
	left: 42px;
	width: 266px;
	height: 266px;
	border: none;
	margin: 0px;
	border-radius: inherit;
	z-index: 6;
}
.template_align_label .multiText {
	display: none;
}
.template_align_label .drag-handle {
	top: 128px;
	height: 83px;
}
.template_align_label .area-image {
    width: 150px;
    height: 100px;
    top: 40px;
    left:100px;
    position: absolute;
    z-index: 20;
}
.handle-content.handle-label {
	top: 314px;
}
/* ===============================================
GENERAL
=================================================*/

.template_background_mask {
	position: relative;
}
.sameAligmentField {
	clear: both;
	width: 74%;
	float: right;
}
.sameAligmentField .note {
	padding-left: 0px;
	padding-top: 5px;
}
.input_mas_acciones input {
	width: 205px;
}
.acciones_input {
	float: right;
	vertical-align: middle;
	text-align: right;
	background-color: #3e9415;
	width: 80px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px;
}
.acciones_input a {
	color: #3B6925;
	padding: 5px;
}
input.boton_imagen {
	background-color: #faaf3b;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	opacity: 1;
	border: none;
	padding: 5px 5px;
	width: auto;
	height: 35px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	text-decoration: none;
	float: left;
	width: 130px;
	margin-top: 10px;
	margin-left: 10px;
}
input.modificar {
	background-color: #479e1a;
}
input.upload {
	width: 95% !important;
	margin: 10px;
}
.contenedor_imageUpload {
	display: table !important;
	background-color: #88d261;
	padding: 10px;
	clear: both;
	/* width: 95%; */
	font-size:14px
}

@media (max-width: 1100px) {
	.input_mas_acciones input {
		width: 40% !important;
		height: 28px !important;
	}
}
@media (max-width: 760px) {
	.sameAligmentField input {
		width: 100% !important;
	}
	.input_mas_acciones {
		display: flex;
		/*background-color: red;*/
		width: 76%;
	}
	.input_mas_acciones input {
		width: 75% !important;
	}
	.acciones_input {
		width: 25% !important;
	}
}
/*NUEVO*/

.drag-handle {
	top: 212px;
	right: 19px;
	position: absolute;
	width: 313px;
	height: 69px;
	border: 3px dotted #555555;
	z-index: 10;
}
.handle-content {
	width: 300px;
	padding: 10px;
	background-color: #555;
	z-index: 12;
	display: block;
	top: 172px;
	position: absolute;
	right: 44px;
	
}
.handle-title {
	font-size: 14px;
	color: #d6caca;
	padding-left: 10px;
	overflow: hidden;
}
.handle-option {
	background-color: #747474;
	color: #ececec;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	width: 195px
}
.handle-button {
	display: inline-block;
	background-color: #479e1a;
	padding: 10px 5px;
	font-size: 18px;
}
.handle-button a, .handle-close a {
	color: #fff
}
.handle-button a:hover, .handle-close a:hover {
	color: #FFA529
}
.handle-content hr {
	border-top: 1px dotted #fff;
	margin: 10px 5px;
}
.handle-close {
	color: #fff;
	background-color: #555;
	top: -3px;
	position: absolute;
	left: 292px;
	padding: 5px 6px;
}
@media (max-width: 1100px) {
	.handle-content {
	}
}
@media (max-width: 760px) {
	.handle-content {
		right: 0;
		margin: 0 auto;
		left: 0;
	}
	.template_align_name .handle-content {
		top: 133px;
	}
}
.template_content .current {
	color: orange;
}
.textline2 {
	display: none;
}
.multiline .textline2 {
	display: inherit;
}
.fistLineTextEdit, secondLineTextEdit {
	-webkit-user-select: text;
	user-select: text;
}

/* Fix Responsive options */


@media (max-width: 760px) {
	.formCont.formCarrousel {
		height: 180px;
		position: relative;
		padding-bottom: 40px;
	}
	.container {

		position: absolute;
		width: 100%;
	}
	.container .product-carousel {
		max-width: inherit !important;
	}
	.formContainer .formCont {
		padding-bottom: 0px !important;
	}
}
/* ===============================================
CHAT / SOCIAL
=================================================*/

.HelpCont {
	
	position: absolute;
	top: 595px;
	width: 400px;
	right: 0px;
	font-weight: 600;
	font-size: 14px;
	display: -webkit-box;
	text-align: center;
	/*	
	margin: 0 auto;
	align-items: center;
	justify-content: center;*/
}
/*
.legacyMobile .HelpCont {
	display: -webkit-box;
}
*/
.chat {
	/* top: 5px; */
	/* padding-top: 0px; */
	/* padding-left: 3px; */
	/* display: inline-block; */
}
.transformSocial {
	right: 0px;
	font-weight: 600;
	font-size: 14px;
	display: inherit;
	/**/margin: 0 auto;
	justify-content: center;
	vertical-align: middle;
	padding-top: 4px;
	height: 30px;
}
.walkthrough-help {
	display: none !important;
}
.walkthrough-help, .chatbot {
    background-color: #ed1450;
    color: white;
    margin-left: 5px;
    display: inherit;
    cursor: pointer;
    height: 32px;
    font-size: 14px;
    display: inline-block;
    padding-right: 5px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 200px;
}
.walkthrough-help i, .chatbot i {
    font-size: 17px;
    padding: 7px 6px;
    float: left;
}
.walkthrough-help span, .chatbot span {
    line-height: 30px;
    padding:0px 3px;
}
.social-icons {
    display: none;
}
@media (max-width: 760px) {
	.social-icons {
		display: inherit;
	}
	.walkthrough-help, .chatbot {
		height: 26px;
		font-size: 13px;
	}
	.walkthrough-help i, .chatbot i {
		font-size: 17px;
		padding: 5px 4px;
	}
	.walkthrough-help span, .chatbot span {
		line-height: 25px;
	}
	.HelpCont {
		position: relative;
		top: -23px;
		width: 100%;
		min-width: 360px;
		background-color: #449e19;
	}
	.template_nota {
		display: none;
	}
	span.at-icon-wrapper {
		height: 25px !important;
		width: 25px !important;
	}	
	svg.at-icon.at-icon-addthis,svg.at-icon.at-icon-twitter,svg.at-icon.at-icon-facebook {
		width: 25px !important;
		height: 25px !important;
	}

}
/* ===============================================
IMAGE UPLOAD
=================================================*/
.contenedor_imageUpload .uploadcare-widget-button-open, .contenedor_imageUpload .uploadcare--widget {
	display: none !important;
}
.contenedor_imageUpload .uploadcare-widget-text, .contenedor_imageUpload .uploadcare--widget__button {
	display: none !important
}
#upldaderprev {
	width: 100px;
	height: 100px
}
#my-snippet {
	width: 120px;
	float: left;
}
#home .boton_imagen {
	width: 50%;
}
.uploadcare-dialog-footer, .uploadcare--powered-by {
	display: none;
}

.formSwitch .sameAligmentButton{
		width:339px !important;
		max-width: inherit;
		float:right;
	}
@media (max-width: 760px) {
	#home .boton_imagen {
		/* width: 50% !important; */
		/* float: right; */
	}
	.desktopVersion {
    	display: none;
	}
	/* VERSION LEGACY */
	.legacyMobile .desktopVersion {
    	display: inherit;
	}
	.legacyMobile .message-input {
		display: none;
	}
	
	.endButton {
		text-align:center;
	}
	.endButton input, .sameAligmentButton{
		width:100% !important;
		max-width: inherit;
	}
	.formSwitch .sameAligmentButton{
		width:78% !important;
		max-width: inherit;
	}
	.formSwitch {
		padding-bottom: 0px !important;
	}
	.endButton label {
    	display: none;
    	width: 0%;
	}
}


/* ===============================================
TEEST
=================================================*/

.handle-content, .drag-handle { display:none}


.message-input {
	bottom: 0px;
	/* position: fixed; */
	z-index:1000;
	width: 91%;
	margin: 0 auto;
	padding-top: 25px;
	/* background: #e4e7e9; */
	/* border-radius: 10px; */
}
.message-input.active .keyboard {
	display: flex;
	background-color: #e4e7e9;
}
.message-input.exiting .keyboard {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0
}
.keyboard-alt {
	display: none;
	background: #eceff1;
    display: block;
    margin: 0 auto;
}
	
.message-form {
	background: #fff;
	border-top: 1px solid #c1c1c1;
	display: flex
}
.message-form textarea {
	flex: 1;
	background: #fff;
	font-size: 1rem;
	font-family: roboto;
	padding: 13px;
	border: none;
	margin: 0;
	cursor: text;
	border: 1px solid white;
}
textarea.highlighted {
	border: 1px solid white;
	background-color: #ffed62;
	outline: none;
}
.message-form input:focus {
	outline: none
}
.message-form button {
	fill: #adadad;
	border: none;
	background: none;
	padding: 0 6px 0 0;
	margin: 0 0 0 auto;
	width: 65px;
	box-sizing: content-box;
	font-size: 24px;
	color: #81888e;
	background-color: #e4e7e9;
}
.message-form button:focus {
	outline: none;
	fill: #000
}
.message-form button svg {
	width: 100%;
	height: 100%
}
.WrapperXtra .keyboard {
	height: 283px;
}

/* Wrapper Responsive */

.keyboard {
	display: none;
	flex-flow: column;
	/* background: #eceff1; */
	max-height: 50vh;
	/* padding: 0px 5px; */
}
.WrapperXtra,.WrapperDesign,.WrapperBackground,.WrapperImage,.WrapperTemplate,.WrapperText,.WrapperFont,.div_contenedor_imagen {
    display: none;
}
.WrapperXtra .keyboard {
	height: 311px;
}
.WrapperDesign .keyboard {
	height: 290px;
}
.WrapperBackground .keyboard {
	height: 250px;
	/* background-color: #e4e7e9; */
}
.WrapperTemplate .keyboard {
	height: 230px;
}
.keyboard-top {
	height: 48px;
	/* border-top: 1px solid #cacfd2; */
	background: #e4e7e9;
	border-radius: 10px;
	overflow: hidden;
}
.open .keyboard-top {
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
}
@media (min-width: 760px) {
	.message-input {
		display:none;

	}
}
.keyboard .keys {
	flex: 1;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-content: flex-start;
	overflow: hidden;
	overflow-x: auto;
	scroll-behavior: smooth;
	/* border-top: 1px solid #f6f7f8; */
	-webkit-overflow-scrolling: touch;
	/* background-color: #e4e7e9; */
	padding: 0px 0px;
	width: 98%;
}
.keyboard .keys.render-all button {
	display: block
}
.keyboard .tools {
	display: block;
	flex-flow: row;
	/* background: #e4e7e9; */
	/* border-radius: 10px; */
}
.keyboard-top .categories {
	
}
.keyboard .categories,.keyboard #maincategories {
	flex: 1;
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	/* background: #e4e7e9; */
	/* border-radius: 10px; */
}
.keyboard .tools button, .keyboard .keys button {

	border: none;
	background: none;
	padding: 0;
	margin: 0;
	box-sizing: content-box;
	fill: #b0b6bb
}
.keyboard .tools button:focus, .keyboard .tools button.active, .keyboard .keys button:focus, .keyboard .keys button.active {
	outline: none;
	fill: #37474f
}
.keyboard .tools button svg, .keyboard .keys button svg {
	width: 100%;
	height: 100%
}
.keyboard .keys button {
	display: none;
	width: 57px;
	height: 57px
}

.keyboard .tools a {
    padding: 10px 10px;
    color: #81888e;
    font-size: 14px;
    font-weight: bold;
    box-sizing: content-box;
    display: table;
    text-decoration: none;
    margin-top: 5px;
}
.keyboard .tools a.current {
	background-color: #e4e7e9;
	color: #53b922;
	-webkit-border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	border-radius: 5px 5px 0px 0px;
}
.keyboard .tools a i{
	padding-right:5px
}
.keyboard .keys button:nth-child(-n+42) {
	display: block
}
@media (min-width: 800px) {
	.keyboard .keys button {
		display: block
	}
}
.keyboard .keys button:focus, .keyboard .keys button.active {
	outline: none;
	background: rgba(0,0,0,0.1)
}
.keyboard .keys .char {
	display: flex;
	width: 57px;
	height: 57px;
	font-size: 40px;
	justify-content: center;
	align-items: center
}
.keyboard .tools button {
	width: 30px;
	height: 30px;
	padding: 12px;
	font-size: 24px;
	color: #81888e;
}
.keyboard .tools button.current {
	background-color: #fff;
	color: #53b922;
	/* overflow: hidden; */
}
.keyboard button.del {
	/* background: #0987db; */
	fill: #7f8b8f;
	width: 100px;
	text-align: left;
	display: flex;
	border-right: 1px solid #cacfd2;
}
.keyboard button.del span {
	font-size:14px;
	font-weight: bold;
	padding-top: 13px;
	line-height: 1px;
	padding-left: 10px;
	/* margin-top: 0px; */
	/* padding-right: 2px; */
	/* vertical-align: middle; */
}
.keyboard .space {
	display: flex;
	border-top: 2px solid #e4e7e9;
	justify-content: center
}
.keyboard .space button {
	width: 70%;
	margin: 13px 0;
	border: none;
	border-radius: 5px;
	background: #d1d6d9;
	color: transparent;
	height: 24px
}
.keyboard .space button:focus, .keyboard .space button.active {
	outline: none;
	background: #7f8b8f
}
.categories.subcategories {
    background-color: white;
}

.keys .item,.keys .template {
    display: block;
    border: none;
    background: none;
    padding: 2px;
    margin: 0;
    box-sizing: content-box;
    fill: #b0b6bb;
    width: 70px;
    height: 70px;
}
.keys .item a,.keys .template a {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-decoration: none;
    border: 1px solid #eceff1;
}
.keys .contItem {
    display: inline-block;
    border: none;
    background: #d5d8da;
    padding: 1px;
    /* margin: 6px 0; */
    box-sizing: content-box;
    width: 18px;
    height: 220px;			/* Cambiar de acuerdo al contenido */
    text-transform: uppercase;
    text-align: center;
    color: #8a8a8a;
    width: 30px;
    line-height: 17px;
    font-size: 14px;
    vertical-align: middle;
}
.keys .template a {
	width: 200px;
    height: 200px;
    border:1px solid #eceff1;
}
.keys .template {
	width: 200px;
    height: 200px;
	margin:2px;
}
.keys .current a,.keysLightbox .current a {
	border:1px solid #f78418;
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 



}
.keyboard .subcategories button span {
    font-size: 14px;
    font-weight: bold;
}
.WrapperDesignImage .contenedor_imageUpload {
	background-color: #e4e7e9;
}
.WrapperDesignImage .contenedor_imageUpload span {
	margin: 10px 5px;
	display: block;
	text-align: left;
}
*:focus {
    outline: none;
}

.contfuente {
    display: table;
    margin: 0 auto;
	padding: 10px;
}
.contfuente a {
    color: #ffffff;
    background-color: #449e19;
    height: 35px;
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    border-top: 1px solid #74787d;
    border-bottom: 1px solid #74787d;
	text-align: center;
}
.contfuente a.comboEnd {
	border-left:1px solid white;
	-webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    border-right: 1px solid #74787d;
}
.contfuente .fuente a {
    height: 35px;
    width: 250px;  
    margin: 0px;
    padding: 0px;
 	border:none;
 	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
}
.contfuente .fuente {
    display: inline-block;
 	-webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    border: 1px solid #74787d; 
   background-color: #fff
}
.overlayOp {
    width: auto;
    height: auto;
    display: block;
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 900;
	display:none;
    /* background: url('fancybox_overlay.png'); */
    background-color: red;
    opacity: 0.5;
}

/* Fancybox help */

.fancybox-wrap .listado .circle {
	display:none;
}
.fancybox-wrap .listado h5 {
	padding-left:0px;
}
.fancybox-wrap .listado h5 p {	
	color: #2eb8ec;
	font-weight: 300;
	font-size: 30px;
	line-height: inherit;
}
.fancybox-wrap .listado p {
	width: 100%;
}
.fancybox-wrap p.storeAnswer {
	padding-left: inherit;
}

.fancybox-wrap .listado ol, .fancybox-wrap .listado ul {
	padding: 10px 0px 0px 40px
}

.fancybox-transparent .fancybox-skin {
	background: none;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
	-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.fancybox-transparent h3 {
    font-size: 40px;
    color: white;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 1);
    font-family: 'Indie Flower', cursive;
    font-weight: 600;
}
.fancybox-transparent img {
   margin: 0 auto;
   text-align: center;
   display: block;
}
.onTop {
   z-index: 10000;
}
.walkthroughSteps,.DisplayResponsive {
	display:none;
}
.walkthrough-lightbox .current {
	display:inherit;
    cursor: pointer;
    cursor: hand;
}
.bot-siguente {
    background-color: #2dcc70;
    padding: 6px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    float: right;
    margin-right: 50px;
    cursor: pointer;
    cursor: hand;
}
@media (max-width: 390px) {
	.fancybox-transparent h3 {
    	font-size: 30px;
    }
    .fancybox-transparent img {
		height: 150px;
	}
}
@media (max-width: 760px) {
	.DisplayDesktop {
		display:none;
	}
	.DisplayResponsive {
		display:inherit;
	}
	
	 
	/* FIX - Bug iOS que hace que al hacer click sobre un text se pierda el postion FIXED*/

	.fixfixed #info,
	.fixfixed #preguntas,
	.fixfixed #video,
	.fixfixed #galeria,
	.fixfixed #contacto,
	.fixfixed #footer,
	.fixfixed #col2 { 
		display:none !important;/* */
	}
	.fixfixed #col1,.fixfixed #container1 {
		padding-bottom: 0px;
	}
	.fixfixed .message-input {
		/*position: relative !important;
		bottom:inherit;*/
	}


}


/* ===================================================*/
/*CART LIGHTBOX*/
/* ===================================================*/

.LightboxCont {
	display: none;
}
.LightboxAlert .fancybox-skin {
	background-color:#ffef87 !important;
	color: #310000;
}
.addtocartLightboxCont {

	padding-left: 1%;	
}
.addtocartLightboxCont h3,.LightboxAlert h3 {
    font-size:26px;
    text-align: left;
	margin-bottom: 10px;
}
@media (max-width: 400px) {
	.addtocartLightboxCont h3,.LightboxAlert h3 {
        font-size:20px;
    }
}
.LightboxAlert h3 {
    color: #5f0900;
}
.viewProductLightBox .fancybox-skin {
	background-color: #fff !important;
}

.cartEnd {
	width:100%;
}
.addtocartLightboxCont .boton, .helpLightboxCont .boton {
    width: 48%;
    margin: 0 2% 10px 0;
	background-color: #1a70f7;
	display: block;
	text-align: center;	
	box-sizing: border-box;
	height:40px;
	font-size:18px;
	text-decoration: none;
	line-height:39px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.addtocartLightboxCont .boton_back {
	float:left;
	color: white;
	background-color: #15b9b3;	
}
.helpLightboxCont .boton_back {
	margin:0 auto;
	color: white;
	background-color: #15b9b3;	
}
.addtocartLightboxCont .boton_cart {
	float:right;
	color: white;
	background-color: orange;
}

.textDescription {
	padding:15px 0px;
	width:100%;

}
.addtocartLightboxCont .option {
    width: 98% !important;
    box-sizing: border-box;
    background-color: #ececec;
    border: 1px solid #c8c8c8;
    color: #5a5a5a;
}
.addtocartLightboxCont .acciones {
	background-color: #c8c8c8;
}
.addtocartLightboxCont .acciones .previewButton {
	display: none;
}
.addtocartLightboxCont .acciones a {
    color: #565656;
}
.tutorialImage img {
	width:100%;
}
.helpLightboxCont .mobile {
	display:none;
}
.helpLightboxCont .desktop {
		display:block;
}
@media (max-width: 760px) {
	.helpLightboxCont .desktop {
		display:none;
	}
	.helpLightboxCont .mobile {
		display:block;
	}
	.addtocartLightboxCont .boton, .helpLightboxCont .boton {
		width:100%;
		margin: 5px 0px;
	}
}

.cartTotal {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    margin: 10px 0px;
    font-size: 14px;
    padding: 10px 0px;
    height: 23px;
	width: 98%;
}
.cartPromo {
    border-top: none;
    padding: 3px 0px 8px 0px;
	color: #bb2020;
    font-weight: bold;
	height: auto;
}
.cartTotal .right {
    float:right;
}
.cartTotal .left {
    float:left;
}

.textAlertCont {
    display: inline-table;
    position: absolute;
    /* margin-top: -50px; */
    width: 340px;
}
.textAlert {
    display: none;
    background-color: red;
    padding: 5px 10px;
    color: white;
    border: 1px solid white;
    text-align: left;
    font-size: 14px;
    height: 39px;
    line-height: 31px;
    margin-top: -50px;
}
@media (max-width: 1100px) {
	.textAlertCont {
		width: 75%;
		right: 1px;
		display: block;
	}
}
.textAlertMobile {
    position: absolute;
    background-color: red;
    padding: 5px;
    margin-top: -49px;
    color: white;
    border-top: 1px solid white;
    width: 100%;
    text-align: center;
    font-size: 14px;
    display: table-cell;
    height: 38px;
    line-height: 30px;
	display: none;
}
.textAlert span,.textAlertMobile span {
	vertical-align: middle;
    display:inline-block;
    line-height: normal;
}


@media (max-width: 760px) {
	.cart #col1 {
		display: none;
	}
	#container1.cart{
		float: none;
		position: relative;
		width: 100%;
		right: inherit;
	}
	.cart #col2 {
		width: 70%;
		float: none;
		left: inherit;
		margin: 0 auto;
		display: block;
	}
}


.aniFlash {
     animation: color-me-in 1s; 
}
@keyframes color-me-in {

  0% {
    background: #e4e7e9;
  }
  25% {
    background: white;
  }
  50% {
    background: #e4e7e9;
  }  
  75% {
    background: white;
  }
  100% {
    background: #e4e7e9;
  }

}
.reprocessCont {
	border-top: 1px solid white;
	clear: both;
	margin-top: 15px;
	display: inline-block;
}

.priceContainer.reprocessCont {}
.reprocessAlert  {
	display: none;
    background-color: red;
    padding: 20px 10px;
    color: white;
    font-size: 14px;
    line-height: 20px;
}
.reprocessAlert  div {
	max-width: 820px;
	margin: 0 auto;
	display: block;
}


/*-------------- NEW ------------------ */

.packMain {
    display: inline-block;
    background-color: white;
    width: 338px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
}


/* INI: CUPON */

.asignar-cupon .boton_principal, .asignar-cupon .boton_principal.small {
    background-color: #2e626f;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    opacity: 1;
    border: none;
    border-bottom: none;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 160px;
    min-width: 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none;
    margin: 5px;
}
.asignar-cupon .boton_principal [attribute~="Cancelar"] {
    background-color: #000;
}
.asignar-cupon label {
    width:80px;
    padding-top:5px;
}
.asignar-cupon {
    text-align:right;
    margin-bottom: 10px;
}
#btnShowInputPromoCode,  #btnRemovePromoCode {
	font-size: 14px;
    text-decoration: none;
    display: block;
    padding: 5px 0px 15px 0px;
    text-align: left;
    clear: both;
}
#btnShowInputPromoCode .fa, #btnRemovePromoCode .fa{
	padding-right:10px;
}
@media (max-width: 1100px) {	
	.asignar-cupon input, .asignar-cupon label  {
		width: 100% !important;
		box-sizing: border-box;
		height:30px !important;
		text-align: left;
	}
}




/* END: CUPON */