body {
    background-image: url('../img/fondo.svg');
    /* Reemplaza con la URL de tu imagen */
    background-size: cover;
    /* Ajusta la imagen para cubrir todo el fondo sin distorsionarse */
    background-position: center;
    /* Centra la imagen en el fondo */
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
    background-attachment: fixed;
    /* Hace que la imagen permanezca fija al hacer scroll */
    background-color: #006633;

}
a{text-decoration: none; color: #fff !important;}
.texto-blanco {
    color: #fff;
}

.texto-amarillo {
    color: #f9c409;
}

.fondo-amarillo {
    background-color: #f9c409;
}

.fondo-gris {
    background: rgb(214, 214, 214);
    background: -moz-linear-gradient(180deg, rgba(214, 214, 214, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(214, 214, 214, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(214, 214, 214, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(214, 214, 214, 1) 100%);
    background: linear-gradient(180deg, rgba(214, 214, 214, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(214, 214, 214, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6d6d6", endColorstr="#d6d6d6", GradientType=1);

}

img.login-logo {
    max-width: 370px;
}

img.login-header-principal,
img.login-header-secundario {
    max-width: auto;
    max-height: 32px;
}

img.login-header-secundario {
    float: right;
}


.table-container {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.table th,
.table td {
    vertical-align: middle;
}
input::placeholder {
    color: #ccc; /* Cambia el color a gris claro */
    font-size: 12px; /* Ajusta el tamaño de la fuente */
  }