/* Mise en forme Autocomplete V2 */
/* Auteur : Arigna Phengphong */
/* Crée le : 10/01/2018 */
/* Mis a jour le : 15/01/2018 */

/*Import du CDN FontAwesome qui gère les icones*/
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
/*Import du CDN GoogleFonts pour charger la police NotoSans*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

a { /*Reset des liens*/
    text-decoration: none;
    outline: none;
}

ul.ui-autocomplete {
    font: 1em 'Noto Sans', sans-serif !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

ul.ui-autocomplete li.ui-menu-item a.ui-corner-all {
    margin:0;
    padding: 8px;
    display: block;
    overflow: hidden;
}

ul.ui-autocomplete div.ac-icon {
    float: left;
    width: 5%;
}

ul.ui-autocomplete li.ui-menu-item a.ui-corner-all div.ac-left {
    float: left;
    width: 85%;
    padding-left: 10px;
    font-size: 16px;

    /* Gérer le troncage du texte lorsqu'il dépasse */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.ui-autocomplete li.ui-menu-item a.ui-corner-all div.ac-right {
    float: right;
    width: 10%;
    text-align: right;
}

ul.ui-autocomplete a.firstautocomplete:before,
ul.ui-autocomplete a.secondautocomplete:before {
    content: url("../images/globeSMALL.png");
    float: left;
    margin-top: -3px;
}

ul.ui-autocomplete a.airportautocomplete:before {
    content: url("../images/avion-bdv.png");
    /*float: left;*/
    margin-top: -3px;
}

ul.ui-autocomplete li.ui-menu-item a.secondautocomplete {
    margin-left: 19px;
}

ul.ui-autocomplete li.ui-menu-item a.secondautocomplete div.ac-left,
ul.ui-autocomplete li.ui-menu-item a.firstautocomplete div.ac-left {
    width: calc(85% - 33px);
}

ul.ui-autocomplete li.ui-menu-item span.cityAllAirport {
    font-style: italic;
}

ul.ui-autocomplete li.ui-menu-item span.cityIata,
ul.ui-autocomplete li.ui-menu-item span.airportIata {
    float: right;
    display: block;
    text-align: center;
    width: 40px;
    border: 1px solid #c9c9c9;
    padding: 2px;
    margin-top: 5px;
}

ul.ui-autocomplete li.ui-menu-item span.cityCountry,
ul.ui-autocomplete li.ui-menu-item span.cityDistance {
    display: block;
    font-size: 11px;
}

ul.ui-autocomplete li.ui-menu-item:hover,
ul.ui-autocomplete a.ui-corner-all:hover,
.ui-menu-item > .ui-state-focus {
    text-decoration: none;
    color: inherit;
    background: none !important;
}

ul.ui-autocomplete li.ui-menu-item:hover,
ul.ui-autocomplete a.ui-corner-all:hover {
    background: #ecf0fb !important;
    color: #3d67a3;
}

ul.ui-autocomplete li.ui-menu-item #ac-wrong {
    padding: 15px;
}
ul.ui-autocomplete li.ui-menu-item #ac-wrong span::before {
    content: url("/images/icone-info.png");
    margin-right: 10px;
}
ul.ui-autocomplete li.ui-menu-item #ac-closebtn {
    padding: 5px 10px;
    border-top: 1px solid #ccc;
    text-align: right;
}
ul.ui-autocomplete li.ui-menu-item #ac-closebtn span {
    border: 1px solid #ccc;
    padding: 7px 15px;
    border-radius: 7px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
}