.pass-new-email-form {
    max-width: 400px; /* Ancho máximo del formulario */
    margin: 0 auto; /* Centra el formulario horizontalmente */
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

/* Estilos para las etiquetas y campos de entrada */
.form-fields-new-pass label {
    display: block; /* Cada etiqueta en una nueva línea */
    margin-bottom: 15px;
}

.form-fields-new-pass span {
    display: block; /* El texto de la etiqueta en una nueva línea */
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

.form-fields-new-pass input[type="password"] {
    width: 100%; /* Ocupa todo el ancho disponible */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

/* Estilos para el botón */
.btn-new-pass {
    display: block; /* El botón ocupa todo el ancho */
    width: 100%;
    padding: 12px;
    background-color: #008BD2; /* Fondo azul */
    color: white; /* Texto blanco */
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transición suave para el hover */
}

/* Efecto hover para el botón */
.btn-new-pass:hover {
    background-color: #0073b1; /* Cambia el color al hacer hover */
}

/* Estilos para los campos ocultos */
.form-footer input[type="hidden"] {
    display: none; /* Oculta los campos ocultos */
}

svg.icon-wrapper {
    margin-left: 50%;
}

@media (min-width: 991px) {
    .search_block_top_fixed .table-cell {
        display: table-cell;
        text-align: center;
        vertical-align: 50%;
        padding-top: 15%;
    }

    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.searchbar-autocomplete {
        top: 40% !important;
        left: 40% !important;
        width: 400px !important;
        display: inline-flex;
        overflow-x: scroll;
        box-sizing: border-box;
    }

    .ui-menu-item {
        display: inline-block;
        margin-right: 10px;
    }
}

@media (max-width: 990px) {
    .search_block_top_fixed .table-cell {
        display: table-cell;
        text-align: center;
        vertical-align: 50%;
        padding-top: 50%;
    }

    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.searchbar-autocomplete {
        top: 55% !important;
        left: auto !important;
        width: auto !important;
        display: inline-flex;
        overflow-x: scroll;
    }

    .ui-menu-item {
        display: inline-block;
        margin-right: 5px;
    }
}