@charset "UTF-8";
/* droy 05/11/2014 */
    
    .endalia .ewc-combobox {
        display: block;
        position: relative;
    }
        
    /* iconos negros */    
        .endalia .ewc-combobox .ui-icon 
        {
            background-image: url(../js/jquery-ui/images/ui-icons_222222_256x240.png);
        }

    .endalia .ewc-combobox-input {
        min-width: 200px;
    }

        .endalia .ewc-combobox-input.form-control {
            max-width: 100%;
        }


/* botón para desplegar la lista.
Está superpuesto sobre el "input" donde se teclea y le quitamos bordes y color de fondo
*/
    .endalia .ewc-combobox-button 
    {
        border: 0 none;
        display: none;
        height: 18px;
        position: absolute;
        right: 8px;
        top: 8px;
        vertical-align: top;
        width: 18px !important;
    }

/* campo de texto donde teclear la búsqueda.*/
/* Para IE tenemos que indicarle el tipo de borde. No para FF ni Chrome */

/* la lista con los valores */
    .endalia .ewc-combobox-list 
    {
        font-family: "open sans", arial, sans-serif;
        font-size: 14px;
        background: white;
        list-style: none;
        max-height: 220px;
        /* IE 6 no soporta max-height y tenemos que usar height. Sólo para IE6 */
        _height: 220px;
        overflow-y: auto;
        /* quitar scroll horizontal */
        overflow-x: hidden;
        z-index: 100006;
    }

/* un elemento de la lista. Son de tipo "li" y contienen un "anchor" para ejecutar la acción de seleccionar y cerrar la lista */
    .endalia .ewc-combobox-listitem 
    {
        min-height: 18px !important;
        padding: 1px 5px 1px 15px !important;
        list-style-image: none !important;
    }

/* un elemento de la lista cuando está seleccionado. Le ponemos fondo azul */
    .endalia .ewc-combobox-listitemfocus 
    {
        background-color: #3399FF;
        color: white;
    }
/* un elemento IMPAR de la lista */
.endalia .ewc-combobox-listitemodd
{
}

/* el contenido del elemento de la lista. Es un "anchor" dentro de un "li" */
    .endalia .ewc-combobox-listitem a 
    {
        text-decoration: none;
    }

/* el contenido cuando está seleccionado. Forzamos el texto blanco (sobre fondo azul) */
    .endalia .ewc-combobox-listitemfocus a 
    {
        color: white;
    }