/* genéricos*/
.no-margin{
	margin: 0px!important;
}

.no-margin-top{
	margin-top: 0px!important;
}

.no-margin-bottom{
	margin-bottom: 0px!important;
}

.margin-top-10{
	margin-top: 10px!important;
}

.margin-bottom-10{
	margin-bottom: 10px!important;
}


.margin-top-5{
	margin-top: 5px!important;
}

.margin-top-6{
	margin-top: 6px!important;
}

.margin-top-20{
	margin-top: 20px!important;
}

.margin-top-30{
	margin-top: 30px!important;
}

.no-padding{
	padding: 0px!important;
}

.no-padding-left{
	padding-left: 0px!important;
}

.no-padding-right{
	padding-right: 0px!important;
}

.padding-025{
	padding: 0.25rem!important;
}

.padding-1em{
	padding: 1em!important;
}

.padding-top-10{
	padding-top: 10px!important;
}

.likeLink{
	color: #67B359!important;
}

	.likeLink i{
		color: #67B359!important;
	}

.browser-default-input{
	border: 1px solid #D9D9D9!important;
	background-color: #ffffff!important;
	text-align: center!important;
	height: 35px!important;
	width: 90px!important;
	margin: 0 auto!important;
}

.browser-default-input-text{
	border: 1px solid #D9D9D9!important;
	background-color: #ffffff!important;
	padding-left: 10px!important;
	height: 35px!important;

}

.browser-input-error{
	border: 1px solid #D9D9D9!important;
	background-color: pink!important;
	padding-left: 10px!important;
	height: 35px!important;
}

.browser-default-textarea{
	border: 1px solid #d9d9d9!important;
	background-color: #ffffff!important;
	height: 100px!important;
}

input[type="file"]{
	font-size: 13px!important;
}

.calcForm select[name="measure"]{
	margin: 0 auto!important;
}

.calcForm input[name="regular-inks"]{
	width: 100%!important;
	margin: 0 auto!important;
}

.display-none{
	display: none!important;
}

.font-13{
	font-size: 13px!important;
}

.font-18{
	font-size: 18px!important;
}



.pointer{
	cursor: pointer;
	color: #ffffff;
}

.strongtext{
	font-weight: 700;
}

/* fin genéricos */

.calcForm{
	padding-bottom: 20px!important;
}

.calcForm h3{
	background-color: #333333;
	color: #ffffff;
	font-size: 18px!important;
	padding: 7px;
	margin: 0px!important;
}

.calcForm h4{
	font-size: 18px!important;
}

.calcForm h5{
	font-size: 16px!important;
}

.calcForm p{
	font-size: 13px;
}

.calcForm select{
	font-size: 13px!important;
	height: 37px!important;
}

.calcForm input[type=number]::-webkit-inner-spin-button, 
	.calcForm input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}

.calcForm input[type=number] { -moz-appearance:textfield; }




.calcForm .input-radio{
	display: inline-block;
	background-color: #ffffff!important;	
	text-align: center;
	min-height: 35px!important;
	min-width: 75px!important;
}

.calcForm .input-radio label{
	line-height: 18px;
	display: flex;	

}

	.calcForm .input-radio label span{
		margin: auto 0!important;
		width: 100%!important;
		line-height: 32px;
		font-size: 12px!important;
		

	}

.calcForm .input-radio input[type="radio"]{
	display: none;

}

.calcForm [type="radio"]+label:before, .calcForm [type="radio"]+label:after{
	content: none!important;
	
}

.calcForm [type="radio"]:not(:checked)+label, .calcForm [type="radio"]:checked+label{
	height: 100%!important;
	width: 100%!important;
	margin: 0px!important;
	padding: 2px 1px!important;
	color: #222222!important;
	
}

.calcForm input[type="radio"]:checked + label{
	background-color: #67B359;
	color: #ffffff!important;
}

.calcForm input[type="checkbox"]:checked + label{
	background-color: #222222;
	color: #ffffff!important;
}

	.calcForm input[type="radio"]:checked + label span, .calcForm input[type="checkbox"]:checked + label span{
		
		color: #ffffff!important;
	}

.calcForm input[type="radio"]:checked + label .little-label{
	color: #ffffff!important;
	font-size: 10px!important;
	line-height: 11px!important;
	border: 1px solid red;
}


.calcForm .icon-pos{
	height: 26px;
	display: inline-block;
	margin-right: 10px;
	float: left;
}

.calcForm .posEstampado{
	padding-left: 10px;
	margin-bottom: 10px;
}

	.calcForm .posEstampado p{
		margin-top: 10px;

	}


.calcForm .warning-message{
	margin-top: 10px;
	background-color: pink;
	
	padding: 5px 10px;

}

.calcForm .product-message{
	margin-top: 10px;
	background-color: #c7e5c8;	
	padding: 5px 10px;

}

.calcForm .fa{
	margin-right: 10px;
	
}

.calcForm .service img{
	display: block;	
	margin: 8px auto!important;
	height: 40px!important;
	
}

.calcForm .prices{
	background-color: #f4f4f4;
	padding-bottom: 16px;
}

.calcForm .btn{
	height: auto!important;
}

.calcForm .btn-form{
	background-color: #67B359;
	color: #ffffff!important;
	padding: 0px 10px!important;
	width: 100%
}
	
	.calcForm .btn-form:hover{
		background-color: #67B359!important;
	}

	.calcForm .btn-form .fa{
		color: #ffffff!important;
		margin-right: 10px!important;
	}

.calcForm .totalPrice{
	font-size: 18px!important;
}

.calcForm .isFlash{
	background-color: #f9bf2f;
}

.calcForm .btn-flash{
	color: #ffffff!important;
	padding: 0px 10px!important;
	background-color: #8d8d8d;
}

.font-red{
	color: red;
}

.payment-button{
	background-color: #03A9F5!important;
}
	
	.payment-button:hover{
		background-color: #03A9F5!important;
	}

#contentResumenPedido{
	background-color: #f2f2f2!important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
	
	#contentResumenPedido p{
		font-size: 13px!important;
	}

	#contentResumenPedido .s12{
		margin-bottom: 5px;
	}

	#contentResumenPedido .total{
		margin-bottom: 0px!important;
		background-color: #D6E7F3;
		padding: 5px;
		
	}

	#contentResumenPedido .font-size-total{
		font-size: 19px!important;
	}


/* packaging */


.calcForm #colorList, .calcForm #colorinks, .calcForm .packaging-variants{
	display: none;
	background-color: #ffffff;
	padding-top: 8px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
	margin-top: 10px;
}

.calcForm #colorSelected, .calcForm .packaging-variants{
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
}
.calcForm #colorList p{
	text-align: right;
	margin-bottom: 3px;

}

.calcForm .packaging-variants{
	padding-bottom: 10px;
}
.calcForm .packaging-variants p{
	text-align: center;
	margin-bottom: 3px;
}


.calcForm .packaging-variants ul{
	list-style-type: none;
	margin: 0px;
}

.calcForm #colorList li, .calcForm #colorInks, .calcForm .packaging-variants li{
	display: inline-block;
}

	

.calcForm .packaging-variants .icon-pos{
	margin: 4px 8px!important;
}

	
.calcForm #infoDTF p, .calcForm #infoCompact p{
	text-align: center;
    margin-top: 20px;
    font-size: 17px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #67B359;
    padding: 5px;
}

.calcForm #infoCompact p{
	font-size: 13px!important;
	padding: 5px 3px!important;
}


.calcForm  .colorDot{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
	margin: 4px 4px 0px 4px;
	display: inline-block;
	float: left;
}


.calcForm  .colorSquare{
	width: 32px;
	height: 32px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
	margin: 2px 2px 0px 2px;
	display: inline-block;
	float: left;
}

.calcForm .nameColorCalc{
	text-align: left;
	padding-left: 10px;
	cursor: pointer;
}

.calcForm .nameColorCalc p{
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	
}

.calcForm .nameColorInk{
	padding: 4px 6px 6px 6px; 
	background-color: #ffffff; 
	margin-bottom: 3px!important; 
	height: 36px!important; 
	cursor: pointer;
}

.calcForm #viewColorList, .calcForm #viewColorInkList{
	float: right;
	cursor: pointer;
	font-size: 6px;
	padding-top: 5;
	
}

.calcForm .listColorInks li{
	display: inline-block;
}

.calcForm .listColorInks [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
  display: none!important;
}

.calcForm .listColorInks [type="checkbox"] + label {
	padding-left: 0px!important;
}