.fa { cursor: pointer;}

/* Add a count indicator when a data-count attribute is present.  Designed to work with icons with fa-2x sizing. */
.fa[data-count]{ position: relative;}
.fa[data-count]:after {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    content:attr(data-count);
    padding: 0.5em;
    border-radius: 10em;
    line-height: 0.9em;
    color: white;
    background: rgba(255,0,0,0.75);
    text-align: center;
    min-width: 1.1em;
    font-weight: bold;
    font-size: 0.4em;
}

/* Automatically apply a disabled look to font-awesome elements that are disabled. */
.fa.disabled,
.fa[disabled],
.disabled > .fa,
[disabled] > .fa {
    opacity: 0.5;
    cursor: not-allowed;
}