/* ----------------------------------- */
/* -------------- ICONS -------------- */
/* ----------------------------------- */
// We are moving to font-awesome icons

// HIDDEN ICONS
// We decided remove all the icons using css properties,
// but in the future we have to revisit and do it the right way
// by editing the html

.add,
.android,
.apple,
.appMonitor,
.archive,
.arrowLeft,
.arrowRight,
.asset,
.assignWorkflow,
.backup,
.bg,
.browse,
.bug,
.bundle,
.calClock,
.calDay,
.calList,
.calMonth,
.calWeek,
.cancel,
.cancelWorkflow,
.cart,
.checkBox,
.chevron,
.chevronExpand,
.close,
.color,
.copy,
.cut,
.delete,
.deleteWorkflow,
.detailView,
.docConvert,
.docCopy,
.docNum,
.docText,
.document,
.drop,
.edit,
.editScript,
.encrypt,
.exclamation,
.exclamation-red,
.fileMulti,
.fileNew,
.fix,
.folder,
.folderAdd,
.folderCopy,
.folderDelete,
.folderEdit,
.folderFiles,
.folderGlobe,
.folderOpen,
.folderSelected,
.formNew,
.gearMinus,
.gearPencil,
.gearPlus,
.help,
.hide,
.hourGlass,
.imageNew,
.info,
.key,
.keyvalue,
.linkAdd,
.listView,
.login,
.loginAs,
.mailList,
.mapPin,
.minus,
.mobile,
.movePage,
.multiSelect,
.newPage,
.newTask,
.newWorkflow,
.next,
.pageProp,
.paste,
.plus,
.preview,
.previous,
.property,
.publish,
.query,
.radio,
.reindex,
.remember,
.reopenWorkflow,
.reorder,
.repeat,
.republish,
.required,
.reset,
.resolve,
.resolveWorkflow,
.save,
.saveAssign,
.scrollPane,
.search,
.select,
.shrink,
.spell,
.splitter,
.statistics,
.stop,
.tab,
.textField,
.thumbnailView,
.toggleClose,
.toggleOpen,
.trash,
.unarchive,
.unpublish,
.upload,
.windows,
.workflow,
.workStream,
.wysiwyg {
    &Icon {
        background: none;
        display: none;
    }
}

// SHOW ICONS
.arrowLeft,
.arrowRight,
.chevronExpand,
.delete,
.edit,
.folder,
.folderOpen,
.folderSelected,
.toggleClose,
.toggleOpen {
    &Icon {
        @extend #font-icon-base;
        display: inline;
    }
}

// Paring class name with font-awesome icon
$icons: (
    ukn: $fa-var-file-o,

    // this should be first to allow overwrite
    action: $fa-var-ellipsis-v,
    add: $fa-var-square,
    android: $fa-var-square,
    apple: $fa-var-square,
    appMonitor: $fa-var-square,
    archive: $fa-var-shield,
    archived: $fa-var-circle,
    arrowLeft: $fa-var-chevron-left,
    arrowRight: $fa-var-chevron-right,
    assignWorkflow: $fa-var-square,
    backup: $fa-var-square,
    bg: $fa-var-square,
    browse: $fa-var-square,
    bug: $fa-var-bug,
    bundle: $fa-var-square,
    calClock: $fa-var-square,
    calDay: $fa-var-square,
    calList: $fa-var-square,
    calMonth: $fa-var-square,
    calWeek: $fa-var-square,
    cancel: $fa-var-times-circle-o,
    cancelWorkflow: $fa-var-square,
    cart: $fa-var-square,
    checkBox: $fa-var-square,
    chevron: $fa-var-square,
    chevronExpand: $fa-var-chevron-down,
    close: $fa-var-times,
    color: $fa-var-square,
    content: $fa-var-newspaper-o,
    copy: $fa-var-copy,
    cut: $fa-var-scissors,
    delete: $fa-var-trash-o,
    deleteWorkflow: $fa-var-square,
    detailView: $fa-var-square,
    docConvert: $fa-var-square,
    docCopy: $fa-var-square,
    docNum: $fa-var-square,
    docText: $fa-var-square,
    document: $fa-var-square,
    dotAsset: $fa-var-archive,
    download: $fa-var-download,
    drop: $fa-var-square,
    edit: $fa-var-edit,
    editScript: $fa-var-pencil-square-o,
    encrypt: $fa-var-square,
    exclamation-red: $fa-var-square,
    exclamation: $fa-var-square,
    female: $fa-var-female,
    file: $fa-var-file-o,
    fileMulti: $fa-var-square,
    fileNew: $fa-var-square,
    fix: $fa-var-square,
    folder: $fa-var-folder-o,
    folderAdd: $fa-var-square,
    folderCopy: $fa-var-square,
    folderDelete: $fa-var-square,
    folderEdit: $fa-var-square,
    folderFiles: $fa-var-square,
    folderGlobe: $fa-var-square,
    folderOpen: $fa-var-folder-open,
    folderSelected: $fa-var-folder-open,
    form: $fa-var-list,
    formNew: $fa-var-square,
    gear: $fa-var-gear,
    gearMinus: $fa-var-square,
    gearPencil: $fa-var-square,
    gearPlus: $fa-var-square,
    greyDot: $fa-var-circle,
    help: $fa-var-life-saver,
    hide: $fa-var-square,
    hint: $fa-var-comment-o,
    host: $fa-var-globe,
    hostArchived: $fa-var-globe,
    hostDefault: $fa-var-globe,
    hostStopped: $fa-var-globe,
    hourGlass: $fa-var-square,
    imageNew: $fa-var-square,
    info: $fa-var-info-circle,
    key: $fa-var-key,
    keyvalue: $fa-var-square,
    //link: $fa-var-link,
    languageVar: $fa-var-globe,
    license: $fa-var-id-card-o,
    linkAdd: $fa-var-square,
    listView: $fa-var-square,
    live: $fa-var-check-circle,
    lock: $fa-var-lock,
    login: $fa-var-users,
    loginAs: $fa-var-square,
    mailList: $fa-var-envelope-o,
    mapPin: $fa-var-square,
    minus: $fa-var-minus,
    mobile: $fa-var-square,
    movePage: $fa-var-square,
    multiSelect: $fa-var-square,
    newPage: $fa-var-square,
    newTask: $fa-var-square,
    newWorkflow: $fa-var-square,
    next: $fa-var-arrow-circle-right,
    page: $fa-var-file-text-o,
    pageProp: $fa-var-square,
    paste: $fa-var-square,
    persona: $fa-var-user,
    plus: $fa-var-plus,
    preview: $fa-var-eye,
    previous: $fa-var-arrow-circle-left,
    property: $fa-var-square,
    publish: $fa-var-square,
    query: $fa-var-square,
    radio: $fa-var-square,
    reindex: $fa-var-square,
    remember: $fa-var-square,
    reopenWorkflow: $fa-var-square,
    reorder: $fa-var-square,
    repeat: $fa-var-arrows,
    republish: $fa-var-square,
    required: $fa-var-square,
    reset: $fa-var-refresh,
    resolve: $fa-var-check,
    resolveWorkflow: $fa-var-square,
    roles: $fa-var-users,
    rServer: $fa-var-cloud-download,
    save: $fa-var-floppy-o,
    status: $fa-var-circle,
    saveAssign: $fa-var-square,
    scrollPane: $fa-var-square,
    search: $fa-var-search,
    select: $fa-var-square,
    shrink: $fa-var-square,
    spell: $fa-var-square,
    splitter: $fa-var-square,
    sServer: $fa-var-cloud-upload,
    statistics: $fa-var-bar-chart,
    stop: $fa-var-square,
    tab: $fa-var-square,
    tag: $fa-var-tag,
    textField: $fa-var-square,
    thumbnailView: $fa-var-square,
    toggleClose: $fa-var-minus-square-o,
    toggleOpen: $fa-var-plus-square-o,
    trash: $fa-var-square,
    unarchive: $fa-var-square,
    unlock: $fa-var-unlock,
    unpublish: $fa-var-square,
    upload: $fa-var-upload,
    user: $fa-var-user,
    vanity: $fa-var-map-signs,
    vtl: $fa-var-file-code-o,
    windows: $fa-var-square,
    workflow: $fa-var-square,
    working: $fa-var-circle,
    workStream: $fa-var-square,
    wysiwyg: $fa-var-square,

    // Video files
    asf: $fa-var-file-video-o,
    avi: $fa-var-file-video-o,
    mov: $fa-var-file-video-o,
    mp4: $fa-var-file-video-o,
    mpg: $fa-var-file-video-o,
    ogg: $fa-var-file-video-o,
    ogv: $fa-var-file-video-o,
    rm: $fa-var-file-video-o,
    vob: $fa-var-file-video-o,

    // Data Files
    csv: $fa-var-file-excel-o,
    numbers: $fa-var-file-excel-o,
    wks: $fa-var-file-excel-o,
    xls: $fa-var-file-excel-o,
    xlsx: $fa-var-file-excel-o,

    // Image Files
    bmp: $fa-var-file-image-o,
    image: $fa-var-file-image-o,
    jpeg: $fa-var-file-image-o,
    jpg: $fa-var-file-image-o,
    pct: $fa-var-file-image-o,
    png: $fa-var-file-image-o,
    gif: $fa-var-file-image-o,
    webp: $fa-var-file-image-o,
    svg: $fa-var-file-image-o,

    // PDF Files
    pdf: $fa-var-file-pdf-o,

    // Powerpoint Files
    keynote: $fa-var-file-powerpoint-o,
    ppt: $fa-var-file-powerpoint-o,
    pptx: $fa-var-file-powerpoint-o,

    // Word
    doc: $fa-var-file-word-o,
    docx: $fa-var-file-word-o,

    // Audio
    aac: $fa-var-file-audio-o,
    aif: $fa-var-file-audio-o,
    iff: $fa-var-file-audio-o,
    m3u: $fa-var-file-audio-o,
    mid: $fa-var-file-audio-o,
    mp3: $fa-var-file-audio-o,
    mpa: $fa-var-file-audio-o,
    ra: $fa-var-file-audio-o,
    wav: $fa-var-file-audio-o,
    wma: $fa-var-file-audio-o
);

@each $class, $icon in $icons {
    .#{$class} {
        &Icon {
            @extend #dijit-icon;
            &:before {
                content: $icon;
            }
        }
    }
}

.shimIconSmall {
    display: inline-block;
    height: 1px;
    width: 12px;
}

// CONTENT LISTING ICONS

.workingIcon {
    color: $orange;
}

.liveIcon {
    color: $color-accessible-text-green;
}

.lockIcon {
    color: $orange;
}

.greyDotIcon {
    opacity: 1 !important;
    color: $color-palette-gray-400;
}

.archivedIcon {
    color: $red;
}

// SITE ICONS

.hostArchivedIcon {
    color: $red;
}

.hostDefaultIcon {
    color: $color-palette-primary;
}

.hostStoppedIcon {
    color: $color-palette-gray-500;
}

// FILE TYPE ICONS
// font-awesome don't have icons for all the file types
// that dotCMS support, so for now we are stuck with .png
//@import "file-type-icons";
