/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 30 2025 | 19:38:17 */
/*-------------------- Calculadora --------------------------*/
.page-id-7686 .is-right-sidebar{
  display: none !important;
}
.calculandoCloradores:before {
    content: "Calculando...";
    height: 100vh;
    width: 100%;
    background: #007effbf;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: #fff;
    font-weight: 800;
}
.page-id-7686 .content-area {
    max-width:1200px;
    width:100%;
}
.page-id-7686 .entry-header{
  display: none
}
.main-wrap-calculadora h3{
  font-weight: 600 !important;
  color:#32374a;
}
.formulario-calculadora{
  border:2px solid #f0f0f075;
  border-radius: 20px;
  padding: 30px 30px;
  width: 100%;
  margin:0 auto 20px auto;
  background: #F4F8FB;
}

.formulario-calculadora .campo{
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom:15px;
	flex-wrap:wrap;	
}

.formulario-calculadora .campo > label{
  text-align: left;
  width: 50%;
  color:#292E42;
  font-weight: 600
}

.formulario-calculadora .campo input,
.formulario-calculadora .campo select{
  padding: 6px 15px;
  border: 2px solid #EDEDED;
  border-radius: 3em;
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  width: 50%;
}

.formulario-calculadora > div:nth-child(5){
  margin: 30px 0px 40px 0px;
  text-align:left;
  
}

.formulario-calculadora > div > a{
  color:#32374a;
  font-weight: 800
}


.formulario-calculadora .boton-calculadora{
  background: #1462A3;
  width: 100%;
  border-radius: 0px 30px 30px 30px;
  padding: 8px 0px;
  font-size: 22px;
  font-weight: 600
}

/* div#respuesta::before{
  content:'';
  display: block;
  background: #00000095;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left:0;
  z-index: 50;
}
 */
div#respuesta > .main-wrap-calculadora{
  background: #fff;

/*   position: fixed;
  top: 0;
  left:0;
  right: 0;
  bottom: 0; */
  margin: auto;
/*   height: 800px;
  overflow-x: hidden; */
  display: block;
  z-index: 99;;
}

div#respuesta > .main-wrap-calculadora > h3 > b{
  color:#1462A3 
}

table#consumos_teoricos_cloradores > tbody > tr:nth-child(1){
  background: #1462A3
}
table#consumos_teoricos_cloradores > tbody > tr:nth-child(1) > td > h4{
  color:#fff;
  font-weight: 800;
  margin: 0
}


@media (max-width: 767px){
	
	.formulario-calculadora .campo > label,
	.formulario-calculadora .campo input,
	.formulario-calculadora .campo select{
	  width: 100%;
	}

	
	
}