main{
   max-width: 1340px;
   margin: 0 auto;
   font-family: 'Open Sans';
}
#calculadora .cab{
   text-align: center;
   background-color: #70c424;
   padding: 25px 15px;
}

#calculadora .cabSelector{
 text-align: center;
 background-color: #70c424;
 padding: 10px 15px;
}

#calculadora .cab h2{
 color: #114f39;
 margin: 0;
 font-weight: 400;
 font-size: 20px;
}

#calculadora .cabSelector h2{
   color: #114f39;
   margin: 0;
   font-weight: 600;
   font-size: 27px;
}

#calculadora .cab p{
   color: white;
   margin: 0;
   margin-top: 10px;
   font-size: 19px;
}

#calculadora .cabSelector p{
   color: white;
   margin: 0;
   margin-top: 10px;
   font-size: 19px;
}

#calculadora .cab b{
   font-weight: 600;
}

#calculadora .cabSelector b{
   font-weight: 600;
}

#calculadora .col{
   max-width: 620px;
   margin: 0 auto;
   margin: 10px auto;
}

.tiempo{
 display: flex;
 flex-direction: row;
 max-width: 620px;
 justify-content: flex-start;
 margin: auto;
 align-items: stretch;
 transition: all 0.3s;
 background-color: #027c63;
 padding: 15px 15px;
 justify-content: center;
}

.tiempo p{
 margin: 0px;
 font-size: 19px;
 color: #fff;
}

.condicion, .condicionfija{
   display: flex;
   flex-direction: row;
   max-width: 620px;
   justify-content: flex-start;
   margin: auto;
   align-items: stretch;
   border: 2px solid #e6e6e6;
   transition: all 0.3s;
}
.active .icon {
   background-color: #0f795e !important;
   transition: all 0.3s;
}
.condicion h3, .condicionfija h3{
   color: #027c63;
   margin: 0px;
}
.condicion p, .condicionfija p{
   margin-top: 0px;
   font-size: 13px;
   color: #6a6a6a;
}
.condicion .icon, .condicionfija .icon{
   min-width: 50px;
   display: flex;
   background-color: #f9fafb;
   padding: 0px 20px;
   transition: all 0.3s;
}
.condicion .check, .condicionfija .check{
   min-width: 55px;
   margin-left: auto;
   display: flex;
   padding: 0px 20px;
}
.info-condicion{
   padding-top: 15px;
   padding-bottom: 10px;
   padding-left: 20px;
   padding-right: 20px;
   height: 70px;
}
.bonificacion{
   background-color: #027c63;
   color: white;
   text-align: center;
}
.bonificacion{
   padding: 15px 0px;
}
.bonificacion p{
   letter-spacing: 1px;
   margin: 0px;
}
.bonificacion span{
   margin: 0px;
   font-weight: 600;
   font-size: 55px;
}
.row{
   display: flex;
   flex-wrap: wrap;
}
.column{
 margin: 10px auto;
}
.condicion, .condicionfija{
   cursor: pointer;
}
.resumen{
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
   margin-top: 20px;
   flex-wrap: wrap;
}
.resumen .suma-bonificacion-totalA, .resumen .suma-bonificacion-totalB{
   background-color: #70c424;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 401px;
   height: 114px;
}
.resumen .suma-bonificacion-totalA p, .resumen .suma-bonificacion-totalB p{
   color: white;
   font-size: 15px;
   font-weight: 300;
   margin: 0px;
}
.resumen .suma-bonificacion-totalA span, .resumen .suma-bonificacion-totalB span{
   color: #114f39;
   font-size: 40px;
   font-weight: 400;
}


.resumen .importe-comision-pagarA, .resumen .importe-comision-pagarB{
   background-color: #114f39;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 401px;
   height: 145px;
}
.resumen .importe-comision-pagarA p, .resumen .importe-comision-pagarB p{
   color: white;
   font-size: 15px;
   font-weight: 300;
   margin: 0px;
}
.resumen .importe-comision-pagarA span, .resumen .importe-comision-pagarB span{
   color: #ffffff;
   font-size: 20px;
   font-weight: 300;
   display: flex;
   align-items: center;
}
.resumen .importe-comision-pagarA b, .resumen .importe-comision-pagarB b{
   margin-right: 10px;
   font-size: 50px;
}
.resumen > div{
   margin: 2px;
}

.bonificacionfinal{
 width: 620px;
}

.tiempofinal{
 display: flex;
 flex-direction: row;
 max-width: 620px;
 justify-content: flex-start;
 margin: auto;
 align-items: stretch;
 transition: all 0.3s;
 background-color: #027c63;
 padding: 15px 15px;
 justify-content: center;
}

.tiempofinal p{
 margin: 0px;
 font-size: 19px;
 color: #fff;
}

.selectorEdad{
 display: flex;
}

.edad{
 background-color: #027c63;
 padding: 5px 15px;
 color: #fff;
 width: 100%;
 display: flex;
 justify-content: center;
 border: 0.25px solid #016853;
 cursor: pointer;
}

.edadSelected{
 background-color: #70c424;
 color: #114f39;
 font-weight: bold;
 border: 0px;
}

.contenedorSelectorEdad{
 margin-bottom: 50px;
 max-width: 806px;
}

#mensajeBonificable{
 display: flex;
 flex-direction: row;
 max-width: 340px;
 justify-content: center;
 margin: auto;
 align-items: stretch;
 border: 2px solid #e6e6e6;
 transition: all 0.3s;
 padding: 20px 30px;
}

#mensajeBonificable p{
 color: #6a6a6a;
 margin: 0px;
 font-size: 15px;
}

.bg-comisiones {
 width: 776px;
 background: #114f3a;
 color: #fff;
 padding: 15px;
}

@media (max-width: 768px) {
 .bg-comisiones {
    width: 371px;
 }
}

.condicion .check, .condicionfija .check,
.condicion .icon, .condicionfija .icon {
   flex-direction: column;
   justify-content: center;
}