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;
}