.lb_header {
    padding-top: 10px;
    padding-bottom: 10px;
   }


/* 0000000000000000000000000000000               Menu   ordenador          000000000000000000000000000*/


.lb_menuordenador {


}



/* 0000000000000000000000000000000               Menu   tablet          000000000000000000000000000*/


.lb_menutablet {
display: none;

}

    .xx {
        width:auto;
        border: #f1f4f9 2px solid;
    }

    .yy {
        border: #0509f5 2px solid;
    }

  .lb_aguardando {
    border-left: #B4C3E6 3px solid;
   height: 70px;
  }
  .lb_aprovado {
    border-left:#317FE8 3px solid;
    
  }

   lb_navegacionlinea {
    border-left: #fff 3x solid;
   
   }
   .lb_ppaprovado {
    
    justify-content: center;
    width:20px;
    background-color: #317FE8;
    border-radius:30px;
    padding:1px;
    font-size: 12px;
    color: #fff;
    margin-left: -12px;
   }
   .lb_ppaprovadoactivo {
    
    justify-content: center;
    width:20px;
    background-color: #0509f5;
    border-radius:30px;
    padding:1px;
    font-size: 12px;
    color: #fff;
    margin-left: -12px;
    Box-shadow:0px 0px 6px #656464;


   }


   a {
    text-decoration: none;
   }
   .lb_ppaprovadoactivofuente {
    font-size: 20px;
    color: #374659;
    font-weight: 600;

   }


   .lb_ppaprovadoactivofuente2 {
    font-size: 16px;
    color: #888E94;
   

   }


   .lb_ppaprovadodesactivadofuente {
    font-size: 20px;
    color:  #C7C7C7;
    font-weight: 600;
   }

  

   .lb_ppaguardando {
   
    justify-content: center;
    width:20px;
    background-color: #fff;
    border-radius:30px;
    border: #B4C3E6 2px solid;
    padding:px;
    font-size: 12px;
    color: #B4C3E6;
    margin-left: -12px;
   }

   .lb_ppaguardandofinallinea {
    
    justify-content: center;
    width:20px;
    background-color: #fff;
    border-radius:30px;
    border: #B4C3E6 2px solid;
    padding:px;
    font-size: 12px;
    color: #B4C3E6;
    margin-left: -8px;

   }

  

   .lb_pppp {
    margin-top:-25px;
    margin-left: 30px;

   }

   .lb_mm {
    margin-top: -40px;
    margin-left: 28px;

   }
   

   
   
   .lb_margentop {
       margin-top: 78px;
       margin-bottom: 78px;
   }
   
   .lb_xtarjeta {
       width:735px;
   }
   .lb_divisor {
    border-bottom:2px solid #cccdd0;
    border-radius:0;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.lb_bordetarjetas1 {
border-radius: 12px;
border: #CDD6E1 2px solid;
}
.lb_divisorconfirmacion {
    border-bottom:2px solid #317FE8;
}


   /* Tarjeta documento */

   .lb_xtarjetadocumento{
    width: 800px;
   
}


/* ------------------- */

   
   
   .lb_yrellenohorizontal {
       padding-top: 40px;
       padding-bottom: 40px;
   }
  
   .lb_xrellenovertical {
       padding-left: 57px;
       padding-right: 57px;
   }
 
   .lb_lineadivisor {
       margin-top: 30px;
       margin-bottom: 37px;
   }
   
   .lb_cabezera {
       font-size: 24px;
       color: #374659;
       font-weight: 700;
       opacity: 1;
       
   }

    
   .lb_cabezer {
    font-size: 20px;
    color: #374659;
    font-weight: 700;
    opacity: 1;
    
}
   .lb_primernumero {
       font-size:38;
       color: #374659;
       font-weight: 600;
   }
   
   .lb_solisitud {
       font-size: 40px;  
    }
   .lb_tamanosecundario {
       color:#888E94;
       font-size: 15px;
       font-weight: 700;
       }
   
   .lb_imginicial {
           border-radius: 30px;
           
           width: 40px;
       }

    /* 000000000000000000000000000      Formulario  00000000000000000000000000000000000000*/


    .lb_fonteformulario {
        font-size: 16px;
        color:#374659; 
    }

    .lb_background-color {
        background-color: #E9ECEF;

    }

    .lb_xtarjetaformulario{
        width: 732px;
       }

    .lb_xrellenoverticalformulario {
        margin-left: 26px;
        margin-right: 26px;
    }

    /* 000000000000000000000  */



    /* iniciar seccion */

    .lb_xtarjetainiciarseccion {
        width: 450px;
       
    }

    .lb_tamano {
        width:106px;
        
           }
    .lb_xrellenoverticaliniciarseccion {
        margin-left: 20px;
        margin-right: 20px;
    }
    .lb_img {
        width: 37px;
        padding: 10px;
        background-color: #d3d5d4;
        border-radius: 20px;
    }








    /*  000000000000000000000000000       Tarjeta confirmacion          0000000000000000000000000000*/


    .lb_xtarjetaconfirmacion {
        width: 800px;
        
    }

    .lb_borderright {
        border-right:  #CDD6E1 2px solid;
    }

    .lb_tamanoboton1 {
        width: 220px;
    }

    .lb_xrellenoverticaldocumento{
        margin-left: 30px;
        margin-right: 10px;
       }
    
       .lb_xrellenoverticaldocumentouno {
        margin-left:40px;
        margin-right: 40px;
    
       }
       .lb_xrellenoverticaldocumentodos {
        margin-left: 30px;
        margin-right: 30px;
       }
    
      
       .lb_yrellenohorizontaldocumento {
        margin-top: 40px;
        margin-bottom: 40px;
       }

    
   

    /* 00000000000000000000*/

/* 000000000000000000000000000000000000000000000      Tarjeta calculo      0000000000000000000000000*/









/* 000000000000000000000000000000000000000000000      -      000000000000000000000000000000000000000*/


    @media (max-width:992px){

        .lb_menuordenador {
            display: none;
        }

/* 0000000000000000000000000000000          codigo para el  Menu   ordenador          000000000000000000000000000*/

.textoactivo


/*

1.    Aprovado:

                   <div class="pb-3 lb_aprovado">
                       <a href="#">
                       <div class="row mb-3 lb_ppaprovado ">1</div></a>
                       <div class=" lb_mm mb-3"><div class="lb_ppaprovadodesactivadofuente">Información</div>
                   </div>
                   </div>


2.   Activo :


                 <div class="pb-3 lb_aprovado" >
                       <a href="#">
                       <div class="mb-3 row lb_ppaprovado  lb_ppaprovadoactivo ">2</div></a>
                       <div class=" lb_mm  " ><div class="lb_ppaprovadoactivofuente mb-2 ">Cálculo</div>
                       <div class="">Se calcula elmonto solicitado,la tasa de interésy elplazomensual. Con esto obtendrá la cantidad total a pagardelpréstamo y lacantidad a pagar mensual.</div>
                           
                   </div>
                   </div>



3. Aguardando :



                   <div class="pb-3 lb_aguardando">
                       <a href="#">
                       <div class="row mb-3 lb_ppaguardando ">4</div></a>
                       <div class=" lb_mm mb-3"><div class="lb_ppaprovadodesactivadofuente">hhhhhhhhhhhh</div>
                   </div>
                   </div>



4.   Aguardando final :


                   <div class=" mb-5">
                       <a href="#">
                       <div class="row ,mb-5 lb_ppaguardando">13</div></a>
                       <div class="lb_pppp ,mb-5"><div class="lb_ppaprovadodesactivadofuente">hhhhhhhhhhhh</div>
                          
                       </div>

                   </div>
                   </div>



*/




/* 0000000000000000000000000000000              Codigo para el Menu   tablet          000000000000000000000000000


1. Aprovado numeros 1,2,3.

    <div class="col px-0 ,lb_p3 lb_aprovadot  "  >
            
                                <div class=",pb-3 ,lb_aprovado">
                                    <a href="#">
                                        <div class="lb_mmm ,mb-3"><div class="lb_ppaprovadodesactivadofuente lb_margentextoaguardando  py-3" ></div>
                                    <div class="row ,mb-3 lb_ppaprovado lb_margennumerosaguardando  ">2</div></a>
                                   
                                </div>
                                </div>
            
                            </div>



2. Aprovado numero 4.

  <div class="col px-0 ,lb_p3 lb_aprovadot"   >
            
                                <div class=",pb-3 ,lb_aprovado ">
                                    <a href="#">
                                        <div class=" lb_mmm ,mb-3 "><div class=" lb_ppaprovadodesactivadofuente lb_margentextoaguardando py-3" ></div>
                                    <div class="row ,mb-3 lb_ppaprovado lb_margennumerosaguardando ">4</div></a>
                                </div>
                            </div>
            



3. Activo.

    <div class="col px-0 ,lb_p3 lb_aguardandot" >

                    <div class=",pb-3 ,lb_aprovado">
                        <a href="#">
                            <div class="lb_mmm ,mb-3"><div class="lb_ppaprovadodesactivadofuente lb_margentextoaguardando  py-3" ></div>
                        <div class="row ,mb-3 lb_aguardandotablet lb_margennumerosaguardando">3</div></a>
                       
                    </div>
                    </div>

                </div>



4. Aguardando numero 3 

 <div class="col px-0 ,lb_p3 lb_aguardandot" >

                    <div class=",pb-3 ,lb_aprovado">
                        <a href="#">
                            <div class="lb_mmm ,mb-3"><div class="lb_ppaprovadodesactivadofuente lb_margentextoaguardando  py-3" ></div>
                        <div class="row ,mb-3 lb_aguardandotablet lb_margennumerosaguardando">3</div></a>
                       
                    </div>
                    </div>

                </div>


5. Aguardando numero 5              

      <div class="">
                                    <div class=",row lb_ppaprovadodesactivadofuente lb_textnumero5 py-3"></div>
                                    <div class=",row  lb_numero5aguardandosin ">5</div>
                                </div>
                                </div>
                                </div>





*/
.lb_menutablet {
    
    display: inline;
    margin-bottom: 18px;
    
} 


.lb_p2 , .lb_p3 , .lb_p4 {
display: flex;
justify-content: center;
}

.lb_p3 {
   margin-left: 43px;
   margin-right: 43px;
}

.lb_p5{
    display: flex;
    justify-content: flex-end;
}

.lb_mmm {
    margin-top: -40px;
    

   }

.lb_uva {
    padding-right: 0px;
}

.lb_textnumero5{
  display: flex;
  justify-content: end;
  margin-right: -40px;
  margin-top: -82px;
}



.lb_activotablet {
    display:flex;
    justify-content: center;
    width:20px;
    background-color: #0509f5;
    border-radius:30px;
    padding:1px;
    font-size: 12px;
    color: #fff;
    margin-top: -3px;
    Box-shadow:0px 0px 6px #656464;
  
   }

   .lb_aprovadot {
    border-top: #317FE8 3px solid;
  
  }





  .lb_aguardandotablet {
    display:flex;
    justify-content: center;
    width:22px;
    height: 22px;
    background-color: #fff;
    border-radius:30px;
    border:#B4C3E6 2px solid;
    padding:px;
    font-size: 12px;
    color: #B4C3E6;
    
  
   }


   

  .lb_aguardandot {
    border-top: #B4C3E6 3px solid;
  
  }



  .lb_numero5aguardando {
    display:flex;
    justify-content: center;
    width:22px;
    background-color: #fff;
    border-radius:30px;
    border:#B4C3E6 2px solid;
    font-size: 12px;
    color: #B4C3E6;
    margin-left: 95%;
   
    


   }

   .lb_numero5activo {
    display:flex;
    justify-content: center;
    width:22px;
    height: 22px;
    background-color: #0509f5;
    border-radius:30px;
    font-size: 12px;
    color: #fff;
    margin-left: 95%;
    Box-shadow:0px 0px 6px #656464;


   }

   .lb_numero5aguardandosin {
    display:flex;
    justify-content: center;
    width:22px;
    height: 22px;
    background-color: #fff;
    border-radius:30px;
    border:#B4C3E6 2px solid;
    font-size: 12px;
    color: #B4C3E6;
    margin-left: 90%;
    margin-top: 27px;
   }

   .lb_margennumeros {
margin-top: -2px;

   }

 .lb_margennumerosaguardando {
    margin-top: 27px;
    
       }


.lb_margentexto {
    margin-left: -50px;
    margin-top: -72px;
    
    
}

.lb_margentextoaguardando {
    margin-left: -38px;
    margin-top: -72px;
    
    
}


/* 000000000000000000000000000000   Leyenda menú table  00000000000000000000000000000

lb_aprovadot =  Linea de tiempo azul

lb_aguardandot = Linea de tiempo gris 

lb_aguardandotablet  = Indicador circulo blanco

lb_ppaprovado = Indicador circulo azul



lb_numero5activo = Indicador numero 5  activo

lb_numero5aguardandosin = Indicador numero 5  blanco

lb_margennumerosaguardando = Colocar clase para el indicador  sin texto arriba y quitar cuando colocar el texto.


 000000000000000000000000000000   Leyenda menú table  00000000000000000000000000000*/




  



          /* Tarjeta documento */
      .lb_botondocumento {
        margin-bottom: 10px;
    }
/*---------------*/
/*tarjeta iniciar sesion */
.lb_xtarjetainiciarseccion {
  width: 100%;
}
/* 0000000000000*/
.lb_xtarjetaconfirmacion {
    padding: 10px;

}


.lb_borderright {
    
    border-right: none;
    }
    .lb_borderbotton {
        padding-bottom: 10px;
        border-bottom: #CDD6E1 2px solid;
        
    }


    }


@media (max-width:767px){
   

   

    .lb_tamanoboton1 {
        width: 100%;
    }

    .lb_xrellenoverticaldocumentouno{
        margin-left: 10px;
        margin-right: 10px;
       }

       .lb_xrellenoverticaldocumento {
        margin-left: 10px;
        margin-right: 10px;
     }

     .lb_xrellenoverticaldocumentodos {
        margin-left: 10px;
        margin-right: 10px;
       }

    

 
}

    
   
   
   @media (max-width:550px){
   .lb_xrellenovertical {
       padding-left: 20px;
       padding-right: 20px;
       }
    
       .lb_xrellenoverticalformulario {
        margin-left: 0px;
        margin-right: 0px;
    }
    
       .lb_yrellenohorizontaldocumento {
        margin-top: 30px;
        margin-bottom: 30px;
       }

      
       .lb_tamano {
        width: 100%;
    }

    .lb_margenred  {
        margin-left: 7px;
        margin-right: 7px;
    }

    /* Terjeta confirmacion */
  
    .lb_borderbotton {
        padding-bottom: 10px;
        border-bottom: #CDD6E1 2px solid;
        
    }
       
 
   }