/*  the base icon class is necessary for using any of the specific icon styles used below  */
.icon {
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 25px !important;
    padding-top:5px;
    padding-bottom:5px;
}

/* icon positioned in the top left */
.icon-top-left {
    background-repeat: no-repeat;
    background-position: 3px 1.0em;
    padding-left: 25px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* there's no way to specify right offset, so we're using 99% from the left instead */
.icon-right {
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.icon-exclamation, .icon-error {
    background-image: url(../images/fugue/exclamation.png);
}

.icon-excel {
    background-image: url(../images/fugue/document-excel.png);
}

.icon-exclamation-red {
    background-image: url(../images/fugue/exclamation-red.png);
}

.icon-tick-circle, .icon-accept {
    background-image: url(../images/fugue/tick-circle.png);
}

.icon-user-edit {
    background-image: url(../images/fugue/user_edit.png);
}

.icon-lock-edit {
    background-image: url(../images/fugue/lock_edit.png);
}

.icon-add {
    background-image: url(../images/fugue/add.png);
}

.icon-delete {
    background-image: url(../images/fugue/delete.png);
}

.icon-app-edit {
    background-image: url(../images/fugue/application_edit.png);
}

.icon-return {
    background-image: url(../images/fugue/book_previous.png);
}

.icon-green-flag {
    background-image: url(../images/fugue/flag_green.png);
}

.icon-page-go {
    background-image: url(../images/fugue/page_go.png);
}

.icon-group {
    background-image: url(../images/fugue/group.png);
}