//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
//++

$icon-font-file-formats: eot woff ttf

+font-face('openproject-icon-font', 'openproject_icon/openproject-icon-font', $file-formats: $icon-font-file-formats)

@mixin icon-common
  font-family: "openproject-icon-font" !important
  font-style: normal !important
  font-weight: normal !important
  font-variant: normal !important
  text-transform: none !important
  text-decoration: none !important
  speak: none
  line-height: 1
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale

@mixin icon-rules
  padding: 10px 5px 0 10px
  color: $content-icon-color

@mixin icon2-rules
  padding: 0 20px 0 7px

@mixin icon3-rules
  padding: 0 8px 0 0

@mixin icon4-rules
  padding: 0 8px 0 3px
  font-size: 11px

@mixin icon5-rules
  padding: 0 7px 0 9px

@mixin icon6-rules
  padding: 0 7px 0 9px
  font-size: 12px

@mixin icon-dropdown-menu-rules
  padding: 0 8px 0 0
  font-size: 14px

@mixin icon-context-rules
  @include icon-context-padding
  color: $content-icon-color

@mixin icon-table-rules
  padding: 0

@mixin icon-action-menu-rules
  padding: 0 10px 0 0
  font-size: 15px
  line-height: 5px
  vertical-align: -40%

@mixin icon-sub-menu-rules
  padding: 0
  float: right
  font-size: 15px
  line-height: 5px
  vertical-align: -40%

@mixin icon-big-rules
  padding: 0
  font-size: 50px

@mixin icon-context-padding
  padding: 10px 10px 0 0

[data-icon]:before
  @include icon-common
  content: attr(data-icon)
  @include icon-rules

[data-icon2]:before
  @include icon-common
  content: attr(data-icon2)
  @include icon2-rules

[data-icon3]:before
  @include icon-common
  content: attr(data-icon3)
  @include icon3-rules

[data-icon4]:before
  @include icon-common
  content: attr(data-icon4)
  @include icon4-rules

[data-icon5]:before
  @include icon-common
  content: attr(data-icon5)
  @include icon5-rules

[data-icon-dropdown-menu]:before
  @include icon-common
  content: attr(data-icon-dropdown-menu)
  @include icon-dropdown-menu-rules

[data-icon-table]:before
  @include icon-common
  content: attr(data-icon-table)
  @include icon-table-rules

[data-icon-action-menu]:before
  content: attr(data-icon-action-menu)
  @include icon-action-menu-rules

[data-icon-sub-menu]:before
  content: attr(data-icon-sub-menu)
  @include icon-sub-menu-rules

[data-icon-big]:before
  content: attr(data-icon-big)
  @include icon-big-rules

[class^="icon-"]:before,
[class*=" icon-"]:before
  @include icon-common

// used for icons in the content area
.icon:before
  @include icon-rules

// used for icons in the project menu
.icon2:before
  @include icon2-rules

.icon3:before
  @include icon3-rules

// used for icons in the project drop down
.icon4:before
  @include icon4-rules

// used for icons in the top menu
.icon5:before
  @include icon5-rules

// used for toggler icons in the project menu
.icon6:before
  @include icon6-rules

// used for icons dropdown-menus
.icon-dropdown-menu:before
  @include icon-dropdown-menu-rules

// used for icons in workpackage table
.icon-table:before
  @include icon-table-rules

// used for very big icons
.icon-big:before
  @include icon-big-rules

#errorExplanation:before
  @include icon-common
  @include icon-rules
  float: left

// used for icons in the content area, which appear in context (menus)
.action-menu .icon:before,
.icon-context:before
  padding: 10px 10px 0 0

.icon-add:before
  content: "\e000"

.icon-added:before
  content: "\e001"

.icon-calendar:before
  content: "\e002"

.icon-budget:before
  content: "\e003"

.icon-arrow-left-right:before
  content: "\e004"

.icon-cancel:before
  content: "\e005"

dt > .icon-changeset:before,
.icon-changeset:before
  content: "\e006"

.icon-cross:before
  content: "\e007"

.icon-copy:before
  content: "\e008"

.icon-double-arrow-left:before
  content: "\e009"

.icon-duplicate:before
  content: "\e00b"

#errorExplanation:before,
.icon-error:before
  content: "\e037"

.icon-outline:before
  content: "\e00d"

.icon-open-folder:before
  content: "\e00e"

.icon-not-watch:before
  content: "\e00f"

dt > .icon-news:before,
.icon-news:before
  content: "\e010"

.icon-new-planning-element:before
  content: "\e011"

.icon-move:before
  content: "\e012"

.icon-link:before
  content: "\e013"

.icon-issue-reportedbyme:before
  content: "\e014"

.icon-issue-assignedtome:before
  content: "\e015"

.icon-issue-watched:before
  content: "\e016"

.icon-help:before
  content: "\e017"

.icon-group:before
  content: "\e018"

.icon-priority:before
  content: "\e01a"

dt > .icon-project:before,
.icon-projects:before
  content: "\e01b"

.icon-publish:before
  content: "\e01c"

dt > .icon-message:before,
.icon-quote:before
  content: "\e01d"

.icon-rename:before
  content: "\e01e"

.icon-stats:before
  content: "\e01f"

.icon-status:before
  content: "\e020"

dt > .icon-work_package:before,
.icon-ticket:before
  content: "\e021"

dt > .icon-work_package-closed:before,
.icon-ticket-checked:before
  content: "\e022"

dt > .icon-work_package-edit:before,
.icon-ticket-edit:before
  content: "\e023"

dt > .icon-work_package-note:before,
.icon-ticket-note:before
  content: "\e024"

dt > .icon-time-entry:before,
.icon-time:before,
.icon-log_time:before
  content: "\e025"

.icon-tracker:before
  content: "\e026"

.icon-warning:before
  content: "\e028"

.icon-version:before
  content: "\e029"

.icon-unit:before
  content: "\e02a"

.icon-add-folder:before
  content: "\e02b"

.icon-align-center:before
  content: "\e02c"

.icon-align-justify:before
  content: "\e02d"

.icon-align-left:before
  content: "\e02e"

.icon-anchor:before
  content: "\e02f"

.icon-align-right:before
  content: "\e030"

.icon-arrow-circle1:before
  content: "\e031"

.icon-arrow-circle2:before
  content: "\e032"

.icon-arrow-circle3:before
  content: "\e033"

.icon-arrow-right1:before
  content: "\e034"

.icon-battery2:before
  content: "\e035"

.icon-badge:before
  content: "\e036"

.icon-attention2:before
  content: "\e037"

.icon-attention1:before
  content: "\e038"

dt > .icon-attachment:before,
.icon-attachment:before
  content: "\e039"

.icon-arrow-right8:before
  content: "\e03a"

.icon-arrow-right7:before
  content: "\e03b"

.icon-arrow-right6:before
  content: "\e03c"

.icon-arrow-right5:before
  content: "\e03d"

.icon-arrow-right4:before
  content: "\e03e"

.icon-arrow-right3:before
  content: "\e03f"

.icon-arrow-right2:before
  content: "\e040"

.icon-battery3:before
  content: "\e041"

.icon-bold:before
  content: "\e042"

.icon-book1:before
  content: "\e043"

.icon-book2:before
  content: "\e044"

.icon-book3:before
  content: "\e045"

.icon-bubble:before
  content: "\e046"

.icon-bubble2:before
  content: "\e047"

dt > .icon-reply:before,
.icon-bubble3:before
  content: "\e048"

.icon-bulb1:before
  content: "\e049"

.icon-calendar2:before
  content: "\e04a"

.icon-camera:before
  content: "\e04b"

.icon-contacts:before
  content: "\e04c"

.icon-console:before
  content: "\e04d"

.icon-color-underline:before
  content: "\e04e"

.icon-color-text:before
  content: "\e04f"

.icon-code-tag:before
  content: "\e050"

.icon-clock-reminder:before
  content: "\e051"

.icon-changeset3:before
  content: "\e052"

.icon-changeset2:before
  content: "\e053"

.icon-cart:before
  content: "\e054"

.icon-copy2:before
  content: "\e055"

.icon-copy3:before
  content: "\e056"

.icon-cup:before
  content: "\e057"

.icon-cut:before
  content: "\e058"

.icon-delete:before
  content: "\e059"

.icon-delete2:before
  content: "\e05a"

.icon-delete-folder:before
  content: "\e05b"

.icon-dependency:before
  content: "\e05c"

.icon-download1:before
  content: "\e05d"

.icon-edit:before
  content: "\e05e"

.icon-help1:before
  content: "\e05f"

.icon-heart:before
  content: "\e060"

.icon-headphone:before
  content: "\e061"

.icon-grid-view2:before
  content: "\e062"

.icon-grid-view1:before
  content: "\e063"

.icon-fullscreen:before
  content: "\e064"

.icon-folder:before
  content: "\e065"

.icon-flag:before
  content: "\e066"

.icon-fire:before
  content: "\e067"

.icon-battery1:before
  content: "\e068"

.icon-help2:before
  content: "\e069"

.icon-home1:before
  content: "\e06a"

.icon-home2:before
  content: "\e06b"

.icon-image1:before
  content: "\e06c"

.icon-image2:before
  content: "\e06d"

.icon-info:before
  content: "\e06e"

.icon-info2:before
  content: "\e06f"

.icon-italic:before
  content: "\e070"

.icon-key:before
  content: "\e071"

.icon-line-through:before
  content: "\e072"

.icon-mail:before
  content: "\e073"

.icon-export:before
  content: "\e074"

.icon-logout:before
  content: "\e075"

.icon-locked-folder:before
  content: "\e076"

.icon-locked:before
  content: "\e077"

.icon-location:before
  content: "\e078"

.icon-loading2:before
  content: "\e079"

.icon-loading:before
  content: "\e07a"

.icon-list-view2:before
  content: "\e07b"

.icon-list-view1:before
  content: "\e07c"

.icon-list-num:before
  content: "\e07d"

.icon-list-bullet1:before
  content: "\e07e"

.icon-mail2:before
  content: "\e07f"

.icon-map:before
  content: "\e080"

.icon-microphone:before
  content: "\e081"

.icon-minus:before
  content: "\e082"

.icon-minus2:before
  content: "\e083"

.icon-mobile1:before
  content: "\e084"

.icon-mobile2:before
  content: "\e085"

.icon-movie1:before
  content: "\e086"

.icon-music:before
  content: "\e087"

.icon-mute1:before
  content: "\e088"

.icon-plus:before
  content: "\e089"

.icon-play:before
  content: "\e08a"

.icon-pin:before
  content: "\e08b"

.icon-phone:before
  content: "\e08c"

.icon-paragraph-right:before
  content: "\e08d"

.icon-paragraph-left:before
  content: "\e08e"

.icon-paragraph:before
  content: "\e08f"

.icon-paint:before
  content: "\e090"

.icon-notes1:before
  content: "\e091"

.icon-not-supported:before
  content: "\e092"

.icon-print:before
  content: "\e093"

.icon-process-arrow1:before
  content: "\e094"

.icon-process-arrow2:before
  content: "\e095"

.icon-process-arrow3:before
  content: "\e096"

.icon-process-arrow4:before
  content: "\e097"

.icon-project-tree:before
  content: "\e098"

.icon-quote2:before
  content: "\e099"

.icon-redo:before
  content: "\e09a"

.icon-reload1:before
  content: "\e09b"

.icon-settings4:before
  content: "\e09c"

.icon-settings3:before
  content: "\e09d"

.icon-settings2:before
  content: "\e09e"

.icon-settings:before
  content: "\e09f"

.icon-search2:before
  content: "\e0a0"

.icon-search:before
  content: "\e0a1"

.icon-screen1:before
  content: "\e0a2"

.icon-save1:before
  content: "\e0a3"

.icon-rubber:before
  content: "\e0a4"

.icon-rss:before
  content: "\e0a6"

.icon-reload2:before
  content: "\e0a7"

.icon-square:before
  content: "\e0a8"

.icon-star1:before
  content: "\e0a9"

.icon-star2:before
  content: "\e0aa"

.icon-stats1:before
  content: "\e0ab"

.icon-stats2:before
  content: "\e0ac"

.icon-stats3:before
  content: "\e0ad"

.icon-stats4:before
  content: "\e0ae"

.icon-text:before
  content: "\e0af"

.icon-thumb-down:before
  content: "\e0b0"

.icon-thumb-up:before
  content: "\e0b1"

.icon-undo:before
  content: "\e0b2"

.icon-underline:before
  content: "\e0b3"

.icon-tone2:before
  content: "\e0b4"

.icon-tone1:before
  content: "\e0b5"

.icon-time-1:before
  content: "\e0b6"

.icon-ticket-minus:before
  content: "\e0b7"

.icon-ticket-down:before
  content: "\e0b8"

.icon-ticket2:before
  content: "\e0b9"

.icon-unit2:before
  content: "\e0ba"

.icon-unlocked:before
  content: "\e0bb"

.icon-user1:before
  content: "\e0bc"

.icon-user-minus:before
  content: "\e0bd"

.icon-user-plus:before
  content: "\e0be"

.icon-view1:before
  content: "\e0bf"

.icon-view2:before
  content: "\e0c0"

.icon-view3:before
  content: "\e0c1"

.icon-watch-1:before
  content: "\e0c2"

.icon-wiki:before
  content: "\e0c3"

.icon-zoom-out:before
  content: "\e0c4"

.icon-zoom-in:before
  content: "\e0c5"

.icon-yes3:before
  content: "\e0c6"

.icon-yes2:before
  content: "\e0c7"

.icon-notice:before,
.icon-yes:before
  content: "\e0c8"

.icon-wiki2:before
  content: "\e027"

dt > .icon-wiki-page:before,
.icon-wiki-edit:before
  content: "\e0c9"

.icon-arrow-right5-1:before
  content: "\e0ca"

.icon-arrow-right5-2:before
  content: "\e0cb"

.icon-arrow-right5-3:before
  content: "\e0cc"

.icon-arrow-right6-1:before
  content: "\e0cd"

.icon-arrow-right6-2:before
  content: "\e0ce"

.icon-arrow-right6-3:before
  content: "\e0cf"

.icon-unit2:before
  content: "\e0ba"

.icon-server-key:before
  content: "\e0d0"

.icon-backlogs-icon:before
  content: "\e0d1"

.icon-pulldown-arrow1:before
  content: "\e0d2"

.icon-pulldown-arrow2:before
  content: "\e0d3"

.icon-pulldown-arrow3:before
  content: "\e0d4"

.icon-pulldown-arrow4:before
  content: "\e0d5"

.icon-headline1:before
  content: "\e0d6"

.icon-headline2:before
  content: "\e0d7"

.icon-headline3:before
  content: "\e0d8"

.icon-pre:before
  content: "\e0d9"

.icon-columns:before
  content: "\e0da"

.icon-column-left:before
  content: "\e0db"

.icon-column-right:before
  content: "\e0dc"

.icon-sort-ascending:before
  content: "\e0dd"

.icon-sort-descending:before
  content: "\e0de"

.icon-filter:before
  content: "\e0df"

.icon-table-view:before
  content: "\e0e0"

.icon-table-detail-view:before
  content: "\e0e1"

.icon-timeline-view:before
  content: "\e0e2"

.icon-toggle:before
  content: "\e0e3"

.icon-sort-by:before
  content: "\e0e4"

.icon-group-by:before
  content: "\e0e5"

.icon-filter-big:before
  content: "\e0e6"

.icon-group-by2:before
  content: "\e0e7"

.icon-sort-by2:before
  content: "\e0e8"

.icon-page-pdf:before
  content: "\e0e9"

.icon-page-pdf-descr:before
  content: "\e0eb"

.icon-rss2:before
  content: "\e0a5"

.icon-page-atom:before
  content: "\e0ec"

.icon-page-csv:before
  content: "\e0ed"

.icon-page-xls:before
  content: "\e0ee"

.icon-page-xls-descr:before
  content: "\e0ef"

.icon-more:before
  content: "\e019"

.icon-shortcuts:before
  content: "\e0ea"

.icon-faq:before
  content: "\e0f0"

.icon-user-guide-admin:before
  content: "\e0f1"

.icon-user-guide-user:before
  content: "\e0f2"

.icon-status-reporting:before
  content: "\e0f3"

.icon-op-icon:before
  content: "\e0f4"

.icon-glossar:before
  content: "\e0f5"

.icon-close:before
  content: "\e0f6"

.icon-hosting:before
  content: "\e0f7"

.icon-enterprise:before
  content: "\e0f8"

.icon-send-mail:before
  content: "\e0f9"

.icon-send-mail2:before
  content: "\e0fa"

.icon-key-1:before
  content: "\e0fb"

.icon-fullscreen-view:before
  content: "\e0fc"

.icon-split-view:before
  content: "\e0fd"

.icon-list-view:before
  content: "\e0fe"

.icon-payment-history:before
  content: "\e0ff"

.icon-custom-fields:before
  content: "\e102"

.icon-billing-information:before
  content: "\e100"

.icon-enumerations2:before
  content: "\e101"

.icon-payment-history2:before
  content: "\e103"

.icon-google-plus:before
  content: "\e104"

.icon-sort-down:before
  content: "\e105"

.icon-sort-up:before
  content: "\e106"

.icon-milestone:before
  content: "\e107"

.icon-compare:before
  content: "\e108"

.icon-remove:before
  content: "\e109"
  // HACK to align this icon and it's text
  // This occurs because the icon is not aligned at its border.
  // This should be removed when the icon font is updated.
  position: relative
  top: 0.15em

/* remove once all menu items have an icon */
.no-icon
  margin-left: 15px