/* Estilo del campo de entrada */

.twitter-typeahead{
    display: initial !important;
}
.tt-input {
    width: 100%; /* Asegura que el input abarque todo el ancho */
    padding: 10px; /* Espaciado interno */
    font-size: 14px; /* Tamaño de letra */
    border: 1px solid #ccc; /* Borde del input */
    border-radius: 4px; /* Bordes redondeados */
}
.tt-input, .tt-hint {
    width: 100% !important;
    height: 40px; /* o la altura que desees */
    padding: 8px 12px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

/* Estilo del menú de sugerencias */
.tt-menu {
    width: 100%; /* Asegura que el menú abarque todo el ancho del input */
    margin-top: 2px; /* Espacio entre el input y el menú de sugerencias */
    padding: 10px 0; /* Espaciado interno vertical */
    background-color: #fff; /* Color de fondo */
    border: 1px solid #ccc; /* Borde */
    border-radius: 4px; /* Bordes redondeados */
    box-shadow: 0 5px 10px rgba(0,0,0,.2); /* Sombra para dar efecto de elevación */
}


/* Estilo de cada sugerencia */
.tt-suggestion {
    padding: 10px 20px; /* Espaciado interno */
    font-size: 14px; /* Tamaño de letra */
    line-height: 24px; /* Altura de línea */
    border-bottom: 1px solid #ccc; /* Borde separador */
}

/* Estilo de la sugerencia sobre la que el usuario pasa el mouse */
.tt-suggestion:hover {
    background-color: #f5f5f5; /* Color de fondo al pasar el mouse */
    cursor: pointer; /* Cambiar el cursor */
}

/* Eliminar borde en la última sugerencia */
.tt-suggestion:last-child {
    border-bottom: none;
}

/* Estilo para cuando no hay sugerencias */
.tt-empty {
    padding: 10px 20px; /* Espaciado interno */
    color: #999; /* Color de letra */
    text-align: center; /* Centrar texto */
}

/* Estilos para el ítem resaltado */
.tt-suggestion.tt-cursor {
    background-color: #007bff; /* Color de fondo para el ítem resaltado */
    color: white; /* Color de texto para el ítem resaltado */
}


.bg-light {
    background-color: #c1e3e9!important
}

.btn-info {
    color: #000;
    background-color: #0d6efd!important;
    border-color: #0d6efd!important;
}