.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
  color:darkred;  
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.blinkOK {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
  color:green;  
}


.iconos {
height: 20px;
width: 20px;

}

.icono2 {
height: 50px;
width: 50px;

}

.boton{
border: 1px;
border-color: black;
border-radius: 5px;
border-style: solid;
width: 33%;
text-align: center;
font-weight: bold;
background-color: lightgray;

}

.botonlogin {
border: 1px;
border-color: black;
border-radius: 5px;
border-style: solid;
width: 200px;
height: 50px;
text-align: center;
font-weight: bold;
background-color: lightgray;

}

.titulos{
font-size: 40px;
font-weight: bold;
font-family: sans-serif;

}

.requerido{
border-color: red;

}

.agregar{
background-color: lightgray;
}

th{
background-color: black;
color:white;

}

thead{
background-color: black;
color: white;

}

.inicio{
text-align: center;

}

.formulario{
border-radius: 10px;
border-style: solid;
border-color: black;
border-width: 2px;
margin-left: 25%;
margin-right: 25%;
background-color: grey;

}

.avatar{
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color: black;


}

.encabezados{
text-align: center;

}


.deuda{
color: black;
background-color: red;
font-weight: bold;

}

.tooltip {
visibility: hidden;
width: 200px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 5px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: auto; /* Posición del tooltip */
left: auto;
margin-left: auto; /* Ajusta el margen para centrar el tooltip */
opacity: 0;
transition: opacity 0.3s;
}

input:hover + select:hover + .tooltip {
visibility: visible;
opacity: 1;
}

hr {
        
background-color: black;
height: 1px;
}

.campos{
font-weight: bold;

}

.contable{
width: 90%;
align-self: auto;
text-align: center;

}


/* Estilos para la ventana modal */
.modal {
display: none; /* Ocultarla por defecto */
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Color de fondo con opacidad */
}

.modal-content {
background-color: white;
margin: 15% auto;
padding: 20px;
border: 1px solid khaki;
width: 80%;
}

.close {
color: red;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

#cuadro_mando_totales {

max-width: 50%;
margin: auto;

}

input[type="text"] {
text-transform: uppercase;

}

input[type="text"].no-estilo {
text-transform: none;

}

.alinear-derecha {
text-align: right;
}

.derecha-rojo {
text-align: right;
color: red;

}

.ocultar-columna {
display: none;
}