/* À placer en haut du fichier, avant les définitions de contenu */
[class*="fa-"]::before {
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: inherit;
    speak: none;
}

[class*="fa-"]:not(.x-menu-item-icon):not(.x-btn-icon-el):not(.x-panel-header-icon-el):not(.x-window-header-icon-el) {
    font-size: 18px !important;
}

/* =====================================================
   CONFIGURATION GENERALE DES ICONES FONT AWESOME
   ===================================================== */

.fa-print,
.fa-users,
.fa-file-text-o,
.fa-exclamation-triangle,
.fa-bug,
.fa-ticket,
.fa-wrench,
.fa-user,
.fa-map-marker,
.fa-cogs,
.fa-cog,
.fa-key,
.fa-briefcase,
.fa-tint,
.fa-bookmark,
.fa-clone,
.fa-building-o,
.fa-sign-out,
.fa-role,
.fa-poste,
.fa-type-client,
.fa-type-incident {
    background-image: none !important;
}


/* =====================================================
   ALIGNEMENT DES ICONES DANS LES MENUS EXT JS
   ===================================================== */

.x-menu-item-icon {
    width: 26px !important;
    height: 26px !important;

    text-align: center !important;
    line-height: 26px !important;

    background-image: none !important;

    top: 50% !important;
    margin-top: -13px !important;
}

.x-panel-header-icon-el[class*="fa-"],
.x-window-header-icon-el[class*="fa-"] {
    width: 26px !important;
    height: 26px !important;
    font-size: 22px !important;
    line-height: 26px !important;
    background-image: none !important;
}

.x-panel-header-icon-el[class*="fa-"]:before,
.x-window-header-icon-el[class*="fa-"]:before {
    font-family: FontAwesome !important;
    line-height: 26px;
    display: inline-block;
    width: 26px;
    text-align: center;
}

.x-btn-icon-el[class*="fa-"] {
    width: 22px !important;
    height: 22px !important;
    font-size: 20px !important;
    line-height: 22px !important;
    background-image: none !important;
}

.x-btn-icon-el[class*="fa-"]:before {
    font-family: FontAwesome !important;
    line-height: 22px;
    display: inline-block;
    width: 22px;
    text-align: center;
}

/* =====================================================
   STYLE COMMUN A TOUTES LES ICONES
   ===================================================== */

.x-menu-item-icon:before {
    font-family: FontAwesome !important;
    font-size: 20px !important;

    line-height: 26px !important;

    display: inline-block;
    width: 26px;

    text-align: center;
}


/* =====================================================
   TEXTE DES MENUS
   ===================================================== */

.x-menu-item-text {
    font-size: 14px !important;
    line-height: 26px !important;
    padding-left: 8px !important;
}


/* =====================================================
   DEFINITIONS DES ICONES PRINCIPALES
   ===================================================== */

/* Copieur */
.fa-print:before {
    content: "\f02f";
}

/* Client */
.fa-users:before {
    content: "\f0c0";
}

/* Contrat */
.fa-file-text-o:before {
    content: "\f0f6";
}

/* Alerte */
.fa-exclamation-triangle:before {
    content: "\f071";
}

/* Incident */
.fa-bug:before {
    content: "\f188";
}

/* Ticket */
.fa-ticket:before {
    content: "\f145";
}

/* Intervention */
.fa-wrench:before {
    content: "\f0ad";
}

/* Employé */
.fa-user:before {
    content: "\f007";
}

/* Zone */
.fa-map-marker:before {
    content: "\f041";
}

/* Fonctions */
.fa-cogs:before {
    content: "\f085";
}

/* Paramètres */
.fa-cog:before {
    content: "\f013";
}

/* Déconnexion */
.fa-sign-out:before {
    content: "\f08b";
}


/* =====================================================
   SOUS-MENUS BLEU-NOIR
   ===================================================== */

/* Role */
.fa-role:before {
    content: "\f084";
    color: #1f3a5f;
}

/* Poste */
.fa-poste:before {
    content: "\f0b1";
    color: #1f3a5f;
}

/* Consommable */
.fa-tint:before {
    content: "\f043";
    color: #1f3a5f;
}

/* Marques */
.fa-bookmark:before {
    content: "\f02e";
    color: #1f3a5f;
}

/* Modèles */
.fa-clone:before {
    content: "\f24d";
    color: #1f3a5f;
}

/* Types d'incident */
.fa-type-incident:before {
    content: "\f188";
    color: #1f3a5f;
}

/* Secteurs d'activité */
.fa-building-o:before {
    content: "\f0f7";
    color: #1f3a5f;
}

/* Types de client */
.fa-type-client:before {
    content: "\f0c0";
    color: #1f3a5f;
}

/* ==========================================
   Font Awesome dans les titres de fenêtres
   ========================================== */

.fa-print,
.fa-plus,
.fa-ban,
.fa-save,
.fa-qrcode,
.fa-cogs,
.fa-delete,
.fa-refresh,
.fa-close,
.fa-file-text-o,
.fa-exclamation-triangle,
.fa-sign-out {
    background-image: none !important;
}

.fa-print:before {
    content: "\f02f";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-sign-out:before {
    content: "\f08b";
}

/* Filtrer */
.fa-filter:before {
    content: "\f0b0";
}

/* =====================================================
   EFFET AU SURVOL
   ===================================================== */

.x-menu-item-active .x-menu-item-icon:before,
.x-menu-item:hover .x-menu-item-icon:before {
    opacity: 1;
}