<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* CUSTOM CSS */

/* Estilo para el input cuando la cédula es inválida */
.cedula-invalid {
    border-color: #d9534f !important; /* Rojo */
    box-shadow: 0 0 5px rgba(217, 83, 79, 0.5) !important;
}

/* Estilo para el input cuando la cédula es válida */
.cedula-valid {
    border-color: #5cb85c !important; /* Verde */
    box-shadow: 0 0 5px rgba(92, 184, 92, 0.5) !important;
}

/* Estilo base para el mensaje de validación */
.validation-message {
    font-size: 14px;
    margin-top: 5px;
    height: 20px; 
    transition: color 0.3s;
}

/* Color del mensaje cuando es inválido */
.validation-message.invalid {
    color: #d9534f !important; /* Rojo */
}

/* Color del mensaje cuando es válido */
.validation-message.valid {
    color: #5cb85c !important; /* Verde */
}</style>
<!-- end Simple Custom CSS and JS -->
