Font Awesome icon usage statistics

  • 12 types of Font Awesome iconic font are used and found 39 times in total.
  • SUOP.ES used 3.3 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SUOP.ES are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SUOP.ES includes "https://www.suop.es/bootstrap-allPage-theme/css/main.css?browserId=other&themeId=bootstrapallPage_WAR_bootstrapallPagetheme&minifierType=css&languageId=es_ES&b=6130&t=1433350038000" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:IconicStroke;font-weight:normal;src:url(../font/iconic_stroke.eot);src:local("IconicStroke"),url(../font/iconic_stroke.eot?#iefix) format("embedded-opentype"),url(../font/iconic_stroke.woff) format("woff"),url(../font/iconic_stroke.ttf) format("truetype"),url(../font/iconic_stroke.svg#iconic) format("svg"),url(../font/iconic_stroke.otf) format("opentype")}@font-face{font-family:IconicFill;font-weight:normal;src:url(../font/iconic_fill.eot);src:local("IconicFill"),url(../font/iconic_fill.eot?#iefix) format("embedded-opentype"),url(../font/iconic_fill.woff) format("woff"),url(../font/iconic_fill.ttf) format("truetype"),url(../font/iconic_fill.svg#iconic) format("svg"),url(../font/iconic_fill.otf) format("opentype")}@media screen,print{[class*="iconic-"]{font-style:inherit;font-weight:normal;vertical-align:bottom}[class*="iconic-"]:before{display:inline-block;width:1em;font-family:IconicFill;font-size:.9em;text-align:center;vertical-align:middle;content:""}.iconic-stroke:before{font-family:IconicStroke}.iconic-hash:before{content:"\23"}.iconic-question-mark:before{content:"\3f"}.iconic-at:before{content:"\40"}.iconic-pilcrow:before{content:"\b6"}.iconic-info:before{content:"\2139"}.iconic-arrow-left:before{content:"\2190"}.iconic-arrow-up:before{content:"\2191"}.iconic-arrow-right:before{content:"\2192"}.iconic-arrow-down:before{content:"\2193"}.iconic-home:before{content:"\2302"}.iconic-sun:before{content:"\2600"}.iconic-cloud:before{content:"\2601"}.iconic-umbrella:before{content:"\2602"}.iconic-star:before{content:"\2605"}.iconic-moon:before{content:"\263e"}.iconic-heart:before{content:"\2764"}.iconic-cog:before{content:"\2699"}.iconic-bolt:before{content:"\26a1"}.iconic-key:before{content:"\26bf"}.iconic-rain:before{content:"\26c6"}.iconic-denied:before{content:"\26d4"}.iconic-mail:before{content:"\2709"}.iconic-pen:before{content:"\270e"}.iconic-x:before{content:"\2717"}.iconic-o-x:before{content:"\2718"}.iconic-check:before{content:"\2713"}.iconic-o-check:before{content:"\2714"}.iconic-left-quote:before{content:"\275d"}.iconic-right-quote:before{content:"\275e"}.iconic-plus:before{content:"\2795"}.iconic-minus:before{content:"\2796"}.iconic-curved-arrow:before{content:"\2935"}.iconic-document-alt:before{content:"\e000"}.iconic-calendar:before{content:"\e001"}.iconic-map-pin-alt:before{content:"\e002"}.iconic-comment-alt1:before{content:"\e003"}.iconic-comment-alt2:before{content:"\e004"}.iconic-pen-alt:before{content:"\e005"}.iconic-pen-alt2:before{content:"\e006"}.iconic-chat-alt:before{content:"\e007"}.iconic-o-plus:before{content:"\e008"}.iconic-o-minus:before{content:"\e009"}.iconic-bars-alt:before{content:"\e00a"}.iconic-book-alt:before{content:"\e00b"}.iconic-aperture-alt:before{content:"\e00c"}.iconic-beaker-alt:before{content:"\e010"}.iconic-left-quote-alt:before{content:"\e011"}.iconic-right-quote-alt:before{content:"\e012"}.iconic-o-arrow-left:before{content:"\e013"}.iconic-o-arrow-up:before{content:"\e014"}.iconic-o-arrow-right:before{content:"\e015"}.iconic-o-arrow-down:before{content:"\e016"}.iconic-o-arrow-left-alt:before{content:"\e017"}.iconic-o-arrow-up-alt:before{content:"\e018"}.iconic-o-arrow-right-alt:before{content:"\e019"}.iconic-o-arrow-down-alt:before{content:"\e01a"}.iconic-brush:before{content:"\e01b"}.iconic-brush-alt:before{content:"\e01c"}.iconic-eyedropper:before{content:"\e01e"}.iconic-layers:before{content:"\e01f"}.iconic-layers-alt:before{content:"\e020"}.iconic-compass:before{content:"\e021"}.iconic-award:before{content:"\e022"}.iconic-beaker:before{content:"\e023"}.iconic-steering-wheel:before{content:"\e024"}.iconic-eye:before{content:"\e025"}.iconic-aperture:before{content:"\e026"}.iconic-image:before{content:"\e027"}.iconic-chart:before{content:"\e028"}.iconic-chart-alt:before{content:"\e029"}.iconic-target:before{content:"\e02a"}.iconic-tag:before{content:"\e02b"}.iconic-rss:before{content:"\e02c"}.iconic-rss-alt:before{content:"\e02d"}.iconic-share:before{content:"\e02e"}.iconic-undo:before{content:"\e02f"}.iconic-reload:before{content:"\e030"}.iconic-reload-alt:before{content:"\e031"}.iconic-loop:before{content:"\e032"}.iconic-loop-alt:before{content:"\e033"}.iconic-back-forth:before{content:"\e034"}.iconic-back-forth-alt:before{content:"\e035"}.iconic-spin:before{content:"\e036"}.iconic-spin-alt:before{content:"\e037"}.iconic-move-horizontal:before{content:"\e038"}.iconic-move-horizontal-alt:before{content:"\e039"}.iconic-o-move-horizontal:before{content:"\e03a"}.iconic-move-vertical:before{content:"\e03b"}.iconic-move-vertical-alt:before{content:"\e03c"}.iconic-o-move-vertical:before{content:"\e03d"}.iconic-move:before{content:"\e03e"}.iconic-move-alt:before{content:"\e03f"}.iconic-o-move:before{content:"\e040"}.iconic-transfer:before{content:"\e041"}.iconic-download:before{content:"\e042"}.iconic-upload:before{content:"\e043"}.iconic-cloud-download:before{content:"\e044"}.iconic-cloud-upload:before{content:"\e045"}.iconic-fork:before{content:"\e046"}.iconic-play:before{content:"\e047"}.iconic-o-play:before{content:"\e048"}.iconic-pause:before{content:"\e049"}.iconic-stop:before{content:"\e04a"}.iconic-eject:before{content:"\e04b"}.iconic-first:before{content:"\e04c"}.iconic-last:before{content:"\e04d"}.iconic-fullscreen:before{content:"\e04e"}.iconic-fullscreen-alt:before{content:"\e04f"}.iconic-fullscreen-exit:before{content:"\e050"}.iconic-fullscreen-exit-alt:before{content:"\e051"}.iconic-equalizer:before{content:"\e052"}.iconic-article:before{content:"\e053"}.iconic-read-more:before{content:"\e054"}.iconic-list:before{content:"\e055"}.iconic-list-nested:before{content:"\e056"}.iconic-cursor:before{content:"\e057"}.iconic-dial:before{content:"\e058"}.iconic-new-window:before{content:"\e059"}.iconic-trash:before{content:"\e05a"}.iconic-battery-half:before{content:"\e05b"}.iconic-battery-empty:before{content:"\e05c"}.iconic-battery-charging:before{content:"\e05d"}.iconic-chat:before{content:"\e05e"}.iconic-mic:before{content:"\e05f"}.iconic-movie:before{content:"\e060"}.iconic-headphones:before{content:"\e061"}.iconic-user:before{content:"\e062"}.iconic-lightbulb:before{content:"\e063"}.iconic-cd:before{content:"\e064"}.iconic-folder:before{content:"\e065"}.iconic-document:before{content:"\e066"}.iconic-pin:before{content:"\e067"}.iconic-map-pin:before{content:"\e068"}.iconic-book:before{content:"\e069"}.iconic-book-alt2:before{content:"\e06a"}.iconic-box:before{content:"\e06b"}.iconic-calendar-alt:before{content:"\e06c"}.iconic-comment:before{content:"\e06d"}.iconic-iphone:before{content:"\e06e"}.iconic-bars:before{content:"\e06f"}.iconic-camera:before{content:"\e070"}.iconic-volume-mute:before{content:"\e071"}.iconic-volume:before{content:"\e072"}.iconic-battery-full:before{content:"\e073"}.iconic-magnifying-glass:before{content:"\e074"}.iconic-lock:before{content:"\e075"}.iconic-unlock:before{content:"\e076"}.iconic-link:before{content:"\e077"}.iconic-wrench:before{content:"\e078"}.iconic-clock:before{content:"\e079"}.iconic-sun-stroke:before{font-family:IconicStroke;content:"\2600"}.iconic-moon-stroke:before{font-family:IconicStroke;content:"\263e"}.iconic-star-stroke:before{font-family:IconicStroke;content:"\2605"}.iconic-heart-stroke:before{font-family:IconicStroke;content:"\2764"}.iconic-key-stroke:before{font-family:IconicStroke;content:"\26bf"}.iconic-document-alt-stroke:before{font-family:IconicStroke;content:"\e000"}.iconic-comment-alt1-stroke:before{font-family:IconicStroke;content:"\e003"}.iconic-comment-alt2-stroke:before{font-family:IconicStroke;content:"\e004"}.iconic-pen-alt-stroke:before{font-family:IconicStroke;content:"\e005"}.iconic-chat-alt-stroke:before{font-family:IconicStroke;content:"\e007"}.iconic-award-stroke:before{font-family:IconicStroke;content:"\e022"}.iconic-tag-stroke:before{font-family:IconicStroke;content:"\e02b"}.iconic-trash-stroke:before{font-family:IconicStroke;content:"\e05a"}.iconic-folder-stroke:before{font-family:IconicStroke;content:"\e065"}.iconic-document-stroke:before{font-family:IconicStroke;content:"\e066"}.iconic-map-pin-stroke:before{font-family:IconicStroke;content:"\e068"}.iconic-calendar-alt-stroke:before{font-family:IconicStroke;content:"\e06c"}.iconic-comment-stroke:before{font-family:IconicStroke;content:"\e06d"}.iconic-lock-stroke:before{font-family:IconicStroke;content:"\e075"}.iconic-unlock-stroke:before{font-family:IconicStroke;content:"\e076"}}.page-alert{position:absolute;top:0;left:50%;z-index:1020;width:0}.page-alert .alert{width:550px;margin-left:-300px;border-top-width:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.navbar-fixed-top+.page-alert{top:40px}body>.page-alert{position:fixed}.btn-file{position:relative;overflow:hidden;vertical-align:middle}.btn-file>input{position:absolute;top:0;right:0;margin:0;font-size:23px;cursor:pointer;opacity:0;filter:alpha(opacity=0);transform:translate(-300px,0) scale(4);direction:ltr}.fileupload{margin-bottom:9px}.fileupload .uneditable-input{display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text}.fileupload .thumbnail{display:inline-block;margin-bottom:5px;overflow:hidden;text-align:center;vertical-align:middle}.fileupload .thumbnail>img{display:inline-block;max-height:100%;vertical-align:middle}.fileupload .btn{vertical-align:middle}.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none}.fileupload-inline .fileupload-controls{display:inline}.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.thumbnail-borderless .thumbnail{padding:0;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd}.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c}.control-group.warning .fileupload .fileupload-preview{color:#a47e3c}.control-group.warning .fileupload .thumbnail{border-color:#a47e3c}.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48}.control-group.error .fileupload .fileupload-preview{color:#b94a48}.control-group.error .fileupload .thumbnail{border-color:#b94a48}.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847}.control-group.success .fileupload .fileupload-preview{color:#468847}.control-group.success .fileupload .thumbnail{border-color:#468847}.nav-tabs>li>a,.nav-pills>li>a{outline:0}.nav-tabs>li.disabled>a{color:#ccc;cursor:not-allowed}.tabbable{border-color:#ddd;border-style:solid;border-width:0;*zoom:1}.tabbable:before,.tabbable:after{display:table;line-height:0;content:""}.tabbable:after{clear:both}.tabbable>.nav-tabs{margin:0}.tab-content{padding:18px 0 0 0;overflow:auto;border-color:#ddd;border-style:solid;border-width:0}.tabbable-bordered{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tabbable-bordered>.tab-content{padding:20px 20px 10px 20px;border-width:0 1px 1px 1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}body>.container.tabbable>.nav-tabs{padding-top:15px}.tabs-below>.tab-content{padding:0 0 10px 0}.tabs-below.tabbable-bordered>.tab-content{padding:20px 20px 10px 20px;border-width:1px 1px 0 1px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}body>.container.tabs-below.tabbable-bodered>.tab-content{border-top-width:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tabs-left,.tabs-right{margin-bottom:20px}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{position:relative;z-index:1;margin-bottom:0}.tabs-left>.tab-content,.tabs-right>.tab-content{overflow:hidden}.tabs-left>.nav-tabs{left:1px}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:white}.tabs-left>.tab-content{padding:0 0 0 19px;border-left-width:1px}.tabs-left.tabbable-bordered{border-width:0 1px 0 0}.tabs-left.tabbable-bordered>.tab-content{padding:20px 20px 10px 20px;border-width:1px 0 1px 1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}body>.container.tabs-left.tabbable-bodered>.tab-content{border-top-width:0;-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0}.tabs-right>.nav-tabs{right:1px}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:white}.tabs-right>.tab-content{padding:0 19px 0 0;border-right-width:1px}.tabs-right.tabbable-bordered{border-width:0 0 0 1px}.tabs-right.tabbable-bordered>.tab-content{padding:20px 20px 10px 20px;border-width:1px 1px 1px 0;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}body>.container.tabs-right.tabbable-bodered>.tab-content{border-top-width:0;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}/*!
     * Jasny Bootstrap Responsive Extensions j3
     *
     * Copyright 2012 Jasny BV
     * Licensed under the Apache License v2.0
     * http://www.apache.org/licenses/LICENSE-2.0
     *
     * Extended with pride by @ArnoldDaniels of jasny.net
     */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container-semifluid{max-width:1170px}@media(min-width:768px) and (max-width:979px){.row-desktop.row-fluid{width:100%}.row-desktop.row{margin-left:0}.row-desktop>[class*="span"],.row-desktop>[class*="span"]{display:block;float:none;width:auto;margin:0}}@media(max-width:767px){.table-responsive tr{display:block;padding:8px}.table-bordered.table-responsive tr{border:1px solid #DDD;border-top:0;border-right:0}.table-responsive td,.table-responsive th{display:block;padding:0;font-weight:normal;border:0}.table-responsive th{font-style:italic}.responsive-strong{font-weight:bold}.responsive-em{font-style:italic}.responsive-soft{color:#999}}@media(max-width:480px){.form-horizontal .controls,.form-horizontal .well .controls,.small-labels .controls{margin-left:0}}@media(max-width:768px){.form-horizontal .form-actions{padding-left:18px}}@media(min-width:768px) and (max-width:979px){.form-horizontal .control-label{width:100px}.form-horizontal .controls{margin-left:110px}.form-horizontal .form-actions{padding-left:110px}.form-horizontal .well .control-label{width:80px}.form-horizontal .well .controls{margin-left:90px}.small-labels .control-group>label{width:50px}.small-labels .controls{margin-left:60px}.small-labels .form-actions{padding-left:60px}}@media(min-width:1200px){.small-labels .control-group>label{width:80px}.small-labels .controls{margin-left:100px}.small-labels .form-actions{padding-left:100px}}@media(max-width:480px){.page-alert{position:static;width:auto}.page-alert .alert{width:auto;margin-left:0;border-top-width:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}body>.page-alert{position:static}}@media(min-width:1200px){.page-alert .alert{width:700px;margin-left:-375px}}/*! jQuery UI - v1.10.3 - 2013-10-07
    * http://jqueryui.com
    * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
    * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
    * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-0.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(ui-lightness/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("ui-lightness/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-0.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-0.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:white}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:white url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:white}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:white}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:white}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(ui-lightness/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(ui-lightness/images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(ui-lightness/images/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(ui-lightness/images/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(ui-lightness/images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(ui-lightness/images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(ui-lightness/images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:black url(ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}.switch-button-label{float:left;font-size:10pt;cursor:pointer}.switch-button-label.off{color:#adadad}.switch-button-label.on{color:#08c}.switch-button-background{float:left;position:relative;background:#ccc;border:1px solid #aaa;margin:1px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}.switch-button-button{position:absolute;left:-1px;top:-1px;background:#fafafa;border:1px solid #aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.breadcrumbs-horizontal{margin-bottom:1.5em}.breadcrumbs-horizontal li{background:url(/bootstrap-allPage-theme/images/arrows/05_right.png) no-repeat 100% 50%;margin-right:5px;max-width:50%;padding-right:15px}.breadcrumbs-vertical li{background:url(/bootstrap-allPage-theme/images/arrows/07_down.png) no-repeat 50% 100%;padding:0 0 9px;max-width:auto}.breadcrumbs a{display:block}.breadcrumbs-vertical a{text-align:center;text-decoration:none}.breadcrumbs .last{background-image:none}.breadcrumbs-horizontal .last{margin-top:.2em}.breadcrumbs-vertical .last{font-weight:bold}.breadcrumbs-horizontal .last a,.aui-tree-node-selected a{color:#555}#skip-to-content,#banner h2,#banner h3,#navigation h1,.site-breadcrumbs h1{clip:rect(0,0,0,0);position:absolute}.opens-new-window-accessible{background:url(/bootstrap-allPage-theme/images/common/open_window.png) no-repeat 0 50%;display:inline-block;font-size:0;height:11px;margin-left:2px;overflow:hidden;text-indent:-9999px;vertical-align:top;width:11px}.lfr-title-scope-selector{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.lfr-title-scope-selector{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.logo .current-site,#navigation,#navigation a,.portlet,.portlet-topper,.site-breadcrumbs ul,.aui-form-validator-message{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#wrapper{background:0;margin:0 auto;width:90%;position:relative}#banner{background:0;height:auto;margin-top:60px!important;position:relative}.site-title .site-name{background:#555 url(../images/common/site_icon.png) no-repeat 15px 50%;color:#FFF;display:block;float:right;font-size:1em;font-weight:bold;margin:15px 0 0 20px;padding:7px 17px 7px 40px;position:relative;text-shadow:1px 1px rgba(0,0,0,0.5)}.page-template .site-title .site-name{background-image:url(../images/common/page_template.png)}.site-template .site-title .site-name{background-image:url(../images/common/site_template.png)}.company-site .site-title .site-name{background-image:url(../images/common/folder.png)}.organization-site .site-title .site-name{background-image:url(../images/common/organization_icon_white.png)}.user-site .site-title .site-name{background-image:url(../images/common/user_icon_white.png)}.private-page .site-title .site-name:after{background-image:url(../images/common/key_small.png);content:'';display:block;height:10px;left:24px;position:absolute;top:50%;width:10px}#skip-to-content:focus{clip:rect(auto,auto,auto,auto);right:0;z-index:200}#sign-in{background:url(/bootstrap-allPage-theme/images/common/key.png) no-repeat 3px 50%;font-weight:bold;padding:5px 5px 5px 25px;position:absolute;right:0;top:-1.2em}#navigation{background:#414445 url(/bootstrap-allPage-theme/images/navigation/bg.png) repeat-x 0 0;clear:both;margin:0 auto 5px;min-height:2.2em;padding:0 5px;position:relative;z-index:1}#navigation ul{list-style:none;margin:0;padding:3px}#navigation li,#navigation a{display:inline-block}#navigation li{position:relative;vertical-align:top}#navigation a{color:#FFF;font-size:1.1em;font-weight:bold;margin:0 1px;padding:3px 15px;text-decoration:none}#navigation .yui3-dd-drop a{cursor:move}#navigation .selected a,#navigation li.hover a,#navigation a:hover,#navigation a:focus,#navigation .child-menu li a,#navigation .yui3-dd-dragging,.lfr-navigation-proxy{background:#313334;color:#FFF;outline:0;text-shadow:-1px -1px #000}#navigation li.hover .child-menu{background:#1e2529;display:block;position:absolute;width:200px;z-index:250}#navigation .child-menu{display:none}#navigation .child-menu li{border-width:0 0 1px;display:block;float:none;margin:0}#navigation .child-menu li a{cursor:pointer!important}#navigation .child-menu li a:hover,#navigation li a.active{background-color:#020509}#navigation .child-menu .selected a{background:#020509 url(/bootstrap-allPage-theme/images/navigation/bullet_selected.png) no-repeat 5px 50%}.nav-menu-style-arrows ul{list-style-image:url(/bootstrap-allPage-theme/images/navigation/bullet_selected.png)}.portlet{background-color:#eef0f2;margin:0 0 10px;padding:3px;text-align:left}.portlet-topper{background:#d4d4d4 url(/bootstrap-allPage-theme/images/portlet/header_bg.png) repeat-x 0 0;border:1px solid;border-color:#c8c9ca #9e9e9e #9e9e9e #c8c9ca;font-size:1.1em}.portlet-title{float:none;font-weight:bold;min-width:50%;padding:5px;text-shadow:1px 1px #FFF}.signed-in.controls-visible .portlet-title{padding-right:80px}.lfr-portlet-title-editable{margin-top:-4px;z-index:9999}.lfr-portlet-title-editable-content{padding:0}.portlet-icons{float:none}.portlet-icons .portlet-close-icon{border-width:0}.page-maximized .portlet-icons{font-size:11px}#footer{text-align:right}.site-breadcrumbs{margin:0 0 5px;width:auto}.site-breadcrumbs ul{background-color:#FFF;border:1px solid #dedede;border-color:#c0c2c5;margin:0}.site-breadcrumbs li{background-image:none;margin-right:0;padding-left:.75em;padding-right:0}.site-breadcrumbs li span{background:url(/bootstrap-allPage-theme/images/common/breadcrumbs.png) no-repeat 100% 50%;display:block;padding:.5em 15px .5em 0}.site-breadcrumbs li span a{text-decoration:none}.site-breadcrumbs li.first a{color:#369;font-weight:bold}.site-breadcrumbs li.last a{color:#4b5567;font-size:1.3em}.site-breadcrumbs .last{font-size:1em;margin-top:0;padding-right:0}.site-breadcrumbs .last span{background-image:none;padding:0}.lfr-hudcrumbs{position:fixed;top:0;z-index:440}.lfr-hudcrumbs ul{background:#414445;background:rgba(0,0,0,0.8)}.lfr-hudcrumbs .breadcrumbs li a,.lfr-hudcrumbs .breadcrumbs li span{color:#FFF}.lfr-hudcrumbs li span{background-image:url(/bootstrap-allPage-theme/images/common/breadcrumbs_hud.png)}.lfr-panel-container{background-color:transparent}.aui-combobox .aui-field-input{padding:4px 3px 3px;font-size:11px;height:15px}.aui-combobox .aui-field{float:left;line-height:0}.lfr-portlet-title-editable-content .aui-field{float:none;display:inline}#banner .site-name{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.8),1px 1px 1px white;-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.8),1px 1px 1px white;box-shadow:inset 0 0 5px rgba(0,0,0,0.8),1px 1px 1px white}.portlet-borderless-bar{-moz-border-radius:20px;-moz-box-shadow:inset 0 1px 3px #000;-webkit-border-radius:20px;-webkit-box-shadow:inset 0 1px 3px #000;border-radius:20px;box-shadow:inset 0 1px 3px #000;padding:0!important}.portlet-topper{-moz-box-shadow:1px 1px 0 #FFF;-webkit-box-shadow:1px 1px 0 #FFF;box-shadow:1px 1px 0 #FFF}#banner .site-name{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.8),1px 1px 1px white;-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.8),1px 1px 1px white;box-shadow:inset 0 0 5px rgba(0,0,0,0.8),1px 1px 1px white}#navigation li.selected a{-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.8);box-shadow:inset 0 1px 3px rgba(0,0,0,0.8)}.aui-combobox .aui-toolbar-first{-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}.container-fluid{max-width:960px}@font-face{font-family:'FontAwesome';src:url("../font/fontawesome-webfont.eot?v=3.2.1");src:url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal}

Examples and source code

icon-trophy

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-trophy"></i> icon-trophy
Icon classes are echoed via CSS :before.

icon-trophy

icon-trophy

icon-trophy

icon-trophy

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-trophy icon-large"></i> icon-trophy</p>
<p><i class=" icon-trophy icon-2x"></i> icon-trophy</p>
<p><i class=" icon-trophy icon-3x"></i> icon-trophy</p>
<p><i class=" icon-trophy icon-4x"></i> icon-trophy</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-trophy"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-trophy icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-trophy icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-trophy"></i>  normal<br>
<i class=" icon-trophy icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-trophy icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-trophy icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-trophy icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-trophy icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-trophy icon-2x icon-spin"></i>
<i class=" icon-trophy icon-3x icon-spin"></i>
<i class=" icon-trophy icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-trophy on icon-check-empty
icon-trophy on icon-circle
icon-trophyl on icon-sign-blank
icon-ban-circle on icon-trophy

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-trophy "></i>
</span>
icon-trophy on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-trophy icon-light"></i>
</span>
icon-trophy on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-trophy icon-light "></i>
</span>
icon-trophy on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-trophy icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-trophy