/* 
    Created on : 16 jul. 2024, 15:12:25
    Author     : Carlos Adalid Torres Nabor
*/
.contenedorCabeceraBuscarUsuario {
    margin-top: 9%;
    padding: 39px 0 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    background-color: rgba(309,285,255,.83)!important;
    color: black;
}

.contenedorOlvidoContra {
    padding: 0 25px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    background-color: rgba(309,285,255,.83)!important;
    color: black;
}

.contenedorOlvidoContra #envioEmailValidacion {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.contenedorOlvidoContra #envioEmailValidacion > div {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; /* Añadido para separar los inputs del botón */
}

.contenedorOlvidoContra #envioEmailValidacion > div:first-child {
    display: block; /* Primer div antes de los inputs con display: block */
    width: 100%;
    text-align: center;
    margin-bottom: 10px; /* Espacio entre el primer div y los inputs */
}

.contenedorOlvidoContra #envioEmailValidacion .form-control {
    width: 60px;
    height: 65px;
    font-size: 32px;
    text-align: center;
    margin: 5px;
    border: 2px solid #ccc;
    border-radius: 5px;
}

.contenedorOlvidoContra #envioEmailValidacion .form-control::placeholder {
    color: #aaa;
    opacity: 1; /* Para asegurar que el placeholder sea visible en todos los navegadores */
}

.contenedorOlvidoContra #envioEmailValidacion .btn {
    width: 100%;
    max-width: 300px;
}
.contenedorOlvidoContra .email-rectangle {
    background-color: #ffffff;
    border: 2px solid #000000;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10%;
    margin-right: 10%;
}

.contenedorOlvidoContra .email {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.contenedorOlvidoContra .resultadosConsulta {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-left: 20%;
    margin-right: 25%;
    margin-bottom: 20px;
}

.contenedorOlvidoContra .buttonTema {
    font-size: 15px !important;
}