.TituloH4 {
    font-size: 24px;
    color: #1a33a8;
    font-family: Arial;
    font-weight: bold;
}

.labelPequenno {
    font-family: Arial;
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
}

.InputLogin {
    font-family: Arial;
    font-size: 12px;
    }

.HiperRecuperar {
    padding: 0px;
    list-style-type: none;
    font-size: 12px;
    font-family: Arial;
    color: #1a33a8;
    text-decoration: none;
}

.btnLogin {
    font-family: arial;
    color: #0e4c73;
    font-size: 12px;
    height: 28px;
}

.NavMenu {
    background-color: #2b509e;
    border-color: #2b509e;
}

.footerSM {
    bottom: 0;
    height: 80px;
    margin-top: 8%;
    width: 100%;
    background-color: #2b509e;
}

    .footerSM p {
        text-align: center;
        font-size: 12px;
        color: #fff;
        font-family: Arial;
        padding-top: 30px;
    }

.mensajeError {
    font-size: 12px;
    color: #a94442;
}

.h2Text {
    font-size: 22px;
    color: #1a33a8;
    font-family: Arial;
    font-weight: bold;
}

.imagenlogin {
/*    float: left;
    height: auto;
    padding-left: 1em;*/
    background-image: url(../Images/repetir.png);
    background-repeat: repeat-x;
}

.ImagenFlecha {
    cursor: pointer;
    padding: 5px;
}

.NoMostrar {
    display: none;
}

.firmaDigital {
    text-decoration: none;
    color: #337ab7;
    cursor: pointer;
}

.MostrarCursor {
    cursor: pointer;
}

.lbtUrlSistemaBoton {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #337ab7;
}

.lbtUrlSistemaBoton:hover {
    text-decoration: underline;
}

.btnCambiarClave {
    text-decoration: none;
    color: #337ab7;
}

.btnCambiarClave:hover {
    text-decoration: underline;
}

.btnEnviarClave {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    border-radius: 4px;
    line-height: 1.42857143;
}


/* Estilo base para el botón */
.custom-button {
    background: none; /* Fondo transparente */
    border: none; /* Sin borde */
    padding: 0; /* Sin relleno */
    font-size: inherit; /* Tamaño de fuente heredado */
    color: #007bff; /* Color del texto */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    text-decoration: none; /* Sin decoración de texto */
    position: relative; /* Posición relativa para la línea inferior */
}

    /* Línea debajo del texto */
    .custom-button::after {
        content: ''; /* Contenido vacío */
        display: block; /* Mostrar como bloque para ocupar el ancho completo */
        width: 100%; /* Ancho completo */
        height: 1px; /* Grosor de la línea */
        background-color: #007bff; /* Color de la línea */
        position: absolute; /* Posición absoluta respecto al botón */
        left: 0; /* Alineación a la izquierda */
        bottom: -3px; /* Ajuste para la posición de la línea */
        transition: bottom 0.3s ease; /* Transición suave */
    }

    /* Estilo para cuando se pasa el ratón */
    .custom-button:hover::after {
        bottom: -5px; /* Ajuste al pasar el ratón */
    }

.readonly-style {
    background-color: #f0f0f0; /* gris claro */
    color: #666;
    cursor: not-allowed;
/*    border: 1px solid #ccc;*/
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{
    display:none;
}