/* --------------- icons */

@font-face {
    font-family: "sys-user";
    src: url('https://www.boonex.com/fonts/fontawesome-webfont.eot');
    src: url('https://www.boonex.com/fonts/fontawesome-webfont.eot?#iefix') format('eot'), 
        url('https://www.boonex.com/fonts/fontawesome-webfont.woff') format('woff'), 
        url('https://www.boonex.com/fonts/fontawesome-webfont.ttf') format('truetype'), 
        url('https://www.boonex.com/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

body .sys-icon {
    font-family:"sys-user", sans-serif;
    font-weight:normal;
    font-style:normal;
}


.sys-icon.glass:before                { content: "\f000"; color:#d00;}
.sys-icon.music:before                { content: "\f001"; color:#0ff;}
.sys-icon.search:before               { content: "\f002"; color:#d00;}
.sys-icon.envelope:before             { content: "\f003"; color:#fff;}
.sys-icon.heart:before                { content: "\f004"; color:#d00;}
.sys-icon.star:before                 { content: "\f005"; color:#0ff;}
.sys-icon.star-empty:before           { content: "\f006"; color:#0ff;}
.sys-icon.user:before                 { content: "\f007"; color:#c93;}
.sys-icon.film:before                 { content: "\f008"; color:#00f;}
.sys-icon.th-large:before             { content: "\f009"; color:#d00;}
.sys-icon.th:before                   { content: "\f00a"; color:#d00;}
.sys-icon.th-list:before              { content: "\f00b"; color:#d00;}
.sys-icon.ok:before                   { content: "\f00c"; color:#d00;}
.sys-icon.remove:before               { content: "\f00d"; color:#d00;}
.sys-icon.zoom-in:before              { content: "\f00e"; color:#d00;}

.sys-icon.zoom-out:before             { content: "\f010"; color:#d00;}
.sys-icon.off:before                  { content: "\f011"; color:#d00;}
.sys-icon.signal:before               { content: "\f012"; color:#d00;}
.sys-icon.cog:before                  { content: "\f013"; color:#d00;}
.sys-icon.trash:before                { content: "\f014"; color:#d00;}
.sys-icon.home:before                 { content: "\f015"; color:#d00;}
.sys-icon.file:before                 { content: "\f016"; color:#bbb;}
.sys-icon.time:before                 { content: "\f017"; color:#d00;}
.sys-icon.road:before                 { content: "\f018"; color:#d00;}
.sys-icon.download-alt:before         { content: "\f019"; color:#fcf;}
.sys-icon.download:before             { content: "\f01a"; color:#d00;}
.sys-icon.upload:before               { content: "\f01b"; color:#d00;}
.sys-icon.inbox:before                { content: "\f01c"; color:#d00;}
.sys-icon.play-circle:before          { content: "\f01d"; color:#d00;}
.sys-icon.repeat:before               { content: "\f01e"; color:#d00;}

/* \f020 doesn't work in Safari. all shifted one down */
.sys-icon.refresh:before              { content: "\f021"; color:#d00;}
.sys-icon.list-alt:before             { content: "\f022"; color:#d00;}
.sys-icon.lock:before                 { content: "\f023"; color:#d00;}
.sys-icon.flag:before                 { content: "\f024"; color:#d00;}
.sys-icon.headphones:before           { content: "\f025"; color:#d00;}
.sys-icon.volume-off:before           { content: "\f026"; color:#d00;}
.sys-icon.volume-down:before          { content: "\f027"; color:#d00;}
.sys-icon.volume-up:before            { content: "\f028"; color:#d00;}
.sys-icon.qrcode:before               { content: "\f029"; color:#d00;}
.sys-icon.barcode:before              { content: "\f02a"; color:#d00;}
.sys-icon.tag:before                  { content: "\f02b"; color:#d00;}
.sys-icon.tags:before                 { content: "\f02c"; color:#d00;}
.sys-icon.book:before                 { content: "\f02d"; color:#999;}
.sys-icon.bookmark:before             { content: "\f02e"; color:#d00;}
.sys-icon.print:before                { content: "\f02f"; color:#d00;}

.sys-icon.camera:before               { content: "\f030"; color:#d00;}
.sys-icon.font:before                 { content: "\f031"; color:#d00;}
.sys-icon.bold:before                 { content: "\f032"; color:#d00;}
.sys-icon.italic:before               { content: "\f033"; color:#d00;}
.sys-icon.text-height:before          { content: "\f034"; color:#d00;}
.sys-icon.text-width:before           { content: "\f035"; color:#d00;}
.sys-icon.align-left:before           { content: "\f036"; color:#d00;}
.sys-icon.align-center:before         { content: "\f037"; color:#d00;}
.sys-icon.align-right:before          { content: "\f038"; color:#d00;}
.sys-icon.align-justify:before        { content: "\f039"; color:#d00;}
.sys-icon.list:before                 { content: "\f03a"; color:#d00;}
.sys-icon.indent-left:before          { content: "\f03b"; color:#d00;}
.sys-icon.indent-right:before         { content: "\f03c"; color:#d00;}
.sys-icon.facetime-video:before       { content: "\f03d"; color:#d00;}
.sys-icon.picture:before              { content: "\f03e"; color:#0dd;}

.sys-icon.pencil:before               { content: "\f040"; color:#fc6;}
.sys-icon.map-marker:before           { content: "\f041"; color:#d00;}
.sys-icon.adjust:before               { content: "\f042"; color:#d00;}
.sys-icon.tint:before                 { content: "\f043"; color:#d00;}
.sys-icon.edit:before                 { content: "\f044"; color:#ff0;}
.sys-icon.share:before                { content: "\f045"; color:#6f9;}
.sys-icon.check:before                { content: "\f046"; color:#d00;}
.sys-icon.move:before                 { content: "\f047"; color:#d00;}
.sys-icon.step-backward:before        { content: "\f048"; color:#d00;}
.sys-icon.fast-backward:before        { content: "\f049"; color:#d00;}
.sys-icon.backward:before             { content: "\f04a"; color:#d00;}
.sys-icon.play:before                 { content: "\f04b"; color:#d00;}
.sys-icon.pause:before                { content: "\f04c"; color:#d00;}
.sys-icon.stop:before                 { content: "\f04d"; color:#d00;}
.sys-icon.forward:before              { content: "\f04e"; color:#d00;}

.sys-icon.fast-forward:before         { content: "\f050"; color:#d00;}
.sys-icon.step-forward:before         { content: "\f051"; color:#d00;}
.sys-icon.eject:before                { content: "\f052"; color:#d00;}
.sys-icon.chevron-left:before         { content: "\f053"; color:#d00;}
.sys-icon.chevron-right:before        { content: "\f054"; color:#d00;}
.sys-icon.plus-sign:before            { content: "\f055"; color:#090;}
.sys-icon.minus-sign:before           { content: "\f056"; color:#d00;}
.sys-icon.remove-sign:before          { content: "\f057"; color:#d00;}
.sys-icon.ok-sign:before              { content: "\f058"; color:#d00;}
.sys-icon.question-sign:before        { content: "\f059"; color:#d00;}
.sys-icon.info-sign:before            { content: "\f05a"; color:#05f;}
.sys-icon.screenshot:before           { content: "\f05b"; color:#d00;}
.sys-icon.remove-circle:before        { content: "\f05c"; color:#d00;}
.sys-icon.ok-circle:before            { content: "\f05d"; color:#d00;}
.sys-icon.ban-circle:before           { content: "\f05e"; color:#d00;}

.sys-icon.arrow-left:before           { content: "\f060"; color:#d00;}
.sys-icon.arrow-right:before          { content: "\f061"; color:#0f6;}
.sys-icon.arrow-up:before             { content: "\f062"; color:#d00;}
.sys-icon.arrow-down:before           { content: "\f063"; color:#d00;}
.sys-icon.share-alt:before            { content: "\f064"; color:#d00;}
.sys-icon.resize-full:before          { content: "\f065"; color:#d00;}
.sys-icon.resize-small:before         { content: "\f066"; color:#d00;}
.sys-icon.plus:before                 { content: "\f067"; color:#090;}
.sys-icon.minus:before                { content: "\f068"; color:#d00;}
.sys-icon.asterisk:before             { content: "\f069"; color:#aa2;}
.sys-icon.exclamation-sign:before     { content: "\f06a"; color:#d33;}
.sys-icon.gift:before                 { content: "\f06b"; color:#d00;}
.sys-icon.leaf:before                 { content: "\f06c"; color:#d00;}
.sys-icon.fire:before                 { content: "\f06d"; color:#d00;}
.sys-icon.eye-open:before             { content: "\f06e"; color:#019;}

.sys-icon.eye-close:before            { content: "\f070"; color:#d00;}
.sys-icon.warning-sign:before         { content: "\f071"; color:#d00;}
.sys-icon.plane:before                { content: "\f072"; color:#d00;}
.sys-icon.calendar:before             { content: "\f073"; color:#bac;}
.sys-icon.random:before               { content: "\f074"; color:#d00;}
.sys-icon.comment:before              { content: "\f075"; color:#d00;}
.sys-icon.magnet:before               { content: "\f076"; color:#d00;}
.sys-icon.chevron-up:before           { content: "\f077"; color:#d00;}
.sys-icon.chevron-down:before         { content: "\f078"; color:#d00;}
.sys-icon.retweet:before              { content: "\f079"; color:#d00;}
.sys-icon.shopping-cart:before        { content: "\f07a"; color:#363;}
.sys-icon.folder-close:before         { content: "\f07b"; color:#be4;}
.sys-icon.folder-open:before          { content: "\f07c"; color:#be4;}
.sys-icon.resize-vertical:before      { content: "\f07d"; color:#d00;}
.sys-icon.resize-horizontal:before    { content: "\f07e"; color:#d00;}

.sys-icon.bar-chart:before            { content: "\f080"; color:#d00;}
.sys-icon.twitter-sign:before         { content: "\f081"; color:#d00;}
.sys-icon.facebook-sign:before        { content: "\f082"; color:#d00;}
.sys-icon.camera-retro:before         { content: "\f083"; color:#d00;}
.sys-icon.key:before                  { content: "\f084"; color:#ff0;}
.sys-icon.cogs:before                 { content: "\f085"; color:#d00;}
.sys-icon.comments:before             { content: "\f086"; color:#f0f;}
.sys-icon.thumbs-up:before            { content: "\f087"; color:#58a;}
.sys-icon.thumbs-down:before          { content: "\f088"; color:#d00;}
.sys-icon.star-half:before            { content: "\f089"; color:#d00;}
.sys-icon.heart-empty:before          { content: "\f08a"; color:#d00;}
.sys-icon.signout:before              { content: "\f08b"; color:#d00;}
.sys-icon.linkedin-sign:before        { content: "\f08c"; color:#d00;}
.sys-icon.pushpin:before              { content: "\f08d"; color:#d00;}
.sys-icon.external-link:before        { content: "\f08e"; color:#d00;}

.sys-icon.signin:before               { content: "\f090"; color:#0f0;}
.sys-icon.trophy:before               { content: "\f091"; color:#d00;}
.sys-icon.github-sign:before          { content: "\f092"; color:#d00;}
.sys-icon.upload-alt:before           { content: "\f093"; color:#d00;}
.sys-icon.lemon:before                { content: "\f094"; color:#d00;}
.sys-icon.phone:before                { content: "\f095"; color:#d00;}
.sys-icon.check-empty:before          { content: "\f096"; color:#d00;}
.sys-icon.bookmark-empty:before       { content: "\f097"; color:#d00;}
.sys-icon.phone-sign:before           { content: "\f098"; color:#d00;}
.sys-icon.twitter:before              { content: "\f099"; color:#d00;}
.sys-icon.facebook:before             { content: "\f09a"; color:#d00;}
.sys-icon.github:before               { content: "\f09b"; color:#d00;}
.sys-icon.unlock:before               { content: "\f09c"; color:#d00;}
.sys-icon.credit-card:before          { content: "\f09d"; color:#d00;}
.sys-icon.rss:before                  { content: "\f09e"; color:#f70;}

.sys-icon.hdd:before                  { content: "\f0a0"; color:#d00;}
.sys-icon.bullhorn:before             { content: "\f0a1"; color:#0db;}
.sys-icon.bell:before                 { content: "\f0a2"; color:#d00;}
.sys-icon.certificate:before          { content: "\f0a3"; color:#d00;}
.sys-icon.hand-right:before           { content: "\f0a4"; color:#d00;}
.sys-icon.hand-left:before            { content: "\f0a5"; color:#d00;}
.sys-icon.hand-up:before              { content: "\f0a6"; color:#d00;}
.sys-icon.hand-down:before            { content: "\f0a7"; color:#d00;}
.sys-icon.circle-arrow-left:before    { content: "\f0a8"; color:#d00;}
.sys-icon.circle-arrow-right:before   { content: "\f0a9"; color:#d00;}
.sys-icon.circle-arrow-up:before      { content: "\f0aa"; color:#d00;}
.sys-icon.circle-arrow-down:before    { content: "\f0ab"; color:#d00;}
.sys-icon.globe:before                { content: "\f0ac"; color:#d00;}
.sys-icon.wrench:before               { content: "\f0ad"; color:#999;}
.sys-icon.tasks:before                { content: "\f0ae"; color:#f08;}

.sys-icon.filter:before               { content: "\f0b0"; color:#d00;}
.sys-icon.briefcase:before            { content: "\f0b1"; color:#d00;}
.sys-icon.fullscreen:before           { content: "\f0b2"; color:#d00;}

.sys-icon.group:before                { content: "\f0c0"; color:#0f0;}
.sys-icon.link:before                 { content: "\f0c1"; color:#d00;}
.sys-icon.cloud:before                { content: "\f0c2"; color:#d00;}
.sys-icon.beaker:before               { content: "\f0c3"; color:#d00;}
.sys-icon.cut:before                  { content: "\f0c4"; color:#d00;}
.sys-icon.copy:before                 { content: "\f0c5"; color:#d00;}
.sys-icon.paper-clip:before           { content: "\f0c6"; color:#888;}
.sys-icon.save:before                 { content: "\f0c7"; color:#730;}
.sys-icon.sign-blank:before           { content: "\f0c8";}
.sys-icon.reorder:before              { content: "\f0c9"; color:#d00;}
.sys-icon.list-ul:before              { content: "\f0ca"; color:#d00;}
.sys-icon.list-ol:before              { content: "\f0cb"; color:#d00;}
.sys-icon.strikethrough:before        { content: "\f0cc"; color:#d00;}
.sys-icon.underline:before            { content: "\f0cd"; color:#d00;}
.sys-icon.table:before                { content: "\f0ce"; color:#d00;}

.sys-icon.magic:before                { content: "\f0d0"; color:#d00;}
.sys-icon.truck:before                { content: "\f0d1"; color:#d00;}
.sys-icon.pinterest:before            { content: "\f0d2"; color:#d00;}
.sys-icon.pinterest-sign:before       { content: "\f0d3"; color:#d00;}
.sys-icon.google-plus-sign:before     { content: "\f0d4"; color:#d00;}
.sys-icon.google-plus:before          { content: "\f0d5"; color:#d00;}
.sys-icon.money:before                { content: "\f0d6"; color:#060;}
.sys-icon.caret-down:before           { content: "\f0d7"; color:#d00;}
.sys-icon.caret-up:before             { content: "\f0d8"; color:#d00;}
.sys-icon.caret-left:before           { content: "\f0d9"; color:#d00;}
.sys-icon.caret-right:before          { content: "\f0da"; color:#d00;}
.sys-icon.columns:before              { content: "\f0db"; color:#d00;}
.sys-icon.sort:before                 { content: "\f0dc"; color:#d00;}
.sys-icon.sort-down:before            { content: "\f0dd"; color:#d00;}
.sys-icon.sort-up:before              { content: "\f0de"; color:#d00;}

.sys-icon.envelope-alt:before         { content: "\f0e0"; color:#d00;}
.sys-icon.linkedin:before             { content: "\f0e1"; color:#d00;}
.sys-icon.undo:before                 { content: "\f0e2"; color:#d00;}
.sys-icon.legal:before                { content: "\f0e3"; color:#d00;}
.sys-icon.dashboard:before            { content: "\f0e4"; color:#60f;}
.sys-icon.comment-alt:before          { content: "\f0e5"; color:#f0f;}
.sys-icon.comments-alt:before         { content: "\f0e6"; color:#d00;}
.sys-icon.bolt:before                 { content: "\f0e7"; color:#d00;}
.sys-icon.sitemap:before              { content: "\f0e8"; color:#d00;}
.sys-icon.umbrella:before             { content: "\f0e9"; color:#d00;}
.sys-icon.paste:before                { content: "\f0ea"; color:#d00;}

.sys-icon.user-md:before              { content: "\f200"; color:#d00;}