main {
   max-width: 1340px;
   margin: 0 auto;
   font-family: 'Open Sans';
}

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

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

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

#calculadora .cab 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: 0 0 5px 0;
}

.condicion p,
.condicionfija p {
   margin-top: 0px;
   font-size: 13px;
   color: #6a6a6a;
   margin: 0;
}

.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: 30px;
   padding-bottom: 30px;
   padding-left: 20px;
   padding-right: 20px;
}

.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 {
   text-align: center;
   margin-top: 20px;
}

.resumen .suma-bonificacion-totalA,
.resumen .suma-bonificacion-totalB {
   background-color: #70c424;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   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,
.resumen .importe-comision-pagarC {
   background-color: #114f39;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 145px;
}

.resumen .importe-comision-pagarA p,
.resumen .importe-comision-pagarB p,
.resumen .importe-comision-pagarC p {
   color: white;
   font-size: 15px;
   font-weight: 300;
   margin: 0px;
}

.resumen .importe-comision-pagarA span,
.resumen .importe-comision-pagarB span,
.resumen .importe-comision-pagarC span {
   color: #ffffff;
   font-size: 20px;
   font-weight: 300;
   display: flex;
   align-items: center;
}

.resumen .importe-comision-pagarA b,
.resumen .importe-comision-pagarB b,
.resumen .importe-comision-pagarC b {
   margin-right: 10px;
   font-size: 50px;
}

.resumen>div {
   margin: 2px;
}

.bonificacionfinal {
   width: 620px;
}

.tiempofinal {
   max-width: 620px;
   margin: auto;
   transition: all 0.3s;
   background-color: #027c63;
   padding: 15px 15px;
}

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

.width-50 {
   width: 50%;
}

.pd-15 {
   padding: 0 15px;
}

.bg-comisiones {
   background-color: #114f39;
   color: #fff;
   padding: 0 15px;
}

.bg-comisiones p {
   margin-top: 0;
}

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

.w-100 {
   width: 100%;
}