.fondologin{
    background: url("../images/carreteraCielo.jpg");

    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
     background-position: center center;

     /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen. */
    background-attachment: fixed;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
     del navegador */

     background-size: cover;

    display: flex;
    justify-content: center;

}
/* .cardlogin{


    display: flex;
    flex-direction: column;
    background: #ffffff;
    justify-content: space-around;

} */

.texto{

    font-size:30px;
    text-align: center;
    margin-bottom: 30px;
    opacity: 1;
}
.logo{
 width: 100px;
background: red;

}
.imagenlogo img{
     width: 500px;
    height: 120px;
    margin-bottom: 1rem;

}
.formNuevaPassword{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.textoForm{
    text-align: center;
}

/*Estilo para modulo principal de llantas  */

.btnLlantas{
    font-size: 18px;
    margin-top: 2rem;
}

.boton{
    width: 300px;
    background-color: red;
}


@media(max-width: 1500px){
    .btnLlantas{
    font-size: 17px;
    margin-top: 1rem;
}
}

@media(max-width:550px){
    .imagenlogo img{


        width: 300px;
    }
    .cardlogin{


    display: flex;
    flex-direction: column;

        width: 300px;
    justify-content: space-around;

}
}

/*Estilos Automotores */


.imagenCard {
    display: flex;
     flex-direction: column;
     padding: 1rem;
 }
 .imagenCard img{
     align-self: center;
     width: 150px;
     height: 120px;
 }

 .imagenCardEmpleado {
    display: flex;
     flex-direction: column;
     padding: 1rem;
 }
 .imagenCardEmpleado img{
     align-self: center;
     width: auto;
     height: 120px;
 } 
 .imagenCardPrincipalEmpleado {
    display: flex;
     flex-direction: column;
     padding: 1rem;
 }
 .imagenCardPrincipalEmpleado img{
     align-self: center;
     width: auto;
     height: 170px;
 }
/*Estilo Para Cabezotes Registrado al ver la Informacion Completa*/
.imagenCab img{
    width: 350px;
    

}

@media(max-width:550px){
    .imagenCab img{
    width: 300px;
    height: 250px;
}
}
@media(max-width:400px){
     .imagenCab img{
    width: 200px;
    height: 150px;
}
}

.textBold{
    color: black;
}

.config{
    display: flex;
    justify-content: flex-end;
}
.botonOpc{
margin-right: 1%;
}

.zoomNotificacion:hover{
    transform : scale(1);
        -moz-transform : scale(1.05);      /* Firefox */
        -webkit-transform : scale(1.05);   /* Chrome - Safari */
        -o-transform : scale(1.05);        /* Opera */;
}
.imagenRedonda{
    width: 300px;
    height: 300px;
    border-radius: 150px;
}

.subTitulo{
    font-size: 18px;
}
.textoInfo{
    font-size: 15px;
}

.sombraTexto{
   text-shadow: 1px 2px #999;
}
/*Sombra para Caja*/
.sombraD{
    -webkit-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
}
.zoomImagen:hover{
    transform : scale(1.1);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */

         -webkit-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
        box-shadow: 15px -2px 35px 0px rgba(0,0,0,0.75);
}

.botonefecto:hover{
    color: red;
     transform : scale(1);
        -moz-transform : scale(1.05);      /* Firefox */
        -webkit-transform : scale(1.05);   /* Chrome - Safari */
        -o-transform : scale(1.05);        /* Opera */
}
.texto15{
    font-size: 15px;
}
.enlaceTexto:hover{
    color: red;
}
.botonlgIcon{
    float: left;
    height: 15px;
}
#btnEsRe{
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border: 0px solid #000000;
}
#btnEsRe span{
   font-size: 14px;
}


.alertMantenimiento a:hover{
    color: rgb(255, 230, 0);
}
.aletMantenimiento{
    background: rgb(255, 8, 0);
    color: blanchedalmond;
}

.btnPasosForm{
    height: 5rem;
}
.multiEnlacePers{
    color: rgb(255, 72, 0);
}
.multiEnlaceInac{
    color: #000000e7;
}
.inputNumTable{
    color:rgb(0, 0, 0);
    width: 80%;
    font-size: 17px;
}

.btnWhiteOpc{
    background:white; 
    color:rgb(0, 0, 0); 
}
 .btnBlueRegVeh i{
    color:rgb(255, 60, 0); 
}
.btnWhiteOpc:hover{
    background:rgb(20, 121, 161); 
    color:rgb(255, 255, 255); 
}
.btnWhiteOpc:hover span, .btnWhiteOpc:hover i{
    color:rgb(255, 255, 255); 
}

.btnBlueRegVeh{
    background:white; 
    color:rgb(0, 0, 0);  
}
.btnBlueRegVeh:hover{
    background:rgb(0, 132, 255); 
    color:rgb(255, 255, 255); 
}
.btnBlueRegVeh:hover span, .btnBlueRegVeh:hover i{
    color:rgb(255, 255, 255); 
}
.girarFlecha:hover i{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
}

.input3rem{
    height: 2rem;
}

.cardTarjet{
    background: rgb(206, 206, 206);

}
.imgTarjet{
    width: 30%;
}
.centrarItem{
    display: flex;
    flex-direction: row;
    align-items: center;
    
}

.borderTableBlack tr>td{
    border: rgb(153, 153, 153) 0.1px solid !important;
}