.TESTWRAP {
   max-width: 705PX;
   text-align: center;
   margin: 10px AUTO;
  background-color: #eef7ff;
    border-radius: 20px;
    padding: 8px;
    border-bottom: 6px solid #003C6F;
    background-image: url(acobo.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    
}
.aguinaldoMainWrapper {
   width: 98%;
      min-height: 370px;
      /*background-color: aqua;*/
      margin: 3% 1% 2% 1%; 
   text-align: center;
   display: flex;

}
h1.agui {
   font-family: 'Fira Sans', sans-serif;
   font-size: 31px;
   color:#003C6F;
   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: inherit;
}
.BlockLeft {
   width: 70%;
   min-height: 200px;
}
.BlockLeftA, .BlockLeftD {
   width: 100%;
   display: block;
   /*background-color: aqua; */
}
.BlockLeftB, .BlockLeftC {
   width: 47%;
   /*background-color: gainsboro; */
   display: table-cell
}
.spaceLeft {
   margin-left: 3%
}
.aguiBajada {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 16px;
   color: #000;
   text-align: justify;
   padding:0px 15px;
   max-width: 450px
}
#aguiAlerts {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 15px;
   color: #895f5f;
   text-align: right;
   padding:0px 15px;
   max-width: 430px
}
.limpiador {
   float: left;
   margin: 8px 0px 0px 15px;
    background-color: #003C6F;
    height: 40px;
    color: #ffffff;
    padding:0  15px;
    border-radius: 8px;
    font-weight: bold;
    border: none
        
}
.BlockRight {
   width: 30%;
   min-height: 200px;
}
.monthagui {
   font-family: 'Roboto', sans-serif;
   font-size: 12px;
   line-height: 30px;
   font-weight: 500;
   text-transform: uppercase;
   float: left;
   width:100px;
   text-align: right;
}
.fillSalary {
   width: 115px;
    text-align: center;
    height: 30px;
    border: 1px solid #003C6F;
    border-radius: 6px
}
.ene20, .jul20 {color:#000000;}
.feb20, .ago20 {color:#000000}
.mar20, .set20 {color:#000000}
.abr20, .oct20 {color:#000000}
.may20, .nov20 {color:#000000}
.aguinaldo2019 {
}
.calcularBlock {
   width: 100%;
   min-height: 70px;
   display: block;
   background: url('https://www.nacion.com/gnfactory/comercial/2022/calculadora/billetes.png');
   background-repeat: no-repeat;
   background-position: top;
   background-size: 100%;
   padding-top: 145px;
}
.resultadoBlock {
   width: 100%;
   min-height: 115px;
   display: block;
   margin-top: 43px;
   /*background-color: red;*/
}
.resultado {
   width: 80%;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   height: 40px;
   background-color:#b9dbf8;
   border-radius: 10px;
   padding: 6px 0 0 0 ;
   overflow: hidden
}
#resultadoFinal {
   font-size: 26px;
   line-height: 40px;
   color: #003C6F;
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
    margin: auto;
    
}
.aguiBoton {
   color: #fff; 
    background-color: #003C6F;
   padding: 10px 20px; 
   border-radius: 20px;
   width: 90%;
   margin: 0% 5%;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 15px;
   cursor: pointer;
    border: none
   /*border: none;*/
}
.aguiBoton:hover {
    background-color: #015ead;
}
.generic {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 15px;
   color: #6d6d6d;
   text-align: center;
   font-weight: 700;
}
.formDisplay {
   width:100%;
   display: inline-block;
   margin-bottom: 5px;
}

/*MediaQueries 350px or less Only*/
@media screen and (max-width: 350px){
.aguinaldoMainWrapper {display: block}
h1.agui {font-size: 21px;padding-top: 11px;padding-left: 10px}
.monthagui {font-size: 11px;text-align:left;width: 100%;padding-left: 5px;color: #00000000}
.fillSalary {width: 90%}
.aguiBajada {font-size: 12px;padding: 5px 7px;}
.BlockLeft {width: 100%}
.BlockRight {width: 100%;min-height: 105px;display: block}
.formDisplay {padding-top: 5px;margin-bottom: 0px}
.calcularBlock {width: 49%; min-height: 60px; background-size: 50%;padding-top: 25px;display: inline-flex}
.resultadoBlock {width: 49%;display: block;min-height: 100px;float: right;margin-top: 10px}
.generic {width: 100%; display: block;margin: 0 auto;font-size: 13px; line-height: 13px}
.resultado {width: 83%; display: block;margin-left: 2.5%;margin-right: 2.5%;}
.limpiador {margin-top: 15px}
.aguiBoton {font-size: 12px;} 
#aguiAlerts {text-align: center}
}
/*MediaQueries Between 350px to 450px Only*/
@media screen and (min-width: 350px) and (max-width: 450px) {
.aguinaldoMainWrapper {display: block}
h1.agui {font-size: 24px;padding-top: 11px;padding-left: 10px}
.monthagui {text-align:left;width: 100%;padding-left: 5px}
.fillSalary {width: 90%}
.aguiBajada {font-size: 12px;padding: 5px 7px;}
.BlockLeft {width: 100%}
.BlockRight {width: 100%;min-height: 105px;display: block}
.formDisplay {padding-top: 5px;margin-bottom: 0px}
.calcularBlock {width: 49%; min-height: 60px; background-size: 50%;padding-top: 25px;display: inline-flex}
.resultadoBlock {width: 49%;display: block;min-height: 100px;float: right;margin-top: 10px}
.generic {width: 70%; display: block;margin: 0 auto}
.resultado {width: 83%; display: block;margin-left: 2.5%;margin-right: 2.5%;}
#aguiAlerts {text-align: center}
}
@media (min-width: 450px) and (max-width: 527px) { 
h1.agui {font-size: 26px;padding-top: 9px}
}
@media only screen and (max-width: 768px) {
.calcularBlock {
   background: none;
}
}
.acobo{width: 150px;height: 72px;background-color: #ffffff;border-radius: 4px;background-image: url(https://gn12-arc.s3.amazonaws.com/el-financiero/gnfactory/ELF/aguinaldos/acobo.webp);background-repeat: no-repeat;position:relative;display: inline-block;z-index: 100}