/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: .3em;
}
.fa.pull-right {
    margin-left: .3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    content: "\f002";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}
.fa-won:before,
.fa-krw:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}

/**
 * angular-strap
 * @version v2.0.5 - 2014-08-07
 * @link http://mgcrea.github.io/angular-strap
 * @author Olivier Louvignes (olivier@mg-crea.com)
 * @license MIT License, http://www.opensource.org/licenses/MIT
 *
 * TODO Jive note - for angular strap's advanced positioning options (like bottom-left for popover), need this file
 */
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.aside .aside-dialog .aside-footer:after,.aside .aside-dialog .aside-footer:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.aside .aside-dialog .aside-footer:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.alert.top,.alert.top-left,.alert.top-right{position:fixed;top:50px;z-index:1050;margin:20px}.alert.top{right:0;left:0}.alert.top-right{right:0}.alert.top-right .close{padding-left:10px}.alert.top-left{left:0}.alert.top-left .close{padding-right:10px}.aside{z-index:1049;background:#fff;position:fixed;overflow:auto;min-width:320px;top:0;bottom:0}.aside:focus{outline:0}@media (max-width:991px){.aside{min-width:240px}}.aside.left{left:0;right:auto}.aside.right{left:auto;right:0}.aside .aside-dialog .aside-header{border-bottom:1px solid #e5e5e5;min-height:16.43px;padding:6px 15px;background:#428bca;color:#fff}.aside .aside-dialog .aside-header .close{color:#fff;font-size:25px;opacity:.8;padding:4px 8px;margin-right:-8px}.aside .aside-dialog .aside-body{position:relative;padding:15px}.aside .aside-dialog .aside-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.aside .aside-dialog .aside-footer .btn+.btn{margin-left:5px;margin-bottom:0}.aside .aside-dialog .aside-footer .btn-group .btn+.btn{margin-left:-1px}.aside .aside-dialog .aside-footer .btn-block+.btn-block{margin-left:0}.aside-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.aside-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.aside-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.aside-backdrop.animation-fade{background:rgba(0,0,0,.5);opacity:1}.callout{margin:20px 0;padding:20px;border-left:3px solid #eee}.callout h4{margin-top:0;margin-bottom:5px}.callout p:last-child{margin-bottom:0}.callout-danger{border-color:#eed3d7;background-color:#fdf7f7}.callout-danger h4{color:#b94a48}.callout-warning{border-color:#faebcc;background-color:#faf8f0}.callout-warning h4{color:#8a6d3b}.callout-info{border-color:#bce8f1;background-color:#f4f8fa}.callout-info h4{color:#34789a}.modal.center .modal-dialog{position:fixed;top:40%;left:50%;min-width:320px;max-width:630px;width:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}[tabindex="-1"]{outline:0}a[ng-click]{cursor:pointer}.popover.top-left{margin-top:-10px}.popover.top-left .arrow{margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:10%}.popover.top-left .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.top-right{margin-top:-10px}.popover.top-right .arrow{margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:90%}.popover.top-right .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.bottom-left{margin-top:10px}.popover.bottom-left .arrow{margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;left:10%}.popover.bottom-left .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.bottom-right{margin-top:10px}.popover.bottom-right .arrow{margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;left:90%}.popover.bottom-right .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.tooltip.tooltip-info.top .tooltip-arrow,.tooltip.tooltip-info.top-left .tooltip-arrow,.tooltip.tooltip-info.top-right .tooltip-arrow{border-top-color:#d9edf7}.tooltip.tooltip-info.right .tooltip-arrow{border-right-color:#d9edf7}.tooltip.tooltip-info.bottom .tooltip-arrow,.tooltip.tooltip-info.bottom-left .tooltip-arrow,.tooltip.tooltip-info.bottom-right .tooltip-arrow{border-bottom-color:#d9edf7}.tooltip.tooltip-info.left .tooltip-arrow{border-left-color:#d9edf7}.tooltip.tooltip-info .tooltip-inner{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.tooltip.tooltip-info .tooltip-inner hr{border-top-color:#a6e1ec}.tooltip.tooltip-info .tooltip-inner .alert-link{color:#245269}.tooltip.tooltip-success.top .tooltip-arrow,.tooltip.tooltip-success.top-left .tooltip-arrow,.tooltip.tooltip-success.top-right .tooltip-arrow{border-top-color:#dff0d8}.tooltip.tooltip-success.right .tooltip-arrow{border-right-color:#dff0d8}.tooltip.tooltip-success.bottom .tooltip-arrow,.tooltip.tooltip-success.bottom-left .tooltip-arrow,.tooltip.tooltip-success.bottom-right .tooltip-arrow{border-bottom-color:#dff0d8}.tooltip.tooltip-success.left .tooltip-arrow{border-left-color:#dff0d8}.tooltip.tooltip-success .tooltip-inner{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.tooltip.tooltip-success .tooltip-inner hr{border-top-color:#c9e2b3}.tooltip.tooltip-success .tooltip-inner .alert-link{color:#2b542c}.tooltip.tooltip-danger.top .tooltip-arrow,.tooltip.tooltip-danger.top-left .tooltip-arrow,.tooltip.tooltip-danger.top-right .tooltip-arrow{border-top-color:#f2dede}.tooltip.tooltip-danger.right .tooltip-arrow{border-right-color:#f2dede}.tooltip.tooltip-danger.bottom .tooltip-arrow,.tooltip.tooltip-danger.bottom-left .tooltip-arrow,.tooltip.tooltip-danger.bottom-right .tooltip-arrow{border-bottom-color:#f2dede}.tooltip.tooltip-danger.left .tooltip-arrow{border-left-color:#f2dede}.tooltip.tooltip-danger .tooltip-inner{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.tooltip.tooltip-danger .tooltip-inner hr{border-top-color:#e4b9c0}.tooltip.tooltip-danger .tooltip-inner .alert-link{color:#843534}.tooltip.top-left{margin-top:-3px;padding:5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;left:10%}.tooltip.top-right{margin-top:-3px;padding:5px 0}.tooltip.top-right .tooltip-arrow{bottom:0;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;left:90%}.tooltip.bottom-left{margin-top:3px;padding:5px 0}.tooltip.bottom-left .tooltip-arrow{top:0;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;left:10%}.tooltip.bottom-right{margin-top:3px;padding:5px 0}.tooltip.bottom-right .tooltip-arrow{top:0;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;left:90%}
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: .3em;
}
.fa.pull-right {
    margin-left: .3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    content: "\f002";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}
.fa-won:before,
.fa-krw:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}

/**
 * angular-strap
 * @version v2.0.5 - 2014-08-07
 * @link http://mgcrea.github.io/angular-strap
 * @author Olivier Louvignes (olivier@mg-crea.com)
 * @license MIT License, http://www.opensource.org/licenses/MIT
 *
 * TODO Jive note - for angular strap's advanced positioning options (like bottom-left for popover), need this file
 */
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.aside .aside-dialog .aside-footer:after,.aside .aside-dialog .aside-footer:before,.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.aside .aside-dialog .aside-footer:after,.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.alert.top,.alert.top-left,.alert.top-right{position:fixed;top:50px;z-index:1050;margin:20px}.alert.top{right:0;left:0}.alert.top-right{right:0}.alert.top-right .close{padding-left:10px}.alert.top-left{left:0}.alert.top-left .close{padding-right:10px}.aside{z-index:1049;background:#fff;position:fixed;overflow:auto;min-width:320px;top:0;bottom:0}.aside:focus{outline:0}@media (max-width:991px){.aside{min-width:240px}}.aside.left{left:0;right:auto}.aside.right{left:auto;right:0}.aside .aside-dialog .aside-header{border-bottom:1px solid #e5e5e5;min-height:16.43px;padding:6px 15px;background:#428bca;color:#fff}.aside .aside-dialog .aside-header .close{color:#fff;font-size:25px;opacity:.8;padding:4px 8px;margin-right:-8px}.aside .aside-dialog .aside-body{position:relative;padding:15px}.aside .aside-dialog .aside-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.aside .aside-dialog .aside-footer .btn+.btn{margin-left:5px;margin-bottom:0}.aside .aside-dialog .aside-footer .btn-group .btn+.btn{margin-left:-1px}.aside .aside-dialog .aside-footer .btn-block+.btn-block{margin-left:0}.aside-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.aside-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.aside-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.aside-backdrop.animation-fade{background:rgba(0,0,0,.5);opacity:1}.callout{margin:20px 0;padding:20px;border-left:3px solid #eee}.callout h4{margin-top:0;margin-bottom:5px}.callout p:last-child{margin-bottom:0}.callout-danger{border-color:#eed3d7;background-color:#fdf7f7}.callout-danger h4{color:#b94a48}.callout-warning{border-color:#faebcc;background-color:#faf8f0}.callout-warning h4{color:#8a6d3b}.callout-info{border-color:#bce8f1;background-color:#f4f8fa}.callout-info h4{color:#34789a}.modal.center .modal-dialog{position:fixed;top:40%;left:50%;min-width:320px;max-width:630px;width:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}[tabindex="-1"]{outline:0}a[ng-click]{cursor:pointer}.popover.top-left{margin-top:-10px}.popover.top-left .arrow{margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:10%}.popover.top-left .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.top-right{margin-top:-10px}.popover.top-right .arrow{margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:90%}.popover.top-right .arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.bottom-left{margin-top:10px}.popover.bottom-left .arrow{margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;left:10%}.popover.bottom-left .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.bottom-right{margin-top:10px}.popover.bottom-right .arrow{margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px;left:90%}.popover.bottom-right .arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.tooltip.tooltip-info.top .tooltip-arrow,.tooltip.tooltip-info.top-left .tooltip-arrow,.tooltip.tooltip-info.top-right .tooltip-arrow{border-top-color:#d9edf7}.tooltip.tooltip-info.right .tooltip-arrow{border-right-color:#d9edf7}.tooltip.tooltip-info.bottom .tooltip-arrow,.tooltip.tooltip-info.bottom-left .tooltip-arrow,.tooltip.tooltip-info.bottom-right .tooltip-arrow{border-bottom-color:#d9edf7}.tooltip.tooltip-info.left .tooltip-arrow{border-left-color:#d9edf7}.tooltip.tooltip-info .tooltip-inner{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.tooltip.tooltip-info .tooltip-inner hr{border-top-color:#a6e1ec}.tooltip.tooltip-info .tooltip-inner .alert-link{color:#245269}.tooltip.tooltip-success.top .tooltip-arrow,.tooltip.tooltip-success.top-left .tooltip-arrow,.tooltip.tooltip-success.top-right .tooltip-arrow{border-top-color:#dff0d8}.tooltip.tooltip-success.right .tooltip-arrow{border-right-color:#dff0d8}.tooltip.tooltip-success.bottom .tooltip-arrow,.tooltip.tooltip-success.bottom-left .tooltip-arrow,.tooltip.tooltip-success.bottom-right .tooltip-arrow{border-bottom-color:#dff0d8}.tooltip.tooltip-success.left .tooltip-arrow{border-left-color:#dff0d8}.tooltip.tooltip-success .tooltip-inner{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.tooltip.tooltip-success .tooltip-inner hr{border-top-color:#c9e2b3}.tooltip.tooltip-success .tooltip-inner .alert-link{color:#2b542c}.tooltip.tooltip-danger.top .tooltip-arrow,.tooltip.tooltip-danger.top-left .tooltip-arrow,.tooltip.tooltip-danger.top-right .tooltip-arrow{border-top-color:#f2dede}.tooltip.tooltip-danger.right .tooltip-arrow{border-right-color:#f2dede}.tooltip.tooltip-danger.bottom .tooltip-arrow,.tooltip.tooltip-danger.bottom-left .tooltip-arrow,.tooltip.tooltip-danger.bottom-right .tooltip-arrow{border-bottom-color:#f2dede}.tooltip.tooltip-danger.left .tooltip-arrow{border-left-color:#f2dede}.tooltip.tooltip-danger .tooltip-inner{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.tooltip.tooltip-danger .tooltip-inner hr{border-top-color:#e4b9c0}.tooltip.tooltip-danger .tooltip-inner .alert-link{color:#843534}.tooltip.top-left{margin-top:-3px;padding:5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;left:10%}.tooltip.top-right{margin-top:-3px;padding:5px 0}.tooltip.top-right .tooltip-arrow{bottom:0;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;left:90%}.tooltip.bottom-left{margin-top:3px;padding:5px 0}.tooltip.bottom-left .tooltip-arrow{top:0;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;left:10%}.tooltip.bottom-right{margin-top:3px;padding:5px 0}.tooltip.bottom-right .tooltip-arrow{top:0;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;left:90%}
/*
 * $Revision$
 * $Date$
 *
 * Copyright (C) 1999-2012 Jive Software. All rights reserved.
 *
 * This software is the proprietary information of Jive Software. Use is subject to license terms.
 */
.jive-editor-panel, .j-compose-title, input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="tel"],
textarea,
.hteSkin table.mceLayout, .j-typeahead.small input.j-select-user, .j-typeahead.small input.j-select-user:focus, #j-admin-user-settings .j-typeahead input.j-select-user {
    border: 1px solid #E5E5E5;
    box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.1);
}
.jive-editor-panel:focus, .j-compose-title:focus, input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
.hteSkin table.mceLayout:focus, .j-typeahead.small input.j-select-user:focus, #j-admin-user-settings .j-typeahead input.j-select-user:focus {
    border-color: #1287b5;
}
#j-compose .j-form-row,
hr, #j-compose .j-publish-bar, .modal-header {
    border: none;
    /*border-bottom: 1px #FFF solid;*/
    /*box-shadow: inset 0 -1px 0 #ececec;*/
}
.j-form-image .j-form-meta {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: relative;
    top: calc(50% - 22px);
}
.j-form-image .j-form-meta i.fa {
    display: block;
    font-size: 22px;
    margin-bottom: 6px;
}
.j-form-image .j-draganddrop-target div {
    height: 100%;
    overflow: hidden;
}
.j-draganddrop-target {
    border: 2px dashed #acacac;
    border-radius: 5px;
    box-shadow: none;
    background: #E5E5E5;
    cursor: pointer;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
}

.j-contained, .j-browse-game.card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}

.truncate, .j-typeahead .j-editors-list .j-editor, #j-admin-follow-settings .j-follow-existing .j-autofollow-list .j-autofollow, #j-admin-feeds .j-feed, .j-typeahead ul.dropdown-menu li a, .j-typeahead .j-editors-list .j-editor span.j-editor-user, .j-browse-game.card .j-game-details .j-game-meta .j-game-meta-strategy, .j-game .j-game-header .j-game-meta .j-game-author, .j-game .j-game-header .j-game-meta .j-game-time, .j-browse-strategy.card .j-strategy-details .j-strategy-description, .j-view-game-element .j-game-element-sidebar .j-strategy-owners li .j-owner-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.j-typeahead .j-editors-list .j-editor a.close, #j-admin-follow-settings .j-follow-existing .j-autofollow-list .j-autofollow a.close, #j-admin-feeds .j-feed a.close, .j-attachments-region .j-attachment .j-actions .j-remove, .j-attachments-region .j-preview-container .j-remove {
    width: 16px;
    height: 16px;
    padding: 2px;
    display: inline-block;
    float: right;
    font-size: 0.8571rem;
    font-weight: 800;
    line-height: 50%;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    color: #606060;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.j-typeahead .j-editors-list .j-editor a.close:hover, #j-admin-follow-settings .j-follow-existing .j-autofollow-list .j-autofollow a.close:hover, #j-admin-feeds .j-feed a.close:hover, .j-attachments-region .j-attachment .j-actions .j-remove:hover, .j-attachments-region .j-preview-container .j-remove:hover {
    text-decoration: none;
    color: black;
    background: rgba(0, 0, 0, 0.08);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.j-typeahead .j-editors-list .j-editor, #j-admin-follow-settings .j-follow-existing .j-autofollow-list .j-autofollow, #j-admin-feeds .j-feed {
    background: #e1e1e1;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    font-size: 0.8571rem;
    padding: 0 30px 0 15px;
    position: relative;
}
.j-typeahead .j-editors-list .j-editor a.close, #j-admin-follow-settings .j-follow-existing .j-autofollow-list .j-autofollow a.close, #j-admin-feeds .j-feed a.close {
    width: auto;
    height: auto;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 2px 4px 3px 4px;
}



/* ---------------------------------------------------------------------------------------------- */
/*!XRST*/
/*! RESET */
/* ---------------------------------------------------------------------------------------------- */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}
a:link, a:visited {
    color: #1287b5;
    text-decoration: none;
}
a:hover, a:focus {
    color: #1287b5;
    text-decoration: underline;
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

abbr.timeago {
    border: none;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    display: inline-block;
    overflow: hidden;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 1rem 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/* ---------------------------------------------------------------------------------------------- */
/*!XCFX*/
/*! CLEARFIX */
/* ---------------------------------------------------------------------------------------------- */
.clearfix::after, .j-toggle::after, #j-onboarding::after, .popover.j-mention .popover-content ul li a::after, .j-game .j-game-header .j-game-meta ul.j-game-info::after {
    clear: both;
    content: "\0020";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.uiElementList {
    margin: 0;
    padding: 0;
}
.uiElementList > li {
    list-style: none;
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    color: #606060;
    background: #EEE;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1rem 0;
    font-weight: 300;
}

h1 {
    font-size: 2rem;
    line-height: 2rem;
}

h2 {
    font-size: 1.714rem;
    line-height: 1.714rem;
}

h3 {
    font-size: 1.429rem;
    line-height: 1.429rem;
}

h4 {
    font-size: 1.286rem;
    line-height: 1.286rem;
}

h5 {
    font-size: 1.143rem;
    font-weight: normal;
    line-height: 1.143rem;
}

h6 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1rem;
}

.loader {
    border-radius: 50%;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    border-right: 3px solid rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    border-left: 3px solid rgba(0, 0, 0, 0.3);
    margin: 15px auto;
    position: relative;
    -webkit-animation: loader 1.1s infinite linear;
    animation: loader 1.1s infinite linear;
    width: 100px;
    height: 100px;
}
.loader.small {
    width: 20px;
    height: 20px;
    border-width: 1px;
}
.loader.med {
    width: 50px;
    height: 50px;
    border-width: 2px;
}

#j-header-wrap, #j-subhead-wrap {
    min-width: 40px;
}

#j-header-wrap #j-header, #j-subhead-wrap #j-subhead, #j-main, .j-tabbed-nav {
    max-width: 1040px;
    min-width: 0;
    width: auto;
    margin: auto;
    padding: 0 12px;
}
@media screen and (min-width: 30.0625em) {
    #j-header-wrap #j-header, #j-subhead-wrap #j-subhead, #j-main, .j-tabbed-nav {
        padding: 0 20px;
    }
}

body {
    padding: 46px 0;
}

#j-header-wrap {
    height: 46px;
    width: 100%;
    margin: auto;
    position: absolute;
    position: fixed;
    top: 0;
    z-index: 5;
    background: #FFF;
    -webkit-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}
#j-header-wrap #j-header {
    height: inherit;
}
#j-header-wrap #j-header #j-global-nav {
    height: inherit;
}

#j-subhead-wrap {
    height: 50px;
    background: #E5E5E5;
    position: relative;
    z-index: 4;
}
#j-subhead-wrap #j-subhead {
    height: inherit;
}

#j-footer-wrap {
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
}
@media screen and (min-width: 40.0625em) {
    #j-footer-wrap {
        height: 38px;
    }
}

#j-main {
    z-index: 2;
    margin: 0 auto;
}

.j-contained {
    padding: 0 30px;
    line-height: 1.714rem;
    margin: 12px auto;
    border-radius: 6px;
    background: #fff;
}
.j-contained.size-sm {
    max-width: 350px;
    padding: 30px;
}
.j-contained.size-med {
    max-width: 680px;
}
.j-contained.size-full {
    background: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.j-contained header {
    position: relative;
}
.j-contained .j-content {
    background: #f7f7f7;
    padding: 20px 30px;
}
@media screen and (min-width: 40.0625em) {
    .j-contained {
        margin: 30px auto;
    }
}

.j-layout-sl {
    padding: 0;
    position: relative;
}
.j-layout-sl .j-col-s {
    float: left;
    width: 23%;
    z-index: 1;
}
.j-layout-sl .j-col-l {
    float: left;
    width: 77%;
    border-left: solid 1px rgba(0, 0, 0, 0.06);
}

.j-layout-ls {
    padding: 0;
    position: relative;
}
.j-layout-ls .j-col-s {
    float: right;
    width: 23%;
    z-index: 1;
}
.j-layout-ls .j-col-l {
    float: left;
    width: 77%;
    border-left: solid 1px rgba(0, 0, 0, 0.06);
}

@-webkit-keyframes showElem {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showElem {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes hideElem {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes hideElem {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes reveal {
    0% {
        margin-top: 20px;
    }
    100% {
        margin-top: 0;
    }
}
@keyframes reveal {
    0% {
        margin-top: 20px;
    }
    100% {
        margin-top: 0;
    }
}
.pulse {
    -webkit-animation: pulse .4s ease-out;
    animation: pulse .4s ease-out;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    60% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    80% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6);
    }
    60% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    30% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes barberpole {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}
@keyframes barberpole {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.j-btn-global,
a.j-btn-global,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    background: white;
    display: inline-block;
    color: #606060;
    margin: 0 8px 0 0;
    padding: 8px 12px;
    font-size: 0.7857rem;
    font-weight: 800;
    line-height: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="tel"],
textarea,
.hteSkin table.mceLayout {
    width: 100%;
    padding: 10px 8px;
    font-size: 1rem;
    outline: none;
    background: #fff;
    border-radius: 3px;
    color: #909090;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    color: #606060;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #909090;
}

.j-form input[type="checkbox"],
.j-form input[type="radio"] {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}

.j-form .j-form-row {
    margin-bottom: 10px;
    position: relative;
    z-index: auto;
}
.j-form .j-form-row.j-half-wide {
    width: 50%;
    padding-right: 25px;
    display: inline-block;
    vertical-align: top;
}

.j-form .j-form-footer {
    padding: 20px 30px;
    background: #f7f7f7;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    box-shadow: inset 0 1px 0 white;
}

.j-form label {
    margin-bottom: 15px;
    display: block;
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
}
.j-form label > strong {
    margin-right: 12px;
}
.j-form label > span {
    margin-left: 5px;
}
.j-form label > span.j-required {
    color: #ef6e34;
}

.j-radio-options {
    padding: 20px 30px 5px;
}
.j-radio-options .j-radio-options-title {
    display: block;
    margin: 0 0 15px;
}
.j-radio-options label.j-radio-option {
    display: inline-block;
    margin: 0 20px 15px 0;
    font-weight: bold;
    cursor: pointer;
}
.j-radio-options label.j-radio-option input[type="radio"] {
    margin-right: 5px;
}

.j-checkbox-options {
    margin: 10px 0;
}
.j-checkbox-options label.j-checkbox {
    margin-bottom: 10px;
}
.j-checkbox-options label.j-checkbox:last-child {
    margin: 0;
}

.j-btn-global:link, .j-btn-global:visited, .j-btn-global:active,
a.j-btn-global:link,
a.j-btn-global:visited,
a.j-btn-global:active,
button:link,
button:visited,
button:active,
input[type="button"]:link,
input[type="button"]:visited,
input[type="button"]:active,
input[type="reset"]:link,
input[type="reset"]:visited,
input[type="reset"]:active,
input[type="submit"]:link,
input[type="submit"]:visited,
input[type="submit"]:active {
    color: #606060;
    text-decoration: none;
}
.j-btn-global:hover, .j-btn-global:focus,
a.j-btn-global:hover,
a.j-btn-global:focus,
button:hover,
button:focus,
button.active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    text-decoration: none;
    background: #f7f7f7;
}
.j-btn-global:active,
a.j-btn-global:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #fcfcfc;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
}
.j-btn-global.small,
a.j-btn-global.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
    box-sizing: border-box;
    padding: 5px 10px;
}
.j-btn-global.dark,
a.j-btn-global.dark,
button.dark,
input[type="button"].dark,
input[type="reset"].dark,
input[type="submit"].dark {
    border: none;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    font-weight: 400;
    padding: 6px 10px;
}
.j-btn-global.dark:hover, .j-btn-global.dark:focus,
a.j-btn-global.dark:hover,
a.j-btn-global.dark:focus,
button.dark:hover,
button.dark:focus,
input[type="button"].dark:hover,
input[type="button"].dark:focus,
input[type="reset"].dark:hover,
input[type="reset"].dark:focus,
input[type="submit"].dark:hover,
input[type="submit"].dark:focus {
    background: #333;
}

.j-btn-callout,
a.j-btn-callout,
button.j-btn-callout,
input[type="button"].j-btn-callout,
input[type="reset"].j-btn-callout,
input[type="submit"].j-btn-callout {
    color: #fff;
    text-shadow: none;
    border: none;
    background: #87c540;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}
.j-btn-callout:link, .j-btn-callout:visited, .j-btn-callout:active,
a.j-btn-callout:link,
a.j-btn-callout:visited,
a.j-btn-callout:active,
button.j-btn-callout:link,
button.j-btn-callout:visited,
button.j-btn-callout:active,
input[type="button"].j-btn-callout:link,
input[type="button"].j-btn-callout:visited,
input[type="button"].j-btn-callout:active,
input[type="reset"].j-btn-callout:link,
input[type="reset"].j-btn-callout:visited,
input[type="reset"].j-btn-callout:active,
input[type="submit"].j-btn-callout:link,
input[type="submit"].j-btn-callout:visited,
input[type="submit"].j-btn-callout:active {
    color: #FFF;
}
.j-btn-callout:hover, .j-btn-callout:focus,
a.j-btn-callout:hover,
a.j-btn-callout:focus,
button.j-btn-callout:hover,
button.j-btn-callout:focus,
input[type="button"].j-btn-callout:hover,
input[type="button"].j-btn-callout:focus,
input[type="reset"].j-btn-callout:hover,
input[type="reset"].j-btn-callout:focus,
input[type="submit"].j-btn-callout:hover,
input[type="submit"].j-btn-callout:focus {
    text-decoration: none;
    background: #87c540;
}
.j-btn-callout:active,
a.j-btn-callout:active,
button.j-btn-callout:active,
input[type="button"].j-btn-callout:active,
input[type="reset"].j-btn-callout:active,
input[type="submit"].j-btn-callout:active {
    background: #87c540;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
}
.j-btn-callout.small,
a.j-btn-callout.small,
button.j-btn-callout.small,
input[type="button"].j-btn-callout.small,
input[type="reset"].j-btn-callout.small,
input[type="submit"].j-btn-callout.small {
    border: #80bd39 1px solid;
    box-sizing: border-box;
    padding: 5px 10px;
}

button[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
.j-header-actions .j-like-user-link .j-like-disabled {
    opacity: .3;
    cursor: not-allowed;
    box-shadow: none;
}

a.btn-block,
.j-btn-global.btn-block,
a.j-btn-global.btn-block,
button.btn-block {
    width: 138px;
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    background: white;
    display: inline-block;
    color: #606060;
    margin: 0 8px 0 0;
    padding: 8px 12px;
    font-size: 0.7857rem;
    font-weight: 800;
    line-height: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

a.btn-block:hover {
    text-decoration: none;
    background: #f7f7f7;
}


a.btn-activate {
    color: #ffffff !important;
    width: 138px;
    background-color: #80bd39;
    cursor: pointer;
}

a.btn-activate:hover {
    background-color: #64972F;
}

.j-toggle > div {
    position: relative;
    display: block;
    float: left;
    width: 50%;
}
.j-toggle > div input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.j-toggle > div label {
    display: block;
    background: transparent;
    border: 1px #909090 solid;
    color: #909090;
    text-align: center;
    font-size: 0.7857rem;
    line-height: 0.7857rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 0;
}
.j-toggle > div input[type="radio"]:checked + label {
    background: #909090;
    color: white;
}
.j-toggle > div:first-child label {
    border-radius: 3px 0 0 3px;
}
.j-toggle > div:last-child label {
    border-radius: 0 3px 3px 0;
}
.j-toggle.green > div label {
    border-color: #00ba75;
    color: #00ba75;
}
.j-toggle.green > div input[type="radio"]:checked + label {
    background: #00ba75;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.j-pagination-current {
    font-weight: bold;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    display: none;
    overflow: auto;
    overflow-y: scroll;
}

.modal-dialog {
    max-width: 500px;
    margin: 10% auto;
    position: relative;
    z-index: 1050;
}
.modal-dialog.modal-sm {
    max-width: 380px;
}
.modal-dialog.modal-lg {
    max-width: 640px;
}
@media screen and (max-width: 30em) {
    .modal-dialog {
        padding: 0;
        margin-top: 0;
    }
}

body.modal-onboarding .modal-dialog.modal-lg {
    max-width: 800px;
}

.modal-content {
    position: relative;
    outline: none;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 30em) {
    .modal-content {
        border-radius: 0;
    }
}
.modal-content a.close {
    font-size: 14px;
    color: #909090;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px;
}
.modal-content a.close:hover {
    text-decoration: none;
    color: #1287b5;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}

.fade.in {
    opacity: 1;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.6;
}

.modal.fade.in {
    -webkit-animation: reveal .15s ease-out;
    animation: reveal .15s ease-out;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 2%);
    -ms-transform: translate(0, 2%);
    transform: translate(0, 2%);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.modal-header {
    border-radius: 5px 5px 0 0;
}
.modal-header h3 {
    margin: 0;
    padding: 20px 60px 0 20px;
    font-size: 1.30rem;
    line-height: 21px;
    font-weight: 400;
}
.modal-header h3 i {
    margin-right: 8px;
}
.modal-header h3.j-header-icon-centered {
    padding: 40px 60px 0;
    text-align: center;
}
.modal-header h3.j-header-icon-centered i {
    width: 80px;
    height: 80px;
    margin: -60px auto -14px auto;
    padding: 14px;
    display: block;
    font-size: 46px;
    color: #87c540;
    border-radius: 50%;
    background: #fff;
}
.modal-header.gray {
    background: #f7f7f7;
}
.modal-header .modal-header-subtext {
    display: block;
    font-size: 0.9rem;
    font-style: italic;
    line-height: 18px;
    margin: 12px 20px;
}

.modal #j-compose input[type="text"], .modal #j-compose input[type="email"], .modal #j-compose input[type="url"], .modal #j-compose input[type="number"], .modal #j-compose input[type="password"], .modal #j-compose input[type="tel"], .modal #j-compose .hteSkin table.mceLayout {
    padding: 0 20px;
}
#j-compose .j-form-row input[type="text"], #j-compose .j-form-row input[type="email"], #j-compose .j-form-row input[type="url"], #j-compose .j-form-row input[type="number"], #j-compose .j-form-row input[type="password"], #j-compose .j-form-row input[type="tel"], #j-compose .j-form-row textarea, #j-compose .j-form-row .hteSkin table.mceLayout {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0 30px;
    height: 60px;
}

#j-compose .j-compose-footer {
    margin: 30px 0;
}
#j-compose .j-compose-footer .j-btn-cancel {
    float: right;
    margin: 0;
}


.modal-body {
    padding: 20px;
    position: relative;
}
.modal-body input[type=text] {
    display: block;
    width: 100%;
}

.j-form .modal-body input.j-user-autocomplete,
.j-form .modal-body textarea {
    width: 100%;
}

.j-form-exp.j-noimport {
    padding-bottom: 10px;
}

.modal-footer {
    padding: 20px;
    background: #f7f7f7;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ececec;
    box-shadow: inset 0 1px 0 #FFF;
}

.j-col-l .modal-footer {
    border-radius: 0 0 5px 0;
}

.bx-wrapper .bx-controls {
    display: none !important;
}
#j-onboarding {
    position: relative;
    height: 400px;
}
#j-onboarding .bx-wrapper, #j-onboarding .bx-viewport {
    position: absolute !important;
    height: 100% !important;
    width: 100%;
    left: 0;
    top: 0;
}
#j-onboarding .j-slider-wrap {
    width: 470px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: inherit;
    background: #87c540;
    background-size: cover;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
}
#j-onboarding .j-slider-wrap .j-slider {
    height: inherit;
}
#j-onboarding .j-slider-wrap .j-slide {
    text-align: center;
    position: relative;
    height: inherit;
}
#j-onboarding .j-slider-wrap .j-slide img {
    display: block;
    margin: auto;
    position: relative;
}
#j-onboarding .j-slider-wrap .j-slide p {
    color: white;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 0 50px;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 50px;
}
#j-onboarding .j-slider-wrap .j-slide.slide0 img {
    top: 80px;
}
#j-onboarding .j-slider-wrap .j-slide.slide1 img {
    top: 80px;
    right: -16px;
}
#j-onboarding .j-slider-wrap .j-slide.slide2 img {
    position: absolute;
    bottom: 0;
    margin-left: calc(50% - 175px);
}
#j-onboarding .j-slider-wrap .j-slide.slide2 p {
    bottom: auto;
    top: 50px;
}
#j-onboarding .j-slider-wrap .j-slide.slide3 img {
    top: 60px;
}
#j-onboarding .j-slider-nav-wrap {
    float: right;
    width: 330px;
    height: inherit;
    position: relative;
    z-index: 2;
    background: white;
    border-radius: 0 5px 5px 0;
}
#j-onboarding .j-slider-nav-wrap .j-slider-nav a.j-slider-btn {
    display: block;
    font-size: 1.143rem;
    cursor: pointer;
    border-bottom: 1px #eeeeee solid;
    height: 87px;
    line-height: 87px;
    padding: 0 30px;
    position: relative;
}
#j-onboarding .j-slider-nav-wrap .j-slider-nav a.j-slider-btn.active::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    left: -8px;
    top: calc(50% - 8px);
    border-left-width: 0;
    border-right-color: white;
}
#j-onboarding .j-slider-nav-wrap .j-slider-nav a.j-slider-btn:first-child {
    border-radius: 0 5px 0 0;
}
#j-onboarding .j-slider-nav-wrap .j-slider-nav a.j-slider-btn:hover {
    text-decoration: none;
    background: #f7f7f7;
}
#j-onboarding .j-slider-nav-wrap a.j-getstarted {
    display: block;
    font-size: 0.8571rem;
    font-weight: 600;
    color: #00ba75;
    height: 52px;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase;
}

.popover {
    position: absolute;
    border-radius: 3px;
    background: #333;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    min-width: 80px;
    max-width: 270px;
    z-index: 1060;
    line-height: normal;
    font-size: 0.9286rem;
    color: white;
}
.popover ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    overflow: hidden;
    border-radius: 3px;
}
.popover ul li {
    display: block;
    margin: 0;
    border-top: 1px #3b3b3b solid;
    border-bottom: 1px #212121 solid;
}
.popover ul li a {
    display: block;
    text-align: center;
    color: white;
    font-size: 0.85rem;
    padding: 5px 0;
    text-decoration: none;
}
.popover ul li a:hover {
    background: #3d3d3d;
    text-decoration: none;
}
.popover ul li:first-child {
    border-top: none;
}
.popover ul li:last-child {
    border-bottom: none;
}
.popover.top {
    margin-top: -12px;
}

.popover.right {
    margin-left: 12px;
}

.popover.bottom {
    margin-top: 12px;
}

.popover.left {
    margin-left: -12px;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
}
.popover.top .arrow {
    bottom: -8px;
    right: calc(50% - 8px);
    border-bottom-width: 0;
    border-top-color: #333;
}
.popover.right .arrow {
    left: -8px;
    top: calc(50% - 8px);
    border-left-width: 0;
    border-right-color: #333;
}
.popover.bottom .arrow {
    top: -8px;
    right: calc(50% - 8px);
    border-top-width: 0;
    border-bottom-color: #333;
}
.popover.left .arrow {
    right: -8px;
    top: calc(50% - 8px);
    border-right-width: 0;
    border-left-color: #333;
}

.popover.j-user-menu {
    width: 190px;
}
.popover.j-user-menu .j-user-menu-name {
    text-transform: capitalize;
    text-align: center;
    color: white;
    font-weight: 300;
    margin: 10px 0;
}
.popover.j-user-menu .j-user-menu-avatar {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #87c540;
    margin: 10px auto;
}
.popover.j-user-menu ul {
    border-top: 1px #212121 solid;
}
.popover.j-user-menu ul li {
    border-top: 1px #3B3B3B solid;
}
.popover.j-user-menu ul li a {
    font-size: 0.8rem;
    padding: 9px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.popover.j-user-menu ul li:last-child {
    border-bottom: none;
}

div.j-tooltip {
    display: none;
    position: absolute;
    z-index: 2000;
    top: 20px;
    padding: 5px 8px;
    background: #444;
    background: -webkit-linear-gradient(top, #444 65%, #333 100%);
    background: linear-gradient(top, #444 65%, #333 100%);
    box-shadow: inset 0 1px 0 #747575, 0 5px 20px 0 rgba(0, 0, 0, 0.75);
}
div.j-tooltip .j-tooltip-content {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

div.j-tooltip .j-pointer {
    background-position: -200px -95px;
    height: 8px;
    width: 14px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: -6px;
}

.j-alerts-container {
    position: fixed;
    z-index: 1050;
    left: 0;
    bottom: 0;
    width: 100%;
}
.alert {
    padding: 15px 20px 15px 15px;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-animation: showElem 0.12s;
    animation: showElem 0.12s;
}

.alert button.close {
    display: block;
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 15px;
    position: absolute;
    height: 100%;
    width: 46px;
    top: 0;
    right: 0;
    overflow: hidden;
    text-indent: 9999px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.alert button.close:hover, .alert button.close:active {
    background: rgba(0, 0, 0, 0.15);
    box-shadow: none;
}
.alert button.close:hover::before, .alert button.close:active::before {
    color: white;
}
.alert button.close::before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 1.143rem;
    display: block;
    width: inherit;
    position: absolute;
    top: 15px;
    left: 0;
    text-indent: 0;
}
.alert button.close > span {
    position: absolute;
    left: -100%;
}

.alert.alert-info {
    background: #52c7dc;
}
.alert.alert-info .close {
    color: #196d7c;
}

.alert.alert-success {
    background: #a0c333;
}
.alert.alert-success .close {
    color: #3c4a13;
}

.alert.alert-warn {
    background: #ed9a56;
}
.alert.alert-warn .close {
    color: #9a4e10;
}

.alert.alert-error {
    background: #f05a5c;
}
.alert.alert-error .close {
    color: #a20f11;
}

/***************************************************************************/
/***************************************************************************/
.j-tabbed-nav {
    height: 50px;
    padding: 0 13px;
    position: relative;
    background-color: #fafafa;
    border-top: 1px solid #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.j-tabbed-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.j-tabbed-nav ul li {
    display: block;
    float: left;
}
.j-tabbed-nav ul li.active > a, .j-tabbed-nav ul li.j-tab-selected > a {
    border-bottom: 3px solid #3ebdad;
}
.j-tabbed-nav ul li a {
    height: 49px;
    margin: 0 12px;
    padding: 0;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 3.6;
    color: #333;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}
.j-tabbed-nav ul li a:hover {
    color: #3ebdad;
    text-decoration: none;
}
.j-tabbed-nav ul li a .j-tab-count {
    margin: 0 0 -1px 4px;
    padding: 0 7px 1px;
    color: #bbb;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    cursor: pointer;
    text-align: center;
    text-transform: capitalize;
    background-clip: padding-box;
    border-radius: 9px;
    border: 1px solid #bbb;
}


#j-global-nav > ul {
    height: inherit;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
#j-global-nav > ul > li {
    height: inherit;
    position: relative;
    display: block;
    float: left;
    line-height: 50px;
    font-size: .90rem;
}
#j-global-nav > ul > li > a {
    height: inherit;
    padding: 0;
    display: block;
    cursor: pointer;
    text-decoration: none;
}
#j-global-nav > ul > li > a:link, #j-global-nav > ul > li > a:visited, #j-global-nav > ul > li > a:active {
    color: #505050;
}
#j-global-nav > ul > li > a:hover {
    text-decoration: none;
}
#j-global-nav > ul > li.active > a {
    background: #E5E5E5;
}
#j-global-nav > ul > li.active > a:hover {
    background: #E5E5E5 !important;
}
#j-global-nav > ul.j-nav-left {
    float: left;
}
#j-global-nav > ul.j-nav-right {
    float: right;
}
#j-global-nav > ul.j-nav-right > li {
    height: inherit;
    position: relative;
    display: block;
    float: left;
    font-weight: 500;
    line-height: 26px;
}
#j-global-nav > ul.j-nav-right > li > a {
    display: inline-block;
    padding: 0 15px;
    line-height: 46px;
}

#j-global-nav > ul.j-nav-right > li > a.instance-link span {
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
#j-global-nav > ul.j-nav-right > li > a:hover {
    background: #f9f9f9;
}
#j-global-nav > ul.j-nav-right > li.j-nav-link i {
    font-size: 1.15rem;
    position: relative;
    top: 2px;
}
#j-global-nav > ul.j-nav-right > li.j-nav-link .nav-link {
    display: none;
}
@media screen and (min-width: 30.0625em) {
    #j-global-nav > ul.j-nav-right > li.j-nav-link i {
        display: none;
    }
    #j-global-nav > ul.j-nav-right > li.j-nav-link .nav-link {
        display: inline-block;
    }
}
#j-global-nav > ul.j-nav-right > li:last-child {
    margin: 0;
}
#j-global-nav > ul.j-nav-right li.j-nav-user {
    padding-left: 5px;
    margin-left: 5px;
}
#j-global-nav > ul.j-nav-right li.j-nav-user > a {
    display: block;
    background: #e0e0e0;
    border-radius: 3px;
    padding: 0;
    width: 50px;
    height: 28px;
    position: relative;
    top: 9px;
}
#j-global-nav > ul.j-nav-right li.j-nav-user > a img {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 3px 0 0 3px;
    border-right: 1px #f1f1f1 solid;
    position: relative;
}
#j-global-nav > ul.j-nav-right li.j-nav-user > a i.fa {
    vertical-align: top;
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 0.85rem;
    line-height: 0.85rem;
}
#j-global-nav > ul li.j-gamification-logo {
    border: none;
}
#j-global-nav > ul li.j-gamification-logo a {
    display: block;
}
#j-global-nav > ul li.j-gamification-logo a img {
    display: block;
    height: 34px;
    width: auto;
    position: relative;
    top: 6px;
}

#j-subhead {
    position: relative;
}
@media screen and (max-width: 30em) {
    #j-subhead {
        text-align: center;
    }
}
#j-subhead ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#j-subhead ul li {
    margin: 0;
}
#j-subhead .j-subhead-title {
    color: #606060;
    font-size: 1.143rem;
    position: relative;
    top: 16px;
}
#j-subhead .j-siteurl {
    font-size: 1.143rem;
    position: relative;
    top: 16px;
}
#j-subhead .j-subhead-title i.fa {
    margin-right: 3px;
}


#j-subhead .j-subhead-title.second-level {
    color: #222;
    margin-left: 4px;
}
#j-subhead ul.j-subhead-actions {
    float: right;
    position: relative;
    top: 11px;
    display: none;
}
#j-subhead ul.j-subhead-actions li {
    display: block;
    float: left;
    margin: 0 0 0 4px;
    position: relative;
}
#j-subhead ul.j-subhead-actions li input.search {
    position: relative;
    top: -5px;
    width: 250px;
    padding-left: 30px;
    margin-right: 20px;
    border-radius: 30px;
}
#j-subhead ul.j-subhead-actions li i {
    position: absolute;
    top: 7px;
    left: 12px;
    z-index: 2;
}
#j-subhead ul.j-subhead-actions li.j-subhead-menu-text {
    padding: 7px 30px 0 0;
}
#j-subhead ul.j-subhead-actions li.j-subhead-menu-text i {
    left: auto;
    right: 17px;
    top: 8px;
}

#j-subhead ul.j-subhead-actions li a.j-btn-global {
    margin: 0;
}
@media screen and (min-width: 30.0625em) {
    #j-subhead ul.j-subhead-actions {
        display: block;
    }
}
#j-subhead ul.j-subhead-menu {
    position: absolute;
    top: 0;
    left: 180px;
    display: block;
    height: inherit;
    width: calc(100% - 180px);
}
#j-subhead ul.j-subhead-menu li {
    float: left;
    display: block;
    height: inherit;
    padding: 0 15px;
}
#j-subhead ul.j-subhead-menu li a {
    font-size: 0.8rem;
    font-weight: 600;
    display: block;
    height: inherit;
    line-height: 60px;
    text-transform: uppercase;
    text-decoration: none;
    color: #606060;
}
#j-subhead ul.j-subhead-menu li a:hover, #j-subhead ul.j-subhead-menu li a.active {
    border-bottom: 3px solid #00ba75;
    text-decoration: none;
}

.j-footer-links {
    display: block;
    margin: auto;
    text-align: center;
    color: #909090;
}
.j-footer-links i.fa-circle {
    font-size: 4px;
    margin: 0 15px;
    vertical-align: middle;
}
.j-footer-links a {
    color: #909090;
    font-size: 0.7857rem;
    text-transform: uppercase;
    font-weight: 500;
}
.j-footer-links a:hover {
    color: #00679b;
    text-decoration: none;
}
@media screen and (max-width: 40em) {
    .j-footer-links i.fa-circle {
        display: none;
    }
    .j-footer-links a {
        display: block;
        line-height: 24px;
    }
}
.j-browse-game.card .j-game-details .j-game-title, .j-browse-strategy.card .j-strategy-details .j-strategy-title {
    max-height: 54px;
    display: block;
    font-size: 1.271rem;
    font-weight: 300;
    margin: 15px 0 5px;
}
.j-browse-game.card .j-game-details .j-game-title a:link, .j-browse-strategy.card .j-strategy-details .j-strategy-title a:link,
.j-browse-game.card .j-game-details .j-game-title a:visited,
.j-browse-strategy.card .j-strategy-details .j-strategy-title a:visited {
    color: #606060;
}
.j-browse-game.card .j-game-details .j-game-title a:hover, .j-browse-strategy.card .j-strategy-details .j-strategy-title a:hover,
.j-browse-game.card .j-game-details .j-game-title a:focus,
.j-browse-strategy.card .j-strategy-details .j-strategy-title a:focus {
    color: #1287b5;
    text-decoration: none;
}

.j-browse-game.card .j-game-details-wrap .j-draft-icon, .j-game.draft .j-draft-icon {
    background: #fc6600;
    border-radius: 0 0 2px 2px;
    color: #FFF;
    line-height: 1rem;
    font-weight: 600;
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    text-transform: uppercase;
}
/*.j-edit-mode .j-game-element-sidebar {*/
/*opacity: .2;*/
/*}*/

.j-browse-game.card footer.j-card-footer .j-game-metrics,
.j-browse-strategy.card footer.j-card-footer .j-strategy-metrics,
.j-view-game-element .j-game-element-sidebar .j-strategy-metrics {
    border-top: 1px #ececec solid;
    text-align: center;
    color: #909090;
    text-transform: uppercase;
    padding: 5px 0;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-metrics li {
    margin: 10px 0;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-metrics-number {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f0f0f0;
    margin-right: 5px;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
}
.j-view-game-element .j-game-element-sidebar a.j-strategy-metrics-number {
    background: #1287b5;
    color: #fff;
}
.j-view-game-element .j-game-element-sidebar a.j-strategy-metrics-number:hover {
    color: rgba(255,255,255,.7);
}

.j-browse-game.card footer.j-card-footer .j-game-metrics span, .j-browse-strategy.card footer.j-card-footer .j-strategy-metrics span, .j-view-game-element .j-game-element-sidebar .j-strategy-metrics span {
    display: inline-block;
    margin: 0 10px;
}

.j-contained.size-med {
    margin-bottom: 30px;
}
.j-contained.size-med .j-content-header {
    background: white;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #ececec;
    height: 60px;
    margin: 0 -30px;
    padding: 0 30px;
    line-height: 60px;
    position: relative;
}
.j-contained.size-med .j-content-header > span {
    font-size: 1.571rem;
    font-weight: 300;
}
.j-contained.size-med .j-content-header a.j-btn-global {
    float: right;
    margin: 16px 0 0 8px;
}
.j-contained.size-med .j-content {
    margin: 0 -30px;
    border-radius: 0 0 6px 6px;
}
.j-contained.size-med .j-content p {
    margin: 0 0 15px;
}

.j-browse-game.card {
    background: white;
    border-radius: 3px;
    height: 400px;
    width: 100%;
    margin: 0 0 12px;
    position: relative;
    top: 0;
    cursor: pointer;
    -webkit-transition: box-shadow 0.2s, top 0.2s;
    transition: box-shadow 0.2s, top 0.2s;
}

.j-browse-game.card {
    background: white;
    border-radius: 3px;
    height: 400px;
    width: 100%;
    margin: 0 0 12px;
    position: relative;
    top: 0;
    cursor: pointer;
    -webkit-transition: box-shadow 0.2s, top 0.2s;
    transition: box-shadow 0.2s, top 0.2s;
}

@media screen and (min-width: 30.0625em) {
    .j-browse-game.card {
        width: 46.4375%;
        margin: 0 3.125% 3.125% 0;
        float: left;
    }
}
@media screen and (min-width: 52.0625em) {
    .j-browse-game.card {
        width: 21.8%;
        margin: 0 3.125% 3.125% 0;
        float: left;
    }
    .j-browse-game.card:nth-child(2n+2) {
        margin-right: 3.125%;
    }
    .j-browse-game.card:nth-child(3n+3) {
        margin-right: 3.125%;
    }
    .j-browse-game.card:nth-child(4n+4) {
        margin-right: 3.125%;
    }
}
.j-browse-game.card .j-header-icon {
    z-index: 2;
    display: none;
}
.j-browse-game.card .j-header-icon > span {
    background: #EEE;
}
.j-browse-game.card .j-header-icon > span img {
    height: 24px;
}
.j-browse-game.card .j-sub-missions {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 2;
}
.j-browse-game.card .j-sub-missions li {
    display: inline-block;
    margin: 0 -10px;
}
.j-browse-game.card .j-sub-missions img {
    width: 35px;
    height: 35px;
    border: solid 3px rgba(255,255,255,.95);
    /* overflow: auto; */
    box-sizing: content-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    /* transform-origin: center 10px; */
    /*transform: rotate(-15deg);*/
    transform-origin: center 45px;
    transition: all .2s linear;
}


.j-browse-game.card .j-sub-missions li:first-child  img {
    transform: rotate(-5deg);
}
.j-browse-game.card .j-sub-missions li:nth-child(2) img {
    transform: rotate(-10deg);
}
.j-browse-game.card .j-sub-missions li:nth-child(3) img {
    transform: rotate(10deg);
}
.j-browse-game.card .j-sub-missions li:last-child  img {
    transform: rotate(5deg);
}
.j-browse-game.card:hover .j-sub-missions li:first-child  img {
    transform: rotate(-25deg);
}
.j-browse-game.card:hover .j-sub-missions li:last-child  img {
    transform: rotate(25deg);
}

.j-browse-game.card .j-game-details-wrap {
    height: inherit;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    padding: 0 15px;
    z-index: 1;
    color: inherit;
    text-decoration: none;
    display: block;
}
.j-browse-game.card .j-game-details-wrap .j-draft-icon {
    left: 15px;
    font-size: 0.7143rem;
    padding: 3px 4px;
}
.j-game-description .j-cover-img,
.j-browse-game.card .j-cover-img {
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 225px;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    margin: -5px -15px 0;
}
.j-game-description .j-cover-img {
    float: left;
    height: 300px;
    width: 300px;

}
.j-browse-game.card .j-game-details {
    height: 115px;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
}
.j-browse-game.card .j-game-details .j-game-descr {
    margin: 0 0 15px;
    line-height: 1.429rem;
}
.j-game-meta,
.j-browse-game.card .j-game-details .j-game-meta {
    display: block;
    font-size: 0.85rem;
    color: #999;
    line-height: 1rem;
}
.j-browse-game.card .j-game-details .j-game-meta > span {
    display: block;
}

.j-browse-game.card footer.j-card-footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: bottom 0.2s;
    transition: bottom 0.2s;
    z-index: 2;
}
.j-browse-game.card footer.j-card-footer .j-game-active {
    border-top: 1px #ececec solid;
    text-align: center;
    color: #909090;
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 5px 0;
}

@media screen and (min-width: 40.0625em) {

    .j-browse-game.card:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
        top: -2px;
    }
}

.j-browse-game.card.draft .j-cover-img {
    opacity: .5;
    z-index: 1;
}

.j-browse-game.card.draft .j-game-title {
    margin-top: 37px;
}

.j-browse-game.card.draft .j-cover-img + .j-game-details .j-game-title {
    margin-top: 15px;
}


.j-browse-footer span {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 20px;
    background: white;
    border-radius: 3px;
}

.j-game .j-game-header {
    position: relative;
}

.j-game .j-game-header .j-cover-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #2f2f2f;
    background-image: none !important;
    margin: 0 -30px;
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.j-game .j-game-header .j-cover-img img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
@media screen and (max-width: 30em) {
    .j-game .j-game-header .j-cover-img {
        border-radius: 0;
        margin: 0 -15px;
    }
}

.j-game .j-game-header .j-game-title {
    color: #333;
    font-weight: 300;
    line-height: 32px;
    margin-top: 25px;
}

.j-game .j-game-header .j-game-title.no-photo {
    margin-top: 0;
    padding-top: 30px;
}

.j-game .j-game-header .j-game-meta {
    color: #999;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 18px;
    margin: 1rem 0 1.5rem;
    padding: 12px 120px 12px 46px;
    position: relative;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.j-game .j-game-header .j-game-meta .j-game-avatar {
    position: absolute;
    left: 0;
    top: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.j-game .j-game-header .j-game-meta .j-game-author {
    display: block;
}
.j-game .j-game-header .j-game-meta .j-game-time {
    display: block;
}
.j-game .j-game-header .j-game-meta ul.j-game-info {
    display: block;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.j-game .j-game-header .j-game-meta ul.j-game-info li {
    display: block;
    float: left;
    padding: 0;
    margin: 0 15px 0 0;
    font-size: 1rem;
}
.j-game .j-game-header .j-game-meta ul.j-game-info li a {
    display: block;
    color: #87c540;
    cursor: pointer;
}
.j-game .j-game-header .j-game-meta ul.j-game-info li a:hover {
    text-decoration: none;
    color: #00c5dd;
}
.j-game .j-game-header .j-game-meta ul.j-game-info li a.j-game-metrics-btn {
    margin-top: 2px;
}
@media screen and (min-width: 30.0625em) {
    .j-game .j-game-header .j-game-meta ul.j-game-info {
        position: absolute;
        right: 0;
        top: 21px;
        margin: 0;
    }
    .j-game .j-game-header .j-game-meta ul.j-game-info li {
        margin: 0 0 0 15px;
    }
}
.j-game .j-game-body {
    padding: 0 0 16px;
    overflow-x: auto;
}
.j-game .j-game-body img {
    max-width: 620px;
    height: auto;
}
.j-game .j-game-body.no-photo {
    min-height: 150px;
}

@media screen and (max-width: 30em) {
    body.j-page-game-view #j-main {
        padding: 0;
    }
    body.j-page-game-view .j-contained {
        margin: 0;
        padding: 0 15px;
        border-radius: 0;
    }
}
@media screen and (min-width: 30.0625em) {
    .j-browse-strategy.card .j-strategy-details {
        float: right;
        width: calc(100% - 140px);
    }
}
.j-view-game-element {
    margin: -12px auto 0;
}
@media screen and (min-width: 40.0625em) {
    .j-view-game-element {
        margin: -30px auto 0;
    }
}
.j-view-game-element .j-col-s {
    background: #f7f7f7;
    width: 300px;
    padding: 0 15px 15px;
    margin: 0 -12px;
}
.j-col-s.j-activity-log-side-col{
    width: 230px;
}
.j-view-game-element .j-col-s hr {
    border: none;
    border-top: 1px #ececec solid;
    border-bottom: 1px white solid;
    margin: 1rem 0;
}
@media screen and (min-width: 30.0625em) {
    .j-view-game-element .j-col-s {
        margin: 0 -20px;
    }
}
@media screen and (min-width: 40.0625em) {
    .j-view-game-element .j-col-s {
        margin: 0;
    }
}
@media screen and (min-width: 52.0625em) {
    .j-view-game-element .j-col-s .j-col-s {
        width: 200px;
    }
}
@media screen and (max-width: 40em) {
    .j-view-game-element .j-col-s {
        float: none;
        width: auto;
        padding: 15px;
    }
}
.j-view-game-element .j-col-l.j-strategy-games {
    float: none;
    width: calc(100% - 301px);
    margin: 0 0 0 301px;
    border: none;
    padding: 20px;
    box-sizing: border-box;
}  .j-edit-mode .j-view-game-element .j-col-l.j-strategy-games .j-reset-system {
       background: #fff;
   }
.j-view-game-element .j-col-l.j-strategy-games h5 {
    text-align: center;
    padding: 1.429rem 0;
}
.j-view-game-element .j-col-l.j-strategy-games .j-browse-game.card {
    width: 48.4375%;
    margin: 0 3.125% 3.125% 0;
    float: left;
}
.j-view-game-element .j-col-l.j-strategy-games .j-browse-game.card:nth-child(2n+2) {
    margin-right: 0;
}
@media screen and (max-width: 823px) {
    .j-view-game-element .j-col-l.j-strategy-games {
        padding: 20px 0 0 320px;
    }
    .j-view-game-element .j-col-l.j-strategy-games .j-browse-game.card {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 40em) {
    .j-view-game-element .j-col-l.j-strategy-games {
        padding-left: 0;
    }
}
.j-view-game-element .j-game-element-sidebar h3 {
    color: #222;
    font-weight: 200;
    word-break: break-word;
    word-wrap: break-word;
    margin: 1.429rem 0;
    line-height: normal;
}
@media screen and (max-width: 40em) {
    .j-view-game-element .j-game-element-sidebar h3 {
        margin: 0 0 1.429rem;
    }
}
.j-view-game-element .j-game-element-sidebar .j-strategy-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    margin: 1.429rem 0;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-description {

    overflow-x: auto;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-metrics {
    text-align: left;
    border: none;
    margin: 1.429rem 0;
    line-height: normal;
    padding: 0;
    list-style: none;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-metrics span {
    margin: 0 1rem 0 0;
}
@media screen and (max-width: 40em) {
    .j-view-game-element .j-game-element-sidebar .j-strategy-metrics {
        margin: 0;
    }
}
.j-view-game-element .j-game-element-sidebar .j-sidebar-actions {
    margin: 1.429rem 0;
    padding: 0;
    list-style: none;
    display: block;
}
.j-view-game-element .j-game-element-sidebar .j-sidebar-actions li {
    display: block;
    margin: 0;
    padding: 0 4px 0 0;
    float: left;
    width: 50%;
}
.j-view-game-element .j-game-element-sidebar .j-sidebar-actions li a {
    display: block;
    margin: 0;
}

.j-view-game-element .j-game-element-sidebar .j-strategy-owners {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-owners li {
    margin: 0 0 1.429rem;
    padding: 0;
    display: block;
    height: 26px;
    position: relative;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-owners li .j-owner-avatar {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    top: 0;
    left: 0;
    position: absolute;
}
.j-view-game-element .j-game-element-sidebar .j-strategy-owners li .j-owner-name {
    display: block;
    padding-left: 36px;
    height: 26px;
    line-height: 26px;
    font-size: 0.85rem;
    font-weight: 600;
    vertical-align: top;
}
@media screen and (max-width: 40em) {
    .j-view-game-element .j-game-element-sidebar hr, .j-view-game-element .j-game-element-sidebar h5,
    .j-view-game-element .j-game-element-sidebar .j-strategy-avatar,
    .j-view-game-element .j-game-element-sidebar .j-sidebar-actions,
    .j-view-game-element .j-game-element-sidebar .j-strategy-owners {
        display: none;
    }
}

#j-compose .j-layout-sl .j-col-s {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f7f7f7;
    width: 190px;
    border-radius: 0 0 0 5px;
}

#j-compose .j-layout-sl .j-col-s.j-form-image {
    padding: 20px;
}
#j-compose .j-layout-sl .j-col-s.j-form-image .j-draganddrop-target {
    max-height: 150px;
    max-width: 150px;
}

#j-compose .j-layout-sl .j-col-l {
    float: right;
    width: calc(100% - 190px);
    padding: 0;
}




.j-form-image .j-draganddrop-target {
    height: 262px;
}
.j-draganddrop-target {
    border: 2px dashed #acacac;
    border-radius: 5px;
    box-shadow: none;
    background: #E5E5E5;
    cursor: pointer;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
}

#j-compose label span {
    font-weight: normal;
    margin-left: 15px;
    color: #888;
    font-size: .95rem;
}
.j-stats {
    background: white;
    border-radius: 3px;
    margin-bottom: 20px;
    position: relative;
}
.j-stats table {
    width: 100%;
}
.j-stats table tr {
    height: 50px;
}
.j-stats table tr th {
    font-size: 1.286rem;
    font-weight: 300;
}
.j-stats table tr th:first-child {
    text-align: left;
    padding-left: 20px;
}
.j-stats table tr th:last-child {
    padding-right: 20px;
}
.j-stats table tr td {
    font-weight: 500;
    text-align: center;
}
.j-stats table tr td:first-child {
    text-align: left;
    padding-left: 20px;
}
.j-stats table tr td:last-child {
    padding-right: 20px;
}
.j-stats table tr:first-child {
    height: 62px;
}
.j-stats table tr:nth-child(even) {
    background: #f9f9f9;
    border-bottom: 1px solid #f0f0f0;
}
.j-stats table tr th, .j-stats table tr td {
    width: 16.666%;
}
.j-stats table tr th:first-child, .j-stats table tr td:first-child {
    width: 50%;
}
.j-stats a.j-view-all {
    display: block;
    padding: 6px 20px;
    font-size: 0.75rem;
    text-transform: uppercase;
    text-decoration: none;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 3px 3px;
    font-weight: 600;
    cursor: pointer;
}
.j-stats a.j-view-all:hover {
    background: #f9f9f9;
    text-decoration: none;
}
.j-stats::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    z-index: 2;
}

#j-login {
    position: relative;
    top: 0;
    padding: 30px;
    background: #FFF;
}
@media screen and (min-width: 30.0625em) {
    #j-login {
        top: 75px;
        margin: 20px auto;
        max-width: 400px;
        border-radius: 6px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
        -webkit-animation: showLogin 0.4s;
        animation: showLogin 0.4s;
    }
}
#j-login::before {
    display: block;
}
#j-login header {
    margin: 10px 0 25px;
}
#j-login label {
    text-align: center;
}
#j-login header img.j-logo {
    display: block;
    width: auto;
    height: 80px;
    margin: auto;
}
#j-login header > span {
    display: block;
    font-size: 20px;
    font-weight: 200;
    color: #008ae3;
    text-align: center;
    margin: 25px 0 0;
}
#j-login .j-form .j-form-row {
    opacity: 1;
    -webkit-animation: showMenu 0.2s;
    animation: showMenu 0.2s;
    margin-bottom: 25px;
}
#j-login .j-form .j-form-row:last-child {
    margin: 0;
}
#j-login .j-form .j-form-row.ng-hide {
    opacity: 0;
    -webkit-animation: hideMenu 0.2s;
    animation: hideMenu 0.2s;
}
#j-login .j-form input[type="text"],
#j-login .j-form input[type="email"],
#j-login .j-form input[type="password"] {
    border: none;
    border-bottom: 1px solid #aaa;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    color: #909090;
    font-size: 1.143rem;
    background: none;
}
#j-login .j-form button {
    width: 100%;
    font-size: 1.143rem;
    font-weight: 200;
    text-transform: capitalize;
}
#j-login footer .j-form-row {
    margin: 0;
}
#j-login footer .j-form-row label {
    margin: 22px 0 18px;
    font-weight: 400;
    color: #909090;
}
#j-login footer .j-form-row label input[type="checkbox"] {
    position: relative;
    top: 2px;
}
#j-login footer img.j-logo-sm {
    display: block;
    width: 50px;
    height: auto;
    margin: auto;
}


/*mission list, TABLE style*/


.j-mission-list table {
    width: 100%;
    border-collapse:separate;
    border-spacing:0 .5em;
}
.j-mission-list table tr {
    border-collapse:separate;
    border-spacing:5em;
}

.j-mission-list table th,
.j-mission-list table td {
    padding: 15px;
    text-align: left;
    vertical-align: top;
    background: #fff;
}
.j-mission-list table th {
    padding-bottom: 0;
    background: none;
}
.j-mission-list th a {
    /*color: inherit;*/
}

.j-mission-list table td.j-mission-badge {

    max-width: 120px;
}
.j-mission-list table td.j-mission-points,
.j-mission-list table td.j-mission-actions {
    text-align: right;
}

.j-mission-list table td.j-mission-badge img {
    width: 100px;
    height: 100px;
}


.j-mission-list table tr:nth-child(even) {
    background: rgba(255,255,255,.8);
}
.j-mission-list .j-mission-title a {
    display: block;
    margin: 0 0 5px;
    font-weight: 300;
    font-size: 1.5em;
}


/*mission list, LIST style*/
ul.j-mission-list {
    list-style: none;
    margin: 30px -1em;
    padding: 0;
    /*-moz-column-count: 2;*/
    /*-webkit-column-count: 2;*/
    /*column-count: 2;*/
    /*-moz-column-gap: 1em;*/
    /*-webkit-column-gap: 1em;*/
    /*column-gap: 1em;*/
}

ul.j-mission-list > li {
    display: inline-block;
    float: left;
    margin: 0 1em 1em;
    width: calc(50% - 2em);
    box-sizing: border-box;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 0.2s, top 0.2s;
    transition: box-shadow 0.2s, top 0.2s;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}
ul.j-mission-list > li:nth-child(even) {
    margin-right: 0;
}

@media screen and (min-width: 40.0625em) {

    ul.j-mission-list > li:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
        top: -2px;
    }
}

ul.j-mission-list > li h4 {
    padding: 0 0 5px;
    margin-top: 0;
    font-size: 1.5em;
}
/*ul.j-mission-list > li:hover h4 {*/
/*text-decoration: underline;*/
/*}*/

ul.j-mission-list a.j-mission-details {
    text-decoration: none;
    display: block;
    padding: 15px;
    /*position: relative;*/
}

ul.j-mission-list a.j-mission-details p {
    color: #666;
}
/*ul.j-mission-list a.j-mission-details .j-mission-description {*/
/*white-space: nowrap;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*}*/


ul.j-mission-list li .j-mission-badge {
    float: left;
    width: 175px;
    height: 175px;
    margin: 0 15px 10px 0;
}
ul.j-mission-list li .j-mission-shortcuts {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    text-decoration: none;
    background: #fff;
    border-radius: 0 0 5px 0;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #eee;
    padding: 5px 10px;
    /*removing from view until this actually does something!*/
    display: none;
}
ul.j-mission-list li .j-mission-shortcuts:hover {
    background: #f5f5f5;
}

.j-mission-description {
    max-height: 90px;
    overflow: hidden;
    word-wrap: break-word;
    width: calc(100$ - 200px);
    position: relative;
}
.j-mission-description .j-quest-description-text {
    display: block;
    margin-bottom: 30px;
}
.j-quest-description-text:after {
    content: "";
    z-index: 2;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

ul.j-mission-list li ul.j-mission-meta {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #666;
}
ul.j-mission-list li ul.j-mission-meta li {
    /*display: inline-block;*/
}




/* strategy page (mostly new stuff!) */

.j-strategy-badge-change {
    text-align: center;
    font-weight: bold;
    display: block;
}

.j-strategy-badge-description{
    text-align: center;
    font-size: 11px;
}

.j-user-log-avatar-container,
.j-mission-award {
    position: relative;
}
.j-mission-points-award {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -50px;
    background: rgba(0,0,0,.6);
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
}

.j-strategy-games header {
    margin-bottom: 20px;
}
.j-game-form-section .j-btn-global,
.j-strategy-games header  .j-btn-global {
    float: right;
}

.j-form-actions .j-game-form-section-checkbox {
    margin: 6px;
}

.j-game-form-section {
    margin: 0 0 30px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.j-game-form-section .j-quest-filter-name {
    margin-right: 10px;
}

.j-game-form-section .j-quest-filter-name.j-quest-filter-edit {
    float: left;
    width: 135px;
}

.j-game-form-section .j-quest-filters-select {
    display: inline-block;
}

.j-game-form-section .j-quest-filter-conditions {
    margin: 5px;
    font-size: 11px;
    color: #1287b5;
}

.j-game-form-section .j-quest-filter-values-options {
    float: left;
    width: 375px;
    margin-top: -6px;
}

.j-game-form-section .j-quest-filter-values-options.j-quest-filter-select {
    float: left;
    width: 165px;
    margin-right: 20px;
}

.j-game-form-section .j-quest-event-select {
    width: 420px;
}

.j-game-form-section .j-quest-event-select .selectize-dropdown-content {
    max-height: 320px;
}

.j-game-form-section .j-quest-filter-values-options input {
    width: auto !important;
}

.j-game-form-section .j-quest-filter-values-options input {
    width: auto !important;
}

.j-game-form-section .j-quest-filter-date-field {
    display: -webkit-box;
}

.j-game-form-section .j-quest-filter-text {
    margin: 10px;
    color: #1287b5;
    font-size: 12px;
}

.j-game-form-section .j-quest-filter-text-and {
    margin-top: 25px;
    color: #1287b5;
    font-size: 11px;
    position: absolute;
}

.j-game-form-section .j-quest-filter-date-field input {
    width: 112px;
    margin: -8px 0 12px 0;
}

.j-game-form-section h2 {
    margin-bottom: .5em;
    font-size: 1.3rem;
}
.j-game-form-section ol {
    margin: 1px;
    padding: 0;
    list-style-position: inside;
    border-top: solid 1px #eee;
}
.j-game-form-section ol li {
    margin: 0;
    padding: 10px 0px 10px 10px;
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
}

.j-edit-mode .j-game-form-section ol li {
    padding: 10px 55px 10px 45px;
    display: inline-block;
    width: 560px;
}

.j-game-form-section ol li.j-game-form-section-filters {
    padding: 5px;
}

.j-game-form-section ol.mission-create {
    border-top: none;
}
.j-game-form-section ol li.event-add {
    list-style-type: none;
    font-weight: bold;
}
#rule-added-1 p {
    margin: 5px 0;
}

.j-game-form-section ol li.event-add > a {
}
/*.j-game-form-section ol li:nth-child(odd) {*/
/*background: #f6f6f6;*/
/*}*/
.j-game-form-section .j-quest-action {
    margin: 0 2px;
}
.j-game-form-section .j-quest-remove {
    position: absolute;
    top: 11px;
    right: 7px;
}

.j-game-form-section .j-quest-remove.j-quest-remove-filter {
    top: 3px;
}
.j-game-form-section .j-mission-rule-secondary {
    margin: 10px 0 0;
    padding: 10px;
    background: #f0f0f0;
}
.j-mission-rule-secondary .j-select-target {
    margin: 0 0 10px;
}
.j-mission-rule-secondary .j-select-target label {
    display: block;
    margin: 0 0 10px;
}
.j-mission-rule-secondary .j-select-target p {
    margin: -5px 0 16px 24px;
}
.j-game-form-section ol li .j-event-options,
.j-game-form-section ol li p.j-event-details {
    margin: 5px 15px 0;
}
.j-game-form-section ol li p.j-event-details {
    color: #888;
}
.j-game-form-section ol li .j-event-options input.repeat {
    width: 50px;
    display: inline-block;
    text-align: center;
}
.j-game-form-section ol li .j-event-options label {
    font-weight: normal;
    margin: 0 5px 0 0;
    display: inline-block;
}

.j-game-form-section table {
    width: 100%;
}
.j-game-form-section table th,
.j-game-form-section table td {
    padding: 10px 20px 10px 0;
    text-align: left;
    vertical-align: top;
}
.j-game-form-section table th {
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
}
.j-game-form-section table th p {
    font-weight: normal;
    margin-bottom: 0;
}

.j-game-form-section .config-label-cell label p {
    font-weight: normal;
}

.j-game-form-section table td.badge {
    padding-right: 15px;
    width: 50px;
}

.j-game-form-section table td h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 10px;
}
.j-game-form-section table td p {
    margin: 5px 0;
}
.j-game-form-section table .action {
    text-align: right;
    padding-right: 0;
}
.j-game-form-section table .action .remove {
    display: inline-block;
    margin-right: 10px;
}
.j-game-form-section table .points {
    text-align: right;
    /*font-weight: bold;*/
}
.j-game-form-section table .add-event {
    background: #ddd;
    text-align: center;
}
.j-game-form-section table .points.tally {
    border-left: solid 1px #ddd;
}

.j-game-form-section table .include {
    text-align: center;
    padding: 10px 10px 10px 0;
}

.j-game-form-section table .include input[type="checkbox"] {
    float: none;
    display: inline-block;
    margin: 0;
}

.j-game-form-section table tfoot {
    border-top: solid 1px #ddd;
    font-weight: bold;
}
.j-edit-mode .j-game-form-section table tfoot {
    border-top: none;
}
.j-game-form-section input.points,
.j-game-form-section table tfoot td input {
    width: 75px;
    text-align: left;
}

.j-game-form-section label {
    display: inline-block;
    line-height: 1.25;
}
.j-game-form-section .required {
    color: #a20000;
}
.j-game-form-section .j-form-desc {
    color: #888;
    font-size: .9em;
    margin: 5px 0 20px;
}
.j-strategy-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.j-strategy-list .badge {
    position: relative;
    min-height: 50px;
    padding: 0 0 0 65px;
    margin: 0 0 20px;
}
.j-strategy-list h4,
.j-strategy-list p {
    margin: 0 0 5px;
    font-size: .95rem;
    line-height: 1.25;
}
.j-strategy-list h4 {
    font-weight: bold;
    font-size: 1rem;
}
.badge img {
    width: 50px;
    height: 50px;
}
.j-strategy-list .badge img {
    position: absolute;
    top: 0;
    left: 0;
}
.j-strat-value-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.j-strat-value-list input {
    width: 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.j-strat-value-list li {
    position: relative;
    padding: 0;
    margin: 5px 0;
    vertical-align: middle;
    font-size: .9rem;
}

.j-strat-value-list li span {
    display: inline-block;
}

.j-slider {
    height: 15px;
    width: 125px;
    display: inline-block;
    padding: 2px 3px;
    background: rgba(255,255,255,.5);
    border-radius: 15px;
    position: relative;
    border: solid 1px rgba(0,0,0,.1)
}
.j-slider span {
    background: #C62A2A;
    border-radius: 15px;
    padding: 2px 3px;
    height: 9px;
    position: absolute;
    left: 3px;
    top: 2px;
}

.j-place-list {
    display: inline-block;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.j-place-list li {
    display: inline-block;
    padding: 5px 10px;
    background: #def;
    margin: 0 10px 0 0;
    border-radius: 5px;
    border: solid 1px #cde;
}

/*dashboard (shares some styles with welcome page)*/
.j-welcome-blocks,
.j-dashboard-top {
    list-style: none;
    margin: 0;
    padding: 0;
}
.j-welcome-blocks {
    margin-top: 30px;
}
.j-welcome-blocks li,
.j-dashboard-top li {
    width: 32%;
    margin: 0 0 0 20px;
    padding: 10px 15px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    float: left;
    height: 450px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 0.2s, top 0.2s;
    transition: box-shadow 0.2s, top 0.2s;
    border-radius: 5px;
}

.j-welcome-blocks li:first-child,
.j-dashboard-top li:first-child {
    margin: 0;
}
.j-welcome-blocks li {
    text-align: center;
    padding: 0;
    width: calc(25% - 20px);
}
.j-welcome-blocks li.welcome-block {
    margin-bottom: 20px;
}
.j-welcome-blocks a {
    color: inherit;
}
.j-welcome-blocks h4 {
    margin: 20px 0;
    font-size: 1.5em;

}
/*Welcome page*/

.welcome-block-img {
    display: block;
    text-align: center;
    margin: 0 0 10px;
    width: 100%;
}



.j-chart-container {
    text-align: center;
}
.j-dashboard-more-reports {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.increased {
    color: green;
}
.decreased {
    color: #a20000;
}
.percent-change {
    font-size: 1.2em;
}

.j-system-mission {
    background: #021777;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
}

.j-dashboard-top.j-leaderboard {
    margin: 20px 0;
    padding: 10px 15px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
}

.j-dashboard-top.j-leaderboard.j-user-activity-log-board {
    margin: 0;
    float: right;
}

.j-dashboard-top.j-leaderboard .j-filter {
    display: inline-block;
    margin: 0 10px 10px 0;
}

/* Players page */
.j-leaderboard table th.rank,
.j-leaderboard table th.actions,
.j-leaderboard table td.actions {
    text-align: left;
}
.j-leaderboard table td.actions {
    font-size: 16px;
}

.j-leaderboard table {
    width: 100%;
}


.j-leaderboard table th,
.j-leaderboard table td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 1px #ddd;
}
.j-leaderboard table td.rank {
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    line-height: 48px;
}
.j-leaderboard table td p {
    margin: 0;
}
.j-leaderboard table td p.j-level-info {
    color: #888;
}
.j-leaderboard .username a {
    display: inline-block;
    max-width: 250px;
    word-break: break-word;
    word-wrap: break-word;
}
.j-leaderboard .add {
    vertical-align: middle;
    white-space: nowrap;
}

.j-leaderboard .addtxt {
    margin-left: 7px;
}
.j-leaderboard .add:hover {
    color: #87c53f;
}

.j-leaderboard .remove {
    vertical-align: middle;
    white-space: nowrap;
}

.j-leaderboard .remove:hover {
    color: #ed0503;
}

.j-leaderboard .j-leaderboard-footer {
    margin-top: 2px;
    color: #888;
    padding: 20px 0px;
}

.j-leaderboard .j-leaderboard-footer .j-pagination{
    float: right;
}

.j-leaderboard .j-leaderboard-footer:active {
    color: #1287b5;
}

.j-notification {
    position: fixed;
    top: 47px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 15px;
    font-weight: bold;
    z-index: 5;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 5px rgba(0,0,0,.1);
}

/*LEVELS specific*/
.j-status-level-list {
    margin: 20px 0;
    padding: 10px 15px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
}

.j-status-level-list table {
    width: 100%;
}
.j-status-level-list table th,
.j-status-level-list table td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 1px #ddd;
    text-overflow: ellipsis;
    max-width: 250px;
    overflow: hidden;
}

.j-status-level-list td.add-level {
    padding: 15px 10px;
    border: none;
}

.j-status-level-list table th.badge,
.j-status-level-list table td.badge,
.j-status-level-list table td.points {
    text-align: center;
    width: 110px;
}
.j-status-level-list table th.level,
.j-status-level-list table td.level {
    width: 60px;
    text-align: center;
}
.j-status-level-list table td.level {
    font-size: 1.8rem;
    font-weight: 200;
}
.j-status-level-list tr:nth-child(even) {
    background: rgba(255,255,255,.9);
}
.j-status-level-list .badge-container {
    position: relative;
}
.j-status-level-list .badge-container .edit {
    display: block;
    margin: -5px 0 0;
    font-size: 1.2rem;
    text-align: center;
    padding: 4px;
    position: absolute;
    right: 0;
    bottom: -8px;
}
/*In-page faq*/

.j-game-faq {
    margin: 0 auto;
}


/*misc*/
.j-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

/*misc*/
.j-activity-log-avatar {
    width: 200px;
    height: 200px;
}

/*Mission modal - badge*/
.j-badge-modal h1 {
    font-weight: 300;
    margin: 0 0 20px;
    font-size: 22px;
}

.j-badge-modal h2 {
    font-weight: 300;
    margin: 0 0 20px;
    font-size: 18px;
}

.j-badge-grid {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
.j-badge-grid li {
    float: left;
    padding: 0 10px 10px 0;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
}
.j-badge-grid li img {
    width: 100px;
    height: 100px;
}
.j-badge-modal .j-btn-row {
    border-top: solid 1px #dadada;
    margin-top: 50px;
    padding: 20px 0;
}
.j-mission-badge-maker {
    background: #eee;
    padding: 10px;
    width: 180px;
    text-align: center;
    border: solid 1px #dadada;
}

.j-badge-modal .cropit-image-preview {
    width: 250px;
    height: 250px;
    cursor: move;
}

.cropit-image-select {
    position: absolute;
    top: 0;
    margin: 0 auto;
    width: 150px;
    opacity: .7;
    height: 150px;
}
.cropit-image-select:hover {
    opacity: 1.0;
}
.cropit-image-loaded .cropit-image-select {
    display: none;
}


.cropit-image-preview {
    background-color: #fff;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 auto;
    width: 150px;
    cursor: pointer;
    height: 150px;
    position: relative;
    box-sizing: content-box;
}
.cropit-image-preview:hover .jive-icon-glyph,
.cropit-image-preview:hover {
    border: solid 1px rgba(55,120,199, .5);
    opacity: 1.0;
}
.cropit-image-background {
    opacity: .2;
    cursor: auto;
}

.cropit-image-preview .jive-icon-glyph {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    padding: 4px;
    background: #fff;
    z-index: 2;
    border: solid 1px #ccc;
    opacity: .7;
}
.cropit-image-zoom-input {
    display: inline-block;
    margin: 10px 0;
}
input.cropit-image-input {
    visibility: hidden;
    height: 1px;
    width: 1px;
    display: block;
}

/*CSS for Reports page*/
.content-bg {
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0;
    margin: 20px 0;
    padding: 20px;
}

.content {
    width: 550px;
    height: auto;
    background: #fff;
    border-radius: 0;
    padding: 0;
    margin: auto;
}

.tab {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    color: #606060;
    margin-top: -25px;
    float: right;
    margin-right: -1px;
    border-radius: 0px !important;
}

.link {
    width: 160px;
    padding: 0;
    margin-top: 60px;
    position: relative;
    left: 802px;
    cursor: pointer;
}
.thumb {
    width: 45px;
    height: 45px;
}

.download {
    width: 160px;
    padding: 0;
    margin: -9px -22px;
    position: relative;
    float: right;
    color: #1287c5;
    cursor: pointer;
}

/*CSS for Quest Translation page*/

.content-l {
    border-left: solid 1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    float: none;
    width: calc(100% - 301px);
    margin: 0 0 0 301px;
    padding: 0px 23px 23px;
    box-sizing: border-box;
}

.tabs-translation {
    width: 100%;
    text-align: left;
    margin: auto;
    padding: 0px;
    margin-left: -23px;
}

.tabs-translation ul {
    list-style: none;
    margin: auto;
    padding: 0;
    color: #606060;
    width: 107%;
}


.tabs-translation li {
    display: inline-block;
    padding: 10px 40px;
    cursor: pointer;
    margin-bottom: -1px;
    border-bottom: transparent;
    color: #606060;
    margin-left: 0px;
    text-align: center;
    width: 349px;
    margin-right: -4px;
}

.tabs-translation li:hover,
.tabs-translation li.active  {
    background:#eee;
}

.table-row {
    margin: 20px 0;
    padding: 10px;
    background: #ffffff;
    position: relative;
    box-sizing: border-box;
}

.table-row th, .table-row td  {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 10px;
}

.table-row input {
    margin: 10px 0px;
}

.input-lang {
    height: 40px;
    background: #fff;
    border-radius:3px;
    border: 1px solid #E5E5E5;
    width: 90px;
}

#elementID {
    font-size: 25px;
}

/*CSS for Advocacy Settings page*/

.j-settings {
    background-color: #f7f7f7;
    position: relative;
    padding: 0 15px 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 0.2s, top 0.2s;
    transition: box-shadow 0.2s, top 0.2s;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
}

.j-settings-image {
    width: 440px;
    height: 247px;
    background-image: url("/images/quest-teas.png");
    background-repeat: no-repeat;
    margin: 60px 20px 20px;
    float: left;
}

.j-btn-settings {
    border-radius: 3px;
    border: 1px solid #1077AD;
    background: #1185C2;
    display: inline-block;
    color: white;
    margin: 0 8px 0 0;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    transition: all 0.5s ease-out 0s;
    float: left;
}

.j-btn-settings:hover {
    border-radius: 3px;
    border: 1px solid #1077AD;
    background: #0e6ea0;
    display: inline-block;
    color: white;
    -webkit-transition: 0.05s;
    transition: 0.05s;
}

.j-btn-settings-configured {
    color: #1185C2;
    font-size: 15px;
    float: none;
    background-color: transparent;
    border: none;
    text-align: right;
    padding: 0px;
    margin-top: 13px;
    cursor: pointer;
}

.j-btn-settings-configured:hover {
    background-color: transparent;
}

.j-btn-settings-create {
    border-radius: 3px;
    border: #80bd39 1px solid;
    background: #87c540;
    display: inline-block;
    color: white;
    margin: 0 8px 0 0;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    float: left;
    transition: all 0.5s ease-out 0s;
}

.j-btn-settings-create:hover {
    border-radius: 3px;
    border: #80bd39 1px solid;
    background: #7cb53b;
    display: inline-block;
    color: white;
}

.j-settings-content {
    margin-top: 50px;
    position: absolute;
    margin-left: 430px;
    width: 420px;
}

.j-settings-title {
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #EAEAEA;
    font-size: 20px;
    color: #1185C2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.enter-up-bounce {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: enterUpBounce 1s linear;
    -moz-animation: enterUpBounce 1s linear;
    -ms-animation: enterUpBounce 1s linear;
    -o-animation: enterUpBounce 1s linear;
    animation: enterUpBounce 4s ease-in-out;
    color: #ffffff;
    font-size:50px;
    text-shadow: 1px 1px 4px #bfbfbf;
    animation-iteration-count: infinite;
    margin-left: -21px;
    -webkit-text-stroke: 1px #FE7193;
    position: absolute;
}

/*CSS for Quests empty states (All, On boarding, General)*/

.j-emptyState-container {
    position: relative;
    padding: 0 15px 15px;
    -webkit-transition: box-shadow 0.2s, top 0.2s;
    transition: box-shadow 0.2s, top 0.2s;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: 362px;
}

.j-btn-emptyState-create {
    border-radius: 3px;
    border: #80bd39 1px solid;
    background: #87c540;
    display: inline-block;
    color: white;
    margin: 0 8px 0 0;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    transition: all 0.5s ease-out 0s;
}

.j-btn-emptyState-create:hover {
    border-radius: 3px;
    border: #80bd39 1px solid;
    background: #7cb53b;
    display: inline-block;
    color: white;
}

.j-emptyState-content {
    margin-top: 50px;
    text-align: center;
    margin: auto;
    position: relative;
    margin-top: 80px;
}

section.j-help {
    margin: -30px 0 0;
}
.j-help-header {
    font-size: 1em;
    font-weight: bold;
}



@-webkit-keyframes enterUpBounce {
    20% {
        -webkit-transform: translateY(10px);
        opacity: 60;
    }
    50% {
        -webkit-transform: translateY(0px);
    }
    70% {
        -webkit-transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

/*Jive icons - for typeaheads*/

/* ===========
icons are spaced evenly, so x & y position numbers should almost always be the following:
16px  80px   144px  208px  272px  336px  400px  464px  528px  592px  656px  720px
784px  848px  912px  976px 1040px 1104px 1168px 1232px 1296px 1360px 1424px
============== */

/* START of standard sprite grouping */
/**
* some of these icon rules are necessarily duplicated in ui.css.
* please look there also if changing these rules
*/
.jive-icon-sml,
.jive-icon-med,
.jive-icon-big,
.jive-icon-huge {
    background-color: transparent;
    background-position: -100% -100%; /* show no icons by mistake */
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top;
    padding: 0;
}
.jive-icon-sml {
    background-image: url(/images/jive-icon-sprites-sml.png);
    height: 12px;
    width: 12px;
    margin: 1px 5px 0 0;
}
.jive-icon-med {
    background-image: url(/images/jive-icon-sprites-med.png);
    height: 16px;
    width: 17px;
}
.jive-icon-med.jive-ext-icon-16 { width: 16px; }
.jive-link-app-icon {
    background: no-repeat top left;
    padding: 1px 0 0 18px;
}
/* plus button is slightly larger */
.jive-icon-med.jive-icon-plus-button,
.jive-icon-med.jive-icon-plus-button:focus {
    width: 18px;
    height: 18px
}
.jive-icon-big {
    background-image: url(/images/jive-icon-sprites-big.png);
    height: 25px;
    width: 25px;
    margin: 0 6px 0 0;
}
.jive-icon-huge {
    background-image: url(/images/jive-icon-sprites-huge.png);
    height: 48px;
    width: 48px;
    margin: 0 8px 0 0;
}
.jive-rendered-content a span.jive-icon-sml,
.jive-rendered-content a span.jive-icon-med {
    display: inline-block;
    float: none;
    margin-bottom: -2px;
    top: 0; /*escape j-act styles for mbs/dms, TODO: icon positioning probably needs a cleanup at some point */
}

.j-gloat-switch-container {
    padding-bottom: 15px;
}

.j-gloat-icon {
    display: inline-block;
    height: 19px;
    width: 15px;
    background-image: url(/images/gloat-icon.png);
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.j-taunt-icon {
    display: inline-block;
    height: 20px;
    width: 14px;
    background-image: url(/images/taunt-icon.png);
    position: relative;
    top: 5px;
    margin-right: 6px;
}

.j-challenge-icon-turned-off {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* images for inline sprites */
img.jive-icon-sml,
img.jive-icon-med,
img.jive-icon-big {
    border: 0 none;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}
img.jive-icon-sml { /*empty */ }
img.jive-icon-med { width: 16px; }
img.jive-icon-big { width: 24px; }

/* inline-block for links containing icons (so we don't have to use the img tag any more) */
.j-inline-link { display: inline-block; }
a.j-user-link:hover { text-decoration: none; }
a.j-user-link { padding-left: 0.5ex; }
a.j-user-link:hover .j-user-link-txt { text-decoration: underline; }

a.j-user-link .jive-icon-sml {
    display: inline-block;
    float: none;
    position: relative;
    top: 1px;
}

/* rules for content ratings */
.jive-content-userrating .jive-icon-med,
.jive-content-avgrating .jive-icon-med,
.jive-content-avgrating-score .jive-icon-med,
.jive-comment-userrating-score .jive-icon-med {
    width: 16px;
    margin: 0;
}

/* individual sprite positions */
.jive-icon-blank { background-image: none; }
.jive-icon-acclaim { background-position: -592px -272px; }
.jive-icon-actions { background-position: -1104px -336px; }
.jive-icon-activity { background-position: -1232px -336px; }
.jive-icon-activity-gauge-low { background-position: -400px -272px; }
.jive-icon-activity-gauge-med { background-position: -464px -272px; }
.jive-icon-activity-gauge-high { background-position: -528px -272px; }
.jive-icon-blog, .jive-icon-blogpost { background-position: -16px -144px; }
.jive-icon-blog-bookmark { background-position: -336px -144px; }
.jive-icon-blog-comment { background-position: -272px -144px; }
.jive-icon-bookmark { background-position: -16px -784px }
.jive-icon-bookmark-glyph { background-position: -1232px -656px; }
.jive-icon-bookmark-private { background-position: -1168px -656px; } /* same as content-private */
.jive-icon-bookmark-ribbon { background-position: -144px -784px }
.jive-icon-bookmark-ribbon-grey { background-position: -208px -784px }
.jive-icon-bookmark-ribbonaction { background-position: -272px -784px }
.jive-icon-bookmark-ribbonaction-grey { background-position: -336px -784px }
.jive-icon-direct-message { background-position: -1296px -848px; }
.jive-icon-direct-message-label {background-position: -1040px -272px; }
.jive-icon-direct-message-1-1-label {background-position: -1296px -272px; }
.jive-icon-discussion-bridged,
.jive-icon-discussion,
.jive-icon-thread { background-position: -16px -16px; }
.jive-icon-discussion-bookmark-bridged,
.jive-icon-discussion-bookmark { background-position: -272px -16px; }
.jive-icon-discussion-branch { background-position: -336px -16px; }
.jive-icon-discussion-correct-bridged,
.jive-icon-discussion-correct { background-position: -208px -16px; }
.jive-icon-discussion-helpful-bridged,
.jive-icon-discussion-helpful { background-position: -144px -16px; }
.jive-icon-discussion-lock { background-position: -208px -656px; } /* same as group-private */
.jive-icon-discussion-question-bridged,
.jive-icon-discussion-question { background-position: -80px -16px; }
.jive-icon-discussion-unlock { background-position: -336px -656px; } /* same as group-open */
.jive-icon-document-glyph { background-position: -1168px -656px;}
.jive-icon-document { background-position: -16px -80px; }
.jive-icon-document-bookmark { background-position: -1168px -80px; }
.jive-icon-document-comment { background-position: -1104px -80px; }
.jive-icon-document-upload { background-position: -1040px -80px; }
.jive-icon-doctype-acrobat { background-position: -80px -80px; }
.jive-icon-doctype-compressed { background-position: -144px -80px; }
.jive-icon-doctype-document { background-position: -208px -80px; }
.jive-icon-doctype-generic { background-position: -272px -80px; }
.jive-icon-doctype-image { background-position: -336px -80px; }
.jive-icon-doctype-presentation { background-position: -400px -80px; }
.jive-icon-doctype-spreadsheet { background-position: -464px -80px; }
.jive-icon-doctype-text { background-position: -528px -80px; }
.jive-icon-doctype-video { background-position: -592px -80px; }
.jive-icon-edit { background-position: -720px -80px; }
.jive-icon-external-site { background-position: -400px -784px; }
.jive-icon-external-site-bookmark { background-position: -528px -784px }
.jive-icon-external-site-comment { background-position: -464px -784px }
.jive-icon-url-comment { background-position: -400px -784px; }
.jive-icon-event { background-position: -1040px -16px; }
.jive-icon-event-bookmark { background-position: -1168px -16px; }
.jive-icon-event-comment { background-position: -1104px -16px; }
.jive-icon-group { background-position: -208px -912px; }
.jive-icon-group-member_only { background-position: -272px -656px; }
.jive-icon-group-open { background-position: -336px -656px; }
.jive-icon-group-private, .jive-icon-group-closed { background-position: -208px -656px; }
.jive-icon-group-secret, .jive-icon-group-covert { background-position: -400px -656px; }
.jive-icon-group-secret2 { background-position: -336px -912px; }
.jive-icon-idea { background-position: -848px -16px; }
.jive-icon-idea-bookmark { background-position: -976px -16px; }
.jive-icon-idea-comment { background-position: -912px -16px; }
.jive-icon-mention { background-position: -656px -272px; }
.jive-icon-mention-label {background-position: -912px -272px; }
.jive-icon-mention-label-inactive {background-position: -1168px -272px; }

.jive-icon-partner { background-position: -1104px -272px; }
.jive-icon-partner-alt { background-position: -1232px -271px; }
.jive-icon-poll { background-position: -16px -208px; }
.jive-icon-poll-add { background-position: -80px -208px; }
.jive-icon-poll-bookmark { background-position: -336px -208px; }
.jive-icon-poll-comment { background-position: -208px -208px; }
.jive-icon-poll-edit { background-position: -144px -208px; }
.jive-icon-poll-vote { background-position: -272px -208px; }
.jive-icon-preferences { background-position: -336px -528px; }
.jive-icon-project { background-position: -144px -912px; }
.jive-icon-project-bookmark { background-position: -656px -912px; }
.jive-icon-project-move { background-position: -272px -400px; }
.jive-icon-project-tiny { background-position: -317px -1360px; }
.jive-icon-project-status-low { background-position: -848px -912px; }
.jive-icon-project-status-med { background-position: -912px -912px; }
.jive-icon-project-status-high { background-position: -976px -912px; }
.jive-icon-project-status-complete { background-position: -1040px -912px; }
.jive-icon-question { background-position: -528px -592px; }
.jive-icon-share {background-position: -336px -400px; }
.jive-icon-share-comment {background-position: -80px -144px; }
.jive-icon-share-label {background-position: -976px -272px; }
.jive-icon-social-news { background-position: -848px -272px; }
.jive-icon-space { background-position: -80px -912px; }
.jive-icon-space-bookmark { background-position: -592px -912px; }
.jive-icon-status { background-position: -272px -528px; }
.jive-icon-status-comment { background-position: -1040px -529px; }
.jive-icon-tag { background-position: -16px -464px; }
.jive-icon-tag-create { background-position: -144px -464px; }
.jive-icon-taggroup { background-position: -80px -464px; }
.jive-icon-task { background-position: -16px -400px; }
.jive-icon-task-grouped { background-position: -528px -400px; }
.jive-icon-task-grouped-selected { background-position: -592px -400px; }
.jive-icon-task-flat { background-position: -400px -400px; }
.jive-icon-task-flat-selected { background-position: -464px -400px; }
.jive-icon-video { background-position: -16px -976px; }
.jive-icon-video-bookmark { background-position: -208px -976px; }
.jive-icon-video-collaboration { background-position: -784px -80px; } /* same as document-collaboration */
.jive-icon-video-comment { background-position: -144px -976px; }
.jive-icon-video-featured { background-position: -80px -976px; }
.jive-icon-vote-poll { background-position: -80px -592px;}  /* same as jive-icon-check */
.jive-icon-warn { background-position: -464px -592px; }
.jive-icon-web { background-position: -208px -720px; }
.jive-icon-remove { background-position: -1067px -1360px; }

.jive-icon-profile { background-position: -208px -528px; }
/* start outcomes for TLO actions menu */