/* Gebruik de FontAwesome fonts die al met Ext JS Triton worden meegeleverd.
   Let op: dit pad is relatief ten opzichte van de webroot:
   /var/www/pywebos/static
   Pas de paden hieronder aan als je ext ergens anders hebt staan. */
@font-face {
    font-family: "FontAwesome";
    src: url("/ext/build/classic/theme-triton/resources/font-awesome/fonts/fontawesome-webfont.woff2") format("woff2"),
         url("/ext/build/classic/theme-triton/resources/font-awesome/fonts/fontawesome-webfont.woff") format("woff"),
         url("/ext/build/classic/theme-triton/resources/font-awesome/fonts/fontawesome-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* Koppel ExtJS zijn x-fa helper class aan het FontAwesome font,
   zodat iconCls: "x-fa fa-cog" etc werkt, los van het theme. */
.x-fa {
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

/* Minimale FontAwesome icon-classes zodat x-fa fa-* werkt zonder font-awesome.css */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Alleen de iconen die we nu gebruiken – voeg er meer toe als nodig */
.fa-cog:before {
    content: "\f013";
}

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