/*
        TYPEAHEAD
*/


form.ng-pristine
{
    width:100%;
}


/***** Aligner les options du champs de recherche ***/
.typeahead__query{
    padding: 6px 14px 6px 0px;   
}

.typeahead__filter{
    display: inline-block !important;
    margin-left: 14px;
    

}

.typeahead__field input {
    padding-right: 0px !important;

}








button.typeahead__filter-button, .typeahead__button button{
    padding: 15px 11px 29px 10px !important;
    border: 1px solid;
}

/*** Bouton de la gear ***/
/*
button.typeahead__filter-button{

    width: 50px;
}

.gear-icon{
    background-image: url('../images/icon-gear-128.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    
    padding-left: 24px;
    display: inline-block;
    background-size: 24px;
    margin-top: -3px !important;
    
    margin-right: 220000px; 
    z-index: -10000;
    overflow:hidden;
    

}


.typeahead__dropdown .gear-icon
{
    display: none;
}
*/
/*** Fin du bouton de la gear ***/


/** Scroll dans les suggestions **/
ul.typeahead__list {
    height: 400px;
    overflow-y: scroll;
}

.typeahead__button {
    z-index: 999999 !important;
}

li.typeahead__group
{
    margin-bottom:0px !important;
}

#lien-fiche-filtre button
{
    position: inherit;
    border: none;
    margin: 0px;
    padding: 0px;
    background: none!important;
    cursor: pointer;
    height: 100%;
    color:#17639f !important;
    
}


/** Affichage des résultats **/
ul.typeahead__list > li.typeahead__group > a,
ul.typeahead__list > li.typeahead__item > a
{
 	 text-decoration: none !important;
}

/*  Item dans le menu déroulant  */
.typeahead__item>a{
    color:#17639f !important;
}
/*  Titres dans le menu déroulant  */
.typeahead__group>a{
    color:#333 !important;
}

.typeahead__result
{
    margin-bottom:40px; /* Ajouter un espace dans le bas des résultats*/
}

.typeahead__result ul, .typeahead__dropdown
{
    padding-left:0 !important;
}

.typeahead__result ul li, .typeahead__dropdown li
{
    list-style-type: none !important;
    list-style: none !important;

}



@media (min-width: 960px) {

    /** Centrer le champ de recherche*/
    .typeahead__container {
        
        width: 60%;
        margin-left:20%;
        margin-right:20%;
    }
}


.vgo-visible
{
    display: inline-block !important;
}

.vgo-cache
{
    display:none;
}

.typeahead__group
{
    background-color: #ecf5fc !important;

}

/******** Gérer les boutons fermer(-) et ouvrir (+) dans les suggestions du champs de recherche *******/
 .toggle-fermer, .toggle-ouvert
{
    position: initial;
    float: right;
    height: 20px !important;
    width: 20px !important;
    padding: 2px !important;
    margin-top: -1px !important;
    color: #3a87ad !important;
    font-weight: bold !important;
    font-size: 2em !important;
    background-color: transparent !important;
    border: none !important;

}