/* estilo de la calculadora de producto */


.popCalculator{
	width: 1025px;
	height: auto;
	/*height: 810px;*/
	background: #f5f5f5;
	position: absolute;
	display: none;
	opacity: 0;
	top: 0;
	left: 50%;
	margin-left: -512px;
	margin-top: 30px;
	overflow: hidden;
	border: 1px solid #333333;
	z-index: 9997;
}
.popCalculator h3{
	padding: 7px 12px;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 20px;
	background: #333333;
	color: #fff;
	text-transform: uppercase;
}
.popCalculator .close{
	position: absolute;
	right: 13px;
	color: #fff;
	
	cursor: pointer;
	font-size: 26px;
}
.popCalculator .close:hover{ color: #bb2024; }

.smallPop{
	width: 1025px;
	height: auto;
	background: #f5f5f5;
	position: fixed;
	top: 50%;
	left: 50%;
	opacity: 0;
	display: none;
	overflow: hidden;
	margin-top: -300px;
	margin-left: -512.5px;
	border: 1px solid #333333;
	z-index: 9997;
}

.lightsOff{
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}
.lightsOffLight{
	width: 100%;
	height: 100%;
	display: none;
	opacity: 0;
	background: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9995;
}

.popCalcBlock{ max-width: 600px; }
.popCalcBlock p{ display: inline-block; }
.popCalcBlock #cantidad{
	width: 80px;
	height: 34px;
	float: right;
	text-align: center;
	font-size: 15px !important;
	margin: 0 !important;
}
.popCalcBlock #alert10{
	width: 0;
	height: 40px;
	padding: 0;
	border: none;
	text-align: center;
	position: absolute;
	left: 550px;
	background: #FFB7B1;
	color: #bb2024;
	overflow: hidden;
	border-left: none;
	z-index: 99
}

.infoBlock .radios{
	float: right;
	text-align: right;
}
.infoBlock .radios input[type="radio"]{ display: none; }
.infoBlock .radios input[type="radio"] + label{
	min-width: 80px;
	height: auto;
	text-align: center;
	border: 1px solid #bb2024 !important;
	padding: 0px 15px;
	margin: 0;
	background: #fff;
}
.infoBlock .radios input[type="radio"]:checked + label{
	background: #bb2024;
	color: #fff;
}

.popCalcBlock #alert10{
	width: 0;
	height: 36px;
	padding: 0;
	border: none;
	text-align: center;
	position: absolute;
	left: 580px;
	background: #FFB7B1;
	color: #bb2024;
	overflow: hidden;
	border-left: none;
	z-index: 99
}

.stampTints select{
	width: 200px;
	float: right;
	cursor: pointer;
}
.stampTints select option{ background: #fff; }

.divTF, .divTT{
	margin-top: 15px;
	margin-left: 8px;
	padding: 0 !important;
}

.calcIcon{
	width: 20px !important;
	height: 20px !important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0;
	margin-right: 20px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 2px;
}

#allFrontSize, #allBackSize{
	height: 80px !important;
	margin: 0 !important;
	left: -8px !important;
	display: none;
}

#wrapPantallaF, #wrapPantallaT{ display: none; }
#wrapPantallaF .radios input[type=radio] + label, #wrapPantallaT .radios input[type=radio] + label{
	width: 135px;
	height: 50px;
	text-align: right;
	margin: 0 0 0 3px;
	padding: 0 !important;
	border: none;
	
}
#wrapPantallaF .radios input[type=radio] + label .calcIcon, #wrapPantallaT .radios input[type=radio] + label .calcIcon{
	width: 60px !important;
	height: 48px !important;
	position: relative;
	display: inline-block;
	float: left !important;
	background-size: 38px;
	background-color: #fff; 
}
#wrapPantallaF .insideText, #wrapPantallaT .insideText{
	position: relative;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	left: -7px;
	margin-top: 3.5px;
	font-size: 11px;
}

.popCalcBlock .customTooltip{
	width: 290px;
	position: absolute;
	display: none;
	margin-left: -227px;
	margin-top: 25px;
	background: #333333;
	font-weight: normal;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	padding: 10px;
	color: #fff;
	z-index: 9;
}
.popCalcBlock .customTooltip:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -8px;
	left: 110px;
}

#radioColorC + label .customTooltip:after{ margin-left: 125px; }
#radioColorC + label:hover .customTooltip{ display: block; }
#radioPantallaFN + label .customTooltip,
#radioPantallaFXL + label .customTooltip,
#radioPantallaTN + label .customTooltip,
#radioPantallaTXL + label .customTooltip
{	width: 300px;
	margin-left: -166px;
	margin-top: 65px;
}
#radioPantallaFN + label .customTooltip:after,
#radioPantallaFXL + label .customTooltip:after,
#radioPantallaTN + label .customTooltip:after,
#radioPantallaTXL + label .customTooltip:after
{ margin-left: 100px; }
#radioPantallaFN + label:hover .customTooltip,
#radioPantallaFXL + label:hover .customTooltip,
#radioPantallaTN + label:hover .customTooltip,
#radioPantallaTXL + label:hover .customTooltip
{ display: block; }
#radioDTG1F + label .customTooltip, 
#radioDTG2F + label .customTooltip,
#radioDTG3F + label .customTooltip,
#radioDTG4F + label .customTooltip{
	width: 260px;
	margin-left: -116px;
	margin-top: 65px;
}
#radioDTG1F + label .customTooltip:after,
#radioDTG2F + label .customTooltip:after,
#radioDTG3F + label .customTooltip:after,
#radioDTG4F + label .customTooltip:after
{ margin-left: 81px; }
#radioDTG1F + label:hover .customTooltip,
#radioDTG2F + label:hover .customTooltip,
#radioDTG3F + label:hover .customTooltip,
#radioDTG4F + label:hover .customTooltip
{ display: block; }
#radioDTG1T + label .customTooltip, 
#radioDTG2T + label .customTooltip,
#radioDTG3T + label .customTooltip,
#radioDTG4T + label .customTooltip{
	width: 260px;
	margin-left: -156px;
	margin-top: 5px;
}
#radioDTG1T + label .customTooltip:after,
#radioDTG2T + label .customTooltip:after,
#radioDTG3T + label .customTooltip:after,
#radioDTG4T + label .customTooltip:after
{ margin-left: 81px; }
#radioDTG1T + label:hover .customTooltip,
#radioDTG2T + label:hover .customTooltip,
#radioDTG3T + label:hover .customTooltip,
#radioDTG4T + label:hover .customTooltip
{ display: block; }
#plegadoplus + label .customTooltip{
	width: 350px;
	margin-left: -102px;
	margin-top: -130px;
}
#plegadoplus + label .customTooltip:after{
	border-width: 15px 15px 0;
	border-color: #333333 transparent; 
	margin-left: 100px; 
	top: 73px;
}
#plegadoplus + label:hover .customTooltip{ display: block; }
#calcForm .block2{
	max-width: 400px;
	overflow: hidden;
	float: left;
	padding: 0 !important;
	background-color: #ffffff;
}

.radiosDTG input[type="radio"] + label{
	width: 105px !important;
	height: 50px;
	text-align: right;
	margin: 0  0 0 3px !important;
	padding: 0 !important;
	border: none;
	padding-right: 5px !important;
}
.radiosDTG input[type="radio"] + label .calcIcon{
	width: 50px !important;
	height: 48px !important;
	position: relative;
	display: inline-block;
	float: left !important;
	background-size: 38px;
	background-color: #fff; 
}


#wrapDTGfrontal .insideText, #wrapDTGtrasero .insideText{
	position: relative;
	display: inline-block;
	text-align: center;
	left: 27px;
	top: -38px !important;
}




#selectSleeves{ display: none; }


.baggingDiv{ padding: 0 !important; }
.baggingDiv .infoBlock{ width: 62%; }

#radioColorB + label, #radioEstampadono + label, #embolsadosinono + label{ margin-right: -4px; }
.customTooltip{ display: none; }


#wrapEmbolsado{ 
	width: 100%;
	height: 80px;
	display: none; 
}


.embolsadoBlock input[type="radio"] + label{
	width: 265px !important;
	height: 48px;
	position: relative;
	line-height: 28px;
	display: inline-block;
}
.embolsadoBlock input[type="radio"] + label .calcIcon{
	width: 50px !important;
	height: 46px !important;
	position: relative;
	display: inline-block;
	float: left !important;
	background-size: 38px;
	background-color: #fff; 
	margin-left: -15px;
	
}



.deliveryBlock{
	height: auto !important;
	position: relative;
	padding: 0 !important;
	display: none;
	
}
.deliveryBlock input[type=radio]{ display: none; }


.deliveryBlock input[type=radio] + label{
	/*width: 32.7%;*/
	overflow: hidden;
	margin: 0;
	text-align: center;
	background: #fff;
	height: 180px;
}


.deliveryBlock input[type=radio] + label img{
	height: 50px;
	opacity: 0.4;
}
.deliveryBlock input[type=radio] + label .imgWrapper{ 
	padding: 15px;
	margin-bottom: 10px;
}
.deliveryBlock input[type=radio] + label .mayustitle{
	font-size: 14px;
	text-align: center;
	padding: 7;
	
}
.deliveryBlock input[type=radio] + label .small{
	display: block;
	padding: 7px;
	padding-top: 10px;
}
.deliveryBlock input[type=radio]:checked + label{
	background: #bb2024;
	height: 180px!important;
	color: #ffffff;
}
#infoPortesN, #infoPortesR, #infoPortesE{ padding-bottom: 15px !important; }
.deliveryBlock input[type=radio]:checked + label img{ opacity: 1; }
.deliveryBlock input[type=radio]:checked + label .imgWrapper{ background: #F2CFD5; }
.flashAdvise{
	height: auto !important;
	position: relative;
	display: inline-block;
	border-bottom: 10px solid #f5f5f5;
}
.flashAdvise h4{ font-weight: bold; }
.flashAdvise small{ 
	display: block; 
	font-size: 12px;
}
.flashAdvise h4, .flashAdvise p, .flashAdvise small{ 
	line-height: 35px !important; 
	margin: 0 !important;
	padding: 0 !important;
}

#wrapperPrices{
	height: 0;
	/*padding: 12px;*/
	margin-bottom: 15px;
	overflow: hidden;
	opacity: 0;
	background: #fff;
}



/*dep funcion*/
#showColor, #showPersonalizadas, #banner48{
	height: 0;
	overflow: hidden;
	opacity: 0;
}

.showFinalPrices{
	padding: 15px;
	display: none;
}

.onlyPrices{
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 10px;
	margin-top: -17px;
	background: #fff;
	border: 2px solid #bb2024;
}
.onlyPrices .finalprice{
	font-size: 16px;
	margin-bottom: 0;
}
.onlyPrices #valueFinalPrice, .onlyPrices #valueFinalPriceIVA{ 
	font-size: 18px; 
	margin-left: 7px;
	font-weight: 700;
}
.onlyPrices #valueFinalPriceIVA{ font-weight: bold; }
#valueFinalPriceI, #valueFinalPriceIIVA{
	color: #555555;
	line-height: 30px !important;
}

.btnCalc{
	background-color: #bb2024!important;
	color: #ffffff;
	margin-bottom: 20px;
	border-radius: 0px!important;
	box-shadow: none!important;
	height: auto!important;
	line-height: 26px!important;
	padding: 5px 10px!important;
}

.resumenPedido h5{
	background-color: #222222;
	color: #ffffff!important;
	text-align: center;
	font-size: 18px;
	padding: 8px 0px;
	margin-bottom: 0px!important;
	margin-top: 0px!important;

}

.elementWrapper{
	border: 1px solid #222222;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}

.banner48{
	background-color: #fff9c42e;
}

.fixedIcons{
	/*position: absolute;*/
	float: left;
	/*top: 100px;*/
	left: 0;
	display: block;
}
.fixedIcons img{
	max-width: 70px;
	display: block;
}

.title-calc{
	color: #222222!important;
	font-weight: 700;
	font-size: 16px!important;
}

.quantityAlert{
	width: 1000px;
	height: 195px;
	position: fixed;
	left: 50%;
	top: 50%;
	text-align: center;
	margin-top: -150px;
	margin-left: -500px;
	background: #D94F49;
	color: #fff;
	padding: 10px 15px;
	display: none;
	z-index: 9999;
}
.quantityAlert h4{
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
}
.quantityAlert p{
	color: #fff;
	margin-top: 25px;
	text-align: center;
	margin-bottom: 30px;
	font-size: 17px;
}
.quantityAlert .close{
	position: absolute;
	right: 15px;
	top: 10px;
}
.quantityAlert .close i{ 
	color: #fff;
	font-size: 35px;
}
.quantityAlert .element{
	color: #fff;
	font-size: 24px;
	margin: 30px;
}
.quantityAlert .element i{
	color: #fff;
	margin: 7px;
}

/*fin dep funcion*/


.iconFront{ background-image: url("../img/icons/calculator/front.png"); }
.iconBack{ background-image: url("../img/icons/calculator/back.png"); }
.iconSleeves{ background-image: url("../img/icons/calculator/sleeves.png"); }
.iconXL{ background-image: url("../img/icons/calculator/size4.png"); }
.iconNormal{ background-image: url("../img/icons/calculator/size2.png"); }
.iconDTG1{ background-image: url("../img/icons/calculator/size1.png"); }
.iconDTG2{ background-image: url("../img/icons/calculator/size2.png"); }
.iconDTG3{ background-image: url("../img/icons/calculator/size3.png"); }
.iconDTG4{ background-image: url("../img/icons/calculator/size4.png"); }
.iconSleeveI{ background-image: url("../img/icons/calculator/leftsleeve.png"); }
.iconSleeveD{ background-image: url("../img/icons/calculator/rightsleeve.png"); }
.iconEmb{ background-image: url("../img/icons/calculator/packaging2.png"); }
.iconEmb2{ background-image: url("../img/icons/calculator/packaging3.png"); }

#estampadoFrontal:hover .iconFront{ background-image: url("../img/icons/calculator/front-hover.png"); }
#estampadoTrasero:hover .iconBack{ background-image: url("../img/icons/calculator/back-hover.png"); }
#estampadoMangas:hover .iconSleeves{ background-image: url("../img/icons/calculator/sleeves-hover.png"); }
#radioPantallaFXL:checked + label .iconXL{ background-image: url("../img/icons/calculator/size4-hover.png"); }
#radioPantallaTXL:checked + label .iconXL{ background-image: url("../img/icons/calculator/size4-hover.png"); }
#radioPantallaFN:checked + label .iconNormal{ background-image: url("../img/icons/calculator/size2-hover.png"); }
#radioPantallaTN:checked + label .iconNormal{ background-image: url("../img/icons/calculator/size2-hover.png"); }
#radioDTG1F:checked + label .iconDTG1{ background-image: url("../img/icons/calculator/size1-hover.png"); }
#radioDTG1T:checked + label .iconDTG1{ background-image: url("../img/icons/calculator/size1-hover.png"); }
#radioDTG2F:checked + label .iconDTG2{ background-image: url("../img/icons/calculator/size2-hover.png"); }
#radioDTG2T:checked + label .iconDTG2{ background-image: url("../img/icons/calculator/size2-hover.png"); }
#radioDTG3F:checked + label .iconDTG3{ background-image: url("../img/icons/calculator/size3-hover.png"); }
#radioDTG3T:checked + label .iconDTG3{ background-image: url("../img/icons/calculator/size3-hover.png"); }
#radioDTG4F:checked + label .iconDTG4{ background-image: url("../img/icons/calculator/size4-hover.png"); }
#radioDTG4T:checked + label .iconDTG4{ background-image: url("../img/icons/calculator/size4-hover.png"); }
.divSleeve:hover .iconSleeveI{ background-image: url("../img/icons/calculator/leftsleeve-hover.png"); }
.divSleeve2:hover .iconSleeveD{ background-image: url("../img/icons/calculator/rightsleeve-hover.png"); }

#plegado:checked + label .iconEmb{ background-image: url("../img/icons/calculator/packaging2-hover.png"); }
#plegadoplus:checked + label .iconEmb2{ background-image: url("../img/icons/calculator/packaging3-hover.png"); }


[type="radio"]:not(:checked)+label, [type="radio"]:checked+label{
	padding: 0px!important;

}

#totalPrice, #totalPriceIVA{
	font-weight: 700!important;
	font-size: 24px!important;
	padding: 0px 6px;
}


.btnGrey{
	background-color: #646464!important;
}<style>


  @media (max-width: 575.98px) {
    
    #pop_price{
      text-align: center;
    }




  }

  .modal#modal_calculador{
    top: 4%!important;
    
  }


  #modal_calculador p{
    font-size: 0.85rem;
  }

  #modal_calculador select{
    font-size: 0.85rem;
  }


  .modal-content{    
    padding: 24px 0px 0px 0px!important;
   
  }


  /***** MIO ******/
  #alertMin{
    background-color: #FFEBEE;
    text-align: center;
    font-size: 0.85rem;
    padding: 10px;
  }

  #modal_calculador{
    background-color: #F4F4F4;
  }

  .mat h4 {
    font-size: 1.6rem;
  }

  .titulo{
    position: absolute; 
    top: 0px; 
    left: 0px;
    width: 100%; 
    background-color: #434343;
    color: white;
    text-align: center;
    padding-top: 5px; 
    padding-bottom: 5px;
  }

  #firstRow{
    margin-top: 30px;
  } 
  

  #box_contenedor [type="radio"]:not(:checked)+label{
    padding-left: 26px!important;
    font-size: 0.85rem;
   
  }

  #box_contenedor [type="radio"]:checked+label{
    padding-left: 26px!important;
    font-size: 0.85rem;
    
  }

  .contFirstRow{
    margin-bottom: 0px;
  }

  #firstRow{
    margin-bottom: 10px;
  }

  #box_estampados{
    padding-top: 5px;
    padding-bottom: 5px;

  }

  #contFrontalXL{
    margin-top: 10px;
  }

  #contTraseroXL{
    margin-top: 10px;
  }

  #pop_price{
    text-align: left;
    padding: 10px;
    background-color: #ffffff;
  }

  #pop_price .total{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1rem;
    color: #BB2024;
  }

  #pop_price p{
    font-size: 1.4rem;

  }

  #pop_price small{
    font-size: 0.85rem;
  }


/*Checkout de la calculadora mobile */
.resumenCheckout{
  background-color: #F5F5F5;
  margin-bottom: 40px!important;
}

.resumenCheckout .head{
  background-color: #EEEEEE;
  padding: 12px 10px;
  border: 1px solid #e0e0e0;
}

.resumenCheckout .border-bottom{
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
}

.pointer{
  cursor: pointer;
}

.margin-bottom-title{
  margin-bottom: 30px!important;
}




</style>