.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f15e"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f161"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f163"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-cab:before{content:"\f1ba"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-spotify,.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}
@font-face{font-family:'Glyphicons Regular';src:url('../fonts/glyphicons-regular.eot');src:url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'),url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}.glyphicons{display:inline-block;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicons:before{display:inline-block;padding:6px 8px}.glyphicons.x05{font-size:12px}.glyphicons.x2{font-size:48px}.glyphicons.x2:before{padding:8px 12px}.glyphicons.x3{font-size:72px}.glyphicons.x3:before{padding:16px 20px}.glyphicons.x4{font-size:96px}.glyphicons.x4:before{padding:20px 28px}.glyphicons.x5{font-size:120px}.glyphicons.x5:before{padding:28px 36px}.glyphicons.light:before{color:#f2f2f2}.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.glyphicons-glass:before{content:"\E001"}.glyphicons-leaf:before{content:"\E002"}.glyphicons-dog:before{content:"\E003"}.glyphicons-user:before{content:"\E004"}.glyphicons-girl:before{content:"\E005"}.glyphicons-car:before{content:"\E006"}.glyphicons-user-add:before{content:"\E007"}.glyphicons-user-remove:before{content:"\E008"}.glyphicons-film:before{content:"\E009"}.glyphicons-magic:before{content:"\E010"}.glyphicons-envelope:before{content:"\E011"}.glyphicons-camera:before{content:"\E012"}.glyphicons-heart:before{content:"\E013"}.glyphicons-beach-umbrella:before{content:"\E014"}.glyphicons-train:before{content:"\E015"}.glyphicons-print:before{content:"\E016"}.glyphicons-bin:before{content:"\E017"}.glyphicons-music:before{content:"\E018"}.glyphicons-music-alt:before{content:"\E019"}.glyphicons-heart-empty:before{content:"\E020"}.glyphicons-home:before{content:"\E021"}.glyphicons-snowflake:before{content:"\E022"}.glyphicons-fire:before{content:"\E023"}.glyphicons-magnet:before{content:"\E024"}.glyphicons-parents:before{content:"\E025"}.glyphicons-binoculars:before{content:"\E026"}.glyphicons-road:before{content:"\E027"}.glyphicons-search:before{content:"\E028"}.glyphicons-cars:before{content:"\E029"}.glyphicons-notes-2:before{content:"\E030"}.glyphicons-pencil:before{content:"\E031"}.glyphicons-bus:before{content:"\E032"}.glyphicons-wifi-alt:before{content:"\E033"}.glyphicons-luggage:before{content:"\E034"}.glyphicons-old-man:before{content:"\E035"}.glyphicons-woman:before{content:"\E036"}.glyphicons-file:before{content:"\E037"}.glyphicons-coins:before{content:"\E038"}.glyphicons-plane:before{content:"\E039"}.glyphicons-notes:before{content:"\E040"}.glyphicons-stats:before{content:"\E041"}.glyphicons-charts:before{content:"\E042"}.glyphicons-pie-chart:before{content:"\E043"}.glyphicons-group:before{content:"\E044"}.glyphicons-keys:before{content:"\E045"}.glyphicons-calendar:before{content:"\E046"}.glyphicons-router:before{content:"\E047"}.glyphicons-camera-small:before{content:"\E048"}.glyphicons-star-empty:before{content:"\E049"}.glyphicons-star:before{content:"\E050"}.glyphicons-link:before{content:"\E051"}.glyphicons-eye-open:before{content:"\E052"}.glyphicons-eye-close:before{content:"\E053"}.glyphicons-alarm:before{content:"\E054"}.glyphicons-clock:before{content:"\E055"}.glyphicons-stopwatch:before{content:"\E056"}.glyphicons-projector:before{content:"\E057"}.glyphicons-history:before{content:"\E058"}.glyphicons-truck:before{content:"\E059"}.glyphicons-cargo:before{content:"\E060"}.glyphicons-compass:before{content:"\E061"}.glyphicons-keynote:before{content:"\E062"}.glyphicons-paperclip:before{content:"\E063"}.glyphicons-power:before{content:"\E064"}.glyphicons-lightbulb:before{content:"\E065"}.glyphicons-tag:before{content:"\E066"}.glyphicons-tags:before{content:"\E067"}.glyphicons-cleaning:before{content:"\E068"}.glyphicons-ruler:before{content:"\E069"}.glyphicons-gift:before{content:"\E070"}.glyphicons-umbrella:before{content:"\E071"}.glyphicons-book:before{content:"\E072"}.glyphicons-bookmark:before{content:"\E073"}.glyphicons-wifi:before{content:"\E074"}.glyphicons-cup:before{content:"\E075"}.glyphicons-stroller:before{content:"\E076"}.glyphicons-headphones:before{content:"\E077"}.glyphicons-headset:before{content:"\E078"}.glyphicons-warning-sign:before{content:"\E079"}.glyphicons-signal:before{content:"\E080"}.glyphicons-retweet:before{content:"\E081"}.glyphicons-refresh:before{content:"\E082"}.glyphicons-roundabout:before{content:"\E083"}.glyphicons-random:before{content:"\E084"}.glyphicons-heat:before{content:"\E085"}.glyphicons-repeat:before{content:"\E086"}.glyphicons-display:before{content:"\E087"}.glyphicons-log-book:before{content:"\E088"}.glyphicons-address-book:before{content:"\E089"}.glyphicons-building:before{content:"\E090"}.glyphicons-eyedropper:before{content:"\E091"}.glyphicons-adjust:before{content:"\E092"}.glyphicons-tint:before{content:"\E093"}.glyphicons-crop:before{content:"\E094"}.glyphicons-vector-path-square:before{content:"\E095"}.glyphicons-vector-path-circle:before{content:"\E096"}.glyphicons-vector-path-polygon:before{content:"\E097"}.glyphicons-vector-path-line:before{content:"\E098"}.glyphicons-vector-path-curve:before{content:"\E099"}.glyphicons-vector-path-all:before{content:"\E100"}.glyphicons-font:before{content:"\E101"}.glyphicons-italic:before{content:"\E102"}.glyphicons-bold:before{content:"\E103"}.glyphicons-text-underline:before{content:"\E104"}.glyphicons-text-strike:before{content:"\E105"}.glyphicons-text-height:before{content:"\E106"}.glyphicons-text-width:before{content:"\E107"}.glyphicons-text-resize:before{content:"\E108"}.glyphicons-left-indent:before{content:"\E109"}.glyphicons-right-indent:before{content:"\E110"}.glyphicons-align-left:before{content:"\E111"}.glyphicons-align-center:before{content:"\E112"}.glyphicons-align-right:before{content:"\E113"}.glyphicons-justify:before{content:"\E114"}.glyphicons-list:before{content:"\E115"}.glyphicons-text-smaller:before{content:"\E116"}.glyphicons-text-bigger:before{content:"\E117"}.glyphicons-embed:before{content:"\E118"}.glyphicons-embed-close:before{content:"\E119"}.glyphicons-table:before{content:"\E120"}.glyphicons-message-full:before{content:"\E121"}.glyphicons-message-empty:before{content:"\E122"}.glyphicons-message-in:before{content:"\E123"}.glyphicons-message-out:before{content:"\E124"}.glyphicons-message-plus:before{content:"\E125"}.glyphicons-message-minus:before{content:"\E126"}.glyphicons-message-ban:before{content:"\E127"}.glyphicons-message-flag:before{content:"\E128"}.glyphicons-message-lock:before{content:"\E129"}.glyphicons-message-new:before{content:"\E130"}.glyphicons-inbox:before{content:"\E131"}.glyphicons-inbox-plus:before{content:"\E132"}.glyphicons-inbox-minus:before{content:"\E133"}.glyphicons-inbox-lock:before{content:"\E134"}.glyphicons-inbox-in:before{content:"\E135"}.glyphicons-inbox-out:before{content:"\E136"}.glyphicons-cogwheel:before{content:"\E137"}.glyphicons-cogwheels:before{content:"\E138"}.glyphicons-picture:before{content:"\E139"}.glyphicons-adjust-alt:before{content:"\E140"}.glyphicons-database-lock:before{content:"\E141"}.glyphicons-database-plus:before{content:"\E142"}.glyphicons-database-minus:before{content:"\E143"}.glyphicons-database-ban:before{content:"\E144"}.glyphicons-folder-open:before{content:"\E145"}.glyphicons-folder-plus:before{content:"\E146"}.glyphicons-folder-minus:before{content:"\E147"}.glyphicons-folder-lock:before{content:"\E148"}.glyphicons-folder-flag:before{content:"\E149"}.glyphicons-folder-new:before{content:"\E150"}.glyphicons-edit:before{content:"\E151"}.glyphicons-new-window:before{content:"\E152"}.glyphicons-check:before{content:"\E153"}.glyphicons-unchecked:before{content:"\E154"}.glyphicons-more-windows:before{content:"\E155"}.glyphicons-show-big-thumbnails:before{content:"\E156"}.glyphicons-show-thumbnails:before{content:"\E157"}.glyphicons-show-thumbnails-with-lines:before{content:"\E158"}.glyphicons-show-lines:before{content:"\E159"}.glyphicons-playlist:before{content:"\E160"}.glyphicons-imac:before{content:"\E161"}.glyphicons-macbook:before{content:"\E162"}.glyphicons-ipad:before{content:"\E163"}.glyphicons-iphone:before{content:"\E164"}.glyphicons-iphone-transfer:before{content:"\E165"}.glyphicons-iphone-exchange:before{content:"\E166"}.glyphicons-ipod:before{content:"\E167"}.glyphicons-ipod-shuffle:before{content:"\E168"}.glyphicons-ear-plugs:before{content:"\E169"}.glyphicons-record:before{content:"\E170"}.glyphicons-step-backward:before{content:"\E171"}.glyphicons-fast-backward:before{content:"\E172"}.glyphicons-rewind:before{content:"\E173"}.glyphicons-play:before{content:"\E174"}.glyphicons-pause:before{content:"\E175"}.glyphicons-stop:before{content:"\E176"}.glyphicons-forward:before{content:"\E177"}.glyphicons-fast-forward:before{content:"\E178"}.glyphicons-step-forward:before{content:"\E179"}.glyphicons-eject:before{content:"\E180"}.glyphicons-facetime-video:before{content:"\E181"}.glyphicons-download-alt:before{content:"\E182"}.glyphicons-mute:before{content:"\E183"}.glyphicons-volume-down:before{content:"\E184"}.glyphicons-volume-up:before{content:"\E185"}.glyphicons-screenshot:before{content:"\E186"}.glyphicons-move:before{content:"\E187"}.glyphicons-more:before{content:"\E188"}.glyphicons-brightness-reduce:before{content:"\E189"}.glyphicons-brightness-increase:before{content:"\E190"}.glyphicons-plus-sign:before{content:"\E191"}.glyphicons-minus-sign:before{content:"\E192"}.glyphicons-remove-sign:before{content:"\E193"}.glyphicons-ok-sign:before{content:"\E194"}.glyphicons-question-sign:before{content:"\E195"}.glyphicons-info-sign:before{content:"\E196"}.glyphicons-exclamation-sign:before{content:"\E197"}.glyphicons-remove-circle:before{content:"\E198"}.glyphicons-ok-circle:before{content:"\E199"}.glyphicons-ban-circle:before{content:"\E200"}.glyphicons-download:before{content:"\E201"}.glyphicons-upload:before{content:"\E202"}.glyphicons-shopping-cart:before{content:"\E203"}.glyphicons-lock:before{content:"\E204"}.glyphicons-unlock:before{content:"\E205"}.glyphicons-electricity:before{content:"\E206"}.glyphicons-ok:before{content:"\E207"}.glyphicons-remove:before{content:"\E208"}.glyphicons-cart-in:before{content:"\E209"}.glyphicons-cart-out:before{content:"\E210"}.glyphicons-arrow-left:before{content:"\E211"}.glyphicons-arrow-right:before{content:"\E212"}.glyphicons-arrow-down:before{content:"\E213"}.glyphicons-arrow-up:before{content:"\E214"}.glyphicons-resize-small:before{content:"\E215"}.glyphicons-resize-full:before{content:"\E216"}.glyphicons-circle-arrow-left:before{content:"\E217"}.glyphicons-circle-arrow-right:before{content:"\E218"}.glyphicons-circle-arrow-top:before{content:"\E219"}.glyphicons-circle-arrow-down:before{content:"\E220"}.glyphicons-play-button:before{content:"\E221"}.glyphicons-unshare:before{content:"\E222"}.glyphicons-share:before{content:"\E223"}.glyphicons-chevron-right:before{content:"\E224"}.glyphicons-chevron-left:before{content:"\E225"}.glyphicons-bluetooth:before{content:"\E226"}.glyphicons-euro:before{content:"\E227"}.glyphicons-usd:before{content:"\E228"}.glyphicons-gbp:before{content:"\E229"}.glyphicons-retweet-2:before{content:"\E230"}.glyphicons-moon:before{content:"\E231"}.glyphicons-sun:before{content:"\E232"}.glyphicons-cloud:before{content:"\E233"}.glyphicons-direction:before{content:"\E234"}.glyphicons-brush:before{content:"\E235"}.glyphicons-pen:before{content:"\E236"}.glyphicons-zoom-in:before{content:"\E237"}.glyphicons-zoom-out:before{content:"\E238"}.glyphicons-pin:before{content:"\E239"}.glyphicons-albums:before{content:"\E240"}.glyphicons-rotation-lock:before{content:"\E241"}.glyphicons-flash:before{content:"\E242"}.glyphicons-map-marker:before{content:"\E243"}.glyphicons-anchor:before{content:"\E244"}.glyphicons-conversation:before{content:"\E245"}.glyphicons-chat:before{content:"\E246"}.glyphicons-note-empty:before{content:"\E247"}.glyphicons-note:before{content:"\E248"}.glyphicons-asterisk:before{content:"\E249"}.glyphicons-divide:before{content:"\E250"}.glyphicons-snorkel-diving:before{content:"\E251"}.glyphicons-scuba-diving:before{content:"\E252"}.glyphicons-oxygen-bottle:before{content:"\E253"}.glyphicons-fins:before{content:"\E254"}.glyphicons-fishes:before{content:"\E255"}.glyphicons-boat:before{content:"\E256"}.glyphicons-delete:before{content:"\E257"}.glyphicons-sheriffs-star:before{content:"\E258"}.glyphicons-qrcode:before{content:"\E259"}.glyphicons-barcode:before{content:"\E260"}.glyphicons-pool:before{content:"\E261"}.glyphicons-buoy:before{content:"\E262"}.glyphicons-spade:before{content:"\E263"}.glyphicons-bank:before{content:"\E264"}.glyphicons-vcard:before{content:"\E265"}.glyphicons-electrical-plug:before{content:"\E266"}.glyphicons-flag:before{content:"\E267"}.glyphicons-credit-card:before{content:"\E268"}.glyphicons-keyboard-wireless:before{content:"\E269"}.glyphicons-keyboard-wired:before{content:"\E270"}.glyphicons-shield:before{content:"\E271"}.glyphicons-ring:before{content:"\E272"}.glyphicons-cake:before{content:"\E273"}.glyphicons-drink:before{content:"\E274"}.glyphicons-beer:before{content:"\E275"}.glyphicons-fast-food:before{content:"\E276"}.glyphicons-cutlery:before{content:"\E277"}.glyphicons-pizza:before{content:"\E278"}.glyphicons-birthday-cake:before{content:"\E279"}.glyphicons-tablet:before{content:"\E280"}.glyphicons-settings:before{content:"\E281"}.glyphicons-bullets:before{content:"\E282"}.glyphicons-cardio:before{content:"\E283"}.glyphicons-t-shirt:before{content:"\E284"}.glyphicons-pants:before{content:"\E285"}.glyphicons-sweater:before{content:"\E286"}.glyphicons-fabric:before{content:"\E287"}.glyphicons-leather:before{content:"\E288"}.glyphicons-scissors:before{content:"\E289"}.glyphicons-bomb:before{content:"\E290"}.glyphicons-skull:before{content:"\E291"}.glyphicons-celebration:before{content:"\E292"}.glyphicons-tea-kettle:before{content:"\E293"}.glyphicons-french-press:before{content:"\E294"}.glyphicons-coffee-cup:before{content:"\E295"}.glyphicons-pot:before{content:"\E296"}.glyphicons-grater:before{content:"\E297"}.glyphicons-kettle:before{content:"\E298"}.glyphicons-hospital:before{content:"\E299"}.glyphicons-hospital-h:before{content:"\E300"}.glyphicons-microphone:before{content:"\E301"}.glyphicons-webcam:before{content:"\E302"}.glyphicons-temple-christianity-church:before{content:"\E303"}.glyphicons-temple-islam:before{content:"\E304"}.glyphicons-temple-hindu:before{content:"\E305"}.glyphicons-temple-buddhist:before{content:"\E306"}.glyphicons-bicycle:before{content:"\E307"}.glyphicons-life-preserver:before{content:"\E308"}.glyphicons-share-alt:before{content:"\E309"}.glyphicons-comments:before{content:"\E310"}.glyphicons-flower:before{content:"\E311"}.glyphicons-baseball:before{content:"\E312"}.glyphicons-rugby:before{content:"\E313"}.glyphicons-ax:before{content:"\E314"}.glyphicons-table-tennis:before{content:"\E315"}.glyphicons-bowling:before{content:"\E316"}.glyphicons-tree-conifer:before{content:"\E317"}.glyphicons-tree-deciduous:before{content:"\E318"}.glyphicons-more-items:before{content:"\E319"}.glyphicons-sort:before{content:"\E320"}.glyphicons-filter:before{content:"\E321"}.glyphicons-gamepad:before{content:"\E322"}.glyphicons-playing-dices:before{content:"\E323"}.glyphicons-calculator:before{content:"\E324"}.glyphicons-tie:before{content:"\E325"}.glyphicons-wallet:before{content:"\E326"}.glyphicons-piano:before{content:"\E327"}.glyphicons-sampler:before{content:"\E328"}.glyphicons-podium:before{content:"\E329"}.glyphicons-soccer-ball:before{content:"\E330"}.glyphicons-blog:before{content:"\E331"}.glyphicons-dashboard:before{content:"\E332"}.glyphicons-certificate:before{content:"\E333"}.glyphicons-bell:before{content:"\E334"}.glyphicons-candle:before{content:"\E335"}.glyphicons-pushpin:before{content:"\E336"}.glyphicons-iphone-shake:before{content:"\E337"}.glyphicons-pin-flag:before{content:"\E338"}.glyphicons-turtle:before{content:"\E339"}.glyphicons-rabbit:before{content:"\E340"}.glyphicons-globe:before{content:"\E341"}.glyphicons-briefcase:before{content:"\E342"}.glyphicons-hdd:before{content:"\E343"}.glyphicons-thumbs-up:before{content:"\E344"}.glyphicons-thumbs-down:before{content:"\E345"}.glyphicons-hand-right:before{content:"\E346"}.glyphicons-hand-left:before{content:"\E347"}.glyphicons-hand-up:before{content:"\E348"}.glyphicons-hand-down:before{content:"\E349"}.glyphicons-fullscreen:before{content:"\E350"}.glyphicons-shopping-bag:before{content:"\E351"}.glyphicons-book-open:before{content:"\E352"}.glyphicons-nameplate:before{content:"\E353"}.glyphicons-nameplate-alt:before{content:"\E354"}.glyphicons-vases:before{content:"\E355"}.glyphicons-bullhorn:before{content:"\E356"}.glyphicons-dumbbell:before{content:"\E357"}.glyphicons-suitcase:before{content:"\E358"}.glyphicons-file-import:before{content:"\E359"}.glyphicons-file-export:before{content:"\E360"}.glyphicons-bug:before{content:"\E361"}.glyphicons-crown:before{content:"\E362"}.glyphicons-smoking:before{content:"\E363"}.glyphicons-cloud-upload:before{content:"\E364"}.glyphicons-cloud-download:before{content:"\E365"}.glyphicons-restart:before{content:"\E366"}.glyphicons-security-camera:before{content:"\E367"}.glyphicons-expand:before{content:"\E368"}.glyphicons-collapse:before{content:"\E369"}.glyphicons-collapse-top:before{content:"\E370"}.glyphicons-globe-af:before{content:"\E371"}.glyphicons-global:before{content:"\E372"}.glyphicons-spray:before{content:"\E373"}.glyphicons-nails:before{content:"\E374"}.glyphicons-claw-hammer:before{content:"\E375"}.glyphicons-classic-hammer:before{content:"\E376"}.glyphicons-hand-saw:before{content:"\E377"}.glyphicons-riflescope:before{content:"\E378"}.glyphicons-electrical-socket-eu:before{content:"\E379"}.glyphicons-electrical-socket-us:before{content:"\E380"}.glyphicons-message-forward:before{content:"\E381"}.glyphicons-coat-hanger:before{content:"\E382"}.glyphicons-dress:before{content:"\E383"}.glyphicons-bathrobe:before{content:"\E384"}.glyphicons-shirt:before{content:"\E385"}.glyphicons-underwear:before{content:"\E386"}.glyphicons-log-in:before{content:"\E387"}.glyphicons-log-out:before{content:"\E388"}.glyphicons-exit:before{content:"\E389"}.glyphicons-new-window-alt:before{content:"\E390"}.glyphicons-video-sd:before{content:"\E391"}.glyphicons-video-hd:before{content:"\E392"}.glyphicons-subtitles:before{content:"\E393"}.glyphicons-sound-stereo:before{content:"\E394"}.glyphicons-sound-dolby:before{content:"\E395"}.glyphicons-sound-5-1:before{content:"\E396"}.glyphicons-sound-6-1:before{content:"\E397"}.glyphicons-sound-7-1:before{content:"\E398"}.glyphicons-copyright-mark:before{content:"\E399"}.glyphicons-registration-mark:before{content:"\E400"}.glyphicons-radar:before{content:"\E401"}.glyphicons-skateboard:before{content:"\E402"}.glyphicons-golf-course:before{content:"\E403"}.glyphicons-sorting:before{content:"\E404"}.glyphicons-sort-by-alphabet:before{content:"\E405"}.glyphicons-sort-by-alphabet-alt:before{content:"\E406"}.glyphicons-sort-by-order:before{content:"\E407"}.glyphicons-sort-by-order-alt:before{content:"\E408"}.glyphicons-sort-by-attributes:before{content:"\E409"}.glyphicons-sort-by-attributes-alt:before{content:"\E410"}.glyphicons-compressed:before{content:"\E411"}.glyphicons-package:before{content:"\E412"}.glyphicons-cloud-plus:before{content:"\E413"}.glyphicons-cloud-minus:before{content:"\E414"}.glyphicons-disk-save:before{content:"\E415"}.glyphicons-disk-open:before{content:"\E416"}.glyphicons-disk-saved:before{content:"\E417"}.glyphicons-disk-remove:before{content:"\E418"}.glyphicons-disk-import:before{content:"\E419"}.glyphicons-disk-export:before{content:"\E420"}.glyphicons-tower:before{content:"\E421"}.glyphicons-send:before{content:"\E422"}.glyphicons-git-branch:before{content:"\E423"}.glyphicons-git-create:before{content:"\E424"}.glyphicons-git-private:before{content:"\E425"}.glyphicons-git-delete:before{content:"\E426"}.glyphicons-git-merge:before{content:"\E427"}.glyphicons-git-pull-request:before{content:"\E428"}.glyphicons-git-compare:before{content:"\E429"}.glyphicons-git-commit:before{content:"\E430"}.glyphicons-construction-cone:before{content:"\E431"}.glyphicons-shoe-steps:before{content:"\E432"}.glyphicons-plus:before{content:"\E433"}.glyphicons-minus:before{content:"\E434"}.glyphicons-redo:before{content:"\E435"}.glyphicons-undo:before{content:"\E436"}.glyphicons-golf:before{content:"\E437"}.glyphicons-hockey:before{content:"\E438"}.glyphicons-pipe:before{content:"\E439"}.glyphicons-wrench:before{content:"\E440"}.glyphicons-folder-closed:before{content:"\E441"}.glyphicons-phone-alt:before{content:"\E442"}.glyphicons-earphone:before{content:"\E443"}.glyphicons-floppy-disk:before{content:"\E444"}.glyphicons-floppy-saved:before{content:"\E445"}.glyphicons-floppy-remove:before{content:"\E446"}.glyphicons-floppy-save:before{content:"\E447"}.glyphicons-floppy-open:before{content:"\E448"}.glyphicons-translate:before{content:"\E449"}.glyphicons-fax:before{content:"\E450"}.glyphicons-factory:before{content:"\E451"}.glyphicons-shop-window:before{content:"\E452"}.glyphicons-shop:before{content:"\E453"}.glyphicons-kiosk:before{content:"\E454"}.glyphicons-kiosk-wheels:before{content:"\E455"}.glyphicons-kiosk-light:before{content:"\E456"}.glyphicons-kiosk-food:before{content:"\E457"}.glyphicons-transfer:before{content:"\E458"}.glyphicons-money:before{content:"\E459"}.glyphicons-header:before{content:"\E460"}.glyphicons-blacksmith:before{content:"\E461"}.glyphicons-saw-blade:before{content:"\E462"}.glyphicons-basketball:before{content:"\E463"}.glyphicons-server:before{content:"\E464"}.glyphicons-server-plus:before{content:"\E465"}.glyphicons-server-minus:before{content:"\E466"}.glyphicons-server-ban:before{content:"\E467"}.glyphicons-server-flag:before{content:"\E468"}.glyphicons-server-lock:before{content:"\E469"}.glyphicons-server-new:before{content:"\E470"}.glyphicons-charging-station:before{content:"\E471"}.glyphicons-gas-station:before{content:"\E472"}.glyphicons-target:before{content:"\E473"}.glyphicons-bed:before{content:"\E474"}.glyphicons-mosquito:before{content:"\E475"}.glyphicons-dining-set:before{content:"\E476"}.glyphicons-plate-of-food:before{content:"\E477"}.glyphicons-hygiene-kit:before{content:"\E478"}.glyphicons-blackboard:before{content:"\E479"}.glyphicons-marriage:before{content:"\E480"}.glyphicons-bucket:before{content:"\E481"}.glyphicons-none-color-swatch:before{content:"\E482"}.glyphicons-bring-forward:before{content:"\E483"}.glyphicons-bring-to-front:before{content:"\E484"}.glyphicons-send-backward:before{content:"\E485"}.glyphicons-send-to-back:before{content:"\E486"}.glyphicons-fit-frame-to-image:before{content:"\E487"}.glyphicons-fit-image-to-frame:before{content:"\E488"}.glyphicons-multiple-displays:before{content:"\E489"}.glyphicons-handshake:before{content:"\E490"}.glyphicons-child:before{content:"\E491"}.glyphicons-baby-formula:before{content:"\E492"}.glyphicons-medicine:before{content:"\E493"}.glyphicons-atv-vehicle:before{content:"\E494"}.glyphicons-motorcycle:before{content:"\E495"}.glyphicons-bed-alt:before{content:"\E496"}.glyphicons-tent:before{content:"\E497"}.glyphicons-glasses:before{content:"\E498"}.glyphicons-sunglasses:before{content:"\E499"}.glyphicons-family:before{content:"\E500"}.glyphicons-education:before{content:"\E501"}.glyphicons-shoes:before{content:"\E502"}.glyphicons-map:before{content:"\E503"}.glyphicons-cd:before{content:"\E504"}.glyphicons-alert:before{content:"\E505"}.glyphicons-piggy-bank:before{content:"\E506"}.glyphicons-star-half:before{content:"\E507"}.glyphicons-cluster:before{content:"\E508"}.glyphicons-flowchart:before{content:"\E509"}.glyphicons-commodities:before{content:"\E510"}.glyphicons-duplicate:before{content:"\E511"}.glyphicons-copy:before{content:"\E512"}.glyphicons-paste:before{content:"\E513"}.glyphicons-bath-bathtub:before{content:"\E514"}.glyphicons-bath-shower:before{content:"\E515"}.glyphicons-shower:before{content:"\E516"}.glyphicons-menu-hamburger:before{content:"\E517"}.glyphicons-option-vertical:before{content:"\E518"}.glyphicons-option-horizontal:before{content:"\E519"}.glyphicons-currency-conversion:before{content:"\E520"}.glyphicons-user-ban:before{content:"\E521"}.glyphicons-user-lock:before{content:"\E522"}.glyphicons-user-flag:before{content:"\E523"}.glyphicons-user-asterisk:before{content:"\E524"}.glyphicons-user-alert:before{content:"\E525"}.glyphicons-user-key:before{content:"\E526"}.glyphicons-user-conversation:before{content:"\E527"}.glyphicons-database:before{content:"\E528"}.glyphicons-database-search:before{content:"\E529"}.glyphicons-list-alt:before{content:"\E530"}.glyphicons-hazard-sign:before{content:"\E531"}.glyphicons-hazard:before{content:"\E532"}.glyphicons-stop-sign:before{content:"\E533"}.glyphicons-lab:before{content:"\E534"}.glyphicons-lab-alt:before{content:"\E535"}.glyphicons-ice-cream:before{content:"\E536"}.glyphicons-ice-lolly:before{content:"\E537"}.glyphicons-ice-lolly-tasted:before{content:"\E538"}.glyphicons-invoice:before{content:"\E539"}.glyphicons-cart-tick:before{content:"\E540"}.glyphicons-hourglass:before{content:"\E541"}.glyphicons-cat:before{content:"\E542"}.glyphicons-lamp:before{content:"\E543"}.glyphicons-scale-classic:before{content:"\E544"}.glyphicons-eye-plus:before{content:"\E545"}.glyphicons-eye-minus:before{content:"\E546"}.glyphicons-quote:before{content:"\E547"}.glyphicons-bitcoin:before{content:"\E548"}.glyphicons-yen:before{content:"\E549"}.glyphicons-ruble:before{content:"\E550"}.glyphicons-erase:before{content:"\E551"}.glyphicons-podcast:before{content:"\E552"}.glyphicons-firework:before{content:"\E553"}.glyphicons-scale:before{content:"\E554"}.glyphicons-king:before{content:"\E555"}.glyphicons-queen:before{content:"\E556"}.glyphicons-pawn:before{content:"\E557"}.glyphicons-bishop:before{content:"\E558"}.glyphicons-knight:before{content:"\E559"}.glyphicons-mic-mute:before{content:"\E560"}.glyphicons-voicemail:before{content:"\E561"}.glyphicons-paragraph-alt:before{content:"\E562"}.glyphicons-person-walking:before{content:"\E563"}.glyphicons-person-wheelchair:before{content:"\E564"}.glyphicons-underground:before{content:"\E565"}.glyphicons-car-hov:before{content:"\E566"}.glyphicons-car-rental:before{content:"\E567"}.glyphicons-transport:before{content:"\E568"}.glyphicons-taxi:before{content:"\E569"}.glyphicons-ice-cream-no:before{content:"\E570"}.glyphicons-uk-rat-u:before{content:"\E571"}.glyphicons-uk-rat-pg:before{content:"\E572"}.glyphicons-uk-rat-12a:before{content:"\E573"}.glyphicons-uk-rat-12:before{content:"\E574"}.glyphicons-uk-rat-15:before{content:"\E575"}.glyphicons-uk-rat-18:before{content:"\E576"}.glyphicons-uk-rat-r18:before{content:"\E577"}.glyphicons-tv:before{content:"\E578"}.glyphicons-sms:before{content:"\E579"}.glyphicons-mms:before{content:"\E580"}.glyphicons-us-rat-g:before{content:"\E581"}.glyphicons-us-rat-pg:before{content:"\E582"}.glyphicons-us-rat-pg-13:before{content:"\E583"}.glyphicons-us-rat-restricted:before{content:"\E584"}.glyphicons-us-rat-no-one-17:before{content:"\E585"}.glyphicons-equalizer:before{content:"\E586"}.glyphicons-speakers:before{content:"\E587"}.glyphicons-remote-control:before{content:"\E588"}.glyphicons-remote-control-tv:before{content:"\E589"}.glyphicons-shredder:before{content:"\E590"}.glyphicons-folder-heart:before{content:"\E591"}.glyphicons-person-running:before{content:"\E592"}.glyphicons-person:before{content:"\E593"}.glyphicons-voice:before{content:"\E594"}.glyphicons-stethoscope:before{content:"\E595"}.glyphicons-paired:before{content:"\E596"}.glyphicons-activity:before{content:"\E597"}.glyphicons-watch:before{content:"\E598"}.glyphicons-scissors-alt:before{content:"\E599"}.glyphicons-car-wheel:before{content:"\E600"}.glyphicons-chevron-up:before{content:"\E601"}.glyphicons-chevron-down:before{content:"\E602"}.glyphicons-superscript:before{content:"\E603"}.glyphicons-subscript:before{content:"\E604"}.glyphicons-text-size:before{content:"\E605"}.glyphicons-text-color:before{content:"\E606"}.glyphicons-text-background:before{content:"\E607"}.glyphicons-modal-window:before{content:"\E608"}.glyphicons-newspaper:before{content:"\E609"}.glyphicons-tractor:before{content:"\E610"}.glyphicons-camping:before{content:"\E611"}.glyphicons-camping-benches:before{content:"\E612"}.glyphicons-forest:before{content:"\E613"}.glyphicons-park:before{content:"\E614"}.glyphicons-field:before{content:"\E615"}.glyphicons-mountains:before{content:"\E616"}.glyphicons-fees-payments:before{content:"\E617"}.glyphicons-small-payments:before{content:"\E618"}.glyphicons-mixed-buildings:before{content:"\E619"}.glyphicons-industrial-zone:before{content:"\E620"}.glyphicons-visitor-tag:before{content:"\E621"}.glyphicons-businessman:before{content:"\E622"}.glyphicons-meditation:before{content:"\E623"}.glyphicons-bath:before{content:"\E624"}.glyphicons-donate:before{content:"\E625"}.glyphicons-sauna:before{content:"\E626"}.glyphicons-bedroom-nightstand:before{content:"\E627"}.glyphicons-bedroom-lamp:before{content:"\E628"}.glyphicons-doctor:before{content:"\E629"}.glyphicons-engineering-networks:before{content:"\E630"}.glyphicons-washing-machine:before{content:"\E631"}.glyphicons-dryer:before{content:"\E632"}.glyphicons-dishwasher:before{content:"\E633"}.glyphicons-luggage-group:before{content:"\E634"}.glyphicons-teenager:before{content:"\E635"}.glyphicons-person-stick:before{content:"\E636"}.glyphicons-person-stick-old:before{content:"\E637"}.glyphicons-traveler:before{content:"\E638"}.glyphicons-veteran:before{content:"\E639"}.glyphicons-group-chat:before{content:"\E640"}.glyphicons-elections:before{content:"\E641"}.glyphicons-law-justice:before{content:"\E642"}.glyphicons-judiciary:before{content:"\E643"}.glyphicons-house-fire:before{content:"\E644"}.glyphicons-firefighters:before{content:"\E645"}.glyphicons-police:before{content:"\E646"}.glyphicons-ambulance:before{content:"\E647"}.glyphicons-light-beacon:before{content:"\E648"}.glyphicons-important-day:before{content:"\E649"}.glyphicons-bike-park:before{content:"\E650"}.glyphicons-object-align-top:before{content:"\E651"}.glyphicons-object-align-bottom:before{content:"\E652"}.glyphicons-object-align-horizontal:before{content:"\E653"}.glyphicons-object-align-left:before{content:"\E654"}.glyphicons-object-align-vertical:before{content:"\E655"}.glyphicons-object-align-right:before{content:"\E656"}.glyphicons-reflect-y:before{content:"\E657"}.glyphicons-reflect-x:before{content:"\E658"}.glyphicons-tick:before{content:"\E659"}.glyphicons-lawnmower:before{content:"\E660"}.glyphicons-call-redirect:before{content:"\E661"}.glyphicons-call-ip:before{content:"\E662"}.glyphicons-call-record:before{content:"\E663"}.glyphicons-call-ringtone:before{content:"\E664"}.glyphicons-call-traffic:before{content:"\E665"}.glyphicons-call-hold:before{content:"\E666"}.glyphicons-call-incoming:before{content:"\E667"}.glyphicons-call-outgoing:before{content:"\E668"}.glyphicons-call-video:before{content:"\E669"}.glyphicons-call-missed:before{content:"\E670"}.glyphicons-theater:before{content:"\E671"}.glyphicons-heartbeat:before{content:"\E672"}.glyphicons-kettlebell:before{content:"\E673"}.glyphicons-fireplace:before{content:"\E674"}.glyphicons-street-lights:before{content:"\E675"}.glyphicons-pedestrian:before{content:"\E676"}.glyphicons-flood:before{content:"\E677"}.glyphicons-open-water:before{content:"\E678"}.glyphicons-for-sale:before{content:"\E679"}.glyphicons-dustbin:before{content:"\E680"}.glyphicons-door:before{content:"\E681"}.glyphicons-camp-fire:before{content:"\E682"}.glyphicons-fleur-de-lis:before{content:"\E683"}.glyphicons-temperature-settings:before{content:"\E684"}.glyphicons-article:before{content:"\E685"}.glyphicons-sunbath:before{content:"\E686"}.glyphicons-balanced-diet:before{content:"\E687"}.glyphicons-ticket:before{content:"\E688"}.glyphicons-parking-ticket:before{content:"\E689"}.glyphicons-parking-meter:before{content:"\E690"}.glyphicons-laptop:before{content:"\E691"}.glyphicons-tree-structure:before{content:"\E692"}.glyphicons-weather-warning:before{content:"\E693"}.glyphicons-temperature-low:before{content:"\E694"}.glyphicons-temperature-high:before{content:"\E695"}.glyphicons-temperature-low-warning:before{content:"\E696"}.glyphicons-temperature-high-warning:before{content:"\E697"}.glyphicons-hurricane:before{content:"\E698"}.glyphicons-storm:before{content:"\E699"}.glyphicons-sorted-waste:before{content:"\E700"}.glyphicons-ear:before{content:"\E701"}.glyphicons-ear-deaf:before{content:"\E702"}.glyphicons-file-plus:before{content:"\E703"}.glyphicons-file-minus:before{content:"\E704"}.glyphicons-file-lock:before{content:"\E705"}.glyphicons-file-cloud:before{content:"\E706"}.glyphicons-file-cloud-download:before{content:"\E707"}.glyphicons-file-cloud-upload:before{content:"\E708"}.glyphicons-paragraph:before{content:"\E709"}.glyphicons-list-numbered:before{content:"\E710"}.glyphicons-donate-heart:before{content:"\E711"}.glyphicons-government:before{content:"\E712"}.glyphicons-maze:before{content:"\E713"}.glyphicons-chronicle:before{content:"\E714"}.glyphicons-user-structure:before{content:"\E715"}.glyphicons-recycle:before{content:"\E716"}.glyphicons-gas:before{content:"\E717"}.glyphicons-waste-pipe:before{content:"\E718"}.glyphicons-water-pipe:before{content:"\E719"}.glyphicons-parking:before{content:"\E720"}.glyphicons-closed:before{content:"\E721"}.glyphicons-mouse:before{content:"\E722"}.glyphicons-mouse-double-click:before{content:"\E723"}.glyphicons-mouse-left-click:before{content:"\E724"}.glyphicons-mouse-right-click:before{content:"\E725"}.glyphicons-mouse-middle-click:before{content:"\E726"}.glyphicons-mouse-scroll:before{content:"\E727"}.glyphicons-resize-vertical:before{content:"\E728"}.glyphicons-resize-horizontal:before{content:"\E729"}.glyphicons-temperature:before{content:"\E730"}.glyphicons-puzzle:before{content:"\E731"}.glyphicons-puzzle-2:before{content:"\E732"}.glyphicons-puzzle-3:before{content:"\E733"}.glyphicons-nearby-square:before{content:"\E734"}.glyphicons-nearby-circle:before{content:"\E735"}.glyphicons-rotate-right:before{content:"\E736"}.glyphicons-rotate-left:before{content:"\E737"}.glyphicons-pictures:before{content:"\E738"}.glyphicons-photo-album:before{content:"\E739"}.glyphicons-cadastral-map:before{content:"\E740"}.glyphicons-fingerprint-scan:before{content:"\E741"}.glyphicons-fingerprint:before{content:"\E742"}.glyphicons-fingerprint-lock:before{content:"\E743"}.glyphicons-fingerprint-ok:before{content:"\E744"}.glyphicons-fingerprint-remove:before{content:"\E745"}.glyphicons-fingerprint-reload:before{content:"\E746"}.glyphicons-pending-notifications:before{content:"\E747"}.glyphicons-synchronization:before{content:"\E748"}.glyphicons-synchronization-ban:before{content:"\E749"}.glyphicons-hash:before{content:"\E750"}.glyphicons-gender-male:before{content:"\E751"}.glyphicons-gender-female:before{content:"\E752"}.glyphicons-gender-virgin-female:before{content:"\E753"}.glyphicons-gender-intersex:before{content:"\E754"}.glyphicons-gender-transgender:before{content:"\E755"}.glyphicons-gender-ori-lesbian:before{content:"\E756"}.glyphicons-gender-ori-gay:before{content:"\E757"}.glyphicons-gender-ori-hetero:before{content:"\E758"}.glyphicons-gender-other:before{content:"\E759"}.glyphicons-gender-unknown:before{content:"\E760"}.glyphicons-scanner:before{content:"\E761"}.glyphicons-multifunction-printer:before{content:"\E762"}.glyphicons-lasso:before{content:"\E763"}.glyphicons-view-360:before{content:"\E764"}.glyphicons-battery-charging:before{content:"\E765"}.glyphicons-battery-full:before{content:"\E766"}.glyphicons-battery-75:before{content:"\E767"}.glyphicons-battery-50:before{content:"\E768"}.glyphicons-battery-25:before{content:"\E769"}.glyphicons-battery-10:before{content:"\E770"}.glyphicons-satellite:before{content:"\E771"}.glyphicons-satellite-dish:before{content:"\E772"}.glyphicons-satellite-dish-alt:before{content:"\E773"}.glyphicons-auction:before{content:"\E774"}.glyphicons-directions:before{content:"\E775"}.glyphicons-race:before{content:"\E776"}.glyphicons-robot:before{content:"\E777"}.glyphicons-ruler-alt:before{content:"\E778"}.glyphicons-cube-empty:before{content:"\E779"}.glyphicons-cube-black:before{content:"\E780"}.glyphicons-move-square:before{content:"\E781"}.glyphicons-drop:before{content:"\E782"}.glyphicons-vr-headset:before{content:"\E783"}.glyphicons-vr-charging:before{content:"\E784"}.glyphicons-vr-low-battery:before{content:"\E785"}.glyphicons-vr-paired:before{content:"\E786"}.glyphicons-vr-settings:before{content:"\E787"}.glyphicons-vr-maintenance:before{content:"\E788"}.glyphicons-filter-remove:before{content:"\E789"}.glyphicons-filter-applied:before{content:"\E790"}.glyphicons-one-day:before{content:"\E791"}.glyphicons-user-vr:before{content:"\E792"}.glyphicons-user-vr-add:before{content:"\E793"}.glyphicons-user-vr-remove:before{content:"\E794"}.glyphicons-dice-1:before{content:"\E795"}.glyphicons-dice-2:before{content:"\E796"}.glyphicons-dice-3:before{content:"\E797"}.glyphicons-dice-4:before{content:"\E798"}.glyphicons-dice-5:before{content:"\E799"}.glyphicons-dice-6:before{content:"\E800"}
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */.sceditor-button div,div.sceditor-grip{background-image:url(famfamfam.png);background-repeat:no-repeat;width:16px;height:16px}.sceditor-button-youtube div{background-position:0 0}.sceditor-button-link div{background-position:0 -16px}.sceditor-button-unlink div{background-position:0 -32px}.sceditor-button-underline div{background-position:0 -48px}.sceditor-button-time div{background-position:0 -64px}.sceditor-button-table div{background-position:0 -80px}.sceditor-button-superscript div{background-position:0 -96px}.sceditor-button-subscript div{background-position:0 -112px}.sceditor-button-strike div{background-position:0 -128px}.sceditor-button-source div{background-position:0 -144px}.sceditor-button-size div{background-position:0 -160px}.sceditor-button-rtl div{background-position:0 -176px}.sceditor-button-right div{background-position:0 -192px}.sceditor-button-removeformat div{background-position:0 -208px}.sceditor-button-quote div{background-position:0 -224px}.sceditor-button-print div{background-position:0 -240px}.sceditor-button-pastetext div{background-position:0 -256px}.sceditor-button-paste div{background-position:0 -272px}.sceditor-button-outdent div{background-position:0 -288px}.sceditor-button-orderedlist div{background-position:0 -304px}.sceditor-button-maximize div{background-position:0 -320px}.sceditor-button-ltr div{background-position:0 -336px}.sceditor-button-left div{background-position:0 -352px}.sceditor-button-justify div{background-position:0 -368px}.sceditor-button-italic div{background-position:0 -384px}.sceditor-button-indent div{background-position:0 -400px}.sceditor-button-image div{background-position:0 -416px}.sceditor-button-horizontalrule div{background-position:0 -432px}.sceditor-button-format div{background-position:0 -448px}.sceditor-button-font div{background-position:0 -464px}.sceditor-button-emoticon div{background-position:0 -480px}.sceditor-button-email div{background-position:0 -496px}.sceditor-button-date div{background-position:0 -512px}.sceditor-button-cut div{background-position:0 -528px}.sceditor-button-copy div{background-position:0 -544px}.sceditor-button-color div{background-position:0 -560px}.sceditor-button-code div{background-position:0 -576px}.sceditor-button-center div{background-position:0 -592px}.sceditor-button-bulletlist div{background-position:0 -608px}.sceditor-button-bold div{background-position:0 -624px}div.sceditor-grip{background-position:0 -640px}.rtl div.sceditor-grip{background-position:0 -650px;width:10px;height:10px}.sceditor-container{position:relative;background:#fff;border:1px solid #d9d9d9;font-size:13px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#222;line-height:1;font-weight:700;border-radius:4px;background-clip:padding-box}.sceditor-container *,.sceditor-container :after,.sceditor-container :before{box-sizing:content-box}.sceditor-container,.sceditor-container div,div.sceditor-dropdown,div.sceditor-dropdown div{padding:0;margin:0;z-index:3}.sceditor-container iframe,.sceditor-container textarea{line-height:1;border:0;outline:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#111;padding:0;margin:5px;resize:none;background:#fff;display:block}div.sceditor-resize-cover{position:absolute;top:0;left:0;background:#000;width:100%;height:100%;z-index:10;opacity:.3}.ie6 div.sceditor-resize-cover,.ie7 div.sceditor-resize-cover,.ie8 div.sceditor-resize-cover{background:#efefef}.sceditor-container.ie6{overflow:hidden}div.sceditor-grip{overflow:hidden;width:10px;height:10px;cursor:pointer;position:absolute;bottom:0;right:0;z-index:3}.sceditor-maximize{position:fixed;top:0;left:0;height:100%!important;width:100%!important;border-radius:0;background-clip:padding-box;z-index:2000}body.sceditor-maximize,html.sceditor-maximize{height:100%;width:100%;padding:0;margin:0;overflow:hidden}.ie6.sceditor-maximize{position:absolute}.sceditor-maximize div.sceditor-grip{display:none}.sceditor-maximize div.sceditor-toolbar{border-radius:0;background-clip:padding-box}div.sceditor-dropdown{position:absolute;border:1px solid #ccc;background:#fff;color:#333;z-index:4000;padding:10px;line-height:1;border-radius:2px;background-clip:padding-box;box-shadow:1px 2px 4px rgba(0,0,0,.2)}div.sceditor-dropdown a,div.sceditor-dropdown a:link{color:#333}div.sceditor-dropdown form{margin:0}div.sceditor-dropdown label{display:block;font-weight:700;color:#3c3c3c;padding:4px 0}div.sceditor-dropdown input,div.sceditor-dropdown textarea{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;outline:0;padding:4px;border:1px solid #ccc;border-top-color:#888;margin:0 0 .75em;border-radius:1px;background-clip:padding-box}div.sceditor-dropdown textarea{padding:6px}div.sceditor-dropdown input:focus,div.sceditor-dropdown textarea:focus{border-color:#666 #aaa #aaa;box-shadow:inset 0 1px 5px rgba(0,0,0,.1)}div.sceditor-dropdown .button{font-weight:700;color:#444;padding:6px 12px;background:#ececec;border:1px solid #ccc;border-radius:2px;background-clip:padding-box;cursor:pointer;margin:.3em 0 0}div.sceditor-dropdown .button:hover{background:#f3f3f3;box-shadow:0 1px 1px rgba(0,0,0,.15)}div.sceditor-font-picker,div.sceditor-fontsize-picker,div.sceditor-format{padding:6px 0}div.sceditor-color-picker,div.sceditor-emoticons,div.sceditor-more-emoticons{padding:0}.sceditor-pastetext textarea{border:1px solid #bbb;width:20em}.sceditor-emoticons img,.sceditor-more-emoticons img{padding:0;cursor:pointer;margin:2px}.sceditor-more{border-top:1px solid #bbb;display:block;text-align:center;cursor:pointer;font-weight:700;padding:6px 0}.sceditor-dropdown a:hover{background:#eee}.sceditor-font-option,.sceditor-fontsize-option,.sceditor-format a{display:block;padding:7px 10px;cursor:pointer;text-decoration:none;color:#222}.sceditor-fontsize-option{padding:7px 13px}.sceditor-color-column{float:left}.sceditor-color-option{display:block;border:1px solid #fff;height:10px;width:10px;overflow:hidden}.sceditor-color-option:hover{border:1px solid #333}div.sceditor-toolbar{overflow:hidden;padding:3px 5px 2px;background:#f7f7f7;border-bottom:1px solid silver;line-height:0;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px 3px 0 0;background-clip:padding-box}div.sceditor-group{display:inline-block;background:#ddd;margin:1px 5px 1px 0;padding:1px;border-bottom:1px solid #aaa;border-radius:3px;background-clip:padding-box}.ie6 div.sceditor-group,.ie7 div.sceditor-group{display:inline;zoom:1}.sceditor-button{float:left;cursor:pointer;padding:3px 5px;width:16px;height:20px;border-radius:3px;background-clip:padding-box;text-indent:-9999px}.ie .sceditor-button{text-indent:0}.ie6 .sceditor-button,.ie7 .sceditor-button{float:none!important;display:inline;zoom:1}.ie6 .sceditor-button{padding:0}.ie6 .sceditor-button div{margin:5px}.ie7 .sceditor-button div{margin:5px 0}.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover{background:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.3),inset -1px 0 rgba(0,0,0,.3),inset 0 -1px 0 rgba(0,0,0,.2)}.sceditor-button:active{background:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.3),inset -1px 0 rgba(0,0,0,.3),inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 8px rgba(0,0,0,.3)}.sceditor-button.disabled:hover{background:inherit;cursor:default;box-shadow:none}.sceditor-button,.sceditor-button div{display:block}.sceditor-button div{margin:2px 0;padding:0;overflow:hidden;line-height:0;font-size:0;color:transparent}.sceditor-button.disabled div{filter:alpha(opacity=30);opacity:.3}.sceditor-button.text,.sceditor-button.text div,.sceditor-button.text-icon,.sceditor-button.text-icon div,.text .sceditor-button,.text .sceditor-button div,.text-icon .sceditor-button,.text-icon .sceditor-button div{width:auto;overflow:visible;line-height:16px;font-size:1em;color:inherit;text-indent:0}.sceditor-button.text div,.text .sceditor-button div{padding:0 2px;background:0 0}.sceditor-button.text-icon div,.text-icon .sceditor-button div{padding:0 2px 0 20px}.rtl div.sceditor-toolbar{text-align:right}.rtl .sceditor-button{float:right}.rtl div.sceditor-grip{right:auto;left:0}
@charset "UTF-8";
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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,
menu,
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-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 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;
  box-sizing: content-box;
}

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;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/fonts/glyphicons-halflings-regular.eot?5be1347c682810f199c7f486f40c5974);
  src: url(/fonts/glyphicons-halflings-regular.eot?5be1347c682810f199c7f486f40c5974?#iefix) format("embedded-opentype"), url(/fonts/glyphicons-halflings-regular.woff2?be810be3a3e14c682a257d6eff341fe4) format("woff2"), url(/fonts/glyphicons-halflings-regular.woff?82b1212e45a2bc35dd731913b27ad813) format("woff"), url(/fonts/glyphicons-halflings-regular.ttf?4692b9ec53fd5972caa2f2372ae20d16) format("truetype"), url(/fonts/glyphicons-halflings-regular.svg?060b2710bdbbe3dfe48b58d59bd5f1fb#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgb(238.425, 238.425, 238.425);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: rgb(119.085, 119.085, 119.085);
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: rgb(119.085, 119.085, 119.085);
}

.text-primary {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(42.808988764, 84.191011236, 43.5224719101);
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(35.984375, 82.25, 105.015625);
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: rgb(192.7777777778, 225.8333333333, 179.1666666667);
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: rgb(174.8695652174, 217.0434782609, 238.1304347826);
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: rgb(247.064516129, 236.4838709677, 180.935483871);
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: rgb(227.5869565217, 185.4130434783, 185.4130434783);
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid rgb(238.425, 238.425, 238.425);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid rgb(238.425, 238.425, 238.425);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: rgb(119.085, 119.085, 119.085);
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid rgb(238.425, 238.425, 238.425);
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: rgb(119.085, 119.085, 119.085);
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: rgb(232.25, 232.25, 232.25);
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913);
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: rgb(85.425, 85.425, 85.425);
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: rgb(85.425, 85.425, 85.425);
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgb(238.425, 238.425, 238.425);
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: rgb(42.808988764, 84.191011236, 43.5224719101);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(102.5280898876, 177.4719101124, 103.8202247191);
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(191.807106599, 160.7461928934, 107.192893401);
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(206.4127659574, 132.0595744681, 130.5872340426);
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: rgb(114.75, 114.75, 114.75);
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default:hover {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  background-image: none;
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(45.8493801653, 109.0004132231, 163.5006198347);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  border-color: rgb(17.9258264463, 42.6161157025, 63.9241735537);
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  border-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  background-image: none;
  border-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
  border-color: rgb(17.9258264463, 42.6161157025, 63.9241735537);
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(45.8493801653, 109.0004132231, 163.5006198347);
}
.btn-primary .badge {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  background-image: none;
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: rgb(69.7715736041, 183.845177665, 217.7284263959);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431);
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  background-image: none;
  border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
  border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431);
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: rgb(69.7715736041, 183.845177665, 217.7284263959);
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning:hover {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  background-image: none;
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(213.2296875, 132.515625, 18.0703125);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645);
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  background-image: none;
  border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
  border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645);
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: rgb(38.25, 38.25, 38.25);
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: rgb(119.085, 119.085, 119.085);
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group.btn-group-lg > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: rgb(85.425, 85.425, 85.425);
  text-align: center;
  background-color: rgb(238.425, 238.425, 238.425);
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: rgb(238.425, 238.425, 238.425);
}
.nav > li.disabled > a {
  color: rgb(119.085, 119.085, 119.085);
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: rgb(238.425, 238.425, 238.425);
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: rgb(238.425, 238.425, 238.425) rgb(238.425, 238.425, 238.425) #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: rgb(85.425, 85.425, 85.425);
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: rgb(93.5, 93.5, 93.5);
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: rgb(231.425, 231.425, 231.425);
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: rgb(231.425, 231.425, 231.425);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-brand {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: rgb(8.5, 8.5, 8.5);
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(157.335, 157.335, 157.335);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: rgb(16.15, 16.15, 16.15);
}
.navbar-inverse .navbar-link {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.breadcrumb > .active {
  color: rgb(119.085, 119.085, 119.085);
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  background-color: rgb(238.425, 238.425, 238.425);
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager:before, .pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: rgb(238.425, 238.425, 238.425);
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: rgb(119.085, 119.085, 119.085);
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: rgb(93.585, 93.585, 93.585);
}

.label-primary {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: rgb(236.015625, 151.21875, 30.984375);
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: rgb(119.085, 119.085, 119.085);
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: rgb(238.425, 238.425, 238.425);
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: rgb(212.925, 212.925, 212.925);
}
.container .jumbotron, .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.alert-success hr {
  border-top-color: rgb(200.5555555556, 225.8333333333, 179.1666666667);
}
.alert-success .alert-link {
  color: rgb(42.808988764, 84.191011236, 43.5224719101);
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.alert-info hr {
  border-top-color: rgb(166.4434782609, 224.7043478261, 236.3565217391);
}
.alert-info .alert-link {
  color: rgb(35.984375, 82.25, 105.015625);
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.alert-warning hr {
  border-top-color: rgb(247.064516129, 225.4623655914, 180.935483871);
}
.alert-warning .alert-link {
  color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.alert-danger hr {
  border-top-color: rgb(227.5869565217, 185.4130434783, 192.4420289855);
}
.alert-danger .alert-link {
  color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: rgb(238.425, 238.425, 238.425);
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: rgb(119.085, 119.085, 119.085);
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: rgb(199.4324380165, 220.8950413223, 239.4175619835);
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: rgb(207.8888888889, 232.9166666667, 197.5833333333);
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: rgb(195.9347826087, 227.0217391304, 242.5652173913);
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: rgb(249.5322580645, 242.2419354839, 203.9677419355);
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.panel-primary > .panel-heading .badge {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.panel-success {
  border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(213.7777777778, 232.9166666667, 197.5833333333);
}

.panel-info {
  border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(187.5086956522, 231.9108695652, 240.7913043478);
}

.panel-warning {
  border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(249.5322580645, 234.6478494624, 203.9677419355);
}

.panel-danger {
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(234.7934782609, 203.7065217391, 208.8876811594);
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid rgb(227.15, 227.15, 227.15);
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .quick-links:before, .holding-pen:before, .user-list:before, .content:before, .item-list:before, .pet-list:before, .nav:before, .clearfix:after, .quick-links:after, .holding-pen:after, .user-list:after, .content:after, .item-list:after, .pet-list:after, .nav:after {
  display: table;
  content: " ";
}
.clearfix:after, .quick-links:after, .holding-pen:after, .user-list:after, .content:after, .item-list:after, .pet-list:after, .nav:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/*
  _variables.scss
*/
/*
  Fonts
*/
/*
  Colors
*/
/*
  Break Points
*/
/* TODO: Overwrite default breakpoints */
/*
  _mixins.scss
*/
@font-face {
  font-family: "Cardenio Modern Bold";
  src: url("/fonts/cardenio_modern_bold-webfont.woff2") format("woff2"), url("/fonts/cardenio_modern_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pacifico";
  src: url("/fonts/Pacifico-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
body {
  background: #eab490 url("/img/bg.jpg");
  font: 14px/1.5 "Roboto", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  padding-bottom: 120px;
  -webkit-font-smoothing: antialiased;
}

p {
  margin: 0 0 20px;
}

a {
  color: #e1ab87;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #e1ab87;
  text-decoration: none;
  outline: none;
}

ul {
  padding: 0;
  margin: 0 0 20px;
}
ul li {
  margin-left: 0;
}

hr {
  border-color: #e1ab87;
  margin: 0 0 24px;
}

input[type=checkbox] {
  cursor: pointer;
}

/*
  _animations.scss
*/
.fadeOut {
  animation: fadeOut 0.4s ease-in;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(30px);
  }
}
.bob {
  animation: bob 0.8s infinite;
  animation-fill-mode: forwards;
}

@keyframes bobSmall {
  0%, 50% {
    transform: translateY(0px);
    animation-timing-function: linear;
  }
  25% {
    transform: translateY(-2px);
    animation-timing-function: linear;
  }
  75% {
    transform: translateY(2px);
    animation-timing-function: linear;
  }
}
@keyframes bob {
  0%, 50% {
    transform: translateY(0px);
    animation-timing-function: linear;
  }
  25% {
    transform: translateY(-5px);
    animation-timing-function: linear;
  }
  75% {
    transform: translateY(5px);
    animation-timing-function: linear;
  }
}
@keyframes bobLarge {
  0%, 50% {
    transform: translateY(0px);
    animation-timing-function: linear;
  }
  25% {
    transform: translateY(-10px);
    animation-timing-function: linear;
  }
  75% {
    transform: translateY(10px);
    animation-timing-function: linear;
  }
}
@keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    transform: translate(0, -50%);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -1500%);
  }
}
@keyframes shine {
  0% {
    left: -75px;
  }
  15% {
    left: 200px;
  }
  100% {
    left: 200px;
  }
}
@keyframes rotate {
  0% {
    transform: none;
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bounce {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(5px);
  }
}
@keyframes bgLoad {
  0% {
    background-color: #ebebeb;
  }
  100% {
    background-color: #c1c1c1;
  }
}
.apng {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.2s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/*
  #Typography
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font: 14px/1.5 "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
  font-weight: normal;
  margin: 0;
}

h1 {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 36px;
}

h2 {
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

h4 {
  font-size: 19px;
  font-style: italic;
  color: #fff;
  margin-bottom: 6px;
}

h5 {
  font-size: 18px;
  margin-bottom: 12px;
}

.text-danger {
  color: #d43c23;
}

.text-success {
  color: #68aa6d;
}

.hl {
  color: #eab490;
}
.hl.red {
  color: #d43c23;
}
h2 .hl {
  color: #b98c75;
}

.text-trade, .text-charm {
  color: #8dc63f !important;
}
.text-auction {
  color: #ff7b7b !important;
}
.text-sale, .text-comprehension {
  color: #5dd0d1 !important;
}
.text-honour {
  color: #e54b4b !important;
}
.text-tenacity {
  color: #ea9a00 !important;
}
.text-bronze {
  color: #b48e6b !important;
}
.text-silver {
  color: #b7b7b7 !important;
}
.text-gold {
  color: #e8b611 !important;
}
.text-black {
  color: #555 !important;
}

.avatar-wrapper {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 325px;
}
.avatar-wrapper .avatar-image, .avatar-wrapper .apng, .avatar-wrapper .clothing-back, .avatar-wrapper .clothing-front {
  position: absolute;
  top: 0px;
  left: 0px;
}
.avatar-wrapper .avatar-image {
  z-index: 1;
}
.avatar-wrapper .clothing-back {
  z-index: 0;
}
.avatar-wrapper .clothing-front {
  z-index: 2;
}
.avatar-wrapper .apng.back {
  z-index: 0;
}
.avatar-wrapper .apng.front {
  z-index: 2;
}

.badge {
  background: #e8b492;
}

.btn {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  background: none;
  border: 0;
  color: #e1ab87;
}
.btn:hover, .btn:focus, .btn:active {
  color: #fff;
  outline: none;
}
.btn.btn-lg, .btn-group-lg > .btn {
  font-size: 48px;
  font-weight: bold;
}
.btn.btn-primary {
  background: #fff;
  font-weight: bold;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  color: #e1ab87;
  background: #fce0bd;
}
.btn.btn-link {
  height: 31px;
  color: #e1ab87;
  font-weight: bold;
  line-height: 1.2;
  border: 2px solid #e1ab87;
  border-radius: 4px;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active {
  color: #fff;
  text-decoration: none;
  background: #e1ab87;
}
.btn.btn-success {
  color: #fff;
  background: #9cbb58;
}
.btn.btn-danger {
  color: #fff;
  background: #d43c23;
}
.btn.btn-warning {
  color: #fff;
  background: #ea9a00;
}
.btn.btn-inline {
  padding: 0px 1em;
  height: 1.4em;
  font-size: 0.9em;
  border-radius: 0px;
  vertical-align: text-top;
}
.btn.btn-secondary {
  background: #efe7c0;
  font-weight: bold;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
  color: white;
  background: #cac2b6;
}
.btn.btn-link-reversed {
  height: 31px;
  color: white;
  background: #e1ab87;
  font-weight: bold;
  line-height: 1.2;
  border: 2px solid #e1ab87;
  border-radius: 4px;
}
.btn.btn-link-reversed:hover, .btn.btn-link-reversed:focus, .btn.btn-link-reversed:active {
  color: #e1ab87;
  text-decoration: none;
  border: 2px solid #e1ab87;
  background: none;
}
.btn.btn-trade, .btn.btn-auction, .btn.btn-sale {
  color: #fff;
  font-weight: bold;
}
.btn.btn-trade {
  background: #8dc63f;
}
.btn.btn-auction {
  background: #ff7b7b;
}
.btn.btn-sale {
  background: #5dd0d1;
}
.btn.btn-basic {
  background: #d8a481;
  color: #fff;
}
.btn.btn-basic:hover, .btn.btn-basic:focus, .btn.btn-basic:active, .btn.btn-basic:visited {
  color: #fff;
}
.btn.btn-outline {
  color: #fff;
  font-weight: bold;
  border: 3px solid #fff;
  border-radius: 8px;
  text-transform: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.btn.btn-outline:hover, .btn.btn-outline:link, .btn.btn-outline:visited {
  color: #fff;
}
.btn.btn-gradient {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  border-radius: 8px;
  line-height: 1em;
  padding: 2px 12px;
  font-size: 19px;
  border: 3px solid #fff;
  background-image: linear-gradient(to bottom, #f89027, #f2782d);
}
.btn.btn-gradient:active {
  background-image: linear-gradient(to top, #f89027, #f2782d);
}
.btn.btn-gradient:active, .btn.btn-gradient:hover, .btn.btn-gradient:link, .btn.btn-gradient:visited {
  color: #fff;
}

.carousel {
  overflow: hidden;
  border-radius: 10px;
  background: #555;
  height: 207px;
}
.carousel .carousel-indicators {
  bottom: 0px;
}
.carousel .item {
  width: 100%;
  height: 207px;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  opacity: 1;
}
.carousel .item img {
  min-width: 100%;
}
.carousel .carousel-control.left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-image: none;
}
.carousel .carousel-control.right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: none;
}
.carousel .fa-caret-left,
.carousel .fa-caret-right {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  font-size: 50px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel .fa-caret-left {
  left: 0;
}
.carousel .fa-caret-right {
  right: 0;
}

#linkCarousel {
  background: transparent;
  height: 80px;
  margin-left: -35px;
  margin-right: -35px;
}
#linkCarousel .carousel-inner {
  width: 92%;
  margin: 0px auto;
  height: 70px;
  overflow: initial;
}
#linkCarousel .carousel-inner .item.prev.right, #linkCarousel .carousel-inner .item.next.left {
  display: flex;
}
#linkCarousel .carousel-inner .item.active, #linkCarousel .carousel-inner .item.prev.right, #linkCarousel .carousel-inner .item.next.left {
  height: 70px;
  overflow: initial;
  margin-bottom: 10px;
}
#linkCarousel .carousel-inner .item.active.active, #linkCarousel .carousel-inner .item.prev.right.active, #linkCarousel .carousel-inner .item.next.left.active {
  display: flex;
}
#linkCarousel .carousel-inner .item.active .link-banner, #linkCarousel .carousel-inner .item.prev.right .link-banner, #linkCarousel .carousel-inner .item.next.left .link-banner {
  display: block;
  width: 20%;
  margin: 0px 5px;
  height: 70px;
  position: relative;
}
#linkCarousel .carousel-inner .item.active .link-banner .link-banner-content, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content {
  border-radius: 8px;
  background-color: #d8a481;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
  height: 70px;
  overflow: hidden;
}
#linkCarousel .carousel-inner .item.active .link-banner .link-banner-content .link-banner-image-wrapper, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content .link-banner-image-wrapper, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content .link-banner-image-wrapper {
  min-width: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#linkCarousel .carousel-inner .item.active .link-banner .link-banner-content .link-banner-image-wrapper img, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content .link-banner-image-wrapper img, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content .link-banner-image-wrapper img {
  min-width: 0;
}
#linkCarousel .carousel-inner .item.active .link-banner .link-banner-content .link-banner-title, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-content .link-banner-title, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-content .link-banner-title {
  flex-grow: 1;
  text-align: left;
  line-height: 1.3em;
}
#linkCarousel .carousel-inner .item.active .link-banner .link-banner-new, #linkCarousel .carousel-inner .item.prev.right .link-banner .link-banner-new, #linkCarousel .carousel-inner .item.next.left .link-banner .link-banner-new {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
  line-height: 1em;
  position: absolute;
  bottom: -10px;
  left: 20px;
  width: 40px;
}
#linkCarousel .carousel-control {
  width: 4%;
  text-shadow: none;
  opacity: 1;
  height: 70px;
}

.form-control {
  background: #fff;
  border-color: #e1ab87;
  box-shadow: none;
}

.form-group {
  margin-bottom: 25px;
}

.input-group .form-control:first-child {
  border-right: 0;
}

.input-group .form-control:last-child {
  border-left: 0;
}

.input-group-addon {
  top: 0;
  background: #fff;
  color: #e1ab87;
  border-color: #e1ab87;
}

.pet-form {
  width: 70%;
  margin: 0px auto 50px auto;
}
.pet-form .form-control:focus {
  border: 0px;
  box-shadow: none;
}
.pet-form label, .pet-form input, .pet-form select {
  display: inline-block;
  vertical-align: middle;
  border: 0px;
  margin-bottom: 0px;
}
.pet-form .form-group {
  margin-bottom: 0px;
}
.pet-form label {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 1.2em;
}
.pet-form input, .pet-form select, .pet-form .pet-submit {
  border-radius: 0;
}
.pet-form input, .pet-form select {
  padding: 0px 5px;
  line-height: 1em;
  height: 1.8em;
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .pet-form input, .pet-form select {
    margin-left: 1em;
    width: 40%;
  }
}
.pet-form .pet-name > label {
  color: #555;
}
.pet-form .pet-submit {
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
  padding: px;
  height: initial;
  padding: 5px 15px;
  margin-top: 20px;
}
.pet-form .pet-habitat {
  margin: 0px;
  width: 100%;
}

.captcha {
  text-align: center;
  background-color: #e8b492;
  border-radius: 10px;
  padding: 10px;
}

.captcha .captcha-image img {
  border: 1px solid #b46347;
}

.captcha .captcha-selection {
  padding: 10px;
  line-height: 0;
}

.captcha .captcha-selection label {
  width: 50px;
  line-height: 0;
  margin: 0;
}

.captcha .captcha-description {
  color: #b46347;
}

.icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
}
.icon:before {
  content: attr(data-count);
  display: block;
  position: absolute;
  top: -10px;
  right: -12px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  background: #d43c23;
  border-radius: 50%;
  width: 20px;
  overflow: hidden;
}
.icon:hover:before {
  opacity: 1;
}
.icon.read:before {
  background: #ebebeb;
}
.icon.mail {
  width: 27px;
  height: 20px;
  background-position: 0 -150px;
}
.icon.mail:hover {
  opacity: 0.8;
  background-image: url("/img/spritesheet.png");
  background-position: 0 -150px;
}
.icon.exclamation-mark {
  width: 11px;
  height: 22px;
  background-position: -50px -150px;
}
.icon.exclamation-mark:hover {
  opacity: 0.8;
  background-image: url("/img/spritesheet.png");
  background-position: -50px -150px;
}
.icon.flag {
  width: 21px;
  height: 24px;
  background-position: -325px -150px;
}
.icon.potato {
  width: 16px;
  height: 17px;
  background-position: -100px -150px;
}
.icon.potato.large {
  width: 50px;
  height: 50px;
  background-position: -350px -150px;
}
.icon.potato.medium {
  width: 27px;
  height: 30px;
  background-position: 0px -275px;
}
.icon.potato.small {
  width: 18px;
  height: 19px;
  background-position: -125px -175px;
}
.icon.potato.stroke {
  width: 20px;
  height: 21px;
  background-position: -100px -175px;
}
.icon.potato.scaled {
  transform: scale(0.75);
}
.icon.turnip {
  width: 17px;
  height: 19px;
  background-position: -150px -150px;
}
.icon.turnip.large {
  width: 50px;
  height: 50px;
  background-position: -400px -150px;
}
.icon.turnip.stroke {
  width: 21px;
  height: 22px;
  background-position: -150px -175px;
}
.icon.turnip.scaled {
  transform: scale(0.75);
}
.icon.poll {
  width: 25px;
  height: 20px;
  background-position: -50px -175px;
}
.icon.dice {
  width: 21px;
  height: 20px;
  background-position: -75px -175px;
}
.icon.arrow-large {
  width: 50px;
  height: 50px;
  background-position: -350px -100px;
}
.icon.heart {
  width: 17px;
  height: 14px;
  background-position: -450px -175px;
}
.icon.checkmark {
  width: 20px;
  height: 16px;
  background-position: -200px -150px;
}
.icon.cross {
  width: 14px;
  height: 15px;
  background-position: -250px -150px;
}
.icon.human {
  width: 109px;
  height: 103px;
  background-image: url("/img/classes.png");
  background-position: 0 0;
}
.icon.animal {
  width: 110px;
  height: 102px;
  background-image: url("/img/classes.png");
  background-position: 0 -150px;
}
.icon.elven {
  width: 110px;
  height: 102px;
  background-image: url("/img/classes.png");
  background-position: -150px 0;
}
.icon.galactic {
  width: 106px;
  height: 99px;
  background-image: url("/img/classes.png");
  background-position: -150px -150px;
}
.icon.sun {
  width: 16px;
  height: 16px;
  background-image: url("/img/spritesheet.png");
  background-position: 0px -175px;
}
.icon.moon {
  width: 16px;
  height: 16px;
  background-image: url("/img/spritesheet.png");
  background-position: -25px -175px;
}
.icon.tenacity, .icon.tnc {
  width: 22px;
  height: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: 0 -200px;
}
.icon.honour, .icon.hnr {
  width: 22px;
  height: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: -50px -200px;
}
.icon.charm, .icon.crm {
  width: 22px;
  height: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: -100px -200px;
}
.icon.comprehension, .icon.cmp {
  width: 22px;
  height: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: -150px -200px;
}
.icon.luck, .icon.luk {
  width: 22px;
  height: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: -200px -200px;
}
.icon.stat {
  width: 22px;
  height: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: -200px -200px;
}
.icon.pencil {
  width: 50px;
  height: 50px;
  background-image: url("/img/pencil.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.icon.pencil.small {
  width: 32px;
  height: 32px;
}
.icon.pet-pencil {
  width: 21px;
  height: 21px;
  background-position: -250px -200px;
}
.icon.pet-exclamation {
  width: 21px;
  height: 20px;
  background-position: -275px -200px;
}
.icon.pet-hammer {
  width: 21px;
  height: 21px;
  background-position: -300px -200px;
}
.icon.pet-delete {
  width: 20px;
  height: 21px;
  background-position: -325px -200px;
}
.icon.sparkle {
  width: 18px;
  height: 23px;
  background-position: -350px -200px;
}
.icon.sparkle.large {
  width: 27px;
  height: 35px;
  background-position: -125px -275px;
}
.icon.gift {
  width: 27px;
  height: 27px;
  background-position: -175px -275px;
}
.icon.user-message {
  width: 24px;
  height: 18px;
  background-position: -200px -175px;
}
.icon.user-message.grey {
  background-position: -225px -275px;
}
.icon.user-friend {
  width: 24px;
  height: 17px;
  background-position: -225px -175px;
}
.icon.user-friend.grey {
  background-position: -250px -275px;
}
.icon.user-friend.grey.liked {
  background-position: -250px -300px;
}
.icon.user-link {
  width: 24px;
  height: 19px;
  background-position: -250px -175px;
}
.icon.user-link.grey {
  background-position: -275px -275px;
}
.icon.user-topics {
  width: 24px;
  height: 19px;
  background-position: -275px -175px;
}
.icon.user-topics.grey {
  background-position: -300px -275px;
}
.icon.user-posts {
  width: 24px;
  height: 21px;
  background-position: -300px -175px;
}
.icon.user-posts.grey {
  background-position: -325px -275px;
}
.icon.user-menagerie {
  width: 24px;
  height: 19px;
  background-position: -325px -175px;
}
.icon.user-block {
  width: 24px;
  height: 20px;
  background-position: -425px -275px;
}
.icon.user-mute {
  width: 24px;
  height: 6px;
  background-position: -400px -275px;
}
.icon.pet-quest {
  width: 43px;
  height: 45px;
  background-position: 0px -225px;
}
.icon.pet-quest.disabled {
  background-position: -200px -225px;
}
.icon.pet-pat {
  width: 35px;
  height: 45px;
  background-position: -50px -225px;
}
.icon.pet-pat.disabled {
  background-position: -250px -225px;
}
.icon.pet-chat {
  width: 39px;
  height: 45px;
  background-position: -100px -225px;
}
.icon.pet-chat.disabled {
  background-position: -300px -225px;
}
.icon.pet-gift {
  width: 36px;
  height: 45px;
  background-position: -150px -225px;
}
.icon.pet-gift.disabled {
  background-position: -350px -225px;
}
.icon.pet-birthday {
  width: 42px;
  height: 41px;
  background-position: 0px -350px;
}
.icon.pet-birthday.disabled {
  background-position: -50px -350px;
}
.icon.theater-turnip {
  width: 25px;
  height: 27px;
  background-position: -350px -275px;
}
.icon.theater-turnip.blank {
  background-position: -375px -275px;
}
.icon.quest-indicator {
  width: 16px;
  height: 20px;
  background-position: -275px -300px;
}
.icon.quest-indicator.blue {
  background-position: -300px -300px;
}
.icon.quest-indicator.red {
  background-position: -325px -300px;
}
.icon.hub.town-hops {
  width: 16px;
  height: 17px;
  background-position: -275px -325px;
}
.icon.hub.potato {
  width: 19px;
  height: 21px;
  background-position: -300px -325px;
}
.icon.hub.gift {
  width: 21px;
  height: 21px;
  background-position: -325px -325px;
}
.icon.hub.quest {
  width: 23px;
  height: 23px;
  background-position: -350px -325px;
}
.icon.check {
  width: 25px;
  height: 19px;
  background-position: -100px -275px;
}

.arrow-left, .arrow-right {
  display: block;
  width: 34px;
  height: 129px;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
}
.arrow-left:hover, .arrow-right:hover {
  opacity: 0.6;
}
.arrow-left.disabled, .arrow-right.disabled {
  opacity: 0.2;
}

.arrow-left {
  background-position: -400px 0;
}

.arrow-right {
  background-position: -450px 0;
}

.affection {
  width: 21px;
  height: 19px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/affection.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.affection.positive {
  background-position: -42px 0px;
}
.affection.positive-half {
  background-position: -21px 0px;
}
.affection.negative {
  background-position: -84px 0px;
}
.affection.negative-half {
  background-position: -63px 0px;
}

.modal-header {
  border: none;
}

.modal-content {
  background: #efe7c0;
  border: 5px solid #b98c75;
  border-radius: 25px;
}
.modal-content--confirm {
  border: 5px solid #fff;
  background: #fce0bd;
  padding: 30px 40px;
  text-align: center;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  color: #555;
  font-size: 20px;
  margin-top: 200px;
}
.modal-content--confirm .modal-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  margin-bottom: 10px;
}
.modal-content--confirm .modal-emphasis {
  display: block;
  color: #cb8e6d;
  font-weight: 700;
}
.modal-content--confirm label {
  color: #cb8e6d;
}
.modal-content--confirm .btn {
  font-size: 22px;
  padding: 5px 7px;
  line-height: 1em;
  font-weight: bold;
}
.modal-content--confirm .btn-default {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 5px;
}
.modal-content > p:last-child {
  margin-bottom: 0;
}

.close {
  opacity: 0.5;
  transition: opacity 0.2s ease-out;
}
.close:hover {
  opacity: 1;
}

#avatar-modal .modal-dialog {
  min-width: 1200px;
}

.nav {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  list-style: none;
  margin: 0;
}
.nav li {
  display: block;
  float: left;
  margin: 0 24px 0 0;
  padding: 0;
}
.nav li:not(.hub-dropdown):hover .dropdown-menu {
  display: block;
}
.nav li:last-child {
  margin-right: 0;
}
.nav li a {
  display: block;
  color: #b98c75;
  font-weight: bold;
  padding: 0;
}
.nav li a:hover {
  background: none;
  color: #e1ab87;
}
.nav li a:focus {
  background: none;
}
.nav li.open a {
  background-color: #d8a481;
}
.nav li.open a:hover, .nav li.open a:focus, .nav li.open a:active {
  background-color: #d8a481;
}
.nav li .dropdown-menu {
  background: #d8a481;
  border: 0;
  border-top: #b98c75 solid 3px;
  left: -10px;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.nav li .dropdown-menu .divider {
  height: 2px;
  background-color: #e8b492;
}
.nav li .dropdown-menu li {
  display: block;
  float: none;
  margin: 0;
}
.nav li .dropdown-menu li a {
  display: block;
  font-size: 16px;
  color: #f8d0a1;
  padding: 4px 12px;
}
.nav li .dropdown-menu li a:hover, .nav li .dropdown-menu li a:focus, .nav li .dropdown-menu li a:active {
  background: #b98c75;
}
.nav.breadcrumbs .divider a {
  padding-right: 0;
  padding-left: 0;
}
.nav.breadcrumbs li {
  margin-right: 8px;
}

.nav-tabs {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  border: 0;
  margin: 0 0 36px;
}
.nav-tabs li {
  display: inline-block;
  float: none;
  margin-right: 5px;
}
.nav-tabs li a {
  display: block;
  min-width: 125px;
  background: #e1ab87;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
  border: 0;
  border-radius: 0;
  padding: 0 12px;
}
.nav-tabs li a:hover, .nav-tabs li a:focus, .nav-tabs li a:active {
  color: #f8d0a1;
  background: #fff;
}
.nav-tabs li.active a {
  color: #f8d0a1;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
  border: 0;
}

.nav-pills {
  margin: 0 0 24px;
}
.nav-pills li {
  margin-right: 12px;
}
.nav-pills li a {
  padding: 6px;
}
.nav-pills li.active a {
  background: #e8b492;
}
.nav-pills li.active a:hover {
  background: #b98c75;
}

.pagination {
  margin: 0 0 24px;
}
.pagination li {
  margin: 0;
}
.pagination li a {
  background: #e8b492;
  color: #fff;
  border: 0;
}
.pagination li a:hover {
  background: #e8b492;
  color: #fff;
  opacity: 0.6;
}
.pagination li.active > span {
  background: none;
  color: #e1ab87;
  border: 0px;
}
.pagination li.active > span:hover {
  background: #e8b492;
  color: #fff;
}
.pagination li.disabled > span {
  background: #e8b492;
  color: #fff;
  opacity: 0.3;
  border: 0px;
}
.pagination li.disabled > span:hover {
  background: #e8b492;
  color: #fff;
}

.page-switcher {
  font-size: 18px;
  margin-top: 15px;
}
.page-switcher .glyphicon, .page-switcher .page-pagination {
  vertical-align: middle;
  color: inherit;
}
.page-switcher .glyphicon {
  top: 0;
  margin: 0;
}
.page-switcher .glyphicon:hover, .page-switcher .glyphicon:active, .page-switcher .glyphicon:focus {
  opacity: 0.5;
  outline: none;
}
.page-switcher .page-pagination {
  display: inline-block;
  font-weight: bold;
  line-height: 1;
}

.panel-default {
  border: 0px;
  box-shadow: none;
}

.pet-habitat {
  display: inline-block;
  position: relative;
  margin: 0 15px 17px 15px;
}
.pet-habitat .pet-habitat-pet {
  z-index: 2;
  position: relative;
  background: #fff;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  display: inline-block;
  overflow: hidden;
}
.pet-habitat .pet-habitat-pet img {
  min-width: 75px;
  height: 75px;
}
.pet-habitat .pet-habitat-habitat {
  z-index: 1;
  position: absolute;
  left: -21px;
  top: -9px;
  height: 115px;
  width: 115px;
  background-position: center 35px;
  background-repeat: no-repeat;
}
.pet-habitat .pet-habitat-border {
  z-index: 0;
  position: absolute;
  background-color: #fff;
  clip-path: polygon(50% 50%, 100% 90%, 100% 100%, 0% 100%, 0% 90%);
  left: -22px;
  right: 0px;
  top: -27px;
  height: 121px;
  width: 119px;
  border-radius: 50%;
}

.progress {
  background: #ebebeb;
  box-shadow: none;
}
.progress .progress-bar {
  background: linear-gradient(45deg, #acd038, #fcec54);
  box-shadow: none;
}

.pet-status .pet-status-bar .progress {
  border: 3px solid #fff;
  border-radius: 10px;
  background: #ebebeb;
  height: 1.5em;
  margin-bottom: 0px;
  box-sizing: content-box;
  position: relative;
}
.pet-status .pet-status-bar .progress .progress-bar {
  background: linear-gradient(#fde62d, #ffbe47);
  box-shadow: none;
}
.pet-status .pet-status-bar .progress .progress-bar::before {
  content: "Appetite";
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 41px;
  width: 150px;
  display: block;
  text-align: center;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
}

.pet-dailies .pet-mood-bar {
  position: relative;
}
.pet-dailies .pet-mood-bar:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("/img/moodbar.png");
  width: 22px;
  height: 41px;
}
.pet-dailies .pet-mood-bar .progress {
  transform: rotateZ(-90deg);
  transform-origin: bottom;
  background: #ebebeb;
  width: 39px;
  height: 20px;
  margin-bottom: 0px;
  position: absolute;
  top: 1px;
  left: 1px;
}
.pet-dailies .pet-mood-bar .progress .progress-bar {
  background: #ffbe47;
  box-shadow: none;
}

/* base style */
.select-dropdown {
  min-width: 16em;
  position: relative;
  display: inline-block;
  min-height: 2em;
  max-height: 2em;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #444;
  outline: none;
  border: 0.06em solid transparent;
  background-color: #cccccc;
  transition: 0.3s all ease-in-out;
}
.select-dropdown input {
  display: none;
}
.select-dropdown label {
  color: #555;
  display: block;
  height: 2em;
  line-height: 2em;
  padding-left: 1em;
  padding-right: 3em;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
}
.select-dropdown label:nth-child(2) {
  margin-top: 2em;
}
.select-dropdown input:checked + label {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
}
.select-dropdown input:checked + label:nth-child(2) {
  margin-top: 0;
  position: relative;
}
.select-dropdown::after {
  content: "";
  position: absolute;
  right: 0.8em;
  top: 0.9em;
  border: 0.3em solid #fff;
  border-color: #fff transparent transparent transparent;
  transition: 0.4s all ease-in-out;
}
.select-dropdown.expanded {
  border: 0.06em solid #fff;
  padding: 0;
  max-height: none;
}
.select-dropdown.expanded label:hover {
  color: #555;
  background-color: #f9edd2;
}
.select-dropdown.expanded input:checked + label {
  color: #555;
}
.select-dropdown.expanded::after {
  transform: rotate(-180deg);
  top: 0.55em;
}
.select-dropdown.dv-dropdown {
  border-radius: 10px;
  background-color: #d7d7d7;
  border: 4px solid #d7d7d7;
  min-height: 34px;
  z-index: 1;
}
.select-dropdown.dv-dropdown label {
  color: #e1ab87;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 26px;
  padding-left: 5px;
  height: 26px;
  text-align: center;
  padding-right: 2em;
}
.select-dropdown.dv-dropdown label.hide-deselected {
  display: none;
}
.select-dropdown.dv-dropdown input.hide-deselected {
  display: none;
}
.select-dropdown.dv-dropdown input:checked + label {
  background-color: #fff;
  border-radius: 7px;
  color: #b7b7b7;
  width: 100%;
}
.select-dropdown.dv-dropdown input:checked + label.hide-deselected {
  display: block;
}
.select-dropdown.dv-dropdown input:checked.hide-deselected {
  display: none;
}
.select-dropdown.dv-dropdown.expanded {
  background-color: #f8d0a1;
  border: 4px solid #f8d0a1;
}
.select-dropdown.dv-dropdown.expanded label:hover {
  background-color: #e1ab87;
  color: #fff;
}
.select-dropdown.dv-dropdown.expanded input:checked + label:hover {
  background-color: #fff;
  color: #b7b7b7;
}
.select-dropdown.dv-dropdown.expanded::after {
  top: 0.15em;
}
.select-dropdown.dv-dropdown::after {
  top: 0.7em;
  border-width: 7px;
  border-color: #d7d7d7 transparent transparent transparent;
}

.select-dropdown-label {
  vertical-align: top;
  font-size: 18px;
  margin-right: 5px;
  display: inline-block;
}
.select-dropdown-label * {
  vertical-align: top;
}

.select-dropdown-wrapper {
  position: absolute;
}

/*
  #UI Elements
*/
.logo {
  display: block;
  width: 336px;
  height: 149px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/img/spritesheet.png") 0 0 no-repeat;
}

hr {
  border-color: #e1ab87;
  margin: 0 0 24px;
}

input[type=checkbox] {
  cursor: pointer;
}

input[type=checkbox].customMarker + .outerLabel {
  position: relative;
  width: 17px;
  height: 17px;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
}

input[type=checkbox].customMarker + .outerLabel .innerLabel {
  position: absolute;
  display: none;
}

input[type=checkbox].customMarker:checked + .outerLabel .innerLabel {
  display: block;
  margin: auto;
  top: 0px;
  left: 0px;
  color: #d43c23;
  font-size: 20px;
  padding: 1px;
}

input[type=checkbox].customMarker {
  display: none;
}

.form-control {
  background: #fff;
  border-color: #e1ab87;
  box-shadow: none;
}

.form-group {
  margin-bottom: 25px;
}

.input-group .form-control:first-child {
  border-right: 0;
}

.input-group .form-control:last-child {
  border-left: 0;
}

.input-group-addon {
  top: 0;
  background: #fff;
  color: #e1ab87;
  border-color: #e1ab87;
}

.wysihtml5-toolbar .btn {
  color: #b98c75;
}
.wysihtml5-toolbar .btn:hover, .wysihtml5-toolbar .btn:focus, .wysihtml5-toolbar .btn:active {
  color: #e1ab87;
  background: #fff;
}

.user-avatar {
  width: 200px;
  height: 325px;
  background-repeat: no-repeat;
  background-position: center center;
}
.user-avatar.small {
  width: 160px;
  height: 260px;
  background-size: 50%;
}

.user-pet {
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
}

.pet-full {
  display: inline-block;
  width: 275px;
  height: 200px;
  background: url("/img/pet-full.png") center center no-repeat;
}

.item {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 4px;
}

.pet-list {
  list-style: none;
  margin: 0;
}
.pet-list.collapsable {
  max-height: 80px;
  overflow: hidden;
  transition: all 0.6s ease-out;
}
.pet-list.collapsable.open {
  max-height: 320px;
}
.pet-list li {
  float: left;
  margin: 0 5px 5px 0;
}
.pet-list li:last-child {
  margin-right: 0;
}

.item-list {
  list-style: none;
  margin: 0;
}
.item-list.collapsable {
  max-height: 80px;
  overflow: hidden;
  transition: all 0.6s ease-out;
}
.item-list.collapsable.open {
  max-height: 320px;
}
.item-list li {
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 12px;
  margin: 0 0 5px 5px;
}
.item-list li:first-child {
  margin-right: 0;
}

.more {
  display: block;
  font-size: 18px;
  text-align: right;
}
.more:hover {
  opacity: 0.6;
}

.status {
  display: block;
  text-align: center;
}
.status.on {
  background: #9cbb58;
}
.status.off {
  background: #d43c23;
}

.collapsable .collapsable-content {
  display: none;
}

.popover {
  width: 290px;
  color: #333;
  background: #fff;
  border: none;
  box-shadow: none;
  padding: 6px 0;
}
.popover.left .arrow, .popover.right .arrow, .popover.top .arrow, .popover.bottom .arrow {
  border: none;
}
.popover h3 {
  background: none;
  color: #555;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.well {
  color: #b46347;
  background: #e8b492;
  border: none;
}
.well a, .well a:hover {
  color: #fce0bd;
}
.well h4 {
  font-size: 24px;
  color: #fff;
  font-style: normal;
  text-transform: uppercase;
}
.well p {
  font-size: 16px;
}

.back-link {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  color: #cb8e6d;
  text-transform: uppercase;
}
.back-link .glyphicon {
  font-size: 20px;
  color: #fff;
}

.alert {
  margin-bottom: 35px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  border: none;
}
.alert.alert-danger {
  background: #fff;
}
.alert.alert-danger, .alert.alert-danger .close {
  color: #d43c23;
}
.alert.alert-danger ul {
  padding-left: inherit;
}
.alert.alert-success {
  background: #fff;
}
.alert.alert-success, .alert.alert-success .close {
  color: #68aa6d;
}
.alert .glyphicon {
  font-size: 12px;
}
.alert .float {
  float: right;
}

.switch-page, [data-page] {
  display: none;
}
.switch-page.active, [data-page].active {
  display: block;
}

[v-cloak] {
  display: none;
}

.tooltip .rarity.common, .popover .rarity.common {
  color: #959595;
}
.tooltip .rarity.uncommon, .popover .rarity.uncommon {
  color: #b98c75;
}
.tooltip .rarity.rare, .popover .rarity.rare {
  color: #ed4900;
}
.tooltip .rarity.legendary, .popover .rarity.legendary {
  color: #ea9a00;
}
.tooltip .rarity.custom, .popover .rarity.custom {
  color: #56abbb;
}
.tooltip .rarity.seasonal, .popover .rarity.seasonal {
  color: #76a635;
}
.tooltip .rarity.limited, .popover .rarity.limited {
  color: #c167ff;
}

.popover {
  padding: 0px;
  background-color: transparent;
  color: #fff;
  text-align: center;
  z-index: 9999 !important;
  font-size: 12px;
  line-height: 1.42857;
  width: -moz-fit-content;
  width: fit-content;
}
.popover.top .arrow:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.popover.bottom .arrow:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.popover.left .arrow:after {
  border-left-color: rgba(0, 0, 0, 0.9);
}
.popover.right .arrow:after {
  border-right-color: rgba(0, 0, 0, 0.9);
}
.popover .popover-content {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 0px;
  width: -moz-fit-content;
  width: fit-content;
}
.popover .popover-content .popover-info {
  width: 200px;
  padding: 5px;
}
.popover .popover-content .popover-preview-wrapper {
  width: 400px;
  display: flex;
  padding: 5px 5px 5px 0px;
}
.popover .popover-content .popover-preview-wrapper .popover-preview {
  width: 200px;
  height: 325px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ebebeb;
}
.popover .popover-content .popover-preview-wrapper .popover-preview.loading {
  animation: bgLoad 1s infinite alternate linear;
}
.popover .popover-content .popover-preview-wrapper .popover-preview.loaded {
  background-color: #ebebeb;
}

.table-striped > thead > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td,
.table-striped > tfoot > tr > th,
.table-striped > tfoot > tr > td {
  border: 0px;
}

.table-striped {
  background-color: #fff;
  border-radius: 5px;
}

.table-dv {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.table-dv > thead > tr > td, .table-dv > thead > tr > th, .table-dv > tbody > tr > td, .table-dv > tbody > tr > th, .table-dv > tfoot > tr > td, .table-dv > tfoot > tr > th {
  border: 0px;
}
.table-dv > thead > tr > td, .table-dv > tbody > tr > td, .table-dv > tfoot > tr > td {
  padding: 16px;
}
.table-dv > thead > tr > th, .table-dv > tbody > tr > th, .table-dv > tfoot > tr > th {
  font-size: 1.2em;
  padding: 10px 16px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.table-dv > tbody > tr:nth-of-type(even) {
  background-color: #f7f7f7;
}
.table-dv > tbody > tr > th {
  color: #b98c75;
}
.table-dv > tbody > tr > td {
  color: #555;
}
.table-dv > thead > tr {
  background-color: #e8b492;
}
.table-dv > thead > tr > th, .table-dv > thead > tr > td {
  color: #fff;
}

.sceditor-container {
  min-width: 100%;
}

.post-markup-guide {
  font-weight: bold;
  margin: 5px 0px;
}
.post-markup-guide a {
  color: #b98c75;
}

.parsed-text {
  color: #555;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
}
.parsed-text p {
  margin: 0 0 1em;
}
.parsed-text .quote {
  border-left: 10px solid #f7f7f7;
  padding: 5px 30px;
  font-size: 15px;
}
.parsed-text .quote-user {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
}
.parsed-text code {
  background-color: #efe7c0;
  color: #b98c75;
  padding: 8px;
  display: inline-block;
  margin: 3px 0px;
}
.parsed-text ul,
.parsed-text ol {
  padding-left: 40px;
  margin: 14px 0px;
}
.parsed-text table {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
.parsed-text table tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}
.parsed-text table td,
.parsed-text table th {
  border: 0px;
}
.parsed-text table td {
  padding: 16px;
  color: #555;
}
.parsed-text table th {
  font-size: 1.2em;
  padding: 10px 16px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  background-color: #e8b492;
  color: #fff;
}
.parsed-text img {
  max-width: 100%;
}
.parsed-text hr {
  border-color: #d5d5d5;
}
.parsed-text .spoiler {
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 8px;
  overflow: hidden;
}
.parsed-text .spoiler-header {
  margin: 0;
  background-color: #b7b7b7;
  padding: 5px 5px 5px 10px;
  min-height: 35px;
  line-height: 25px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.parsed-text .spoiler-button {
  float: right;
  background: #fff;
  color: #b7b7b7;
  font-weight: bold;
  line-height: 15px;
  font-size: 15px;
  border-radius: 5px;
}
.parsed-text .spoiler-body {
  padding: 15px;
  border: 1px solid #d7d7d7;
  border-top-width: 0px;
  border-radius: 0px 0px 8px 8px;
  background-color: #fff;
}
.parsed-text .counter {
  background: none;
  position: relative;
  display: inline-block;
  width: 75px;
  height: 75px;
  vertical-align: middle;
}
.parsed-text .counter * {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 75px;
  height: 75px;
}
.parsed-text .counter .counter-item {
  text-align: center;
  top: auto;
  left: auto;
  right: 0;
  bottom: -10px;
  width: auto;
  height: auto;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}

.round-tabs {
  text-align: left;
  margin-left: 12px;
  margin-bottom: 0;
}
.round-tabs li a {
  background: #c1c1c1;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.round-tabs li a:hover, .round-tabs li a:active, .round-tabs li a:focus {
  background: #fff;
  color: #e54b4b;
}
.round-tabs li.active a {
  background: #fff;
  color: #e54b4b;
}

.round-tabs-content {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.round-tabs-content--padded {
  padding: 20px;
}

.m-0 {
  margin: 0 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.flip {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

ul.reset {
  margin-left: 40px;
}

.mw-100 {
  max-width: 100%;
}

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}

.grayscale {
  filter: grayscale(1);
}

/*
  #Layout
*/
#wardrobe::before {
  background: url("/img/banners.png") 0 0 no-repeat;
}

#menagerie::before {
  background: url("/img/banners.png") -250px 0 no-repeat;
}

#forum::before {
  background: url("/img/banners.png") -500px 0 no-repeat;
}

#notifications::before {
  background: url("/img/banners.png") -750px 0 no-repeat;
}

#npc-diary::before {
  background: url("/img/banners.png") -1000px 0px no-repeat;
}

#friend-list::before {
  background: url("/img/banners.png") -1250px 0 no-repeat;
}

#treasury::before {
  background: url("/img/banners.png") 0px -100px no-repeat;
}

#messages::before {
  background: url("/img/banners.png") -250px -100px no-repeat;
}

#playground::before {
  background: url("/img/banners.png") -500px -100px no-repeat;
}

#world-map::before {
  background: url("/img/banners.png") -750px -100px no-repeat;
}

#pet-diary::before {
  background: url("/img/banners.png") -1000px -100px no-repeat;
}

#trade-market::before {
  background: url("/img/banners.png") -1250px -100px no-repeat;
}

#inventory::before {
  background: url("/img/banners.png") 0 -200px no-repeat;
}

#pet-accessories::before {
  background: url("/img/banners.png") 0 -200px no-repeat;
}

#register::before {
  background: url("/img/banners.png") -500px -200px no-repeat;
}

#news::before {
  background: url("/img/banners.png") -750px -200px no-repeat;
}

#daily-quests::before {
  background: url("/img/banners.png") -1000px -200px no-repeat;
}

#user-profile::before {
  background: url("/img/banners.png") -1250px -200px no-repeat;
}

#pet-profile::before {
  background: url("/img/banners.png") 0 -300px no-repeat;
}

#alchemy::before {
  background: url("/img/banners.png") -250px -300px no-repeat;
}

#chance-machine::before {
  background: url("/img/banners.png") -500px -300px no-repeat;
}

#shops::before {
  background: url("/img/banners.png") -750px -300px no-repeat;
}

#hatchery::before {
  background: url("/img/banners.png") -1000px -300px no-repeat;
}

#quests::before {
  background: url("/img/banners.png") -1250px -300px no-repeat;
}

#account::before {
  background: url("/img/banners.png") 0 -400px no-repeat;
}

#banned::before {
  background: url("/img/banners.png") -250px -400px no-repeat;
}

#town::before {
  background: url("/img/banners.png") -500px -400px no-repeat;
}

#redeem-items::before {
  background: url("/img/banners.png") -750px -400px no-repeat;
}

#ticket-desk::before {
  background: url("/img/banners.png") -1000px -400px no-repeat;
}

#login::before {
  background: url("/img/banners.png") 0px -500px no-repeat;
}

#not-found::before {
  background: url("/img/banners.png") -250px -500px no-repeat;
}

#credits::before {
  background: url("/img/banners.png") -500px -500px no-repeat;
}

#tos::before {
  background: url("/img/banners.png") -750px -500px no-repeat;
}

#rules::before {
  background: url("/img/banners.png") -1000px -500px no-repeat;
}

#conduct::before {
  background: url("/img/banners.png") -500px -700px no-repeat;
}

#achievements::before {
  background: url("/img/banners.png") 0px -600px no-repeat;
}

#adventuring::before {
  background: url("/img/banners.png") -250px -600px no-repeat;
}

#banned::before {
  background: url("/img/banners.png") -500px -600px no-repeat;
}

#customs::before {
  background: url("/img/banners.png") -750px -600px no-repeat;
}

#guilds::before {
  background: url("/img/banners.png") -1000px -600px no-repeat;
}

#pet-accessories::before {
  background: url("/img/banners.png") -1250px -600px no-repeat;
}

#privacy::before {
  background: url("/img/banners.png") 0px -700px no-repeat;
}

#referrals::before {
  background: url("/img/banners.png") -250px -700px no-repeat;
}

#ad-theater::before {
  background: url("/img/banners.png") -750px -700px no-repeat;
}

#clothing-diary::before {
  background: url("/img/banners.png") -1000px -700px no-repeat;
}

#welcome::before {
  background: url("/img/welcome.png") no-repeat;
}

.toolbar {
  margin-bottom: 24px;
}
.toolbar .form-control {
  height: 31px;
  border: none;
}

.container {
  position: relative;
  width: 996px;
}

.random-event-modal {
  color: #555;
}
.random-event-modal .random-event-text {
  text-align: center;
}
.random-event-modal .npc-image {
  margin-bottom: 25px;
}
.random-event-modal .npc-image .npc-thumbnail {
  border-radius: 50%;
  border: 4px solid #fff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.random-event-modal .npc-image .npc-thumbnail.npc {
  width: 150px;
  height: 150px;
}
.random-event-modal .npc-image .npc-thumbnail.pet {
  width: 75px;
  height: 75px;
}
.random-event-modal .npc-image .npc-thumbnail img {
  position: absolute;
  top: -3px;
  left: -3px;
}
.random-event-modal .npc-image .speech-bubble {
  display: inline-block;
  padding: 10px;
  border-radius: 13px;
  background-color: #fff;
  position: relative;
  margin-left: 25px;
}
.random-event-modal .npc-image .speech-bubble:before {
  content: "";
  display: inline-block;
  position: absolute;
  border: 17px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  left: -34px;
  top: 31px;
}
.random-event-modal .random-event-text {
  margin-bottom: 20px;
  font-size: 17px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.random-event-modal .random-event-text .item-name {
  color: #d43c23;
}

.random-event {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 730px;
  margin-bottom: 15px;
  margin-top: -20px;
}
.random-event .random-event-npc {
  border-radius: 50px;
  border: 3px solid #fff;
  width: 75px;
  height: 75px;
  position: relative;
  overflow: hidden;
  background-position: center;
}
.random-event .random-event-npc.npc {
  background-size: 140%;
}
.random-event .random-event-npc img {
  max-width: 75px;
  position: absolute;
  top: -3px;
  left: -3px;
}
.random-event .random-event-text {
  background-color: #fff;
  padding: 13px 13px 13px 16px;
  border-radius: 12px;
  flex-grow: 1;
  margin-left: 25px;
  height: 47px;
  position: relative;
  color: #555;
}
.random-event .random-event-text:before {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  border: 10px solid #fff;
  border-color: transparent #fff transparent transparent;
  border-width: 7px 15px;
  top: 23px;
  color: #555;
}
.random-event .random-event-text .random-event-line {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.random-event .random-event-text .random-event-line:before {
  content: "Random Event!";
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 3px;
}
.random-event .random-event-text .btn {
  font-weight: bold;
  border-radius: 6px;
  font-size: 12px;
  padding: 5px 7px;
  line-height: 1em;
  float: right;
}

.body-main-content {
  position: relative;
}

.content {
  position: relative;
  padding-top: 40px;
  background-color: #f8d0a1;
  border: 4px solid #fff;
  border-bottom: 0;
  border-top-left-radius: 120px;
  border-top-right-radius: 120px;
}
.content:before {
  content: " ";
  position: absolute;
  display: block;
  width: 226px;
  height: 72px;
  visibility: visible;
  top: -23px;
  right: 77px;
}
.content .tutorial-button {
  cursor: pointer;
  background-color: #e8b492;
  border-radius: 50%;
  border: 4px solid #fff;
  position: absolute;
  top: -11px;
  right: 25px;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 37px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.content .content-body {
  padding: 40px 47px;
  min-height: 500px;
}
.content .content-item {
  margin-bottom: 30px;
}
.content .content-item:last-child {
  margin-bottom: 0;
}
.content .content-item h2 {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
}

.content-item--tab h2 {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 0;
  padding: 0 10px;
  background-color: #d8a481;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.alert-block, .flash-div {
  margin-bottom: 20px;
  z-index: 1;
}

.alert-block {
  border-radius: 16px;
}

.flash-div {
  position: absolute;
  left: 66px;
  max-width: 590px;
  top: -8px;
  min-width: 590px;
}

.tutorial-modal {
  cursor: pointer;
  pointer-events: none;
}
.tutorial-modal:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.tutorial-modal.active {
  pointer-events: auto;
}
.tutorial-modal.active .tutorial-popup {
  opacity: 1;
  top: 20%;
}
.tutorial-modal.active:before {
  display: block;
}
.tutorial-modal .tutorial-popup {
  color: #b46347;
  background: #fff;
  font-size: 16px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  border-radius: 12px;
  text-align: left;
  position: fixed;
  z-index: 11;
  padding: 15px;
  width: 400px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.tutorial-modal .tutorial-popup:after {
  content: "";
  border: 15px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  right: 65px;
  bottom: -30px;
}

.fade-10 {
  opacity: 0.1;
}

.fade-25 {
  opacity: 0.25;
}

.fade-50 {
  opacity: 0.5;
}

.fade-75 {
  opacity: 0.75;
}

#footer .footer-body {
  background: #e8b492;
  color: #fff;
  border: 4px solid white;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin: 0 0 24px;
  padding: 12px 47px;
}
#footer .footer-body a {
  color: #fff;
}
#footer .footer-body a:hover {
  color: #fff;
}

#information {
  text-align: center;
}
#information .online-display {
  margin-bottom: 20px;
}
#information .online-display .btn {
  font-size: 16px;
  padding: 7px 20px;
  line-height: 1em;
}
#information a.fa, #information a.fab {
  margin-right: 7px;
}
#information a.fa, #information a.fa:link, #information a.fa:hover, #information a.fa:visited, #information a.fab, #information a.fab:link, #information a.fab:hover, #information a.fab:visited {
  color: #fff;
  font-size: 18px;
}
#information a.fa:last-of-type, #information a.fab:last-of-type {
  margin-right: 0;
}

#copyright {
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#main-header {
  background-repeat: repeat-x;
  background-position: bottom;
  color: #555;
  font-weight: bold;
  min-width: 1096px;
}
#main-header .header-overlay {
  position: absolute;
  z-index: 0;
  height: 269px;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#main-header .narrative {
  position: relative;
  top: -130px;
}
#main-header .header-content {
  position: relative;
  height: 267px;
}
#main-header .header-content .logo, #main-header .header-content .logo-link {
  position: absolute;
  left: 0;
  z-index: 5;
}
#main-header .header-content .logo {
  bottom: -58px;
  pointer-events: none;
}
#main-header .header-content .logo-link {
  bottom: -35px;
  width: 336px;
  height: 126px;
}
#main-header .user-pet {
  position: absolute;
  bottom: 75px;
  left: 200px;
  z-index: 2;
}
#main-header .user-pet.hatching-item {
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
#main-header .user-active-pet {
  display: block;
  position: absolute;
  width: 425px;
  height: 262px;
  left: -81px;
  bottom: 27px;
  z-index: 0;
}
#main-header .user-avatar {
  position: absolute;
  top: 0px;
  left: 60px;
  height: 250px;
  z-index: 4;
}
#main-header .user-avatar .display-avatar {
  display: block;
  overflow: hidden;
  height: inherit;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
#main-header #topbar {
  position: absolute;
  right: 0;
  bottom: 7px;
  left: 335px;
}
#main-header #topbar .welcome {
  min-width: 216px;
  font-size: 18px;
}
#main-header #topbar .welcome a {
  display: inline-block;
}
#main-header #topbar .notifications {
  margin-right: 42px;
}
#main-header .npc {
  position: absolute;
  right: -50px;
  bottom: -35px;
  width: 250px;
  height: 322px;
  background: bottom right no-repeat;
  z-index: 4;
}
#main-header .npc .npc-heart, #main-header .npc .npc-broken-heart {
  position: absolute;
  top: 105px;
  left: 35px;
  opacity: 0;
}
#main-header .speech-bubble {
  display: block;
  position: absolute;
  left: 288px;
  top: 20px;
  width: 480px;
  padding: 3px;
  background: #fff;
  color: #b98c75;
  font-weight: normal;
  border-radius: 20px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 5;
}
#main-header .speech-bubble__content {
  padding: 15px;
  border-radius: 20px;
  min-height: 132px;
  background: #efe7c0;
  color: #555;
}
#main-header .step-summary {
  font-weight: bold;
}
#main-header .option-a {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 2px;
  border: none;
  line-height: 1.3;
  border-radius: 4px;
  padding: 2px 20px;
  background-color: #f8d0a1;
}
#main-header .option-a:hover, #main-header .option-a:active, #main-header .option-a:focus {
  background-color: #eab490;
}
#main-header .option-a:hover:before, #main-header .option-a:active:before, #main-header .option-a:focus:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 5px;
  background: url("/img/spritesheet.png") -361px -14px;
  width: 7px;
  height: 13px;
  animation: bounce 0.3s infinite alternate linear;
}
#main-header .controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px;
}
#main-header .control {
  position: relative;
  padding: 0 5px;
  color: #333;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
}
#main-header .control:active:not([disabled]), #main-header .control:focus:not([disabled]) {
  outline: none;
}
#main-header .control:active:not([disabled]) .glyphicon::before, #main-header .control:focus:not([disabled]) .glyphicon::before {
  filter: drop-shadow(1px 0px 0 #f8d0a1) drop-shadow(-1px 0px 0 #f8d0a1) drop-shadow(0px 1px 0 #f8d0a1) drop-shadow(0px -1px 0 #f8d0a1) drop-shadow(1px 1px 0 #f8d0a1) drop-shadow(-1px 1px 0 #f8d0a1) drop-shadow(1px -1px 0 #f8d0a1) drop-shadow(-1px -1px 0 #f8d0a1);
}
#main-header .control[disabled] {
  opacity: 0.6;
}
#main-header .control + .control {
  margin-left: 10px;
}
#main-header .glyphicon {
  font-size: 20px;
  vertical-align: middle;
}
#main-header .glyphicon-triangle-left, #main-header .control--red {
  color: #e54b4b;
}
#main-header .glyphicon-triangle-right {
  color: #56abbb;
}
#main-header .glyphicon-forward, #main-header .control--green {
  color: #76a635;
}
#main-header .glyphicon-refresh {
  color: #959595;
}
#main-header .glyphicon-refresh.loading {
  animation: rotate 0.5s linear infinite;
}
#main-header .speech, #main-header .reset {
  display: block;
  position: relative;
  height: 20px;
  border-radius: 10px;
  font-size: 20px;
  overflow: hidden;
}
#main-header .speech {
  width: 30px;
  line-height: 0.5;
  background-color: #f7f7f7;
}
#main-header .reset {
  width: 20px;
  line-height: 20px;
  background-color: #959595;
  color: #fff;
  font-style: normal;
}
#main-header .reset .cross-out {
  top: 7px;
}
#main-header .reset[disabled] {
  opacity: 0.6;
}
#main-header .cross-out {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #e54b4b;
  transform-origin: bottom center;
  transform: rotate(-45deg);
}
#main-header .narration {
  font-weight: 700;
  font-style: italic;
}
#main-header .arrow {
  display: block;
  position: absolute;
  top: 80px;
  right: -18px;
  width: 21px;
  height: 19px;
  bottom: 8px;
  background: url("/img/spritesheet.png") -300px -150px no-repeat;
  z-index: 2;
}
#main-header .arrow--left {
  transform: scaleX(-1);
  filter: FlipH;
  left: -18px;
  top: 60px;
}
#main-header .vue-typer .typed {
  color: #555;
}
#main-header .vue-typer .custom.caret {
  display: none;
}
#main-header .vue-typer .nowrap {
  white-space: nowrap;
}

#top-nav, #hub-nav {
  height: 39px;
  min-width: 1096px;
}
#top-nav .nav, #hub-nav .nav {
  position: relative;
  font-size: 18px;
}
#top-nav .nav > li, #hub-nav .nav > li {
  margin-right: 16px;
}
#top-nav .nav > li > a, #hub-nav .nav > li > a {
  padding: 4px 8px;
}

#top-nav {
  background: #d8a481;
  color: #fff;
  border-bottom: 4px solid #fce0bd;
}
#top-nav .dropdown-menu {
  background-color: #fff;
}
#top-nav .dropdown-menu > li > a {
  background-color: #f1dcb9;
}
#top-nav .nav {
  margin-left: 331px;
}
#top-nav .nav .dropdown:hover > a {
  background-color: #f1dcb9;
  color: #cb8e6d;
}
#top-nav .nav .dropdown .dropdown-menu {
  border-top-color: #fff;
  border-top-width: 7px;
  z-index: 501;
}
#top-nav .nav .dropdown .dropdown-menu > li > a {
  color: #cb8e6d;
}
#top-nav .nav .dropdown .dropdown-menu > li > a:hover {
  background: #d8a481;
  color: #fff;
}
#top-nav .nav .dropdown .dropdown-menu .divider {
  background-color: #f8d0a1;
}
#top-nav .nav:before {
  content: " ";
  position: absolute;
  visibility: visible;
  top: -3px;
  left: -38px;
  background: url("/img/spritesheet.png") -350px 0;
  width: 19px;
  height: 26px;
}
#top-nav .nav > li > a {
  color: #fff;
}
#top-nav .nav > li > a:hover {
  background: #d8a481;
}
#top-nav .nav > li.right {
  float: right;
}
#top-nav .nav > li > span {
  color: #fff;
  padding: 4px 8px;
  font-weight: normal;
}
#top-nav .clock span {
  font-size: 16px;
  vertical-align: middle;
}

#hub-nav {
  background: #f8d0a1;
  color: #b98c75;
  border-bottom: 4px solid #d8a481;
  margin-bottom: 35px;
}
#hub-nav .potato-menu .progress {
  width: 60px;
}
#hub-nav .items-menu .progress {
  width: 40px;
}
#hub-nav .progress {
  border: 2px solid #fff;
  border-radius: 12px;
  display: inline-block;
  background: #fff;
  position: relative;
  margin-bottom: 0px;
  vertical-align: middle;
  height: 15px;
}
#hub-nav .progress .progress-bar {
  position: absolute;
  height: 28px;
  background: linear-gradient(45deg, #ffbe47, #fcec54);
}
#hub-nav .nav {
  margin-left: 115px;
  line-height: 35px;
}
#hub-nav .nav .hub-dropdown .fas.fa-caret-down {
  transform: rotateZ(0deg);
}
#hub-nav .nav .hub-dropdown.active .fas.fa-caret-down {
  transform: rotateZ(180deg);
  transition: transform 0.2s;
}
#hub-nav .nav .hub-dropdown.active .dropdown-menu {
  display: block;
  z-index: 500;
}
#hub-nav .nav .hub-dropdown.active .dropdown-menu .loading {
  text-align: center;
  color: #fff;
  padding: 15px;
}
#hub-nav .nav .hub-dropdown.potato-menu li:last-of-type > a, #hub-nav .nav .hub-dropdown.items-menu li:last-of-type > a, #hub-nav .nav .hub-dropdown.quests-menu li:last-of-type > a {
  background-color: #cb8e6d;
  color: #fce0bd;
}
#hub-nav .nav .hub-dropdown.potato-menu li > a, #hub-nav .nav .hub-dropdown.items-menu li > a {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#hub-nav .nav .hub-dropdown.stats-menu .dropdown-menu {
  width: 90px;
  min-width: 0px;
  font-size: 15px;
  padding: 5px 0px;
}
#hub-nav .nav .hub-dropdown.stats-menu .dropdown-menu li {
  padding: 1px 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  line-height: 25px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu {
  width: 340px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item:nth-of-type(2n) a {
  background-color: #cb8e6d;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a {
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc {
  position: relative;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc .quest-indicator {
  position: absolute;
  bottom: 3px;
  left: -5px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc .quest-icon {
  border-radius: 50%;
  border: 4px solid #fff;
  overflow: hidden;
  width: 70px;
  display: block;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-npc .quest-icon img {
  max-width: 100%;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-text {
  margin-left: 10px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-text .quest-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 17px;
  white-space: normal;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quest-item a .quest-text .quest-summary {
  color: #333;
  font-weight: normal;
  white-space: normal;
  font-size: 13px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quests-link a {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
}
#hub-nav .nav .hub-dropdown.quests-menu .dropdown-menu .quests-link a span {
  color: #fff;
}
#hub-nav .nav .hub-dropdown .dropdown-menu {
  width: 230px;
  text-transform: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  border-top-color: #d8a481;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
}
#hub-nav .nav .hub-dropdown .dropdown-menu > li > a {
  background-color: #d8a481;
  color: #fff;
}
#hub-nav .nav .hub-dropdown .dropdown-menu > li > a span {
  color: #f8d0a1;
}
#hub-nav .nav .hub-dropdown .dropdown-menu > li > a:hover {
  background: #e8b492;
  color: #fff;
}
#hub-nav .nav .hub-dropdown .dropdown-menu .divider {
  background-color: #f8d0a1;
}
#hub-nav .nav > li {
  margin-right: 10px;
}
#hub-nav .nav > li > a {
  color: #b98c75;
  padding: 0;
  font-size: 15px;
  display: flex;
  align-items: center;
  height: 35px;
}
#hub-nav .nav > li > a > * {
  margin-right: 5px;
}
#hub-nav .nav > li > a .fas.fa-caret-down {
  color: white;
  font-size: 21px;
}
#hub-nav .nav > li.right {
  float: right;
}
#hub-nav .nav > li > span {
  color: #fff;
  padding: 4px 8px;
  font-weight: normal;
}

.content .block-content {
  margin-bottom: 0px;
}
.content .block-content h2 {
  color: #cb8e6d;
  line-height: 1em;
}
.content .block-content .block-input {
  margin-bottom: 12px;
}
.content .block-content .block-input .form-control {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  border: 0px;
  font-size: 17px;
  border-radius: 6px;
}
.content .block-content .block-input .col-xs-8 {
  padding-left: 0px;
}
.content .block-content .block-input .col-xs-8 a {
  line-height: 33.9844px;
}
.content .block-content .block-info-section .block-info-heading {
  font-weight: bold;
  margin-bottom: 8px;
  color: #d85d5d;
}
.content .block-content .block-info-section .block-info-text ul {
  padding-left: 1em;
  list-style: none;
  color: #555;
  margin-bottom: 12px;
}
.content .block-content .block-info-section .block-info-text ul li::before {
  content: "•";
  color: #d85d5d;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -14px;
}
.content .block-content hr {
  border-top-color: #e8b492;
  border-width: 3px;
  margin-top: 9px;
  opacity: 0.5;
}

.block-user-wrapper {
  padding-right: 0px;
  margin-bottom: 15px;
}
.block-user-wrapper .block-user {
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  padding: 15px;
  align-items: center;
}
.block-user-wrapper .block-user .block-user-icon img {
  border-radius: 50%;
  border: 3px solid #f8d0a1;
}
.block-user-wrapper .block-user .block-user-info {
  flex-grow: 1;
  padding-left: 10px;
}
.block-user-wrapper .block-user .block-user-info .block-user-name a {
  color: #b98c75;
  font-size: 20px;
  font-weight: bold;
}
.block-user-wrapper .block-user .block-user-info .btn {
  font-weight: bold;
  font-size: 15px;
  padding: 1px 5px;
}

.achievement-categories-list {
  margin-bottom: 30px;
  list-style: none;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.achievement-categories-list .glyphicon {
  font-size: 18px;
  transform-origin: center;
  transition: all 0.3s ease;
}
.achievement-categories-list .achievement-category.active .glyphicon {
  transform: rotate(180deg);
}
.achievement-categories-list .achievement-category-header {
  display: flex;
  align-items: center;
}
.achievement-categories-list .achievement-category-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  margin-bottom: 0;
  flex: 1 1 50%;
  cursor: pointer;
  width: 50%;
  font-size: 22px;
}
.achievement-categories-list .achievement-category-subtitle {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #ea9a00;
  width: 50%;
  text-align: right;
  font-size: 16px;
}
.achievement-categories-list .achievement-to {
  color: #fff;
}
.achievement-categories-list .achievement-bar {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 120px;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #fff;
  vertical-align: text-top;
  overflow: hidden;
}
.achievement-categories-list .achievement-bar-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #ea9a00;
  transform-origin: right center;
  transform: skewX(-30deg) scaleX(1.2);
}
.achievement-categories-list .achievements-list {
  list-style: none;
}
.achievement-categories-list .achievement {
  display: flex;
  align-items: stretch;
  margin: 5px 0;
}
.achievement-categories-list .achievement-complete {
  display: inline-block;
  padding: 0 10px;
  background: linear-gradient(to right, #ea9a00, #e54b4b);
  border-radius: 15px;
  border: 2px solid #fff;
  color: #fff;
}
.achievement-categories-list .achievement-header {
  text-transform: uppercase;
  background-color: #e8b492;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 50%;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}
.achievement-categories-list .achievement-image {
  padding-right: 15px;
  width: 50px;
  height: 35px;
}
.achievement-categories-list .achievement-title {
  color: #fff;
  line-height: 1em;
  font-size: 16pt;
  font-weight: bold;
}
.achievement-categories-list .achievement-date {
  font-size: 11pt;
  color: #b46347;
  font-weight: normal;
}
.achievement-categories-list .achievement-description {
  background-color: #f9edd2;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 50%;
  padding: 10px 20px;
  font-size: 14pt;
  display: flex;
  align-items: center;
}

#adventuring iframe {
  border: 0px;
  width: 100%;
}

#alchemy .alchemy-label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#alchemy .alchemy-error {
  font-weight: bold;
  color: #fff;
}
#alchemy .menagerie-link {
  color: #fff;
}
#alchemy .recipe-index {
  float: right;
}
#alchemy .menu {
  background: #e8b492;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 10px 25px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
#alchemy .alchemize-area {
  background: linear-gradient(0deg, #cdc09d, transparent 95%) no-repeat;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 3px solid #fff;
  padding: 25px 25px;
}
#alchemy .alchemize-area.item-alchemize {
  background: linear-gradient(0deg, #cdc09d, #dcdec9 95%) no-repeat;
}
#alchemy .machine {
  position: relative;
}
#alchemy .machine img {
  position: relative;
  z-index: 5;
  display: block;
  margin: auto;
}
#alchemy .info {
  background: #fff;
  border-radius: 25px;
  padding: 5px 20px 20px;
  margin-top: 30px;
}
#alchemy .info h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px auto 0;
}
#alchemy .info p {
  color: #555;
  margin: auto;
}
#alchemy .formula {
  margin: 25px auto;
}
#alchemy .formula p {
  color: #fff;
}
#alchemy .title {
  color: #b98c75;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  margin-left: 25px;
}
#alchemy .title i {
  font-size: 15px;
}
#alchemy .ingredients {
  text-align: center;
  margin: 25px auto 0;
}
#alchemy .ingredients .pet-habitat-wrapper {
  position: relative;
  display: inline-block;
  margin: 5px 15px;
}
#alchemy .ingredients .pet-habitat-wrapper::after {
  content: " ";
  display: inline-block;
  position: absolute;
  background: url("/img/plus.png");
  background-size: contain;
  width: 75px;
  height: 75px;
  top: 0;
  right: -55px;
}
#alchemy .ingredients .pet-habitat-wrapper:last-of-type::after {
  display: none;
}
#alchemy .alchemize-banner {
  position: relative;
  max-width: 300px;
  margin: 30px auto;
  display: block;
  transition: transform 0.15s ease-out;
}
#alchemy .alchemize-banner.active:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
#alchemy .alchemize-banner.active:active {
  transform: translateY(5px);
}

.alchemize-item-popup .modal-dialog,
.alchemize-pet-popup .modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 620px;
}

.alchemize-buttons {
  text-align: center;
  margin-bottom: 30px;
}
.alchemize-buttons .alchemize-btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 10px;
  margin: 0px 10px;
  box-shadow: none;
}
.alchemize-buttons .alchemize-btn-primary, .alchemize-buttons .alchemize-btn-primary:hover {
  background-color: #b98c75;
  color: #fff;
}
.alchemize-buttons .alchemize-btn-secondary, .alchemize-buttons .alchemize-btn-secondary:hover {
  background-color: #998675;
  color: #fff;
}
.alchemize-buttons .alchemize-btn-success, .alchemize-buttons .alchemize-btn-success:hover {
  background-color: #76a635;
  color: #fff;
}

.alchemize-popup {
  text-align: center;
}
.alchemize-popup.item-alchemize .modal-content {
  border-color: #fff;
  background: #dcdec9;
}
.alchemize-popup.item-alchemize .modal-content h2 {
  color: #555;
}
.alchemize-popup.item-alchemize .modal-content h3 {
  color: #959595;
}
.alchemize-popup.item-alchemize .modal-content .alchemy-name {
  color: #e54b4b;
  text-transform: uppercase;
}
.alchemize-popup.item-alchemize .modal-content .alchemy-item {
  background-image: url("/img/alchemy/alchemy-socket.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}
.alchemize-popup.item-alchemize .modal-content .alchemy-item img {
  position: relative;
  top: 38px;
  left: 3px;
}
.alchemize-popup.item-alchemize .modal-content .alchemize-btn {
  font-size: 20px;
}
.alchemize-popup .pet {
  position: relative;
  display: inline-block;
}
.alchemize-popup .pet::before {
  position: absolute;
  content: "";
  width: 75%;
  padding-bottom: 60%;
  background: #fff;
  border-radius: 50%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.alchemize-popup .pet img {
  position: relative;
  z-index: 5;
}
.alchemize-popup h2,
.alchemize-popup h3 {
  font-weight: bold;
}
.alchemize-popup h3 {
  color: #b98c75;
}
.alchemize-popup h2 {
  text-transform: none;
  margin: 10px auto 0;
}
.alchemize-popup .pet-name {
  color: #d43c23;
  text-transform: uppercase;
}
.alchemize-popup p {
  color: #555;
  font-size: 18px;
}

#alchemize-modal .alchemy-multiple h3 {
  margin-bottom: 40px;
}
#alchemize-modal .alchemy-multiple .alchemy-result-wrapper {
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#alchemize-modal .alchemy-multiple .alchemy-result-wrapper .alchemy-note {
  color: #555;
  width: 90%;
  margin: 0 auto;
}
#alchemize-modal .alchemy-multiple .item {
  margin-bottom: 25px;
}
#alchemize-modal .alchemy-multiple h2 {
  font-size: 25px;
  line-height: 1.1;
  font-weight: bold;
  text-transform: uppercase;
  color: #b98c75;
}
#alchemize-modal .alchemy-multiple .items-list {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}
#alchemize-modal .alchemy-multiple .item-name {
  display: inline;
  color: #555;
}
#alchemize-modal .alchemy-multiple .item-thumbs {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 50px;
  margin-bottom: 5%;
  justify-content: center;
}
#alchemize-modal .alchemy-multiple .item-thumbs .item {
  width: 20%;
  text-align: center;
}
#alchemize-modal .alchemy-multiple .item-thumbs .item .img-responsive {
  margin: 0px auto;
}
#alchemize-modal .alchemy-multiple .item-columns {
  display: block;
  margin-top: 20px;
  padding: 0 20px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 40px;
       column-gap: 40px;
  text-align: left;
}
#alchemize-modal .alchemy-multiple .item-columns .item-name {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}

.recipe-sort {
  text-align: right;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}

.recipes {
  list-style: none;
  margin: 0 0 24px;
  font-size: 18px;
}
.recipes .recipe {
  color: #fff;
  position: relative;
  margin-top: 25px;
  margin-bottom: 50px;
}
.recipes .recipe .recipe-icon {
  position: absolute;
  left: -35px;
  top: -20px;
}
.recipes .recipe .recipe-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0px 10px;
  background-color: #fff;
  color: #959595;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 35px;
}
.recipes .recipe .recipe-header .recipe-header-title {
  padding-left: 45px;
}
.recipes .recipe .recipe-header .recipe-header-subtitle {
  float: right;
  text-align: right;
}
.recipes .recipe .recipe-content {
  border-radius: 0;
  background-color: #e8b492;
  padding: 15px 15px 15px 30px;
}
.recipes .recipe .recipe-content .recipe-content-ingredients {
  max-width: 550px;
}
.recipes .recipe .recipe-content .recipe-content-form {
  float: right;
  width: 250px;
  text-align: right;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  line-height: 1.3;
}
.recipes .recipe .recipe-content .recipe-content-form > div {
  margin-top: 5px;
}
.recipes .recipe .recipe-content .recipe-content-form > div .alchemy-button {
  width: 70px;
  height: 46px;
  display: inline-block;
  background-image: url("/img/alchemy_button.png");
  background-position: 0px 0px;
}
.recipes .recipe .recipe-content .recipe-content-form > div .alchemy-button:active {
  background-position: -70px 0px;
}
.recipes .recipe .recipe-content .recipe-content-form > div .alchemy-button.disabled {
  background-position: -140px 0px;
}
.recipes .recipe .recipe-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #b98c75;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 12px;
}
.recipes .recipe .recipe-footer .recipe-footer-count {
  float: right;
  text-align: right;
}

.chance-popup {
  text-align: center;
}
.chance-popup .close {
  font-size: 60px;
  color: #fff;
  opacity: 1;
}
@media (min-width: 768px) {
  .chance-popup .modal-dialog {
    width: 550px;
  }
}
.chance-popup .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chance-popup .modal-header::before, .chance-popup .modal-header::after {
  display: none;
}
.chance-popup .back {
  font-size: 32px;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
}
.chance-popup .back i {
  font-size: 22px;
}
.chance-popup .back .glyphicon-remove {
  font-size: 0.6em;
}
.chance-popup .success .close {
  color: #e1ab87;
}
.chance-popup .modal-content {
  background: #cac2b6;
}
.chance-popup .modal-content.success {
  background: #fff;
}
.chance-popup .modal-content.success .back {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.chance-popup .modal-body {
  min-height: 600px;
  height: 600px;
  overflow: hidden;
}

.chance-machine {
  position: absolute;
  left: 40px;
  width: 443px;
  height: 593px;
  background-image: url("/img/chance/CHANCEMACHINE_FILMSTRIP.gif");
  background-position: left center;
  margin: 0 auto;
}
.chance-machine.play {
  animation: drawAnimation 3.7s steps(37);
}
.chance-machine.play.faster {
  animation: drawAnimation 3s steps(37);
}
.chance-machine .prompt-arrow {
  position: absolute;
  top: 34%;
  right: 11%;
  width: 41px;
  font-size: 25px;
  color: #b98c75;
  animation: arrowBounce 1s infinite;
}
.chance-machine .prompt-arrow .arrow-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  line-height: 1em;
  position: relative;
  bottom: -5px;
}
.chance-machine .prompt-arrow .arrow-text .glyphicon {
  font-size: 0.6em;
}
.chance-machine .confirmation {
  position: absolute;
  top: 60%;
  right: -8%;
  width: 200px;
  padding: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #333;
  background-color: #fff;
  border-radius: 10px;
}
.chance-machine .confirmation::before {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  left: 90px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}
.chance-machine .confirmation p {
  text-align: left;
  font-size: 16px;
}
.chance-machine .confirmation .btn {
  font-weight: bold;
}

.post-draw {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.post-draw .item {
  margin-bottom: 25px;
}
.post-draw h2 {
  font-size: 35px;
  line-height: 1.1;
  font-weight: bold;
}
.post-draw .items-list {
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
}
.post-draw .item-name {
  display: inline;
  color: #555;
}
.post-draw.multiple .item-thumbs {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 50px;
  margin-bottom: 5%;
}
.post-draw.multiple .item-thumbs .item {
  width: 20%;
  text-align: center;
}
.post-draw.multiple .item-thumbs .item .img-responsive {
  margin: 0px auto;
}
.post-draw.multiple h2 {
  font-size: 25px;
}
.post-draw .item-columns {
  display: block;
  margin-top: 20px;
  padding: 0 20px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 40px;
       column-gap: 40px;
  text-align: left;
}
.post-draw .item-columns .item-name {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}

.chance-popup--premium .chance-machine {
  background-image: url("/img/chance/PREMCHANCEMACHINE_FILMSTRIP.gif");
  width: 524px;
}
.chance-popup--premium .chance-machine.play {
  animation: drawAnimationPremium 3.7s steps(37);
}
.chance-popup--premium .chance-machine.play.faster {
  animation: drawAnimationPremium 3s steps(37);
}
@media (min-width: 768px) {
  .chance-popup--premium .modal-dialog {
    width: 620px;
  }
}
.chance-popup--premium .modal-content {
  background-color: #a1a1a1;
}
.chance-popup--premium .confirmation {
  top: 56%;
  right: -6%;
}
.chance-popup--premium .prompt-arrow {
  right: 6%;
  color: #fff;
}

@keyframes drawAnimation {
  100% {
    background-position: -16391px 0px;
  }
}
@keyframes drawAnimationPremium {
  100% {
    background-position: -19388px 0px;
  }
}
@keyframes arrowBounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
}
/*
  Character Creation
*/
#character-creation {
  position: relative;
}
#character-creation canvas {
  position: absolute;
  top: 0;
  height: 100vmax !important;
  max-height: 812px;
  z-index: 0;
}
#character-creation .preview-container {
  background-image: url("/img/character_creation/preview_base.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
#character-creation .create-banner {
  transition: transform 0.15s ease-out;
}
#character-creation .create-banner:hover {
  transform: translateY(-10px);
  cursor: pointer;
}
#character-creation .create-banner:active, #character-creation .create-banner:focus {
  transform: translateY(5px);
  outline: none;
  box-shadow: none;
}
#character-creation .active .bubbles {
  position: relative;
  bottom: -50px;
}
#character-creation .active .bubbles > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgb(255, 255, 255);
  animation: bubbles 2s ease-in infinite;
  border-radius: 100%;
}
#character-creation:before {
  background: url("/img/create.png") no-repeat;
}
#character-creation .arrow:hover {
  opacity: 0.6;
}
#character-creation .arrow.disabled {
  opacity: 0.2;
}
#character-creation .slide-arrow-right {
  display: block;
  width: 23px;
  height: 73px;
  background-image: url("/img/character_creation/spritesheet.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
#character-creation .slide-arrow-left, #character-creation .subslide-arrow-left {
  position: absolute;
  top: 50%;
  left: 36px;
  margin-top: -65px;
  z-index: 3;
}
#character-creation .slide-arrow-right, #character-creation .subslide-arrow-right {
  position: absolute;
  top: 450px;
  right: 10px;
  margin-top: -65px;
  z-index: 3;
}
#character-creation .character-creation-slides, #character-creation .character-creation-subslides {
  position: relative;
  width: auto;
  height: 812px;
  z-index: 1;
  overflow: hidden;
}
#character-creation .character-creation-slide, #character-creation .character-creation-subslide {
  position: absolute;
  width: 100%;
  height: 812px;
  top: 0;
  left: 0;
}
#character-creation .character-creation-slide .character, #character-creation .character-creation-subslide .character {
  background: url("/img/shadow.png") 30px 330px no-repeat;
}
#character-creation .character-creation-subslides {
  height: 812px;
  max-height: 812px;
  height: 812px;
  overflow-x: hidden;
}
#character-creation .character-creation-subslides .content-wrapper {
  position: relative;
  overflow: hidden;
  height: 572px;
}
#character-creation .character-creation-subslides .bubbles {
  position: fixed;
  top: -100px;
  left: 15%;
  height: 150px;
  width: 70%;
  margin: 0 auto;
  z-index: -1;
}
#character-creation .character-creation-subslides .bubbles > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgb(255, 255, 255);
  animation: bubbles 5s ease-in infinite;
  border-radius: 100%;
}
#character-creation .character-creation-background {
  background: url("/img/character_creation/modalback.png");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 10% 20%;
}
#character-creation .subslide-arrow-left, #character-creation .subslide-arrow-right {
  display: block;
  width: 42px;
  height: 136px;
  background-image: url("/img/character_creation/spritesheet.png");
  background-repeat: no-repeat;
}
#character-creation .subslide-arrow-left {
  left: 15%;
  background-position: -25px 0px;
}
#character-creation .subslide-arrow-right {
  right: 15%;
  background-position: -75px 0px;
}
#character-creation .class-select {
  float: left;
  width: 25%;
}
#character-creation .character-class {
  display: inline-block;
  position: relative;
  min-height: 200px;
  color: #b98c75;
  margin-bottom: 24px; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#character-creation .character-class .class-image {
  display: inline-block;
  height: 684px;
  background-image: url("/img/character_creation/races.png");
  background-repeat: no-repeat;
  position: relative;
}
#character-creation .character-class .class-image.human {
  width: 304px;
  background-position: 0px 0px;
}
#character-creation .character-class .class-image.animal {
  width: 299px;
  background-position: -304px 0px;
}
#character-creation .character-class .class-image.elven {
  width: 299px;
  background-position: -603px 0px;
}
#character-creation .character-class .class-image.galactic {
  width: 302px;
  background-position: -905px 0px;
}
#character-creation .character-class .class-image .description {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  font-size: 13px;
  color: #555;
  line-height: 1.3;
  text-align: left;
  height: 170px;
  overflow: hidden;
}
#character-creation .character-class .character-stats {
  text-align: left;
}
#character-creation .character-class .character-stats ul {
  list-style-type: none;
  margin-bottom: 5px;
}
#character-creation .character-class .character-stats ul li {
  float: left;
  width: 25%;
  text-align: center;
}
#character-creation .character-class .character-stats ul li .icon {
  width: 43px;
  height: 38px;
  background-image: url("/img/character_creation/stats.png");
  background-repeat: no-repeat;
}
#character-creation .character-class .character-stats ul li .icon.tenacity {
  background-position: 0px 0px;
}
#character-creation .character-class .character-stats ul li .icon.honour {
  background-position: -50px 0px;
}
#character-creation .character-class .character-stats ul li .icon.charm {
  background-position: -100px 0px;
}
#character-creation .character-class .character-stats ul li .icon.comprehension {
  background-position: -150px 0px;
}
#character-creation .character-class .character-stats ul li .icon.up {
  background-position-y: -50px;
}
#character-creation .character-class .character-stats ul li .icon.down {
  background-position-y: -100px;
}
#character-creation .character-class .character-stats .stats-description .text-tnc {
  color: rgb(255, 195.5128205128, 81);
}
#character-creation .character-class .character-stats .stats-description .text-hnr {
  color: rgb(255, 125.5, 125.5);
}
#character-creation .character-class .character-stats .stats-description .text-crm {
  color: rgb(167.8356164384, 209.2602739726, 111.7397260274);
}
#character-creation .character-class .character-stats .stats-description .text-cmp {
  color: rgb(69, 225.5346534653, 255);
}
#character-creation .character-class.active { /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  transition: all 0.2s ease-out;
}
#character-creation .character-class.active .character-class-left {
  color: #fff;
}
#character-creation .character-class.active .character-class-right {
  color: #fff;
}
#character-creation .character-class.active .character-class-right .stats li {
  color: #fff;
}
#character-creation .character-class .character-class-left {
  float: left;
  width: 110px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  color: #f8d0a1;
}
#character-creation .character-class .character-class-right {
  padding-left: 135px;
  font-size: 13px;
  text-align: left;
}
#character-creation .character-class .character-class-right .stats {
  position: absolute;
  right: 15px;
  bottom: 15px;
  list-style: none;
  margin: 0;
}
#character-creation .character-class .character-class-right .stats li {
  display: inline-block;
  color: #959595;
  margin: 0 6px 0 0;
}
#character-creation .choice-list, #character-creation .items-list {
  list-style: none;
  text-align: left;
  margin: 50px 0 0;
}
#character-creation .choice-list li, #character-creation .items-list li {
  display: inline-block;
}
#character-creation .choice, #character-creation .items-list-item {
  margin-bottom: 20px;
  opacity: 0.5;
}
#character-creation .choice.active, #character-creation .items-list-item.active {
  opacity: 1;
}
#character-creation #choose-class {
  padding-right: 50px;
}
#character-creation #choose-features .part-types li {
  margin-right: 2px;
}
#character-creation #choose-features .part-types li a {
  border-radius: 6px 6px 0px 0px;
  font-weight: normal;
  font-size: 20px;
  min-width: 100px;
}
#character-creation #choose-features .part-types li.active a, #character-creation #choose-features .part-types li.active a:hover, #character-creation #choose-features .part-types li.active a:active, #character-creation #choose-features .part-types li.active a:visited, #character-creation #choose-features .part-types li.active a:focus, #character-creation #choose-features .part-types li.active a:link {
  color: #e1ab87;
}
#character-creation #choose-features .character-base {
  display: inline-block;
  margin: 30px 68px 0 0;
  transition: all 0.25s ease-in;
}
#character-creation #choose-features .character-base:last-child {
  margin-right: 0;
}
#character-creation #choose-features .character-base.active {
  opacity: 0.6;
}
#character-creation #choose-clothes #create-character {
  margin-top: 36px;
}
#character-creation #choose-clothes .item-types li {
  margin-right: 2px;
}
#character-creation #choose-clothes .item-types li a {
  border-radius: 6px 6px 0px 0px;
  font-weight: normal;
  font-size: 20px;
  min-width: 100px;
}
#character-creation #choose-clothes .item-types li.active a, #character-creation #choose-clothes .item-types li.active a:hover, #character-creation #choose-clothes .item-types li.active a:active, #character-creation #choose-clothes .item-types li.active a:visited, #character-creation #choose-clothes .item-types li.active a:focus, #character-creation #choose-clothes .item-types li.active a:link {
  color: #e1ab87;
}
#character-creation #choose-features h2, #character-creation #choose-clothes h2, #character-creation #enter-world h2 {
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  text-align: center;
  text-transform: none;
  font-size: 45px;
  margin-top: 20px;
}
#character-creation #choose-features h2 .username, #character-creation #choose-clothes h2 .username, #character-creation #enter-world h2 .username {
  color: #e54b4b;
}
#character-creation h1 {
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  text-align: center;
  text-transform: none;
  font-size: 45px;
  color: #fff;
}

#clothing-diary-content {
  display: flex;
}
#clothing-diary-content .item-preview-pane {
  margin-right: 15px;
  text-align: center;
  width: 220px;
}
#clothing-diary-content .item-preview-pane .item-preview-header {
  margin-left: 12px;
  margin-right: 12px;
  padding: 5px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper {
  padding: 10px;
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview {
  position: relative;
  width: 200px;
  height: 325px;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview img, #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview div {
  position: absolute;
  top: 0;
  left: 0;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview #front-layer, #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview .apng.front {
  z-index: 2;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview #preview-skin {
  z-index: 1;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview #back-layer, #clothing-diary-content .item-preview-pane .item-preview-wrapper .item-preview .apng.back {
  z-index: 0;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .save-preview {
  margin-top: 10px;
}
#clothing-diary-content .item-preview-pane .item-preview-wrapper .save-preview .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  padding: 5px 7px;
  margin-top: 10px;
}
#clothing-diary-content .item-preview-pane .skin-select {
  display: flex;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
#clothing-diary-content .item-preview-pane .skin-select select {
  flex-grow: 1;
  margin-left: 5px;
  width: 100%;
}
#clothing-diary-content .item-preview-pane .wardrobe-note {
  color: #555;
  line-height: 1.2em;
}
#clothing-diary-content .item-preview-pane .wardrobe-note span {
  background-color: #b98c75;
  color: #fff;
  border: 2px solid #fff;
  padding: 4px;
  border-radius: 15px;
  font-size: 8px;
  line-height: 1em;
  vertical-align: middle;
}
#clothing-diary-content .item-pane {
  flex-grow: 1;
  margin-left: 15px;
  width: 614px;
}
#clothing-diary-content .item-pane .rarity-tabs {
  display: flex;
  margin-left: 12px;
  margin-right: 12px;
}
#clothing-diary-content .item-pane .rarity-tabs .rarity-tab {
  flex-grow: 1;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-size: 18px;
  line-height: 1em;
  text-align: center;
  background-color: #b98c75;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #faebc1;
}
#clothing-diary-content .item-pane .rarity-tabs .rarity-tab.active {
  background-color: #faebc1;
  color: #b98c75;
}
#clothing-diary-content .item-pane .rarity-tabs .rarity-tab:hover {
  cursor: pointer;
}
#clothing-diary-content .item-pane .item-content {
  background-color: #faebc1;
  padding: 30px;
  border-radius: 12px;
  width: 100%;
}
#clothing-diary-content .item-pane .item-content .search-bar {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#clothing-diary-content .item-pane .item-content .search-bar:first-of-type {
  justify-content: flex-end;
  margin-bottom: 5px;
}
#clothing-diary-content .item-pane .item-content .search-bar .search-owned, #clothing-diary-content .item-pane .item-content .search-bar .search-slot {
  align-self: stretch;
  margin-right: 7px;
  width: 35%;
}
#clothing-diary-content .item-pane .item-content .search-bar .search-keyword {
  margin-right: 5px;
}
#clothing-diary-content .item-pane .item-content .item-not-found {
  color: #555;
}
#clothing-diary-content .item-pane .item-content .item-list {
  display: flex;
  flex-wrap: wrap;
  min-height: 528px;
  align-content: flex-start;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper {
  display: inline-block;
  position: relative;
  padding: 5px;
  flex: 0 0 16.6667%;
  width: 80px;
  height: 80px;
  margin: 4px 0px;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper:hover {
  cursor: pointer;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper img {
  background-color: transparent;
  border: 3px solid transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper.active img {
  background-color: #d85d5d;
  border: 3px solid #d85d5d;
  border-radius: 50%;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper.skinned img {
  background-color: #959595;
  border: 3px solid #959595;
  border-radius: 50%;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper .item-in-wardrobe {
  position: absolute;
  left: 55px;
  bottom: 0px;
  background-color: #b98c75;
  color: #fff;
  border: 2px solid #fff;
  padding: 4px;
  border-radius: 15px;
  font-size: 8px;
  line-height: 1em;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper .item-mb-search {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  color: #e1ab87;
  border-radius: 15px;
  font-size: 8px;
  line-height: 1em;
}
#clothing-diary-content .item-pane .item-content .item-list .item-wrapper .item-mb-search a {
  padding: 5px;
  display: block;
}
#clothing-diary-content .item-pane .item-content .page-switcher {
  text-align: right;
}
#clothing-diary-content .item-pane .item-content .page-switcher .prev-page:hover, #clothing-diary-content .item-pane .item-content .page-switcher .next-page:hover {
  cursor: pointer;
}
#clothing-diary-content input, #clothing-diary-content select {
  border: 0px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
#clothing-diary-content input[type=text], #clothing-diary-content select[type=text] {
  padding: 1px 5px;
}

.comments {
  margin: 0 0 24px;
  list-style: none;
}
.comments .comment .block-message {
  margin-bottom: 12px;
  margin-left: 95px;
}
.comments .comment.mute {
  opacity: 0.75;
}
.comments .comment .comment-icon {
  float: left;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
  background: #fff;
}
.comments .comment .comment-content {
  background: #e8b492;
  color: #fff;
  border-radius: 10px;
  padding: 12px 24px;
  margin: 0 0 12px 95px;
  min-height: 78px;
}
.comments .comment .comment-content.author {
  background: #d8a481;
}
.comments .comment .comment-content a {
  color: #fff;
}
.comments .comment .comment-content .comment-head {
  margin-bottom: 12px;
}
.comments .comment .comment-content .time {
  float: right;
}
.comments .comment .comment-content .user {
  font-weight: bold;
}
.comments .comment .comment-content .comment-body p:last-child {
  margin-bottom: 0;
}

.add-comment {
  border-radius: 10px;
  background: #e8b492;
  color: #fff;
  padding: 16px 24px;
  margin: 0 0 0 95px;
}
.add-comment h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-style: normal;
  line-height: 1em;
  margin-bottom: 12px;
  font-size: 20px;
}
.add-comment .form-group {
  margin-bottom: 12px;
}
.add-comment .comment-body {
  min-height: 220px;
}
.add-comment .btn:hover {
  background: #f8d0a1;
  color: #b98c75;
}
.add-comment hr {
  border-color: #fff;
}

.add-friend {
  margin-bottom: 24px;
}

#customs .customs-rules, #customs .item-select, #customs input[type=text], #customs select, #customs textarea {
  border-radius: 8px;
  border: 0px;
}
#customs .custom-row {
  color: #555;
}
#customs .custom-row .item-previews {
  display: flex;
  align-items: center;
  justify-content: center;
}
#customs .custom-row .item-previews .preview-clothing {
  position: relative;
  width: 200px;
  height: 325px;
}
#customs .custom-row .item-previews .preview-clothing img {
  position: absolute;
  top: 0;
  left: 0;
}
#customs .collect-modal .close {
  opacity: 1;
}
#customs .collect-modal .modal-dialog {
  margin: 150px auto;
}
#customs .collect-modal .modal-content {
  border-color: #fff;
  background: #fce0bd;
}
#customs .collect-modal .modal-content h2 {
  color: #555;
  margin-top: 5px;
  margin-bottom: 5px;
}
#customs .collect-modal .modal-content h3 {
  color: #959595;
}
#customs .collect-modal .modal-content .item-name {
  color: #e54b4b;
  text-transform: uppercase;
  font-weight: bold;
}
#customs .collect-modal .modal-content .item-image {
  background-image: url("/img/alchemy/alchemy-socket.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}
#customs .collect-modal .modal-content .item-image img {
  position: relative;
  top: 38px;
  left: 3px;
}
#customs .customs-form label {
  color: #555;
}
#customs .customs-form .item-select {
  display: inline-block;
}
#customs .customs-form .item-select .panel-body {
  padding-bottom: 20px;
}
#customs .customs-form .item-select .panel-body .item-select-item {
  position: relative;
  display: inline-block;
}
#customs .customs-form .item-select .panel-body .item-select-item .item-select-count {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}
#customs .customs-form .item-select .panel-body .item-select-item:first-of-type {
  margin-right: 15px;
}
#customs .customs-form .item-select .panel-body .item-select-item.selected img {
  filter: drop-shadow(1px 0px 0 #f8d0a1) drop-shadow(-1px 0px 0 #f8d0a1) drop-shadow(0px 1px 0 #f8d0a1) drop-shadow(0px -1px 0 #f8d0a1) drop-shadow(1px 1px 0 #f8d0a1) drop-shadow(-1px 1px 0 #f8d0a1) drop-shadow(1px -1px 0 #f8d0a1) drop-shadow(-1px -1px 0 #f8d0a1);
}
#customs .customs-form .item-select .panel-body .item-select-item.selected .item-select-count {
  border-color: #f8d0a1;
  border-width: 3px;
  bottom: -11px;
}
#customs .customs-form .reference-link {
  display: flex;
}
#customs .customs-form .help-text {
  color: #555;
  margin-top: 5px;
}
#customs .customs-form .upload-row {
  display: flex;
}
#customs .customs-form .upload-row > div {
  display: inline-block;
}
#customs .customs-form .upload-row .upload-image {
  width: 220px;
}
#customs .customs-form .upload-row .upload-or {
  width: 80px;
  padding-top: 4px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
#customs .customs-form .upload-row .upload-url {
  width: 500px;
}
#customs .customs-form .image-upload-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#customs .customs-form .submit-button, #customs .customs-form .refund-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 25px;
  border-radius: 8px;
  padding: 3px 10px;
}
#customs .customs-form .refund-button {
  margin-left: 10px;
}
#customs .customs-table {
  text-align: center;
}
#customs .customs-table th {
  text-align: center;
  font-size: 1.3em;
  line-height: 1em;
}
#customs .customs-table td {
  padding: 12px 16px;
}
#customs .customs-table td a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  font-size: 1.1em;
}
#customs .customs-table td .label {
  font-size: 1.1em;
  border-radius: 6px;
  padding: 0.1em 0.6em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#customs .customs-table td .label.label-success {
  background-color: #9cbb58;
}
#customs .customs-table td .label.label-success a, #customs .customs-table td .label.label-success a:hover {
  color: #fff;
}
#customs .customs-table tr:nth-of-type(2n) {
  background-color: #f9edd2;
}
#customs .collect-form {
  display: inline-block;
}
#customs .collect-form .btn {
  font-size: 1.1em;
  border-radius: 6px;
  padding: 0.1em 0.6em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  margin-left: 10px;
}
#customs .modal-content {
  padding: 50px;
  text-align: center;
  font-size: 16px;
  color: #555;
}
#customs .modal-content .btn {
  font-size: 1.1em;
  border-radius: 6px;
  padding: 0.1em 0.6em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}

#event {
  margin-top: 20px;
}

.event-error {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  color: #555;
  font-size: 20px;
}

.event-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/event_icons.png");
  background-repeat: no-repeat;
}
.event-icon.tail.left {
  background-position: -50px -100px;
  width: 29px;
  height: 16px;
}
.event-icon.tail.bottom {
  background-position: -100px -100px;
  width: 39px;
  height: 20px;
}

.event-modal .modal-content {
  border-color: #fff;
  background: #fce0bd;
  color: #555;
  font-size: 18px;
  text-align: center;
  padding: 50px;
}
.event-modal .modal-content .task-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-size: 35px;
}
.event-modal .modal-content .task-description {
  font-size: 18px;
  margin-bottom: 20px;
}
.event-modal .modal-content .task-info {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e54b4b;
}
.event-modal .modal-content form {
  display: inline-block;
}

.event-title-wrapper {
  text-align: center;
  position: absolute;
  top: -61px;
  width: 958px;
  margin: 0 -47px;
}
.event-title-wrapper .event-title {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  background-image: url("/img/event-banner-middle-s.png");
  background-size: contain;
  text-align: center;
  line-height: 122px;
  font-size: 35px;
  color: #b98c75;
  font-family: "Cardenio Modern Bold", "Helvetica", "Arial", sans-serif;
}
.event-title-wrapper .event-title::before, .event-title-wrapper .event-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 122px;
  background-size: contain;
  background-repeat: no-repeat;
}
.event-title-wrapper .event-title::before {
  left: -60px;
  width: 61px;
  background-image: url("/img/event-banner-left-s.png");
}
.event-title-wrapper .event-title::after {
  right: -57px;
  width: 57px;
  background-image: url("/img/event-banner-right-s.png");
}

.event-button {
  display: inline-block;
  min-width: 202px;
  height: 56px;
  padding: 5px 20px 10px;
  border: 4px solid #fff;
  border-radius: 20px;
  box-shadow: inset 0px -4px 0px 2px #f2a365;
  background-color: #f7c97f;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
}
.event-button:active, .event-button:focus {
  padding-top: 10px;
  background-color: #f5bd77;
  box-shadow: none;
  outline: none;
}
.event-button.disabled, .event-button[disabled] {
  background-color: #cfcfcf;
  box-shadow: inset 0px -4px 0px 2px #c4c4c4;
}
.event-button.disabled:active, .event-button.disabled:focus, .event-button[disabled]:active, .event-button[disabled]:focus {
  background-color: #cbcbcb;
  box-shadow: none;
}
.event-button.button-alt {
  box-shadow: inset 0px -4px 0px 2px #d43c23;
  background-color: #e34f32;
}
.event-button.button-alt:active, .event-button.button-alt:focus {
  background-color: #dd5041;
  box-shadow: none;
}
.event-button.button-success {
  box-shadow: inset 0px -4px 0px 2px rgb(127.6807228916, 181.5903614458, 53.9096385542);
  background-color: #8dc63f;
}
.event-button.button-success:active, .event-button.button-success:focus {
  background-color: rgb(113.8554216867, 161.9277108434, 48.0722891566);
  box-shadow: none;
}
.event-button.button-orange {
  box-shadow: inset 0px -4px 0px 2px rgb(214.1818181818, 134.2337662338, 13.8181818182);
  background-color: #f1a026;
}
.event-button.button-orange:active, .event-button.button-orange:focus {
  background-color: rgb(190.2272727273, 119.2207792208, 12.2727272727);
  box-shadow: none;
}

.event-tab-content {
  min-height: 350px;
  display: flex;
  align-items: center;
}
.event-tab-content .tab-pane {
  width: 100%;
}

.event-tier {
  font-size: 14px;
  line-height: 1.2em;
}
.event-tier .text-highlight {
  color: #d43c23;
  font-weight: bold;
}
.event-tier .event-tier-current {
  font-size: 16px;
}
.event-tier .event-tier-points, .event-tier .event-tier-currency {
  display: flex;
  align-items: center;
  padding-right: 15px;
}
.event-tier .event-tier-points img, .event-tier .event-tier-currency img {
  min-width: 75px;
  width: 75px;
  height: 75px;
  margin-right: 10px;
}
.event-tier .event-tier-points div, .event-tier .event-tier-currency div {
  flex-grow: 1;
  text-align: left;
}
.event-tier .event-tier-points div a, .event-tier .event-tier-currency div a {
  font-weight: bold;
}

.event-divider {
  height: 5px;
  width: 70%;
  margin: 15px auto;
  background: #cbcbcb;
  border-radius: 2.5px;
  border-color: transparent;
}
.event-divider.long {
  width: 80%;
}

.event-task-info {
  font-size: 16px;
}

.event-list {
  text-align: left;
  font-size: 17px;
  list-style: none;
}

.event-score-table {
  font-size: 18px;
  font-weight: 700;
  width: 100%;
}
.event-score-table td {
  padding: 2px 10px;
}
.event-score-table tr:nth-child(odd) {
  background-color: #ebebeb;
}
.event-score-table tr.highlight {
  background-color: #ea9a00;
}
.event-score-table tr.highlight > * {
  color: #fff;
}
.event-score-table tr.highlight > * a {
  color: #fff;
}
.event-score-table-rank {
  color: #d8a481;
  text-align: right;
  width: 30px;
}
.event-score-table-user a {
  color: #959595;
  text-transform: uppercase;
}
.event-score-table-points {
  color: #b7b7b7;
  text-align: right;
}

.event-row {
  margin-top: 20px;
}
.event-row .round-tabs li.active a {
  color: #e34f32;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.event-row .round-tabs li.active a:hover {
  color: #e34f32;
}

.event-rewards-list {
  list-style: none;
  margin-bottom: 0;
}
.event-rewards-list .icon.scaled {
  margin-left: -10px;
  transform: scale(0.5);
}
.event-rewards-block {
  display: flex;
  align-items: center;
  padding: 20px;
}
.event-rewards-block:nth-child(even) {
  background-color: #fff0c6;
}
.event-rewards-text {
  flex: 1 1 60%;
  padding-right: 40px;
}
.event-rewards-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #ea9a00;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.event-rewards-items {
  flex: 1 1 40%;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.event-rewards-items .inventory-item {
  display: inline-block;
  margin-bottom: 10px;
}
.event-rewards-description--padded {
  padding-left: 20px;
}
.event-rewards-achievement {
  color: #b98c75;
}
.event-rewards-flex {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.event-rewards-circle {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 50%;
  border: 4px solid #e8b492;
}
.event-rewards-subtext {
  font-size: 18px;
}

.event-note {
  margin-top: 5px;
  text-align: center;
}
.event-note .event-participant-count {
  color: #e54b4b;
}

#reward-modal .modal-content .harvest-reward-blurb {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  color: #555;
  margin-bottom: 20px;
}
#reward-modal .modal-content .harvest-modal-rewards {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
#reward-modal .modal-content .harvest-modal-rewards .reward {
  margin-bottom: 15px;
}
#reward-modal .modal-content .harvest-modal-rewards .items h1 {
  color: #555;
  font-size: 18px;
  margin-top: 10px;
}
#reward-modal .modal-content .harvest-modal-rewards .items .item-name {
  color: #e54b4b;
}
#reward-modal .modal-content .event-modal-rewards .reward-items:before, #reward-modal .modal-content .event-modal-rewards .reward-items:after {
  display: table;
  content: " ";
}
#reward-modal .modal-content .event-modal-rewards .reward-items:after {
  clear: both;
}
#reward-modal .modal-content .event-modal-rewards .reward-items .reward {
  float: left;
  margin-bottom: 20px;
  max-width: 50%;
  width: 50%;
  padding: 0px 7px;
}
#reward-modal .modal-content .event-modal-rewards .reward-items .reward h1 {
  font-size: 18px;
  line-height: 1.2em;
  margin-top: 15px;
}

#reward-modal.event-reward-modal .modal-dialog .reward-info,
#pet-harvest-modal .modal-dialog .reward-info {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward,
#pet-harvest-modal .modal-dialog .event-reward {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  font-size: 18px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.stats,
#pet-harvest-modal .modal-dialog .event-reward.stats {
  font-size: 16px;
  color: #555;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-tnc,
#pet-harvest-modal .modal-dialog .event-reward.stats .reward-tnc {
  color: #ea9a00;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-hnr,
#pet-harvest-modal .modal-dialog .event-reward.stats .reward-hnr {
  color: #e54b4b;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-cmp,
#pet-harvest-modal .modal-dialog .event-reward.stats .reward-cmp {
  color: #56abbb;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.stats .reward-crm,
#pet-harvest-modal .modal-dialog .event-reward.stats .reward-crm {
  color: #76a635;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.items,
#pet-harvest-modal .modal-dialog .event-reward.items {
  margin-top: 10px;
  margin-bottom: 15px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.items .reward,
#pet-harvest-modal .modal-dialog .event-reward.items .reward {
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 15px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.items .reward .reward-item-quantity,
#pet-harvest-modal .modal-dialog .event-reward.items .reward .reward-item-quantity {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.quest,
#pet-harvest-modal .modal-dialog .event-reward.quest {
  color: #555;
  margin-bottom: 0px;
  line-height: 1.2em;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.quest:before,
#pet-harvest-modal .modal-dialog .event-reward.quest:before {
  content: "Quest";
  color: #d43c23;
  margin-right: 10px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.shop,
#pet-harvest-modal .modal-dialog .event-reward.shop {
  color: #555;
  margin-bottom: 0px;
  line-height: 1.2em;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.shop:before,
#pet-harvest-modal .modal-dialog .event-reward.shop:before {
  content: "Shop";
  color: #ea9a00;
  margin-right: 10px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.achievement,
#pet-harvest-modal .modal-dialog .event-reward.achievement {
  margin-top: 15px;
  margin-bottom: 15px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.achievement img,
#pet-harvest-modal .modal-dialog .event-reward.achievement img {
  vertical-align: bottom;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.affections, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet,
#pet-harvest-modal .modal-dialog .event-reward.affections,
#pet-harvest-modal .modal-dialog .event-reward.npc,
#pet-harvest-modal .modal-dialog .event-reward.pet {
  display: flex;
  width: 200px;
  margin: 15px auto 5px;
  align-items: center;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.affections img, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc img, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet img,
#pet-harvest-modal .modal-dialog .event-reward.affections img,
#pet-harvest-modal .modal-dialog .event-reward.npc img,
#pet-harvest-modal .modal-dialog .event-reward.pet img {
  width: 75px;
  border-radius: 50%;
  border: 3px solid #f8d0a1;
  margin-right: 5px;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.affections .reward-info, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc .reward-info, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet .reward-info,
#pet-harvest-modal .modal-dialog .event-reward.affections .reward-info,
#pet-harvest-modal .modal-dialog .event-reward.npc .reward-info,
#pet-harvest-modal .modal-dialog .event-reward.pet .reward-info {
  text-align: left;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.affections .reward-info .reward-name, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc .reward-info .reward-name, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet .reward-info .reward-name,
#pet-harvest-modal .modal-dialog .event-reward.affections .reward-info .reward-name,
#pet-harvest-modal .modal-dialog .event-reward.npc .reward-info .reward-name,
#pet-harvest-modal .modal-dialog .event-reward.pet .reward-info .reward-name {
  color: #555;
  line-height: 1.2em;
}
#reward-modal.event-reward-modal .modal-dialog .event-reward.affections .reward-info .reward-quantity, #reward-modal.event-reward-modal .modal-dialog .event-reward.npc .reward-info .reward-quantity, #reward-modal.event-reward-modal .modal-dialog .event-reward.pet .reward-info .reward-quantity,
#pet-harvest-modal .modal-dialog .event-reward.affections .reward-info .reward-quantity,
#pet-harvest-modal .modal-dialog .event-reward.npc .reward-info .reward-quantity,
#pet-harvest-modal .modal-dialog .event-reward.pet .reward-info .reward-quantity {
  color: #d43c23;
  line-height: 1em;
  font-size: 16px;
}

.collection-event .event-collection-timer {
  color: #555;
  font-size: 15px;
  margin-bottom: 10px;
}
.collection-event .event-collection-timer .timer-right {
  float: right;
}
.collection-event .event-collection-timer .timer-left {
  float: left;
}
.collection-event .event-collection-timer .timer-right b, .collection-event .event-collection-timer .timer-left b {
  color: #d43c23;
}
.collection-event .event-header {
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.collection-event .event-gatherables {
  display: flex;
  background-color: #eab490;
  padding: 10px;
  border-radius: 16px;
  margin-bottom: 15px;
}
.collection-event .event-gatherables .event-currency-item {
  width: 75px;
  height: 75px;
}
.collection-event .event-gatherables .event-currency {
  flex-grow: 1;
  margin-left: 7px;
  margin-top: 5px;
}
.collection-event .event-gatherables .event-currency > div:first-of-type {
  font-size: 26px;
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.collection-event .event-gatherables .event-currency > div:first-of-type span {
  margin-right: 5px;
}
.collection-event .event-gatherables .event-currency > div:first-of-type > span:nth-of-type(2) {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
}
.collection-event .event-gatherables .event-currency > div:last-of-type {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b46347;
  font-size: 18px;
}
.collection-event .event-gatherables .event-currency > div:last-of-type > span:first-of-type {
  margin-right: 7px;
}
.collection-event .event-gatherables .event-currency > div:last-of-type > span:last-of-type {
  font-size: 22px;
  line-height: 1.3em;
}
.collection-event .event-gatherables .event-currency > div > span:last-of-type {
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
}
.collection-event .event-gatherables .gatherable-list {
  width: 170px;
}
.collection-event .event-gatherables .gatherable-list div {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b46347;
}
.collection-event .event-gatherables .gatherable-list .gatherables {
  display: flex;
  padding-right: 10px;
  justify-content: space-between;
}
.collection-event .event-gatherables .gatherable-list .gatherables img {
  width: 50px;
  height: 50px;
}
.collection-event .event-gatherables .gatherable-info {
  width: 170px;
  padding: 10px;
  background-color: #fff;
  border-radius: 12px;
  font-size: 13px;
  color: #555;
}
.collection-event .event-body .event-img-header {
  text-align: center;
  margin-bottom: 15px;
}
.collection-event .event-body .event-img-header img {
  height: 55px;
}
.collection-event .event-body .event-info .event-description {
  padding: 10px;
  background-color: #fff;
  border-radius: 12px;
}
.collection-event .event-body .event-quick-links .quick-links-info {
  color: #555;
  text-align: left;
  margin-bottom: 10px;
}
.collection-event .event-body .event-quick-links .quick-links-info .text-highlight {
  font-weight: bold;
}
.collection-event .event-body .event-quick-links .random-button {
  margin-bottom: 10px;
  font-size: 24px;
  border-radius: 14px;
  padding: 10px 20px 15px;
  height: 66px;
}
.collection-event .event-body .event-quick-links .random-button:not(.disabled) {
  box-shadow: inset 0px -4px 0px 2px #f46824;
  background-image: linear-gradient(to bottom, #ffbe47, #f88e35);
}
.collection-event .event-body .event-quick-links .random-button:not(.disabled):active, .collection-event .event-body .event-quick-links .random-button:not(.disabled):focus {
  padding-top: 10px;
  background-image: none;
  background-color: #f46824;
  box-shadow: none;
  outline: none;
}
.collection-event .event-body .event-quick-links .quick-links-countdown {
  color: #555;
  margin-bottom: 10px;
}
.collection-event .event-body .event-quick-links .text-highlight, .collection-event .event-body .event-quick-links .countdown {
  color: #d43c23;
}
.collection-event .event-body .event-quick-links .btn-warning {
  font-weight: bold;
  font-size: 14px;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
}

.gatherable-item {
  position: absolute;
}
.gatherable-item .gatherable-button {
  background-color: transparent;
  padding: 0px;
  width: 50px;
  height: 50px;
  border: 0px;
}

.coop-event .event-button {
  font-size: 24px;
}
.coop-event .event-tab-content {
  font-size: 14px;
  min-height: initial;
}
.coop-event .event-tab-content.daily-rewards {
  margin-bottom: 15px;
}
.coop-event .event-row {
  margin-top: 10px;
}
.coop-event .event-task-info, .coop-event .event-list, .coop-event .event-tier-current {
  font-size: 14px;
}
.coop-event .daily-rewards .event-reward-row {
  display: flex;
  align-items: center;
}
.coop-event .daily-rewards .text-highlight {
  color: #d43c23;
  font-weight: bold;
  margin-right: 5px;
}
.coop-event .daily-rewards .btn-claim {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  background-color: #f1a026;
  padding: 3px 5px;
  font-size: 14px;
  line-height: 1em;
  margin-left: 5px;
}
.coop-event .daily-rewards .btn-claim.disabled {
  background-color: #b7b7b7;
}
.coop-event .daily-rewards .reward-checkbox {
  background-color: #d7d7d7;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 5px;
  border-radius: 4px;
}
.coop-event .daily-rewards .reward-checkbox.checked:after {
  content: "";
  display: block;
  background-image: url("/img/checkmark.png");
  position: absolute;
  top: -4px;
  left: -1px;
  width: 22px;
  height: 22px;
  background-size: 100%;
}
.coop-event .event-rewards-block {
  padding: 5px 20px 15px;
  display: block;
}
.coop-event .event-rewards-block .event-rewards-text .event-rewards-description {
  font-size: 14px;
  line-height: 1.2em;
}
.coop-event .event-rewards-block .event-rewards-text {
  padding: 0px;
  margin-bottom: 10px;
}
.coop-event .event-rewards-block .event-rewards-text .event-rewards-title {
  font-size: 24px;
}
.coop-event .event-rewards-block .event-rewards-description {
  width: 100%;
  padding: 0 20px;
}
.coop-event .event-rewards-block:not(.active) {
  background-color: #fefefe;
  filter: grayscale(1);
}
.coop-event .event-rewards-block:not(.active):nth-child(even) {
  background-color: #fff0c6;
}
.coop-event .event-rewards-block .event-rewards-countdown {
  font-weight: bold;
  font-style: italic;
  color: #b7b7b7;
  position: relative;
  top: -5px;
}
.coop-event .event-rewards-block .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 6px;
}
.coop-event .event-rewards-block .btn.btn-success {
  background-color: #76a635;
}
.coop-event .event-rewards-block .btn.disabled {
  background-color: #b7b7b7;
}
.coop-event .event-rewards-block .event-rewards-items {
  text-align: center;
  margin-bottom: 10px;
}
.coop-event .event-header img {
  display: block;
  max-width: 100%;
  margin: 0px auto;
  margin-bottom: 15px;
}
.coop-event .event-header .event-info .event-description {
  margin-bottom: 20px;
}
.coop-event .event-header .event-info .event-description .parsed-text {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border-radius: 12px;
  background-color: #fff;
  padding: 15px;
  font-size: 15px;
}
.coop-event .event-header .event-info .event-description .parsed-text img {
  display: inline-block;
  margin: 0px;
}
.coop-event .event-tasks {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}
.coop-event .event-tasks .event-tasks-roll {
  display: flex;
  align-items: center;
}
.coop-event .event-tasks .event-tasks-roll > div {
  flex-grow: 1;
}
.coop-event .event-tasks .event-tasks-roll .event-task-spacer {
  width: 33%;
  text-align: left;
}
.coop-event .event-tasks .event-tasks-roll .event-task-spacer:first-of-type {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 24px;
}
.coop-event .event-tasks .event-tasks-roll .event-task-spacer:first-of-type .fa-caret-right {
  margin: 0px 5px;
}
.coop-event .event-tasks .event-tasks-roll .event-task-spacer:first-of-type .task-rolls {
  color: #ea9a00;
}
.coop-event .event-tasks .event-tasks-roll .event-task-spacer:last-of-type {
  padding-left: 15px;
  color: #d85d5d;
}
.coop-event .event-tasks .event-task {
  display: inline-block;
  margin: 0 5px 15px 5px;
  vertical-align: top;
}
.coop-event .event-tasks .task-countdown {
  color: #e54b4b;
  text-align: center;
}
.coop-event .event-tasks .task-checklist {
  display: flex;
  justify-content: space-between;
}
.coop-event .event-tasks .task-checklist .checklist-divider {
  background-color: #e8b492;
  width: 4px;
  margin: 15px 40px 15px;
  border-radius: 4px;
}
.coop-event .event-tasks .task-checklist .checklist-item {
  display: flex;
  width: 27%;
}
.coop-event .event-tasks .task-checklist .checklist-item:first-of-type:before {
  display: none;
}
.coop-event .event-tasks .task-checklist .checklist-item .checklist-check {
  margin-right: 10px;
}
.coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content {
  text-align: left;
  flex-grow: 1;
}
.coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content .checklist-item-name {
  font-size: 20px;
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
}
.coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content .checklist-description {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin-bottom: 5px;
}
.coop-event .event-tasks .task-checklist .checklist-item .checklist-item-content .hand-in-button {
  font-size: 15px;
  min-width: 100px;
  height: 45px;
  border-width: 3px;
  border-radius: 16px;
  margin-top: 10px;
}
.coop-event .event-tasks .confirm-reroll-tasks {
  margin-left: 10px;
}
.coop-event .event-tasks .reroll-indicator {
  display: inline-block;
  padding-left: 10px;
  color: #d85d5d;
}
.coop-event .event-progress-timer {
  font-weight: bold;
  font-style: italic;
  color: #555;
  width: 100%;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  z-index: 99;
}
.coop-event #progress-container {
  position: relative;
}
.coop-event .event-progress {
  margin: 40px 0px 50px;
  position: relative;
}
.coop-event .event-progress .event-progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 500px;
  background-color: #d7d7d7;
  border: 4px solid #fff;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  margin-bottom: 3px;
}
.coop-event .event-progress .event-progress-bar img {
  position: absolute;
  right: 100%;
}
.coop-event .event-progress .event-progress-bar .progress-bar {
  overflow: hidden;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: transparent;
}
.coop-event .event-progress .event-progress-bar .progress-bar .gradient-bg {
  width: 100%;
  height: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e7ec+0,fde62d+50,f74444+100 */
  background: #f74444; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f74444 0%, #fde62d 50%, #51e7ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$rainbowRed", endColorstr="$rainbowBlue",GradientType=1 ); /* IE6-9 */
}
.coop-event .event-progress .event-progress-percentage {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 28px;
  filter: drop-shadow(1px 0px 0 #ffbe47) drop-shadow(-1px 0px 0 #ffbe47) drop-shadow(0px 1px 0 #ffbe47) drop-shadow(0px -1px 0 #ffbe47) drop-shadow(1px 1px 0 #ffbe47) drop-shadow(-1px 1px 0 #ffbe47) drop-shadow(1px -1px 0 #ffbe47) drop-shadow(-1px -1px 0 #ffbe47);
  margin-left: 10px;
}
.coop-event .event-progress .event-progress-percentage-tier {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 28px;
  filter: drop-shadow(1px 0px 0 #9cbb58) drop-shadow(-1px 0px 0 #9cbb58) drop-shadow(0px 1px 0 #9cbb58) drop-shadow(0px -1px 0 #9cbb58) drop-shadow(1px 1px 0 #9cbb58) drop-shadow(-1px 1px 0 #9cbb58) drop-shadow(1px -1px 0 #9cbb58) drop-shadow(-1px -1px 0 #9cbb58);
  float: right;
  margin-right: 10px;
}
.coop-event .event-progress .event-tier-milestones {
  position: absolute;
  top: -11px;
  display: flex;
  width: 872px;
  z-index: 1;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone {
  text-align: center;
  position: absolute;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed {
  filter: gray;
  filter: grayscale(1) contrast(0.3) brightness(1.5);
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-available img, .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed img {
  width: 40px;
  position: relative;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-available + .tier-message, .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed + .tier-message {
  width: 86px;
  left: -23px;
  top: 5px;
  color: #d85d5d;
  text-transform: uppercase;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-available + .tier-message:before, .coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-claimed + .tier-message:before {
  bottom: -20px;
  left: 37px;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-hidden {
  border-radius: 50%;
  background-color: #fff;
  width: 26px;
  height: 26px;
  position: relative;
  top: 7px;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-hidden + .tier-message {
  width: -moz-max-content;
  width: max-content;
  right: -13px;
  top: 50px;
  color: #959595;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-hidden + .tier-message:before {
  top: -20px;
  right: 20px;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-message {
  position: absolute;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
  line-height: 1em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-style: italic;
  font-weight: bold;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-message:before {
  display: block;
  content: "";
  border: 10px solid #fff;
  border-width: 10px 6px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
}
.coop-event .event-progress .event-tier-milestones .event-tier-milestone .tier-pointer {
  animation: bobSmall 0.8s infinite;
  animation-fill-mode: forwards;
  border: 10px solid #d85d5d;
  border-width: 10px 6px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  left: 14px;
  top: -17px;
}
.coop-event .event-body {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}
.coop-event .event-body .event-note {
  margin-bottom: 0px;
  font-size: 14px;
}
.coop-event .event-img-header {
  text-align: center;
  margin-bottom: 20px;
}
.coop-event .event-img-header.mb-0-5 {
  margin-bottom: 0.5em !important;
}
.coop-event .event-contribute .contribute-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: center;
}
.coop-event .event-contribute .contribute-item img {
  width: 75px;
  min-width: 75px;
  margin-right: 10px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.coop-event .event-contribute .contribute-item .event-button {
  font-size: 18px;
  padding: 7px 10px 10px;
  height: 52px;
  border-width: 4px;
}
.coop-event .event-pet-interaction {
  margin-bottom: 10px;
}
.coop-event .contribute-currency {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 320px;
  margin: 0 auto;
}
.coop-event .contribute-currency img {
  width: 75px;
  min-width: 75px;
  margin-right: 10px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.coop-event .contribute-currency .contribute-currency-text {
  font-size: 14px;
  line-height: 1.2em;
  background-color: #fff;
  border-radius: 6px;
  padding: 7px;
}
.coop-event .contribute-currency .contribute-currency-text a, .coop-event .contribute-currency .contribute-currency-text .currency-item-name {
  font-weight: bold;
}
.coop-event .contribute-text {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.2em;
  text-align: center;
}
.coop-event .contribute-text .text-highlight {
  color: #d43c23;
  font-weight: bold;
}
.coop-event .contribute-text .contribute-stats {
  color: #b46347;
  font-style: italic;
  font-weight: bold;
}
.coop-event .event-quick-links .btn-warning {
  font-weight: bold;
  font-size: 20px;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.coop-event .event-reward-currencies {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-size: 20px;
  margin-bottom: 5px;
}
.coop-event .event-reward-currencies::after {
  content: "";
  display: table;
  clear: both;
}
.coop-event .event-reward-currencies > * {
  float: left;
}
.coop-event .event-reward-currencies--inline {
  display: inline-block;
  vertical-align: middle;
}
.coop-event .event-reward-currencies > div:first-of-type {
  margin-right: 20px;
}
.coop-event .event-reward-currencies .icon.scaled {
  margin-right: -10px;
  margin-bottom: -25px;
  margin-top: -25px;
}
.coop-event .event-reward-inventory {
  margin-bottom: 5px;
}
.coop-event .event-record {
  text-align: center;
  font-size: 22px;
}
.coop-event .event-record .event-record-header {
  margin-top: 15px;
}
.coop-event .event-record .record-count {
  color: #e54b4b;
  font-weight: bold;
}
.coop-event .event-record ul {
  display: inline-block;
  list-style-type: none;
}
.coop-event .event-record ul li {
  font-size: 20px;
}
.coop-event .event-record ul li:before {
  content: "";
  background-image: url("/img/event_bullet.png");
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.coop-event .icon.checklist-checkbox {
  background-image: url("/img/gifting_event.png");
  width: 27px;
  height: 27px;
  background-position: -80px 0px;
}
.coop-event .icon.checklist-checkbox.checked {
  background-position: -120px 0px;
}

#pet-harvest-modal .modal-dialog {
  margin-top: 100px;
  width: 420px;
}
#pet-harvest-modal .modal-banner {
  text-align: center;
  position: relative;
  z-index: 1;
}
#pet-harvest-modal .modal-banner img {
  position: relative;
  z-index: 1;
  bottom: -35px;
}
#pet-harvest-modal .modal-banner .bubbles > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgb(255, 255, 255);
  animation: bubbles 3s ease-in infinite;
  border-radius: 100%;
}
#pet-harvest-modal .modal-content {
  border-color: #fff;
  padding: 50px;
  text-align: center;
  background-color: #f8d0a1;
}
#pet-harvest-modal .modal-content h1 {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 30px;
}
#pet-harvest-modal .modal-content label {
  cursor: pointer;
  padding: 4px;
  position: relative;
  margin: 0px 3px;
}
#pet-harvest-modal .modal-content input:checked + label {
  background-color: #f9edd2;
  border-radius: 12px;
}
#pet-harvest-modal .modal-content .interaction-text {
  margin-top: 7px;
  color: #cb8e6d;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 18px;
}
#pet-harvest-modal .modal-content .interaction-result {
  margin-top: 7px;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
}
#pet-harvest-modal .modal-content .interaction-result .interaction-highlight {
  font-weight: bold;
  color: #b98c75;
}
#pet-harvest-modal .modal-content .interaction-result-buttons {
  margin-bottom: 0px;
}
#pet-harvest-modal .modal-content .interaction-error {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
}
#pet-harvest-modal .modal-content .pet-action-buttons, #pet-harvest-modal .modal-content .interaction-result-buttons {
  margin-top: 30px;
  margin-bottom: 20px;
}
#pet-harvest-modal .modal-content .pet-action-buttons .btn, #pet-harvest-modal .modal-content .interaction-result-buttons .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 6px;
  display: inline-block;
  width: auto;
  margin: 0px 5px;
}
#pet-harvest-modal .modal-content .pet-action-buttons .btn.btn-success, #pet-harvest-modal .modal-content .interaction-result-buttons .btn.btn-success {
  background-color: #76a635;
}
#pet-harvest-modal .modal-content .pet-action-buttons .btn.btn-danger, #pet-harvest-modal .modal-content .interaction-result-buttons .btn.btn-danger {
  background-color: #d85d5d;
}

#pet-profile .coop-interact-progress {
  background: #fff;
  margin: 10px auto;
  border: 3px solid #fff;
  height: 15px;
  border-radius: 10px;
}
#pet-profile .coop-interact-banner, #pet-profile .coop-harvest-banner {
  display: inline-block;
  transition: transform 0.15s ease-out;
}
#pet-profile .coop-interact-banner:not(.disabled):hover, #pet-profile .coop-harvest-banner:not(.disabled):hover {
  transform: translateY(-3px);
  cursor: pointer;
}
#pet-profile .coop-interact-banner:not(.disabled):active, #pet-profile .coop-harvest-banner:not(.disabled):active {
  transform: translateY(5px);
}
#pet-profile .coop-interact-banner.disabled, #pet-profile .coop-harvest-banner.disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
#pet-profile .coop-harvest-banner {
  margin: 5px 0px;
}
#pet-profile .coop-countdown {
  display: block;
  width: 200px;
  text-align: center;
  color: #d43c23;
}

.coop-event-modal .modal-dialog {
  width: 500px;
  width: -moz-fit-content;
  width: fit-content;
}
.coop-event-modal .modal-content {
  background-color: #f8d0a1;
  padding: 30px;
}
.coop-event-modal .modal-content h1 {
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
  font-size: 32px;
  text-transform: none;
  font-weight: normal;
  margin-bottom: 5px;
}
.coop-event-modal .modal-content .donate-text {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}
.coop-event-modal .modal-content .donate-quantity {
  margin: 20px auto 15px;
  border: 0px;
  width: 150px;
}
.coop-event-modal .modal-content .donate-note {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
}
.coop-event-modal .modal-content .donate-buttons {
  margin-top: 15px;
}
.coop-event-modal .modal-content .donate-buttons .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  padding: 5px 9px;
  border-radius: 8px;
  margin: 0px 6px;
}
.coop-event-modal .modal-content .donate-buttons .btn.btn-success {
  background-color: #76a635;
}
.coop-event-modal .modal-content .donate-buttons .btn.btn-danger {
  background-color: #d85d5d;
}

.gifting-event .gifting-npc {
  display: flex;
  margin-bottom: 15px;
}
.gifting-event .gifting-npc .gifting-npc-icon {
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
  margin-right: 30px;
  min-width: 152px;
  height: 152px;
}
.gifting-event .gifting-npc .gifting-npc-text {
  flex-grow: 1;
  margin-left: 15px;
  background-color: #fff;
  color: #555;
  border-radius: 12px;
  padding: 30px;
  position: relative;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}
.gifting-event .gifting-npc .gifting-npc-text:before {
  content: "";
  display: block;
  position: absolute;
  border: 15px solid #fff;
  border-color: transparent #fff transparent transparent;
  left: -30px;
  top: 60px;
}
.gifting-event .gifting-tree {
  position: relative;
}
.gifting-event .gifting-tree .ornaments {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.gifting-event .gifting-tree .ornaments .ornament {
  position: absolute;
  /*
  &:nth-of-type(1) {
    left: 300px;
    top: 160px;
  }
  &:nth-of-type(2) {
    left: 470px;
    top: 178px;
  }
  &:nth-of-type(3) {
    left: 175px;
    top: 234px;
  }
  &:nth-of-type(4) {
    left: 613px;
    top: 240px;
  }
  &:nth-of-type(5) {
    left: 73px;
    top: 353px;
  }
  &:nth-of-type(6) {
    left: 702px;
    top: 360px;
  }
  */
}
.gifting-event .event-info {
  display: flex;
}
.gifting-event .event-info .event-gifts {
  width: 42%;
}
.gifting-event .event-info .event-gifts .presents-wrapper {
  padding-left: 35px;
  padding-right: 110px;
  display: flex;
  text-align: center;
  margin-bottom: 25px;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents {
  flex-grow: 1;
  text-align: center;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents .presents-count {
  font-size: 45px;
  line-height: 1em;
  margin-bottom: 7px;
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents .presents-action {
  padding: 7px 5px;
  border-radius: 8px;
  width: 90px;
  line-height: 1em;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents.donated {
  margin-right: 10px;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents.donated .presents-action {
  background-color: #76a635;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents.donated .presents-count {
  color: #76a635;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents.claimed {
  margin-left: 10px;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents.claimed .presents-action {
  background-color: #d85d5d;
}
.gifting-event .event-info .event-gifts .presents-wrapper .presents.claimed .presents-count {
  color: #d85d5d;
}
.gifting-event .event-info .event-gifts .wrapping-wrapper {
  background-color: #fff;
  border-radius: 8px;
  width: 220px;
  margin-left: 54px;
  margin-bottom: 30px;
}
.gifting-event .event-info .event-gifts .wrapping-wrapper .wrapping-paper {
  float: left;
  margin-left: -20px;
  margin-top: -14px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.gifting-event .event-info .event-gifts .wrapping-wrapper .wrapping-text {
  font-size: 15px;
  padding: 7px;
  line-height: 1.3em;
  margin-left: 53px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #959595;
}
.gifting-event .event-info .event-gifts .wrapping-wrapper .wrapping-text .wrapping-paper-count {
  font-size: 22px;
  margin-right: 2px;
  color: #d85d5d;
}
.gifting-event .event-info .event-gifts .donate-gift {
  margin-bottom: 30px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-section-header .gift-bullet {
  margin-top: -12px;
}
.gifting-event .event-info .event-gifts .donate-gift .roll-tasks {
  padding-left: 35px;
}
.gifting-event .event-info .event-gifts .donate-gift .roll-tasks .roll-tasks-button {
  display: inline-block;
  height: 44px;
  padding: 3px 14px 10px;
  border: 3px solid #fff;
  border-radius: 12px;
  box-shadow: inset 0px -3px 0px 2px #649521;
  background-color: #76a635;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-gifts .donate-gift .roll-tasks .roll-tasks-button:active, .gifting-event .event-info .event-gifts .donate-gift .roll-tasks .roll-tasks-button:focus {
  padding-top: 5px;
  background-color: #649521;
  box-shadow: none;
  outline: none;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist {
  padding-left: 35px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll {
  margin-top: 10px;
  align-items: center;
  display: flex;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks {
  display: inline-block;
  height: 42px;
  padding: 3px 9px 10px;
  border: 3px solid #fff;
  border-radius: 12px;
  box-shadow: inset 0px -3px 0px 2px #ea9a00;
  background-color: #ffbe47;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  vertical-align: middle;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks:focus {
  padding-top: 5px;
  background-color: #ea9a00;
  box-shadow: none;
  outline: none;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks.disabled, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks[disabled] {
  background-color: #cfcfcf;
  box-shadow: inset 0px -4px 0px 2px #c4c4c4;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks.disabled:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks.disabled:focus, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks[disabled]:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .confirm-reroll-tasks[disabled]:focus {
  background-color: #cbcbcb;
  box-shadow: none;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .reroll-indicator {
  display: inline-block;
  padding-left: 7px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-style: italic;
  color: #555;
  line-height: 1.1em;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .gift-task-reroll .reroll-indicator .reroll-count {
  font-weight: bold;
  color: #d85d5d;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item {
  display: flex;
  margin-bottom: 3px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-check {
  margin-right: 7px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .hand-in-button, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .select-present {
  background-color: #76a635;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .select-present {
  font-size: 18px;
  line-height: 1em;
  padding: 3px 5px;
  border-radius: 8px;
  margin-left: 5px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .hand-in-button {
  font-size: 15px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 5px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .checklist-item-name {
  font-size: 20px;
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .checklist-description {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin-bottom: 5px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list .task-item {
  margin-left: 5px;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list .task-item:before {
  content: "";
  display: inline-block;
  position: relative;
  left: -5px;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .checklist-item .checklist-item-content .task-list .task-item.done:before {
  background-color: #76a635;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present {
  display: inline-block;
  height: 44px;
  padding: 3px 14px 10px;
  border: 3px solid #fff;
  border-radius: 12px;
  box-shadow: inset 0px -3px 0px 2px #649521;
  background-color: #76a635;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  vertical-align: middle;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present:focus {
  padding-top: 5px;
  background-color: #649521;
  box-shadow: none;
  outline: none;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present.disabled, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present[disabled] {
  background-color: #cfcfcf;
  box-shadow: inset 0px -4px 0px 2px #c4c4c4;
}
.gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present.disabled:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present.disabled:focus, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present[disabled]:active, .gifting-event .event-info .event-gifts .donate-gift .gift-checklist .send-present[disabled]:focus {
  background-color: #cbcbcb;
  box-shadow: none;
}
.gifting-event .event-info .event-gifts .receive-gift .gift-section-header {
  margin-bottom: 8px;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present {
  margin-left: 35px;
  margin-bottom: 10px;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button {
  display: inline-block;
  height: 70px;
  padding: 7px 16px 10px;
  border: 4px solid #fff;
  border-radius: 12px;
  box-shadow: inset 0px -3px 0px 2px #ca3b3b;
  background-color: #d85d5d;
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  font-size: 30px;
  vertical-align: middle;
  text-transform: none;
  color: #fff;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button:active, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button:focus {
  padding-top: 10px;
  background-color: #ca3b3b;
  box-shadow: none;
  outline: none;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button.disabled, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button[disabled] {
  background-color: #cfcfcf;
  box-shadow: inset 0px -4px 0px 2px #c4c4c4;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button.disabled:active, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button.disabled:focus, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button[disabled]:active, .gifting-event .event-info .event-gifts .receive-gift .pick-present .pick-present-button[disabled]:focus {
  background-color: #cbcbcb;
  box-shadow: none;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present-info {
  margin-left: 35px;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  width: 234px;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present-info p {
  margin-bottom: 10px;
}
.gifting-event .event-info .event-gifts .receive-gift .pick-present-info .present-highlight {
  font-weight: bold;
  color: #d85d5d;
}
.gifting-event .event-info .event-prizes {
  flex-grow: 1;
}
.gifting-event .event-info .event-prizes .event-end-time {
  background-color: #ea9a00;
  font-size: 18px;
  border-radius: 5px;
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 15px;
  display: inline-block;
  padding: 3px 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-prizes .event-end-time.ended {
  background-color: #d85d5d;
  font-size: 16px;
}
.gifting-event .event-info .event-prizes .currency-wrapper {
  background-color: #fff;
  border-radius: 5px;
  margin-left: 45px;
  height: 54px;
  margin-bottom: 30px;
  display: inline-block;
}
.gifting-event .event-info .event-prizes .currency-wrapper .currency-item {
  float: left;
  margin-left: -50px;
  margin-top: -10px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.gifting-event .event-info .event-prizes .currency-wrapper .currency-text {
  font-size: 15px;
  padding: 3px 12px 3px 3px;
  line-height: 1.6em;
  margin-left: 30px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #959595;
}
.gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-text-header {
  font-size: 20px;
}
.gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-count {
  font-size: 16px;
  text-transform: initial;
  font-weight: normal;
  font-style: normal;
  color: #555;
}
.gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-count .currency-highlight {
  font-weight: bold;
}
.gifting-event .event-info .event-prizes .currency-wrapper .currency-text .currency-highlight {
  color: #d85d5d;
}
.gifting-event .event-info .event-prizes .additional-prizes .additional-prizes-header {
  margin-bottom: 15px;
}
.gifting-event .event-info .event-prizes .additional-prizes .unlock-time {
  font-style: italic;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
  margin-bottom: 15px;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row {
  display: flex;
  background-color: #fff;
  border-radius: 12px;
  padding: 5px;
  margin-bottom: 15px;
  width: 100%;
  align-items: center;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .gift-bow {
  margin-left: -20px;
  margin-top: -10px;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .prize-text {
  flex-grow: 1;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  margin-left: 10px;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .prize-text .prize-present-count {
  font-weight: bold;
  color: #d85d5d;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn {
  border-radius: 12px;
  font-size: 15px;
  line-height: 19px;
  padding: 3px 8px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn-prize-available {
  background: linear-gradient(to bottom, #ffbe47, #ea9a00);
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn-prize-unavailable {
  background-color: #c1c1c1;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row .btn-prize-claimed {
  background-color: #76a635;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row.available .gift-bow {
  background-position: 0px -40px;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row.unavailable .gift-bow {
  background-position: -60px -40px;
}
.gifting-event .event-info .event-prizes .additional-prizes .prize-row.claimed .gift-bow {
  background-position: -120px -40px;
}
.gifting-event .icon.gift-crown, .gifting-event .icon.gift-snowflake, .gifting-event .icon.checklist-checkbox, .gifting-event .icon.gift-bow {
  background-image: url("/img/gifting_event.png");
}
.gifting-event .icon.gift-crown {
  width: 31px;
  height: 29px;
  background-position: 0px 0px;
}
.gifting-event .icon.gift-snowflake {
  margin-bottom: 12px;
  width: 30px;
  height: 26px;
  background-position: -40px 0px;
}
.gifting-event .icon.checklist-checkbox {
  width: 27px;
  height: 27px;
  background-position: -80px 0px;
}
.gifting-event .icon.checklist-checkbox.checked {
  background-position: -120px 0px;
}
.gifting-event .icon.gift-bow {
  width: 48px;
  height: 35px;
  background-position: 0px -40px;
}

#reward-modal.gift-reward-modal .modal-dialog {
  width: 675px;
  margin-top: 0px;
}
#reward-modal.gift-reward-modal .modal-dialog.narrow {
  width: 425px;
}
#reward-modal.gift-reward-modal .modal-dialog.wide {
  width: 750px;
}
#reward-modal.gift-reward-modal .modal-dialog .modal-content {
  background-color: #fce0bd;
}
#reward-modal.gift-reward-modal .modal-dialog .donated-text {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
}
#reward-modal.gift-reward-modal .modal-dialog .donated-text .donated-count {
  color: #d85d5d;
  font-weight: bold;
}
#reward-modal.gift-reward-modal .modal-dialog .sort-menu {
  margin-top: 10px;
  text-align: left;
}
#reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type=radio] {
  display: none;
}
#reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type=radio] + label {
  margin: 5px 10px 20px;
  padding-bottom: 10px;
  min-height: 170px;
}
#reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type=radio]:checked + label {
  display: inline-block;
}
#reward-modal.gift-reward-modal .modal-dialog .wrapping-choices input[type=radio]:checked + label:after {
  content: "";
  display: block;
  width: 70px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0px auto;
}
#reward-modal.gift-reward-modal .modal-dialog .select-instructions {
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  font-size: 27px;
  margin-bottom: 25px;
}
#reward-modal.gift-reward-modal .modal-dialog .btn-success {
  font-weight: bold;
  font-size: 25px;
  line-height: 1em;
  padding: 5px 10px;
  background-color: #76a635;
}
#reward-modal.gift-reward-modal .modal-dialog .inventory .page-switcher {
  text-align: left;
  color: #cb8e6d;
}
#reward-modal.gift-reward-modal .modal-dialog .present-wrapped-text {
  color: #d85d5d;
  font-family: "Pacifico", "Helvetica", "Arial", sans-serif;
  font-size: 30px;
}
#reward-modal.gift-reward-modal .modal-dialog .present-wrapped-info {
  font-style: italic;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  font-size: 20px;
  width: 70%;
  margin: 10px auto 0;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background {
  background-image: url("/img/gifting_tree_small.png");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  height: 380px;
  background-size: 133%;
  background-position: center;
  position: relative;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] {
  display: none;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label {
  position: absolute;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label img {
  width: 100px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label:nth-of-type(1) {
  left: 163px;
  top: 61px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label:nth-of-type(2) {
  left: 292px;
  top: 71px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label:nth-of-type(3) {
  left: 68px;
  top: 115px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label:nth-of-type(4) {
  left: 402px;
  top: 120px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label:nth-of-type(5) {
  left: -4px;
  top: 206px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio] + label:nth-of-type(6) {
  left: 470px;
  top: 212px;
}
#reward-modal.gift-reward-modal .modal-dialog .pick-present-background input[type=radio]:checked + label {
  filter: drop-shadow(0px 0px 5px #ffbe47);
}
#reward-modal.gift-reward-modal .modal-dialog .present-unwrapped {
  margin-top: 40px;
  margin-bottom: 20px;
}
#reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-text, #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-item, #reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-info {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-text {
  font-weight: bold;
  font-size: 20px;
  color: #cb8e6d;
}
#reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-item {
  font-size: 22px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
  margin-bottom: 20px;
}
#reward-modal.gift-reward-modal .modal-dialog .present-unwrapped-info {
  font-size: 16px;
  color: #555;
  margin-bottom: 50px;
}

.competitive-event .bg-comp_arrow {
  width: 45px;
  height: 30px;
  background: url("/img/comp_sprites.png") -720px -262px;
}
.competitive-event .bg-comp_attack {
  width: 353px;
  height: 84px;
  background: url("/img/comp_sprites.png") -442px -10px;
}
.competitive-event #join-event-modal .modal-dialog {
  width: 455px;
  top: 200px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.competitive-event #join-event-modal .modal-dialog .modal-content {
  border: 0;
  box-shadow: none;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.competitive-event #join-event-modal .modal-dialog .modal-content .team-header {
  position: absolute;
  left: -23px;
  top: -134px;
}
.competitive-event #join-event-modal .modal-dialog .modal-content .team-text {
  text-align: center;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-weight: bold;
  position: relative;
  margin-top: 130px;
  margin-bottom: 50px;
}
.competitive-event #join-event-modal .modal-dialog .modal-content .continue-button {
  position: absolute;
  left: 70px;
  bottom: -100px;
  transition: transform 0.15s ease-out;
}
.competitive-event #join-event-modal .modal-dialog .modal-content .continue-button:not(.disabled):hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.competitive-event #join-event-modal .modal-dialog .modal-content .continue-button:not(.disabled):active {
  transform: translateY(5px);
}
.competitive-event #join-event-modal .modal-dialog .modal-content .continue-button.disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
.competitive-event #join-event-modal .modal-dialog .modal-content .btn {
  line-height: 1em;
  font-weight: bold;
  font-size: 18px;
  padding: 3px 5px;
}
.competitive-event #join-event-modal .modal-dialog .modal-content .btn.confirm-switch {
  background-color: #76a635;
}
.competitive-event #join-event-modal .modal-dialog .modal-content .btn.cancel-button {
  background-color: #d85d5d;
}
.competitive-event .text-highlight {
  color: #d85d5d;
}
.competitive-event .event-start .event-header {
  margin-bottom: 15px;
}
.competitive-event .event-start .start-text {
  color: #555;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 15px;
}
.competitive-event .event-start .start-button {
  text-align: center;
  transition: transform 0.15s ease-out;
}
.competitive-event .event-start .start-button:not(.disabled):hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.competitive-event .event-start .start-button:not(.disabled):active {
  transform: translateY(5px);
}
.competitive-event .event-start .start-button.disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
.competitive-event .event-content .team-banner {
  margin-bottom: 15px;
}
.competitive-event .event-content .team-blurb {
  color: #555;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 15px;
}
.competitive-event .event-content .teams {
  display: flex;
  margin-bottom: 15px;
}
.competitive-event .event-content .teams .team {
  flex-grow: 1;
  width: 33%;
  text-align: center;
}
.competitive-event .event-content .teams .team .header {
  margin-bottom: 10px;
  font-family: "Cardenio Modern Bold", "Helvetica", "Arial", sans-serif;
  text-transform: lowercase;
  font-size: 33px;
  line-height: 1em;
}
.competitive-event .event-content .teams .team .portrait-wrapper {
  position: relative;
  margin-bottom: 15px;
}
.competitive-event .event-content .teams .team .portrait-wrapper .point-gain {
  width: 258px;
  height: 52px;
  background: url("/img/comp_sprites.png") -442px -262px;
  position: absolute;
  bottom: -10px;
  left: 8px;
}
.competitive-event .event-content .teams .team .portrait-wrapper .point-gain span {
  font-family: "Cardenio Modern Bold", "Helvetica", "Arial", sans-serif;
  text-transform: lowercase;
  position: absolute;
  left: 40px;
  top: 10px;
  color: #fff;
  font-size: 23px;
}
.competitive-event .event-content .teams .team .position, .competitive-event .event-content .teams .team .points {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-style: italic;
  line-height: 1.3em;
  font-size: 16px;
}
.competitive-event .event-content .teams .team .points {
  color: #555;
}
.competitive-event .event-content .event-progress {
  margin-bottom: 25px;
  background-color: #fff;
  height: 32px;
  border-radius: 17px;
  border: 4px solid #fff;
  display: flex;
  overflow: hidden;
}
.competitive-event .event-content .event-progress .event-progress-bar {
  position: relative;
  margin-right: 16px;
  margin-left: 16px;
}
.competitive-event .event-content .event-progress .event-progress-bar:first-of-type {
  margin-left: 0;
}
.competitive-event .event-content .event-progress .event-progress-bar:last-of-type {
  margin-right: 0;
}
.competitive-event .event-content .event-progress .event-progress-bar .left-edge {
  position: absolute;
  left: -26px;
  border: 13px solid #fff;
  width: 0;
  height: 0;
}
.competitive-event .event-content .event-progress .event-progress-bar .right-edge {
  position: absolute;
  right: -26px;
  border: 13px solid #fff;
  width: 0;
  height: 0;
}
.competitive-event .event-content .event-activities {
  display: flex;
  margin-bottom: 15px;
}
.competitive-event .event-content .event-activities .tasks {
  width: 50%;
}
.competitive-event .event-content .event-activities .tasks .team-goals {
  width: 412px;
  height: 479px;
  background: url("/img/comp_sprites.png") -10px -10px;
  background-repeat: no-repeat;
  padding: 80px 40px 40px 40px;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal-blurb {
  margin-bottom: 15px;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal {
  display: flex;
  line-height: 1.8em;
  align-items: center;
  margin-bottom: 25px;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .image-wrapper {
  margin-right: 20px;
  position: relative;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .image-wrapper .check {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 57px;
  height: 56px;
  background: url("/img/comp_sprites.png") -10px -580px;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info {
  flex-grow: 1;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e54b4b;
  font-style: italic;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-description {
  color: #555;
  line-height: 1.1em;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress {
  display: flex;
  align-items: center;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .numeric {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
  font-style: italic;
  width: 50%;
  text-align: right;
  padding-right: 5px;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress {
  margin-left: auto;
  margin-bottom: 0px;
  width: 50%;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #fff;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar {
  background-color: #959595;
  background: #959595;
  position: relative;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar.completed {
  background-color: #76a635;
  background: #76a635;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar.completed:after {
  border: 6px solid #76a635;
  border-color: #76a635 transparent transparent #76a635;
}
.competitive-event .event-content .event-activities .tasks .team-goals .goal .task-info .task-progress .progress .progress-bar:after {
  content: "";
  display: block;
  border: 6px solid #959595;
  border-color: #959595 transparent transparent #959595;
  position: absolute;
  right: -12px;
}
.competitive-event .event-content .event-activities .tasks .refresh {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  margin-top: 7px;
}
.competitive-event .event-content .event-activities .duels {
  flex-grow: 1;
  margin-left: 10px;
  text-align: center;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-activities .duels .random-duel {
  margin-bottom: 20px;
}
.competitive-event .event-content .event-activities .duels .random-duel .duel-button {
  font-size: 27px;
  line-height: 1em;
  padding: 10px 12px 10px;
  height: 62px;
}
.competitive-event .event-content .event-activities .duels .random-duel .duel-button.disabled {
  background-color: #cfcfcf;
  box-shadow: inset 0px -4px 0px 2px #c4c4c4;
}
.competitive-event .event-content .event-activities .duels .random-duel .duel-button:hover {
  color: #fff;
}
.competitive-event .event-content .event-activities .duels .random-duel .duel-button:active, .competitive-event .event-content .event-activities .duels .random-duel .duel-button:focus {
  color: #fff;
}
.competitive-event .event-content .event-activities .duels .random-duel .duel-button:not(.disabled):active, .competitive-event .event-content .event-activities .duels .random-duel .duel-button:not(.disabled):focus {
  padding-top: 14px;
  box-shadow: none;
}
.competitive-event .event-content .event-activities .duels .random-duel .next-duel-challenge {
  font-weight: bold;
}
.competitive-event .event-content .event-activities .duels .random-duel > div {
  font-size: 13px;
  margin-top: 5px;
}
.competitive-event .event-content .event-activities .duels .duel-record .header-wrapper {
  text-align: center;
}
.competitive-event .event-content .event-activities .duels .duel-record .header-wrapper .header {
  margin: 0 auto 10px;
  width: 197px;
  height: 40px;
  background: url("/img/comp_sprites.png") -216px -509px;
}
.competitive-event .event-content .event-activities .duels .duel-record .header-wrapper .win-count {
  padding-left: 10px;
  position: relative;
  bottom: 4px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed {
  text-align: right;
  margin-bottom: 5px;
}
.competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed .btn {
  padding: 3px 5px;
  line-height: 1em;
  font-weight: bold;
  font-size: 17px;
  margin-right: 8px;
  color: #fff;
}
.competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed .duel-notifs {
  float: left;
  font-weight: bold;
}
.competitive-event .event-content .event-activities .duels .duel-record .collect-unclaimed .duel-notifs label {
  margin-bottom: 0px;
  height: 17px;
  vertical-align: middle;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list {
  height: 250px;
  overflow-y: auto;
  border: 4px solid #fff;
  border-radius: 12px;
  background-color: #fff;
  margin-bottom: 10px;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel {
  display: flex;
  padding: 4px;
  align-items: center;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel:nth-of-type(2n) {
  background-color: #ebebeb;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .respond-wrap .btn {
  padding: 3px 5px;
  line-height: 1em;
  font-weight: bold;
  font-size: 12px;
  margin-right: 8px;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .respond-wrap .btn.duel-disabled {
  background-color: #c1c1c1;
  color: #fff;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .duel-text {
  flex-grow: 1;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .duel-text a {
  font-weight: bold;
  color: #b98c75;
}
.competitive-event .event-content .event-activities .duels .duel-record .duel-list .duel .time {
  font-size: 13px;
  color: #959595;
  padding-right: 5px;
  text-align: right;
  font-weight: bold;
}
.competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button {
  padding: 5px 10px 10px;
  width: auto;
  min-width: 0;
  height: auto;
  border-radius: 14px;
  margin-bottom: 5px;
  line-height: 1em;
  background-color: #eb5946;
}
.competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:hover, .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:active, .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:focus {
  color: #fff;
}
.competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:active, .competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button:focus {
  padding-top: 8px;
  padding-bottom: 7px;
  background-color: #d13d3d;
}
.competitive-event .event-content .event-activities .duels .switch-teams .switch-teams-button.disabled {
  background-color: #cfcfcf;
  box-shadow: inset 0px -4px 0px 2px #c4c4c4;
}
.competitive-event .event-content .event-activities .duels .switch-teams .switch-team-count {
  font-weight: bold;
}
.competitive-event .event-content .event-activities .duels .switch-teams > div {
  font-size: 13px;
}
.competitive-event .event-content .event-activities .team-battle-ended, .competitive-event .event-content .event-activities .your-team-rewards {
  background-color: #fff;
  border-radius: 12px;
  margin-top: 32px;
  width: 50%;
  color: #555;
  font-size: 14px;
}
.competitive-event .event-content .event-activities .team-battle-ended .header, .competitive-event .event-content .event-activities .your-team-rewards .header {
  margin: -32px auto 2px;
}
.competitive-event .event-content .event-activities .team-battle-ended .header {
  width: 292px;
  height: 42px;
  background: url("/img/comp_sprites.png") -442px -334px;
}
.competitive-event .event-content .event-activities .team-battle-ended .text {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  padding: 10px 15px 15px;
}
.competitive-event .event-content .event-activities .your-team-rewards {
  margin-left: 10px;
}
.competitive-event .event-content .event-activities .your-team-rewards .header {
  width: 304px;
  height: 51px;
  background: url("/img/comp_sprites.png") -442px -191px;
}
.competitive-event .event-content .event-activities .your-team-rewards .blurb {
  padding: 10px 15px 15px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .reward-header {
  margin: 10px auto 0px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .reward-text {
  padding: 10px 15px 15px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards {
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-rewards-items {
  text-align: center;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies::after {
  content: "";
  display: table;
  clear: both;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies > * {
  float: left;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies--inline {
  display: inline-block;
  vertical-align: middle;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies > div:first-of-type {
  margin-right: 20px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-reward-currencies .icon.scaled {
  margin-right: -10px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-rewards-achievement, .competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .event-rewards-quests {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .claim-button .btn {
  line-height: 1em;
  font-weight: bold;
  font-size: 18px;
  padding: 3px 5px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward .rewards .claim-button .btn.claimed {
  background-color: #76a635;
  cursor: default;
  color: #fff;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward.winning .reward-header {
  width: 190px;
  height: 25px;
  background: url("/img/comp_sprites.png") -433px -509px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward.winning .rewards {
  background-color: #fff0c7;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward.runner-up .reward-header {
  width: 207px;
  height: 25px;
  background: url("/img/comp_sprites.png") -442px -457px;
}
.competitive-event .event-content .event-activities .your-team-rewards .winner-reward.runner-up .rewards {
  background-color: #ebebeb;
}
.competitive-event .event-content .event-activities .your-team-rewards .collect-unclaimed {
  text-align: center;
  margin-bottom: 15px;
}
.competitive-event .event-content .event-activities .your-team-rewards .collect-unclaimed .btn {
  padding: 3px 5px;
  line-height: 1em;
  font-weight: bold;
  font-size: 15px;
  margin-right: 8px;
  color: #fff;
}
.competitive-event .event-content .event-prizes {
  display: flex;
  color: #555;
  align-items: flex-start;
}
.competitive-event .event-content .event-prizes .participant-rewards, .competitive-event .event-content .event-prizes .finale-rewards, .competitive-event .event-content .event-prizes .quick-links {
  width: 50%;
  border-radius: 12px;
  margin-top: 32px;
}
.competitive-event .event-content .event-prizes .participant-rewards .header, .competitive-event .event-content .event-prizes .finale-rewards .header, .competitive-event .event-content .event-prizes .quick-links .header {
  margin: -32px auto 2px;
}
.competitive-event .event-content .event-prizes .event-rewards .event-rewards-items {
  margin-bottom: 10px;
}
.competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
.competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies::after {
  content: "";
  display: table;
  clear: both;
}
.competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies > * {
  float: left;
}
.competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies--inline {
  display: inline-block;
  vertical-align: middle;
}
.competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies > div:first-of-type {
  margin-right: 20px;
}
.competitive-event .event-content .event-prizes .event-rewards .event-reward-currencies .icon.scaled {
  margin-right: -10px;
}
.competitive-event .event-content .event-prizes .event-rewards .event-rewards-achievement, .competitive-event .event-content .event-prizes .event-rewards .event-rewards-quests {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.competitive-event .event-content .event-prizes .participant-rewards {
  margin-right: 10px;
  padding-bottom: 15px;
  background-color: #fff;
}
.competitive-event .event-content .event-prizes .participant-rewards .header {
  width: 321px;
  height: 57px;
  background: url("/img/comp_sprites.png") -442px -114px;
}
.competitive-event .event-content .event-prizes .participant-rewards .blurb {
  padding: 10px 15px 15px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize {
  position: relative;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prize-name {
  background-color: #d7d7d7;
  padding: 5px;
  font-style: italic;
  font-size: 16px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prizes {
  padding: 15px 15px 10px 15px;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim {
  display: flex;
  width: 250px;
  right: 0px;
  bottom: 0px;
  padding-right: 10px;
  padding-bottom: 15px;
  margin: 0 0 0 auto;
  justify-content: flex-end;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-timer {
  text-align: right;
  color: #b7b7b7;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-right: 5px;
  line-height: 1em;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-button .btn {
  line-height: 1em;
  font-weight: bold;
  font-size: 18px;
  padding: 3px 5px;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-button .btn.claimed {
  background-color: #76a635;
  cursor: default;
  color: #fff;
}
.competitive-event .event-content .event-prizes .participant-rewards .prize .prize-claim .claim-button .btn.disabled {
  background-color: #959595;
}
.competitive-event .event-content .event-prizes .finale-rewards {
  margin-left: 10px;
  background-color: #fff;
}
.competitive-event .event-content .event-prizes .finale-rewards .header {
  width: 247px;
  height: 41px;
  background: url("/img/comp_sprites.png") -442px -396px;
}
.competitive-event .event-content .event-prizes .finale-rewards .blurb {
  padding: 10px 15px 15px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .reward-header {
  margin: 10px auto 0px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .reward-text {
  padding: 10px 15px 15px;
  line-height: 1.2em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards {
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-rewards-items {
  text-align: center;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies::after {
  content: "";
  display: table;
  clear: both;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies > * {
  float: left;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies--inline {
  display: inline-block;
  vertical-align: middle;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies > div:first-of-type {
  margin-right: 20px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-reward-currencies .icon.scaled {
  margin-right: -10px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-rewards-achievement, .competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .event-rewards-quests {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .claim-button .btn {
  line-height: 1em;
  font-weight: bold;
  font-size: 18px;
  padding: 3px 5px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward .rewards .claim-button .btn.claimed {
  background-color: #76a635;
  cursor: default;
  color: #fff;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward.winning .reward-header {
  width: 190px;
  height: 25px;
  background: url("/img/comp_sprites.png") -433px -509px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward.winning .rewards {
  background-color: #fff0c7;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward.runner-up .reward-header {
  width: 207px;
  height: 25px;
  background: url("/img/comp_sprites.png") -442px -457px;
}
.competitive-event .event-content .event-prizes .finale-rewards .winner-reward.runner-up .rewards {
  background-color: #ebebeb;
}
.competitive-event .event-content .event-prizes .quick-links {
  text-align: center;
}
.competitive-event .event-content .event-prizes .quick-links .header {
  width: 186px;
  height: 51px;
  background: url("/img/comp_sprites.png") -10px -509px;
}
.competitive-event .event-content .event-prizes .quick-links .quick-links-image {
  margin-bottom: 10px;
}
.competitive-event .event-content .event-prizes .quick-links .btn {
  line-height: 1em;
  font-weight: bold;
  font-size: 20px;
  padding: 3px 5px;
  background-color: #76a635;
  color: #fff;
}

#competitive-modal .modal-banner {
  text-align: center;
  position: relative;
  z-index: 0;
}
#competitive-modal .modal-banner .bubbles > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgb(255, 255, 255);
  animation: bubbles 3s ease-in infinite;
  border-radius: 100%;
}
#competitive-modal .modal-dialog {
  width: 400px;
}
#competitive-modal .modal-dialog .modal-content {
  border: 0px;
  box-shadow: none;
  z-index: 2;
  filter: drop-shadow(2px 0px 0 #fff) drop-shadow(-2px 0px 0 #fff) drop-shadow(0px 2px 0 #fff) drop-shadow(0px -2px 0 #fff) drop-shadow(2px 2px 0 #fff) drop-shadow(-2px 2px 0 #fff) drop-shadow(2px -2px 0 #fff) drop-shadow(-2px -2px 0 #fff);
}
#competitive-modal .modal-dialog .modal-content:before {
  display: block;
  content: "";
  position: absolute;
  top: -60px;
  left: 24px;
  width: 353px;
  height: 84px;
  background: url("/img/comp_sprites.png") -442px -10px;
}
#competitive-modal .modal-dialog .modal-content .btn {
  border-radius: 12px;
  margin: 5px;
}
#competitive-modal .modal-dialog .modal-content .btn-success {
  background-color: #76a635;
}
#competitive-modal .modal-dialog .modal-content .btn-danger {
  background-color: #d85d5d;
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--top-right, #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--bottom-right, #competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--left {
  display: inline-block;
  width: 45px;
  height: 30px;
  background: url("/img/comp_sprites.png") -720px -262px;
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--top-right {
  transform: rotateZ(135deg);
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .duel-arrow--bottom-right {
  transform: rotateZ(-135deg);
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row .attack-icon {
  display: inline-block;
  margin: 0px 15px;
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row input[type=radio] {
  display: none;
}
#competitive-modal .modal-dialog .modal-content .pick-attack .attack-row input[type=radio]:checked + label {
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
#competitive-modal .modal-dialog .modal-content .pick-attack .select-instructions {
  font-weight: bold;
  color: #cb8e6d;
  margin-bottom: 10px;
}
#competitive-modal .modal-dialog .modal-content .picked-attack {
  font-size: 16px;
  line-height: 1.2em;
}
#competitive-modal .modal-dialog .modal-content .picked-attack img {
  margin-bottom: 20px;
  margin-top: 20px;
}
#competitive-modal .modal-dialog .modal-content .picked-attack .challenge-text {
  font-weight: bold;
  color: #b98c75;
  margin-bottom: 1.2em;
}
#competitive-modal .modal-dialog .modal-content .picked-attack .challenge-text .text-highlight {
  color: #d85d5d;
}
#competitive-modal .modal-dialog .modal-content .picked-attack .info-text {
  text-align: left;
}
#competitive-modal .modal-dialog .modal-content .picked-attack .info-text .text-highlight {
  color: #d85d5d;
  font-weight: bold;
}

#reward-modal.event-competitive-modal .modal-content {
  background-color: #fce0bd;
}

#reward-modal.event-competitive-modal .modal-content .duel-rewards, #competitive-modal .modal-content .duel-rewards {
  font-size: 16px;
  color: #555;
  line-height: 1.3em;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .duel-items, #competitive-modal .modal-content .duel-rewards .duel-items {
  margin-bottom: 25px;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .duel-items .inventory-item, #competitive-modal .modal-content .duel-rewards .duel-items .inventory-item {
  display: inline-block;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .text-highlight, #competitive-modal .modal-content .duel-rewards .text-highlight {
  color: #d85d5d;
  font-weight: bold;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-text, #competitive-modal .modal-content .duel-rewards .reward-text {
  font-weight: bold;
  color: #b98c75;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-points, #competitive-modal .modal-content .duel-rewards .reward-points {
  margin-bottom: 16px;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-list, #competitive-modal .modal-content .duel-rewards .reward-list {
  margin-bottom: 20px;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .reward-list .reward-names, #competitive-modal .modal-content .duel-rewards .reward-list .reward-names {
  font-weight: bold;
  color: #b98c75;
}
#reward-modal.event-competitive-modal .modal-content .duel-rewards .confirm-button, #competitive-modal .modal-content .duel-rewards .confirm-button {
  font-size: 20px;
  font-weight: bold;
  margin: 5px;
  background-color: #76a635;
}

.forums {
  background: #fff;
  color: #555;
  border-radius: 6px;
  padding: 24px;
}
.forums .row {
  border-bottom: 1px solid #f8d0a1;
  margin-bottom: 24px;
}
.forums .row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.forums .board {
  margin: 0 0 24px;
}
.forums .board .board-icon {
  float: left;
  width: 75px;
  height: 75px;
}
.forums .board .board-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.forums .board .board-content {
  margin-left: 95px;
}
.forums .board .board-content p {
  margin-bottom: 10px;
}
.forums .board .board-content .board-title {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 21px;
}
.forums .board .board-content .latest-post {
  margin-top: 6px;
}
.forums .board .board-content .board-subforums {
  margin-bottom: 10px;
}
.forums .board .board-content .board-subforums span {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e8b492;
  font-size: 16px;
}
.forums .board .board-content .board-subforums a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  background-color: #959595;
  line-height: 1em;
  display: inline-block;
  border-radius: 5px;
  padding: 4px;
  margin-bottom: 5px;
}

.nav-pills.board-breadcrumbs {
  float: right;
  margin: 0px;
}

.board-controls {
  margin-bottom: 2em;
}

.subforum-panel .subforum-header {
  background-color: #e8b492;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 16px;
  padding: 5px 15px;
}
.subforum-panel .subforum-body {
  padding: 5px 0px;
  display: flex;
  background-color: #fff;
}
.subforum-panel .subforum-body .board-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 16px;
}
.subforum-panel .subforum-body .subforum-cell {
  min-width: 33%;
  border-right: 1px solid #e8b492;
  padding: 10px 15px;
}
.subforum-panel .subforum-body .subforum-cell:last-of-type {
  border: 0px;
}
.subforum-panel .subforum-body .subforum-cell .latest-post {
  color: #555;
}

.search-form {
  margin-bottom: 10px;
}
.search-form .control-label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-right: 5px;
  font-size: 18px;
}
.search-form .form-control {
  border: 0px;
  margin-right: 5px;
}
.search-form .btn.btn-primary {
  color: #e1ab87;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
}

.board-wrapper {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 2em;
}

.board-topics {
  margin-bottom: 0px;
}
.board-topics .block-topic {
  background-color: #ebebeb;
  padding: 10px 40px;
  border-radius: 8px;
  margin-bottom: 28px;
}
.board-topics .block-topic, .board-topics .block-topic a {
  color: #959595;
  text-transform: uppercase;
  font-weight: bold;
}
.board-topics .topic {
  background-color: #fff;
  border-bottom: 1px solid #f8d0a1;
}
.board-topics .topic td.align-middle {
  vertical-align: middle;
}
.board-topics .topic .sticky-icon {
  width: 27px;
}
.board-topics .topic.mute {
  opacity: 0.75;
}
.board-topics .topic .staff-reply {
  background-color: #ffbe47;
  margin-left: 3px;
  font-size: 9px;
  padding: 3px 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.board-topics .topic.sticky {
  background-color: #fce0bd;
}
.board-topics .topic.sticky .topic-title .topic-tags .topic-tag {
  min-width: 20px;
  height: 20px;
  border: 2px solid #fff;
}
.board-topics .topic a {
  color: #555;
}
.board-topics .topic a:hover {
  color: #959595;
}
.board-topics .topic > td {
  border: 0px;
}
.board-topics .topic-title {
  font-size: 20px;
  margin-bottom: 0px;
}
.board-topics .topic-title a {
  vertical-align: middle;
}
.board-topics .topic-title .topic-tags {
  margin-right: 2px;
  display: inline-block;
}
.board-topics .topic-title .topic-tags .topic-tag {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: #fff;
  border-radius: 4px;
  /* padding: 0px 5px; */
  min-width: 16px;
  height: 16px;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  margin-right: 3px;
}
.board-topics .topic-title .topic-tags .topic-tag.sale {
  background-color: #5dd0d1;
}
.board-topics .topic-title .topic-tags .topic-tag.trade {
  background-color: #8dc63f;
}
.board-topics .topic-title .topic-tags .topic-tag.auction {
  background-color: #ff7b7b;
}
.board-topics .topic-title .topic-tags .topic-tag.wanted {
  background-color: #959595;
}
.board-topics .topic-title .topic-tags .topic-tag.mature {
  background-color: #e34f32;
}
.board-topics .topic-title .topic-tags .topic-tag.spoiler {
  background-color: #e1a278;
  padding: 0px 5px;
}
.board-topics .topic-title .topic-tags .topic-tag.poll, .board-topics .topic-title .topic-tags .topic-tag.dice {
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0;
  min-width: 0px !important;
}
.board-topics .topic-title .topic-tags .topic-tag.poll {
  height: 13px !important;
  width: 16px !important;
  background-position: -175px -200px;
}
.board-topics .topic-title .topic-tags .topic-tag.dice {
  height: 12px !important;
  width: 13px !important;
  background-position: -175px -175px;
}
.board-topics > thead > tr > th {
  background-color: #e8b492;
  color: #fff;
  border-bottom: 0px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
}

.new-topic-title-wrapper .form-control {
  margin-bottom: 8px;
}
.new-topic-title-wrapper .new-topic-title {
  line-height: 31px;
}
.new-topic-title-wrapper .topic-tags {
  margin-bottom: 8px;
}
.new-topic-title-wrapper .topic-tags .tags-label, .new-topic-title-wrapper .topic-tags .control-label {
  text-transform: uppercase;
  margin-right: 15px;
}
.new-topic-title-wrapper .topic-tags .tags-label {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 0px 7px;
  font-weight: bold;
}
.new-topic-title-wrapper .topic-tags .control-label {
  margin-bottom: 0px;
}
.new-topic-title-wrapper .topic-tags .tag-checkbox {
  margin-left: 5px;
}

.thread .staff-response-button {
  margin-bottom: 24px;
  font-weight: bold;
}
.thread .staff-response-button .fa-caret-right {
  margin-left: 3px;
}
.thread .post {
  margin: 0 0 10px;
  padding: 0 0 18px;
}
.thread .post.mute {
  opacity: 0.75;
}
.thread .post .post-user {
  position: relative;
  float: left;
  width: 220px;
  background: #fff;
  color: #555;
  border-radius: 8px;
  padding: 12px 14px 8px;
  text-align: center;
  background-position: center top;
  border: 4px solid #fff;
  background-repeat: no-repeat;
}
.thread .post .post-user .user-icons {
  line-height: 17px;
  margin-left: 15px;
  margin-bottom: 5px;
  margin-top: -13px;
}
.thread .post .post-user .user-icons a {
  margin-left: -1px;
}
.thread .post .post-user .user-icons .icon {
  margin: 0px 3px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  margin-left: -5px;
}
.thread .post .post-user .user-icons .badge:empty {
  display: inline-block;
}
.thread .post .post-user .user-info {
  position: absolute;
  width: 26px;
  top: 64px;
  left: -29px;
  transition: all 0.2s;
  overflow: hidden;
}
.thread .post .post-user .user-info.active {
  width: 65px;
  left: -68px;
  transition: all 0.2s;
}
.thread .post .post-user .user-info .stats-trigger {
  width: 26px;
  height: 111px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
}
.thread .post .post-user .user-info.active .stats-trigger {
  width: 65px;
  height: 111px;
}
.thread .post .post-user .user-info .user-stats {
  display: inline-block;
}
.thread .post .post-user .user-info .user-stats .stats {
  background: #fff;
  list-style: none;
  padding: 3px;
  border-radius: 12px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 65px;
}
.thread .post .post-user .user-info .user-stats .stats li {
  display: block;
  float: left;
  width: 100%;
  color: #555;
  font-weight: bold;
  text-align: left;
}
.thread .post .post-user .user-name {
  display: block;
  font-size: 20px;
  line-height: 1.1em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}
.thread .post .post-user .user-name.no-stroke {
  display: inline-block;
  margin: 0px auto 3px;
  padding: 5px 12px;
  border-radius: 6px;
}
.thread .post .post-user .user-name .user {
  color: inherit;
}
.thread .post .post-user .user-title {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 9px;
  margin-top: 3px;
}
.thread .post .post-user .user-title span {
  display: inline-block;
  padding: 0px 5px;
  background-color: #fff;
  border-radius: 3px;
  line-height: 18px;
}
.thread .post .post-user .status {
  margin-top: 6px;
  display: inline-block;
  min-width: 5px;
  width: 5px;
  height: 5px;
  padding: 0px;
  vertical-align: baseline;
  border-radius: 50%;
  margin-left: 3px;
}
.thread .post .post-user .user-avatar {
  margin: -17px auto 5px auto;
  position: relative;
  right: 8px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  height: auto;
  background-color: transparent;
}
.thread .post .post-user .user-avatar .user-avatar-wrapper {
  max-width: 100%;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  height: 325px;
  z-index: 0;
  position: relative;
}
.thread .post .post-user .user-avatar .user-avatar-wrapper .avatar-overlay {
  position: relative;
  z-index: 99;
}
.thread .post .post-user .user-pet {
  float: left;
  position: absolute;
  left: -32px;
  bottom: -15px;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  z-index: 2;
}
.thread .post .post-user .user-pet .icon {
  position: relative;
  right: -38px;
  top: -7px;
}
.thread .post .post-user .user-pet a {
  display: block;
  height: 75px;
  position: relative;
  top: -25px;
}
.thread .post .post-user .pet-content .pet-name {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  color: #555;
}
.thread .post .post-user .pet-info.collapsable.open .collapsable-trigger {
  bottom: -12px;
}
.thread .post .post-user .pet-info.collapsable.open .collapsable-trigger .trigger-button {
  position: initial;
  transform: rotate(0deg);
  width: 100%;
  margin-left: auto;
  margin-right: -3px;
  height: 10px;
}
.thread .post .post-user .pet-info.collapsable.open .collapsable-trigger .trigger-button .glyphicon {
  position: relative;
  transform: rotate(0deg);
}
.thread .post .post-user .pet-info.collapsable .collapsable-content {
  padding: 0 0 18px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet {
  font-weight: bold;
  line-height: 1em;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-label {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 13px;
  margin-bottom: 7px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-affection {
  margin-bottom: 10px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-affection .affection-bar {
  height: 19px;
  width: 120px;
  margin-bottom: 0px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content.active-pet .pet-affection .affection-bar .progress {
  height: 19px;
  width: 118px;
  left: 1px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-label {
  display: block;
  margin-bottom: 4px;
  text-transform: none;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-name {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.1;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .progress {
  margin: 0;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 15px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature-label {
  background-color: #b7b7b7;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
  margin-right: 4px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.tenacious {
  color: #ea9a00;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.charming {
  color: #76a635;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.comprehensive {
  color: #56abbb;
}
.thread .post .post-user .pet-info.collapsable .collapsable-content .pet-content .pet-nature .nature.honourable {
  color: #e54b4b;
}
.thread .post .post-user .pet-info.collapsable .collapsable-trigger {
  width: 100%;
  height: 22px;
  position: absolute;
  bottom: -18px;
  left: 0px;
  overflow: hidden;
}
.thread .post .post-user .pet-info.collapsable .collapsable-trigger .trigger-button {
  position: absolute;
  height: 40px;
  width: 40px;
  top: -24px;
  left: 50%;
  background: #fff;
  color: #d43c23;
  line-height: 18px;
  text-align: center;
  margin-left: -20px;
  transform: rotate(45deg);
  border-bottom-right-radius: 6px;
}
.thread .post .post-user .pet-info.collapsable .collapsable-trigger .trigger-button .glyphicon {
  position: absolute;
  top: auto;
  bottom: 3px;
  right: 2px;
  transform: rotate(-45deg);
}
.thread .post .post-body {
  padding: 0px 0px 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.thread .post .post-content {
  position: relative;
  min-height: 452px;
  background: #fff;
  color: #555;
  border-radius: 6px;
  margin: 0 0 0 240px;
  border: 4px solid #fff;
  display: flex;
  flex-direction: column;
}
.thread .post .post-content .post-text {
  padding: 0px 15px 12px;
}
.thread .post .post-content .signature {
  padding: 0px 15px;
  max-height: 200px;
  overflow: hidden;
}
.thread .post .post-content .competitive-banners {
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.thread .post .post-content .competitive-banners .duel-level-banner img, .thread .post .post-content .competitive-banners .team-banner img, .thread .post .post-content .competitive-banners .duel-button img {
  max-width: 100%;
}
.thread .post .post-content .competitive-banners .team-banner, .thread .post .post-content .competitive-banners .duel-button {
  margin-left: 10px;
}
.thread .post .post-content .competitive-banners .duel-level-banner {
  width: 50%;
}
.thread .post .post-content .competitive-banners .team-banner {
  width: 25%;
}
.thread .post .post-content .competitive-banners .duel-button {
  width: 25%;
  position: relative;
}
.thread .post .post-content .competitive-banners .duel-button .duel {
  transition: transform 0.15s ease-out;
  display: block;
}
.thread .post .post-content .competitive-banners .duel-button .duel:not(.disabled):hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.thread .post .post-content .competitive-banners .duel-button .duel:not(.disabled):active {
  transform: translateY(5px);
}
.thread .post .post-content .competitive-banners .duel-button .duel.disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
.thread .post .post-content .competitive-banners .duel-button .countdown {
  position: absolute;
  right: -5px;
  bottom: -7px;
  padding: 5px;
  line-height: 1em;
  background: #fff;
  border-radius: 6px;
  color: #d85d5d;
  font-weight: bold;
}
.thread .post .post-content .likes {
  padding: 0px 15px;
}
.thread .post .post-content .likes .gifting, .thread .post .post-content .likes .gifting-disabled {
  display: inline-block;
  position: relative;
}
.thread .post .post-content .likes .gifting img, .thread .post .post-content .likes .gifting-disabled img {
  width: 145px;
}
.thread .post .post-content .likes .gifting {
  transition: transform 0.15s ease-out;
}
.thread .post .post-content .likes .gifting:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.thread .post .post-content .likes .gifting:active {
  transform: translateY(5px);
}
.thread .post .post-content .likes .gifting-disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
.thread .post .post-content .likes .like-button {
  display: inline-block;
}
.thread .post .post-content .likes .icon {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
}
.thread .post .post-content .likes .like-count:empty {
  display: none;
}
.thread .post .post-content .post-divider {
  margin: 10px 15px;
  border-color: #f8d0a1;
  filter: gray;
  filter: grayscale(1);
}
.thread .post .post-content .post-text {
  flex-grow: 1;
}
.thread .post .post-content .post-date {
  line-height: 31px;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 12px 0px 5px;
}
.thread .post .post-content .post-date a {
  color: #fff;
}
.thread .post .post-content .post-date.no-stroke {
  border-radius: 6px;
  padding: 0px 12px;
  display: inline-block;
  height: 29px;
}
.thread .post .post-content .post-date.no-stroke .post-edited {
  color: inherit;
}
.thread .post .post-content .post-edited {
  color: #fce0bd;
  text-transform: uppercase;
  border-bottom: 0px;
}
.thread .post .post-content .post-actions {
  line-height: 35px;
}
.thread .post .post-content .post-actions.no-stroke {
  border-radius: 6px;
}
.thread .post .post-content:before {
  content: " ";
  display: block;
  position: absolute;
  top: 125px;
  left: -12px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 12px solid #fff;
  border-bottom: 6px solid transparent;
}
.thread .post .post-content .toolbar {
  margin-bottom: 12px;
  padding: 8px;
  border-radius: 6px;
  color: #e1ab87;
}
.thread .post .post-content .toolbar .post-achievement {
  display: inline-block;
  margin-right: 2px;
  margin-left: 3px;
}
.thread .post .post-content .toolbar a {
  color: inherit;
  vertical-align: middle;
}
.thread .post .post-content .btn {
  background: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
}
.thread .post.even .post-user {
  float: right;
}
.thread .post.even .post-content {
  margin: 0 240px 0 0;
}
.thread .post.even .post-content:before {
  right: -12px;
  left: auto;
  border-top: 6px solid transparent;
  border-right: none;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #fff;
}
.thread .post.reply {
  border-top: 1px solid white;
  padding-top: 24px;
}

.preview-title, .preview-post {
  padding: 10px 24px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.preview-title {
  color: #555;
  font-size: 20px;
  margin-bottom: 0.5em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}

.preview-post {
  padding: 24px;
}

.block-message {
  background-color: #ebebeb;
  padding: 10px 40px;
  border-radius: 8px;
  margin-bottom: 28px;
}
.block-message, .block-message a {
  color: #959595;
  text-transform: uppercase;
  font-weight: bold;
}

/*
red is 
color: $honourRed;
yellow is
@include block-text($gold);
*/
#guild-chat-container {
  color: black;
}

#guild-chat-header-container {
  margin: 0;
  /*background-color: $dark;*/
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#guild-chat-header {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 22px;
  font-style: italic;
  display: inline;
}

#rules-explain, .dark-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  color: #b98c75 !important;
  font-size: 18px;
}

#join-chat, #join-chat * {
  box-sizing: border-box;
}

#chat-userlist {
  border-radius: 3px;
}

#members-list {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 450px;
}

#enter-button, #rules-agree {
  font-size: 22px;
  background-color: #76a635;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  border: none;
  border-radius: 3px;
}

#join-chat {
  font-size: 22px;
  position: absolute;
  top: 35%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  color: black;
  width: calc(100% - 30px);
}

#guild-chat-container {
  background-color: #fff;
  border-radius: 5px;
  max-width: 100%;
}

#chat-options {
  float: right;
  position: relative;
  top: 5px;
}

.chat-options-icon {
  margin-left: 5px;
  cursor: pointer;
}

#guild-chat-messages {
  margin-bottom: 10px;
  height: 400px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

#guild-chat-content {
  position: relative;
  min-height: 400px;
  padding: 15px;
}

#guild-chat-input {
  transition-property: border;
  transition-duration: 750ms;
  padding: 10px;
  border: 3px solid transparent;
  border-radius: 1px;
  resize: none;
  width: 100%;
  height: 75px;
  background-color: #EEEEEE;
}

#character-counter {
  color: grey;
  font-size: 12px;
  margin-top: 3px;
  padding-bottom: 5px;
  text-align: right;
}

.chat-frame {
  width: 100%;
  height: 575px;
  border: none;
  overflow: hidden;
}

#chat-real-body {
  max-height: 568px;
  position: fixed;
  width: 100%;
  top: 0px;
  background: none;
}

.user-list {
  list-style: none;
  margin: 0 0 12px;
}
.user-list li {
  margin: 0 0 16px;
}
.user-list li:last-child {
  margin-right: 0;
}
.user-list li .user {
  height: 99px;
  color: #fff;
  background: #e8b492;
  padding: 12px;
  border-radius: 4px;
}
.user-list li .user.request {
  background: none;
  padding: 9px 12px;
  border: 3px solid #e8b492;
}
.user-list li .user.request .user-data .name,
.user-list li .user.request .user-data .message {
  color: #b98c75;
}
.user-list li .user .user-pet {
  float: left;
}
.user-list li .user .user-pet.user-icon {
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.user-list li .user .user-data {
  margin-left: 100px;
}
.user-list li .user .user-data .name {
  display: block;
  color: #fff;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 12px;
}
.user-list li .user .user-data .btn-primary:hover, .user-list li .user .user-data .btn-primary:focus, .user-list li .user .user-data .btn-primary:active {
  background: #f8d0a1;
}
.user-list li .user .user-data .btn-link {
  color: #fff;
  border-color: #fff;
}
.user-list li .user .user-data .btn-link:hover, .user-list li .user .user-data .btn-link:focus, .user-list li .user .user-data .btn-link:active {
  color: #e1ab87;
  background: #fff;
}

.guild-content {
  padding: 55px 35px 35px 35px;
  color: #555;
  flex-grow: 1;
  position: relative;
}
.guild-content .btn:hover, .guild-content a.btn:hover {
  color: #fff;
}
.guild-content .btn.btn-warning, .guild-content a.btn.btn-warning {
  color: #fff;
  background-color: #ffbe47;
}
.guild-content .btn.btn-danger, .guild-content a.btn.btn-danger {
  color: #fff;
  background-color: #d85d5d;
}
.guild-content .btn.btn-success, .guild-content a.btn.btn-success {
  color: #fff;
  background-color: #76a635;
}
.guild-content .begin-title {
  color: #555;
  font-weight: bold;
}
.guild-content .begin-banner {
  margin: 30px auto 50px;
  display: block;
  transition: transform 0.15s ease-out;
}
.guild-content .begin-banner:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.guild-content .begin-banner:active {
  transform: translateY(5px);
}
.guild-content .form-group {
  margin-bottom: 0.8em;
}
.guild-content .form-group label {
  font-size: 13px;
  text-transform: uppercase;
}
.guild-content .form-group input, .guild-content .form-group textarea {
  border: 0px;
  font-size: 12px;
  padding: 10px;
}
.guild-content .form-group input:focus, .guild-content .form-group textarea:focus {
  outline: 0px;
  box-shadow: none;
}
.guild-content .form-group input {
  height: 2em;
  line-height: 1em;
  text-transform: uppercase;
  margin-top: 0px;
}
.guild-content .form-group .colorpicker-component .input-group-addon {
  border: 0;
  padding: 0 5px;
  background: #fff;
}
.guild-content .form-group .guild-banner-select {
  height: 41px;
}
.guild-content hr {
  margin: 24px 0;
  border-width: 4px 0 0 0;
  border-radius: 4px;
}
.guild-content .form-buttons {
  margin-top: 1.5em;
}
.guild-content .form-buttons .btn {
  margin-left: 5px;
}
.guild-content .btn {
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  padding: 5px 12px;
  border-radius: 6px;
}
.guild-content .guild-page-heading {
  font-size: 16px;
  color: #b0562e;
  font-weight: bold;
}
.guild-content .guild-setting-description {
  margin-bottom: 5px;
}
.guild-content #tagline-text, .guild-content #name-text {
  text-transform: none;
}
.guild-content .guild-setting-count {
  margin-top: 5px;
}
.guild-content .guild-settings-toggle {
  vertical-align: middle;
  display: none;
}
.guild-content .guild-settings-toggle:checked + label:after {
  left: 3px;
  transition: all 0.1s ease-out;
}
.guild-content .guild-settings-toggle + label:after {
  content: "";
  width: 28px;
  height: 12px;
  background: #ea9a00;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  left: 14px;
  transition: all 0.1s ease-out;
}
.guild-content .guild-settings-toggle + label {
  background-color: #fff;
  width: 51px;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  border: 3px solid #e5bc97;
  border-radius: 8px;
  position: relative;
  padding: 3px;
  cursor: pointer;
}
.guild-content .guild-settings-label {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.guild-content .guild-page-heading {
  margin-bottom: 0;
}
.guild-content .guild-settings-board, .guild-content .guild-settings-role {
  background-color: #fff;
  color: #555;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 7px;
}
.guild-content .guild-settings-board.main, .guild-content .guild-settings-role.main {
  background-color: #e5bc97;
  color: #fff;
}
.guild-content .guild-settings-role {
  width: 70%;
}
.guild-content .guild-settings-board-indent {
  padding-left: 50px;
}
.guild-content .guild-poll-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin-bottom: 8px;
}
.guild-content .topic-option .col-xs-2 {
  padding-right: 0;
  padding-left: 15px;
  margin-bottom: 0;
  height: 25px;
  line-height: 25px;
  width: 20%;
}
.guild-content .topic-option .col-xs-10 {
  width: 80%;
}
.guild-content .topic-option .col-xs-10 .form-control {
  border: 0px;
  font-size: 14px;
  line-height: 15px;
  padding: 0 5px;
  height: 25px;
}
.guild-content .topic-option .col-xs-10 .form-control:focus {
  box-shadow: none;
}
.guild-content .topic-option .topic-option-title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  color: #d8a481;
  font-weight: bold;
}
.guild-content .topic-option .topic-option-checkbox + label {
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
  margin-bottom: 0;
  background-position: -50px -300px;
}
.guild-content .topic-option .topic-option-checkbox:checked + label {
  background-position: -75px -300px;
}
.guild-content .topic-option .topic-option-poll .row {
  margin-bottom: 6px;
}
.guild-content .topic-option .dice-count {
  display: inline-block;
  width: 100px;
}
.guild-content .topic-option #addPollAnswer {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.guild-content .guild-poll {
  border-radius: 6px;
  margin-bottom: 10px;
}
.guild-content .guild-poll .btn-vote {
  background-color: #df8360;
  color: #fff;
}
.guild-content .guild-poll .guild-poll-option {
  line-height: 1.2em;
}
.guild-content .guild-poll .guild-poll-option.option-select {
  line-height: 2em;
}
.guild-content .guild-poll .guild-poll-option .poll-option {
  line-height: 1.5em;
  color: #d8a481;
  font-size: 14px;
  text-transform: uppercase;
}
.guild-content .guild-poll .guild-poll-option .poll-option + label {
  font-weight: normal;
  margin-bottom: 0;
}
.guild-content .guild-poll .guild-poll-option .poll-option + label:before {
  content: " ";
  margin-right: 10px;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
  margin-bottom: 0;
  background-position: -50px -325px;
}
.guild-content .guild-poll .guild-poll-option .poll-option:checked + label:before {
  background-position: -75px -325px;
}
.guild-content .guild-poll .guild-poll-option .guild-poll-option-result {
  display: flex;
  align-items: center;
}
.guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress {
  flex-grow: 1;
}
.guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress .progress {
  margin-bottom: 0px;
  border-radius: 0px;
  height: 10px;
}
.guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress .progress .progress-bar {
  position: relative;
  background: #ffbe47;
}
.guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-progress .progress .progress-bar:after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  border: 5px solid #ffbe47;
  border-color: #ffbe47 transparent transparent #ffbe47;
}
.guild-content .guild-poll .guild-poll-option .guild-poll-option-result .guild-poll-option-votes {
  min-width: 75px;
  padding-left: 5px;
  padding-right: 5px;
}
.guild-content .guild-duels-banners {
  display: flex;
  justify-content: space-between;
}
.guild-content .guild-duels-banners .guild-duels-versus {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fce0bd;
  text-align: center;
  text-shadow: -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff, 0px 2px 2px #fff, 2px 0px 2px #fff, -2px -2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, 2px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff, 0px 2px 2px #fff, 2px 0px 2px #fff;
}
.guild-content .guild-duels-banners .guild-duels-guild {
  text-align: center;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-banner {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-task {
  background-color: #e8b492;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1em;
  padding: 10px;
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b46347;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-task a {
  color: #fff;
  font-size: 15px;
  display: inline-block;
  margin-bottom: 3px;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-task .guild-task {
  color: #555;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag {
  height: 228px;
  width: 253px;
  margin-bottom: 20px;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag {
  position: relative;
  top: initial;
  left: initial;
  width: 275px;
  margin-left: -11px;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-flag-banner, .guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-emblem {
  top: initial;
  left: initial;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-emblem {
  position: absolute;
  text-align: center;
  top: 40px;
  width: 100%;
}
.guild-content .guild-duels-banners .guild-duels-guild .guild-duels-guild-flag .guild-flag .guild-emblem svg {
  width: 138px;
  height: 129px;
  position: relative;
}
.guild-content .guild-duels-section {
  margin-bottom: 10px;
}
.guild-content .guild-duels-section a:not(.btn), .guild-content .guild-duels-section a:not(.btn):hover, .guild-content .guild-duels-section .guild-duels-section-highlight {
  color: #d85d5d;
}
.guild-content .guild-duels-section h1, .guild-content .guild-duels-section h2 {
  margin-bottom: 5px;
}
.guild-content .guild-duels-section h1 {
  font-size: 20px;
}
.guild-content .guild-duels-section h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.guild-content .guild-duels-section .panel {
  border-radius: 8px;
  overflow: hidden;
}
.guild-content .guild-duels-section .panel .panel-footer {
  border-top: 0px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: #ffbe47;
}
.guild-content .guild-duels-section .guild-duels-task {
  display: flex;
}
.guild-content .guild-duels-section .guild-duels-task .guild-duels-npc {
  margin-right: 30px;
  border-radius: 50%;
  border: 4px solid #fff;
  overflow: hidden;
  min-width: 152px;
  width: 152px;
  height: 152px;
}
.guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content {
  flex-grow: 1;
}
.guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content > div {
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
.guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content > div:before {
  content: " ";
  display: block;
  position: absolute;
  border: 15px solid #fff;
  left: -30px;
  top: 20px;
  border-color: transparent #fff transparent transparent;
  border-width: 10px 15px;
}
.guild-content .guild-duels-section .guild-duels-task .guild-duels-task-content > h1 {
  line-height: 1em;
}
.guild-content .guild-duels-section .guild-progress-bar .progress {
  background: #fff;
  border-radius: 10px;
}
.guild-content .guild-duels-section .guild-progress-bar .progress .progress-bar {
  background: #ffbe47;
  border-radius: 10px;
}
.guild-content .guild-duels-section .wager-panel {
  margin-bottom: 15px;
}
.guild-content .guild-duels-section .wager-panel .wager-content {
  display: flex;
}
.guild-content .guild-duels-section .wager-panel .wager-content .wager-avatar {
  border-radius: 50%;
  width: 75px;
  min-width: 75px;
  height: 75px;
  overflow: hidden;
  margin-right: 15px;
  border: 3px solid #fff;
  background-color: #fff;
}
.guild-content .guild-duels-section .wager-panel .wager-content .wager-detail {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.guild-content .guild-duels-section .wager-panel .wager-content .wager-detail a {
  font-weight: bold;
}
.guild-content .guild-duels-section .wager-panel .wager-content .wager-detail .guild-banner {
  width: 136px;
  height: 41px;
  overflow: hidden;
}
.guild-content .guild-duels-section.guild-duels-pot h1 {
  line-height: 1em;
}
.guild-content .guild-duels-section .guild-duel-challenge-field {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border: 0px;
  width: 55%;
  font-size: 17px;
  padding: 3px 7px;
  line-height: 1em;
}
.guild-content .guild-duels-section .guild-duel-challenge-field:focus {
  box-shadow: none;
}
.guild-content .guild-duels-section .guild-duels-challenge-button {
  font-size: 25px;
  line-height: 1em;
  padding: 10px 15px;
}
.guild-content .guild-duels-section .guild-duels-cooldown {
  text-align: center;
  font-size: 18px;
}
.guild-content .guild-duels-section .guild-duels-cooldown .guild-duels-section-highlight {
  text-transform: uppercase;
  font-weight: bold;
}
.guild-content .guild-duels-section .guild-duels-cooldown .guild-duels-cooldown-bar {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  border-radius: 11px;
  height: 22px;
  background-color: #fff;
  border: 4px solid #fff;
}
.guild-content .guild-duels-section .guild-duels-cooldown .guild-duels-cooldown-bar .progress-bar {
  border-radius: 7px;
  height: 14px;
  background: #c1c1c1;
}
.guild-content .guild-duels-section .guild-duels-proposal {
  background-color: #ffbe47;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  border-radius: 6px;
  padding: 5px 10px;
}
.guild-content .guild-duels-section .guild-duels-proposal-help {
  font-size: 13px;
  line-height: 1.4em;
}
.guild-content .guild-duels-section.guild-duel-challenge .panel-body {
  padding: 12px;
}
.guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-sender {
  padding: 5px 10px;
  font-size: 15px;
}
.guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-sender a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
}
.guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-duration {
  float: right;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  line-height: 1em;
  font-size: 17px;
  background-color: #ffbe47;
  padding: 5px 8px;
  border-radius: 6px;
}
.guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-banner {
  display: inline-block;
  border-radius: 6px;
  overflow: hidden;
}
.guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-message {
  padding: 7px 10px;
  font-size: 13px;
}
.guild-content .guild-duels-section.guild-duel-challenge .guild-duel-challenge-message .guild-duels-section-highlight {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
}
.guild-content .guild-duels-section .guild-duel-opponent .guild-banner {
  display: inline-block;
  vertical-align: middle;
}
.guild-content .guild-duels-section .guild-duel-opponent .guild-duel-opponent-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 16px;
}
.guild-content .guild-duels-proposal-actions {
  margin-top: 40px;
}
.guild-content .guild-duels-proposal-actions .btn {
  font-size: 18px;
}
.guild-content .guild-duels-proposal-actions .btn.btn-warning {
  margin-left: 30px;
  margin-right: 30px;
  background-color: #ffbe47;
}
.guild-content .guild-duels-proposal-actions .btn.btn-danger {
  background-color: #d85d5d;
}
.guild-content .guild-duels-proposal-actions .btn.btn-deselected, .guild-content .guild-duels-proposal-actions .btn.btn-deselected:hover {
  background-color: #c1c1c1;
}

.guild-wrapper {
  position: relative;
}
.guild-wrapper .guild-flag-wrapper {
  width: 275px;
  height: 248px;
  position: absolute;
  text-align: center;
  left: -12px;
  top: -30px;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.guild-wrapper .guild-flag-wrapper .guild-flag {
  position: relative;
  display: inline-block;
  z-index: 1;
  flex-grow: 1;
}
.guild-wrapper .guild-flag-wrapper .guild-flag .guild-flag-banner {
  position: relative;
}
.guild-wrapper .guild-flag-wrapper .guild-flag .guild-emblem {
  position: absolute;
  text-align: center;
  top: 40px;
  width: 100%;
}
.guild-wrapper .guild-flag-wrapper .guild-flag .guild-flag-banner, .guild-wrapper .guild-flag-wrapper .guild-flag .guild-emblem {
  left: 0;
  pointer-events: none;
}
.guild-wrapper .guild-flag-wrapper .guild-flag .guild-flag-banner svg, .guild-wrapper .guild-flag-wrapper .guild-flag .guild-emblem svg {
  width: 138px;
  height: 129px;
  position: relative;
}
.guild-wrapper .guild-nav {
  text-align: right;
  margin: 15px 20px -1px 0px;
}
.guild-wrapper .guild-nav li {
  font-size: 18px;
}
.guild-wrapper .guild-nav li a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 150px;
  padding-top: 5px;
}
.guild-wrapper .guild-nav li .guild-chat-online {
  position: absolute;
  top: -30px;
  right: 10px;
  background-color: #fff;
  border-radius: 10px;
  padding: 0px 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #959595;
}
.guild-wrapper .guild-nav li .guild-chat-online .fa {
  margin-left: 5px;
}
.guild-wrapper .guild-nav li .guild-chat-online:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  right: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent #fff;
}
.guild-wrapper .guild-nav li.active a {
  color: #d8a481;
}
.guild-wrapper .guild-content-section {
  margin-bottom: 2em;
}
.guild-wrapper .guild-panel {
  border: 4px solid #fff;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  display: flex;
  z-index: 0;
  overflow: hidden;
}
.guild-wrapper .guild-panel .guild-header {
  position: absolute;
  display: flex;
  width: 100%;
  z-index: 1;
}
.guild-wrapper .guild-panel .guild-header .guild-zone {
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f8d0a1;
  margin-left: 20px;
  margin-top: -22px;
}
.guild-wrapper .guild-panel .guild-header .guild-info {
  margin-left: 7px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  flex-grow: 1;
  padding: 5px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info {
  padding-bottom: 3px;
  border-bottom: 3px solid #f8d0a1;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info .guild-location {
  float: right;
  font-size: 17px;
  line-height: 28px;
  vertical-align: middle;
  color: #555;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info .guild-location .guild-location-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-location-info .guild-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e8b611;
  font-size: 28px;
  line-height: 28px;
  font-style: italic;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-tagline {
  font-size: 14px;
  border-bottom: 3px solid #f8d0a1;
  padding: 3px 0px;
  color: #555;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress {
  padding-top: 3px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-current-upgrade {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-style: italic;
  font-size: 17px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-current-upgrade .guild-current-upgrade-name {
  color: #e54b4b;
  font-style: normal;
  display: inline-block;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status {
  display: flex;
  align-items: center;
  margin-left: -7px;
  margin-top: -3px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-help {
  font-size: 26px;
  margin-right: 7px;
  line-height: 26px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-help a {
  color: #d7d7d7;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-bar {
  flex-grow: 1;
  line-height: 26px;
  margin-right: 7px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-bar .progress {
  margin-bottom: 0px;
  height: 15px;
  border-radius: 8px;
  background-color: #d7d7d7;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-bar .progress .progress-bar {
  background: #ffbe47;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.guild-wrapper .guild-panel .guild-header .guild-info .guild-progress .guild-progress-status .guild-progress-percent {
  font-size: 14px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #ffbe47;
}
.guild-wrapper .guild-panel .guild-sidebar {
  margin-top: 70px;
  border-right: 4px solid #e8b492;
  background-color: #e1ab87;
  padding-top: 125px;
  min-width: 160px;
  width: 160px;
}
.guild-wrapper .guild-panel .guild-sidebar a {
  color: #fce0bd;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-top {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-top .guild-banner {
  margin: 0px auto 10px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-top .user {
  display: block;
  margin-bottom: 10px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content {
  color: #555;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content li {
  list-style-type: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content li a {
  padding: 0px 7px;
  display: block;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content li.active a {
  background-color: #fce0bd;
  color: #e1ab87;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-header {
  margin: 7px 0px;
  text-align: center;
  background-color: #fff;
  color: #e1ab87;
  padding: 2px 0px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-header.guild-sidebar-duel-header {
  margin-right: -4px;
  margin-bottom: 0px;
  border-bottom: 7px solid #f1dcb9;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-key, .guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value {
  padding: 0px 7px;
  line-height: 1.2em;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value {
  color: #fce0bd;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value .progress {
  height: 10px;
  border-radius: 15px;
  margin-top: 3px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-info-value .progress .progress-bar {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel {
  background-color: #fff;
  text-align: center;
  color: #555;
  text-transform: none;
  font-size: 13px;
  margin-right: -4px;
  padding: 10px;
  font-weight: normal;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-banner {
  border-radius: 6px;
  overflow: hidden;
  width: 130px;
  margin-bottom: 10px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-header {
  color: #e8b492;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-task {
  line-height: 1.2em;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-time {
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 1em;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-sidebar-duel-completed {
  margin-bottom: 10px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-progress-bar {
  margin-top: 10px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-progress-bar .progress {
  height: 12px;
  background: #ebebeb;
  border-radius: 6px;
  margin-bottom: 0px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .guild-progress-bar .progress .progress-bar {
  height: 12px;
  background: #ffbe47;
  border-radius: 6px;
}
.guild-wrapper .guild-panel .guild-sidebar .guild-sidebar-content .guild-sidebar-duel .btn {
  font-weight: bold;
  padding: 5px 10px;
}
.guild-wrapper .guild-panel .guild-content {
  margin-top: 125px;
  border-top: 15px solid #f8d0a1;
  background-color: #fce0bd;
  background-repeat: repeat;
}
.guild-wrapper .guild-panel .guild-content .guild-page-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  top: 0px;
  left: 0px;
  padding: 0px 11px 0px 50px;
  font-size: 22px;
  background-color: #f8d0a1;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  margin: 0;
}
.guild-wrapper .guild-panel .guild-content .guild-page-title:after {
  position: absolute;
  right: -20px;
  content: "";
  border-width: 16px 10px;
  border-color: #f8d0a1 transparent transparent #f8d0a1;
  border-style: solid;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade {
  border-radius: 5px;
  overflow: hidden;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  margin-bottom: 5px;
  margin-top: 10px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-name {
  font-weight: bold;
  color: #fff;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 15px;
  background: linear-gradient(to right, #ffb638, #ff7928);
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-name .guild-upgrade-level {
  color: #d43c23;
  margin-left: 5px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description {
  padding: 5px 10px;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  color: #959595;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description:before, .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description:after {
  display: table;
  content: " ";
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description:after {
  clear: both;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-description .btn {
  font-size: 15px;
  margin-right: -5px;
  padding: 2px 5px;
  font-weight: normal;
  border-radius: 4px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade.disabled {
  margin-bottom: 17px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade.disabled .guild-upgrade-name {
  background: #c1c1c1;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade.disabled .guild-upgrade-name .guild-upgrade-level {
  color: #555;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar {
  flex-grow: 1;
  margin-left: 7px;
  margin-right: 7px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar .progress {
  margin-bottom: 0px;
  height: 10px;
  border-radius: 10px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar .progress .progress-bar {
  position: relative;
  left: -10px;
  background: #ffbe47;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-progress .guild-progress-bar .progress .progress-bar:after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  border: 5px solid #ffbe47;
  border-color: #ffbe47 transparent transparent #ffbe47;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks h3 {
  font-weight: bold;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 8px;
  color: #ffbe47;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks .task-counter {
  color: #ffbe47;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul {
  padding-left: 20px;
  list-style-type: none;
  margin-bottom: 2px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li {
  text-transform: uppercase;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-name, .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-counter, .guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status {
  vertical-align: middle;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status {
  border-radius: 4px;
  padding: 1px 7px;
  font-size: 10px;
  margin-left: 3px;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status.complete {
  background-color: #76a635;
  color: #fff;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks ul li .task-status.in-progress {
  background-color: #d7d7d7;
  color: #555;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade .guild-upgrade-tasks .cancel-upgrade {
  padding: 5px;
  font-weight: bold;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade-cost {
  text-align: right;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.guild-wrapper .guild-panel .guild-content .guild-upgrade-cost .potato-cost {
  color: #e54b4b;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row {
  display: flex;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-icon {
  padding-right: 15px;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-icon img {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details {
  flex-grow: 1;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .guild-member-name a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .form-control {
  border: 0px;
  background-color: #ebebeb;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .form-control:focus {
  box-shadow: none;
}
.guild-wrapper .guild-panel .guild-content .guild-members-list .guild-member-row .guild-member-details .btn {
  padding: 5px 8px;
}
.guild-wrapper .guild-panel .guild-content .guild-members-table.table-dv > tbody > tr:nth-of-type(even) {
  background-color: transparent;
}
.guild-wrapper .guild-panel .guild-content .guild-members-table.table-dv > tbody > tr > td {
  padding: 10px 15px;
}
.guild-wrapper .guild-panel .guild-content .guild-members-table.table-dv > thead > tr > th {
  padding: 10px 15px;
  line-height: 1em;
}
.guild-wrapper .guild-panel .guild-content .guild-members-table .user, .guild-wrapper .guild-panel .guild-content .guild-members-table .guild-display-role {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.guild-wrapper .guild-panel .guild-content .guild-members-table .user {
  color: #555;
}
.guild-wrapper .board-controls {
  margin-bottom: 10px;
}
.guild-wrapper .board-controls .btn-primary, .guild-wrapper .board-controls .btn-primary:hover {
  background-color: #e8b492;
  color: #fff;
}
.guild-wrapper .guild-board-wrapper {
  border: 4px solid #fff;
  background-color: #fff;
  border-radius: 12px;
  font-size: 90%;
}
.guild-wrapper .guild-board-wrapper .fnotif {
  font-size: 16px;
  padding: 5px 15px;
}
.guild-wrapper .guild-board-wrapper .topic {
  border-bottom: 1px solid #fff;
}
.guild-wrapper .guild-board-wrapper .topic td:first-of-type {
  width: 57px;
}
.guild-wrapper .guild-board-wrapper .topic .fpush .ftext {
  line-height: 30px;
}
.guild-wrapper .guild-board-wrapper .topic .fdown {
  font-size: 95%;
}
.guild-wrapper .guild-board-wrapper .subforum-panel {
  margin-bottom: 0px;
}
.guild-wrapper .guild-board-wrapper .subforum-cell .board-title {
  font-size: 12px;
}
.guild-wrapper .guild-forum-topic > .toolbar {
  margin-bottom: 0px;
  padding: 7px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.guild-wrapper .guild-forum-topic > .toolbar .btn {
  font-size: 13px;
  padding: 3px 7px;
  border-radius: 4px;
  margin-left: 3px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs {
  display: flex;
}
.guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs > div {
  margin-right: 10px;
}
.guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 15px;
}
.guild-wrapper .guild-forum-topic > .toolbar .guild-forum-breadcrumbs i {
  color: #fff;
  font-size: 15px;
  vertical-align: middle;
}
.guild-wrapper .guild-forum-topic > .thread {
  padding: 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.guild-wrapper .guild-forum-topic > .thread .guild-poll-title {
  color: #d8a481;
  font-size: 15px;
  line-height: 15px;
  border-bottom: 5px;
}
.guild-wrapper .guild-forum-topic > .thread .mod-tools {
  margin-bottom: 10px;
}
.guild-wrapper .guild-forum-topic > .thread .mod-tools .btn {
  font-size: 13px;
  padding: 3px 7px;
  border-radius: 4px;
  margin-left: 3px;
  text-transform: uppercase;
  font-weight: bold;
  color: #555;
}
.guild-wrapper .guild-forum-topic > .thread .form-control {
  border: 0px;
  font-size: 14px;
  line-height: 15px;
  padding: 0 5px;
  height: 25px;
}
.guild-wrapper .guild-forum-topic > .thread .form-control:focus {
  box-shadow: none;
}
.guild-wrapper .guild-forum-topic > .thread .form-control.wysiwyg {
  height: 300px;
}
.guild-wrapper .guild-forum-topic > .thread .post-area {
  margin-top: 10px;
}
.guild-wrapper .guild-forum-topic > .thread .subscribe-check {
  vertical-align: middle;
}
.guild-wrapper .guild-forum-topic > .thread .preview-btn, .guild-wrapper .guild-forum-topic > .thread .preview-btn:hover {
  background-color: #e8b492;
  color: #fff;
}
.guild-wrapper .guild-forum-topic > .thread .post-btn {
  background-color: #9cbb58;
}
.guild-wrapper .guild-forum-topic > .thread .new-topic-title {
  color: #d8a481;
  font-size: 14px;
}
.guild-wrapper .guild-forum-topic > .thread .new-topic-title-wrapper .col-xs-2 {
  padding-right: 0;
}
.guild-wrapper .guild-forum-topic > .thread .new-topic-title-wrapper .topic-tags {
  background-color: #f8d0a1;
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  justify-content: space-between;
}
.guild-wrapper .guild-forum-topic > .thread .new-topic-title-wrapper .topic-tags .control-label {
  margin-right: 0px;
  color: #b98c75;
}
.guild-wrapper .guild-forum-topic .post {
  padding-bottom: 10px;
}
.guild-wrapper .guild-forum-topic .post.reply {
  border-top: 0;
  padding: 0;
  margin: 0;
}
.guild-wrapper .guild-forum-topic .post-content {
  margin: 0;
  border-top-left-radius: 30px;
  min-height: initial;
}
.guild-wrapper .guild-forum-topic .post-content:before {
  display: none;
}
.guild-wrapper .guild-forum-topic .post-content .post-body {
  padding-bottom: 0;
  overflow: hidden;
}
.guild-wrapper .guild-forum-topic .post-content .post-text {
  padding: 5px 10px 5px;
}
.guild-wrapper .guild-forum-topic .post-content .likes, .guild-wrapper .guild-forum-topic .post-content .signature {
  padding-left: 10px;
  padding-right: 10px;
}
.guild-wrapper .guild-forum-topic .post-content .post-divider {
  margin-left: 10px;
  margin-right: 10px;
}
.guild-wrapper .guild-forum-topic .post-content .user-thumbnail {
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  border: 3px solid #fff;
  margin-left: -5px;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar {
  display: flex;
  align-items: center;
  height: 53px;
  padding-left: 0px;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 30px;
  font-size: 12px;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar .user-title {
  background: #fff;
  border-radius: 4px;
  padding: 0px 6px;
  margin-left: 8px;
  margin-right: 8px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar .user-title span {
  vertical-align: middle;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar .user-name {
  flex-grow: 1;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar .user-name .user {
  font-size: 12px;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar .user-name, .guild-wrapper .guild-forum-topic .post-content .toolbar .post-actions a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
}
.guild-wrapper .guild-forum-topic .post-content .toolbar .post-actions a {
  padding-left: 3px;
  padding-right: 3px;
  font-size: 12px;
}
.guild-wrapper .guild-forum-topic .post-content .post-date {
  margin-right: 5px;
}
.guild-wrapper .guild-forum-topic .post-content .post-date a, .guild-wrapper .guild-forum-topic .post-content .post-date abbr {
  color: #959595;
}
.guild-wrapper .guild-forum-topic .post-content .dice-roll {
  margin: 0px -4px -4px;
  background-color: #e8b492;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 7px 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 12px;
}

.guild-banner {
  border: 3px solid #fff;
  width: 136px;
  height: 41px;
  border-radius: 6px;
  overflow: hidden;
}

.directory-panel {
  border-radius: 6px;
  overflow: hidden;
}
.directory-panel .panel-heading {
  display: flex;
  border: 0px;
  align-items: flex-end;
}
.directory-panel .panel-heading .guild-name-wrapper {
  padding-left: 10px;
}
.directory-panel .panel-heading .guild-name-wrapper .guild-name {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
}
.directory-panel .panel-body {
  display: flex;
  border: 0px;
  align-items: center;
  padding: 20px 10px;
}
.directory-panel .panel-body .guild-info {
  font-weight: bold;
  flex-grow: 1;
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  line-height: 1.2em;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.directory-panel .panel-body .guild-info .guild-info-value a {
  color: inherit;
}
.directory-panel .panel-body .guild-info .guild-tag {
  background-color: #ebebeb;
  padding: 3px;
  display: inline-block;
  margin-right: 5px;
}
.directory-panel .panel-body .guild-info .guild-tag:before {
  content: "#";
}
.directory-panel .panel-body .guild-info-divider {
  min-height: 2em;
  border: 2px solid #fff;
  border-radius: 4px;
}
.directory-panel .guild-invitation-text {
  display: block;
  padding: 20px 40px;
}
.directory-panel .guild-invitation-text .guild-invitation-by {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
}
.directory-panel .guild-invitation-text .guild-invitation-by small {
  font-weight: normal;
  font-style: italic;
  text-transform: initial;
}
.directory-panel .guild-invitation-text .guild-invitation-expiry {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
}
.directory-panel .guild-invitation-text .btn {
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 6px;
}

.new-invitation {
  position: relative;
  overflow: hidden;
  max-height: 200px;
}
.new-invitation.active {
  max-height: initial;
}
.new-invitation .invitation-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.new-invitation .invitation-cover, .new-invitation .invitation-none {
  background-color: #ebebeb;
  display: flex;
  align-items: center;
  color: #555;
}
.new-invitation .invitation-cover .invitation-cover-content, .new-invitation .invitation-none .invitation-cover-content {
  width: 100%;
  padding: 15px 0;
}
.new-invitation .invitation-cover .invitation-cover-title, .new-invitation .invitation-none .invitation-cover-title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
}
.new-invitation .invitation-cover .btn, .new-invitation .invitation-none .btn {
  font-weight: bold;
  font-size: 18px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.invitation-panel {
  overflow: hidden;
}
.invitation-panel .panel-body {
  display: flex;
  flex-direction: row;
}
.invitation-panel .panel-body .invitation-icon a {
  border: 3px solid #fff;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  margin-right: 10px;
}
.invitation-panel .panel-body .invitation-content {
  flex-grow: 1;
  color: #555;
}
.invitation-panel .panel-body .invitation-content h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin: 0px;
  font-size: 20px;
}
.invitation-panel .panel-body .invitation-content h3 a, .invitation-panel .panel-body .invitation-content h3 a:link, .invitation-panel .panel-body .invitation-content h3 a:hover, .invitation-panel .panel-body .invitation-content h3 a:focus, .invitation-panel .panel-body .invitation-content h3 a:active, .invitation-panel .panel-body .invitation-content h3 a:visited {
  color: #555;
}
.invitation-panel .panel-body .invitation-content .invitation-accepted, .invitation-panel .panel-body .invitation-content .invitation-pending {
  font-size: 15px;
}
.invitation-panel .panel-body .invitation-content .invitation-accepted {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #9cbb58;
}
.invitation-panel .panel-body .invitation-content .invitation-pending {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d85d5d;
}
.invitation-panel .invitation-cancel-wrapper {
  padding: 15px;
}
.invitation-panel .invitation-cancel-wrapper .btn {
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 6px;
}

.guild-modal .save-section {
  margin: 100px -10px -10px 0px;
}
.guild-modal .save-section .save-section-limit {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #959595;
}
.guild-modal .save-section .save-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 4px;
}
.guild-modal .modal-dialog {
  margin-top: 180px;
}
.guild-modal .modal-content {
  border: 0;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
}
.guild-modal .modal-content h2 {
  font-size: 30px;
  font-weight: bold;
  color: #959595;
}
.guild-modal .modal-content h2.admin-settings-header {
  font-size: 18px;
  color: #b46347;
  padding: 0px 15px;
  margin-bottom: 5px;
  line-height: 1em;
}
.guild-modal .modal-content .admin-settings-description {
  color: #555;
  padding: 0px 15px;
  margin-bottom: 5px;
}
.guild-modal .modal-content .admin-settings-ul {
  margin-bottom: 0px;
}
.guild-modal .modal-content .new-role-button, .guild-modal .modal-content .new-board-button {
  background: #d7d7d7;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 8px;
}
.guild-modal .modal-content .new-role-button:hover, .guild-modal .modal-content .new-board-button:hover {
  background: #d7d7d7;
}
.guild-modal .modal-content .form-section {
  margin-bottom: 40px;
}
.guild-modal .modal-content .form-section:last-of-type {
  margin-bottom: 0px;
}
.guild-modal .modal-content ul {
  list-style-type: none;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b7b7b7;
}
.guild-modal .modal-content ul li {
  font-size: 20px;
  line-height: 34px;
}
.guild-modal .modal-content ul li#new-board, .guild-modal .modal-content ul li#new-role {
  width: 85%;
}
.guild-modal .modal-content ul li#new-board .settings-name-box, .guild-modal .modal-content ul li#new-role .settings-name-box {
  color: #555;
  text-transform: uppercase;
  margin: 0;
  border: 0;
  background-color: transparent;
}
.guild-modal .modal-content ul li#new-board .settings-name-box:focus, .guild-modal .modal-content ul li#new-role .settings-name-box:focus {
  outline: 0px;
}
.guild-modal .modal-content ul li .settings-content {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}
.guild-modal .modal-content ul li .settings-content .settings-name {
  border: 4px solid #d7d7d7;
  background-color: #fff;
  border-radius: 10px;
  font-size: 20px;
  line-height: 26px;
  padding: 0px 5px;
  display: flex;
  position: relative;
}
.guild-modal .modal-content ul li .settings-content .settings-name .settings-name-box {
  flex-grow: 1;
  padding-left: 5px;
  padding-right: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  color: #555;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  margin: 0;
  border: 0;
  background-color: transparent;
}
.guild-modal .modal-content ul li .settings-content .settings-name .settings-name-box:focus {
  outline: 0px;
}
.guild-modal .modal-content ul li .settings-content .settings-name .settings-handle {
  cursor: pointer;
  color: #959595;
  font-size: 18px;
}
.guild-modal .modal-content ul li .settings-content .settings-name .settings-edit {
  font-size: 15px;
  color: #555;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.guild-modal .modal-content ul li .settings-content .settings-info {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  padding: 10px 15px 0px;
  display: flex;
}
.guild-modal .modal-content ul li .settings-content .settings-info.loaded {
  padding: 10px 15px;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options {
  flex-grow: 1;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .board-option {
  line-height: 1.1em;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox {
  display: inline-block;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input {
  display: none;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input + label {
  margin-bottom: 0px;
  line-height: 1.1em;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input + label .power-checkbox {
  margin-right: 3px;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input + label .power-checkbox:before {
  color: #ebebeb;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-options .power-checkbox-input:checked + label .power-checkbox:before {
  color: #b7b7b7;
  content: "\f14a";
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-divider {
  border: 2px solid #d7d7d7;
  border-radius: 4px;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-color {
  text-align: center;
  padding: 20px;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-color .settings-color-title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 12px;
}
.guild-modal .modal-content ul li .settings-content .settings-info .settings-color .settings-role-color {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper {
  width: 450px;
  margin: 0 auto;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .flag-list, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-list, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .flag-list, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-list {
  height: 120px;
  margin-bottom: 10px;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .flag-list img, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .flag-list svg, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-list img, .guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-list svg, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .flag-list img, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .flag-list svg, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-list img, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-list svg {
  max-width: 100%;
  max-height: 100%;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .emblem-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .emblem-select {
  padding: 5px;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper a, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper a {
  display: block;
  border: 4px solid #fff;
  height: 120px;
  line-height: 120px;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flag-wrapper .selected a, .guild-modal .modal-content .guild-flag-emblem-selection .emblem-wrapper .selected a {
  border: 4px solid #f9edd2;
  background-color: #f9edd2;
  border-radius: 5px;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container {
  display: flex;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-label, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-label, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-label, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 15px;
  padding-left: 50px;
  width: 160px;
  margin-right: 10px;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper {
  flex-grow: 1;
  padding-right: 45px;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .emblemcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .emblemcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .emblemcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .flagcolor-select, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .emblemcolor-select {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 4px solid #fff;
  margin-right: 5px;
  box-sizing: content-box;
}
.guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .flagcolor-wrapper .emblemcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .flagcolor-container .emblemcolor-wrapper .emblemcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .flagcolor-wrapper .emblemcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .flagcolor-select.selected, .guild-modal .modal-content .guild-flag-emblem-selection .emblemcolor-container .emblemcolor-wrapper .emblemcolor-select.selected {
  border: 4px solid #f9edd2;
}
.guild-modal .modal-content .yes-button, .guild-modal .modal-content .no-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 8px;
  margin-left: 2px;
  margin-right: 2px;
}

#hatchery .socket {
  background: url("/img/hatchery/hatchery-socket.png") no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 300px;
  position: relative;
}
#hatchery .pet {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#hatchery .hatched {
  display: none;
}
#hatchery .suggested-way {
  font-weight: bold;
  text-transform: uppercase;
  float: right;
}
#hatchery .suggested-way.start-hidden {
  display: none;
}

.hatching-data {
  width: 300px;
  display: block;
  margin: auto;
  margin-top: 20px;
}
.hatching-data p {
  color: #555;
}
.hatching-data .pet-name {
  color: #d43c23;
}
.hatching-data .progress {
  border: 3px solid #fff;
  border-radius: 15px;
  height: 25px;
}

.hatchery-popup {
  text-align: center;
}
.hatchery-popup .modal-body {
  padding-bottom: 65px;
}
.hatchery-popup .pet {
  position: relative;
  display: inline-block;
}
.hatchery-popup .pet::before {
  position: absolute;
  content: "";
  width: 75%;
  padding-bottom: 60%;
  background: #fff;
  border-radius: 50%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.hatchery-popup .pet img {
  position: relative;
  z-index: 5;
}
.hatchery-popup h2,
.hatchery-popup h3 {
  font-weight: bold;
}
.hatchery-popup h3 {
  color: #b98c75;
}
.hatchery-popup h2 {
  text-transform: none;
  margin: 10px auto 0;
}
.hatchery-popup .pet-name {
  color: #d43c23;
  text-transform: uppercase;
}
.hatchery-popup p {
  color: #555;
  font-size: 18px;
}
.hatchery-popup .custom-hatching-item, .hatchery-popup .hatching-item {
  position: relative;
  display: inline-block;
  margin: 7px;
}
.hatchery-popup .custom-hatching-item .item-select-count, .hatchery-popup .hatching-item .item-select-count {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}

.sort-menu {
  margin: 25px auto 10px 25px;
}

.inventory .page-switcher,
.pets .page-switcher {
  text-align: right;
  color: #fff;
}
.inventory .page-switcher .page-select,
.pets .page-switcher .page-select {
  color: #555;
}

.inventory-item,
.menagerie-pets {
  background: none;
  position: relative;
}
.inventory-item img,
.menagerie-pets img {
  max-width: 75px;
  max-height: 75px;
}

.inventory-item-count {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}

.items-grid-wrapper,
.pets-grid-wrapper {
  background: #fff;
  border-radius: 10px;
  min-height: 420px;
}

.items-grid,
.pets-grid {
  width: 100%;
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.items-grid .inventory-item,
.items-grid .menagerie-pet,
.pets-grid .inventory-item,
.pets-grid .menagerie-pet {
  padding: 5px;
  margin: 5px 14px 15px 14px;
  width: 85px;
  height: 85px;
}
.items-grid .inventory-item.picked,
.items-grid .menagerie-pet.picked,
.pets-grid .inventory-item.picked,
.pets-grid .menagerie-pet.picked {
  background: #f8d0a1;
  border-radius: 50%;
}

h5.title {
  color: #555;
  text-transform: uppercase;
  font-weight: bold;
}

.picked-items,
.picked-pets {
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start;
}
.picked-items .single-item,
.picked-items .single-pet,
.picked-pets .single-item,
.picked-pets .single-pet {
  margin: 2px;
}
.picked-items .single-item .inventory-item,
.picked-items .single-pet .inventory-item,
.picked-pets .single-item .inventory-item,
.picked-pets .single-pet .inventory-item {
  width: 55px;
}
.picked-items .single-item img,
.picked-items .single-pet img,
.picked-pets .single-item img,
.picked-pets .single-pet img {
  margin-right: 5px;
  max-width: 55px;
  max-height: 55px;
}
.picked-items .single-item label,
.picked-items .single-item select,
.picked-items .single-pet label,
.picked-items .single-pet select,
.picked-pets .single-item label,
.picked-pets .single-item select,
.picked-pets .single-pet label,
.picked-pets .single-pet select {
  display: inline-block;
}
.picked-items .single-item select,
.picked-items .single-pet select,
.picked-pets .single-item select,
.picked-pets .single-pet select {
  width: auto;
  margin-right: 5px;
  margin-left: 5px;
}

.picked-items:after,
.picked-pets:after {
  content: "";
  flex: auto;
}

.inventory .actions {
  margin: 10px auto;
}
.inventory .actions select option:disabled {
  color: rgba(85, 85, 85, 0.25);
}

.note {
  margin: 10px auto;
  color: #555;
}
.note .important {
  color: #d43c23;
  font-weight: bold;
}

.no-counts .inventory-item-count {
  display: none;
}

.box-item, .expansion-item {
  color: #555;
}
.box-item .box-item-count, .expansion-item .box-item-count {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  font-size: 1.5em;
}
.box-item .box-item-count .count, .expansion-item .box-item-count .count {
  color: #e34f32;
}
.box-item .box-item-select, .expansion-item .box-item-select {
  color: #555;
  font-size: 1.3em;
}
.box-item .custom-copy-header, .expansion-item .custom-copy-header {
  font-style: normal;
  color: #cb8e6d;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.confirm-items {
  margin-bottom: 20px;
}
.confirm-items .inventory-item-count.selected {
  display: none;
}
.confirm-items .inventory-item {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  border: 3px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.confirm-items .inventory-item--disabled {
  opacity: 0.25;
}
.confirm-items .inventory-item--selected::before, .confirm-items input[type=checkbox]:checked + .inventory-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e8b492;
  border-radius: 50%;
  z-index: 0;
  box-shadow: 0 0 0 5px #e8b492;
}
.confirm-items .inventory-item--selected img, .confirm-items input[type=checkbox]:checked + .inventory-item img {
  position: relative;
  z-index: 0;
}
.confirm-items .inventory-item--selected .inventory-item-count, .confirm-items input[type=checkbox]:checked + .inventory-item .inventory-item-count,
.confirm-items .inventory-item--selected .inventory-item-count.selected {
  display: block;
}
.confirm-items .inventory-item + .inventory-item {
  margin-left: 10px;
}
.confirm-items .inventory-item img,
.confirm-items .inventory-item input,
.confirm-items .inventory-item .inventory-item-count {
  pointer-events: none;
  -moz-user-select: none;
}
.confirm-items input[type=checkbox] {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.confirm-items input[type=checkbox] + .inventory-item {
  margin-left: 10px;
}
.confirm-items input[type=checkbox]:disabled + .inventory-item {
  opacity: 0.25;
}
.confirm-item-modal .modal-dialog {
  margin: 150px auto;
}
.confirm-item-modal .modal-content {
  border-color: #fff;
  background: #f8d0a1;
  padding: 50px;
  text-align: center;
  font-size: 16px;
  color: #555;
}
.confirm-item-modal .modal-content a {
  color: #cb8e6d;
}
.confirm-item-modal .modal-content .btn {
  font-size: 1.1em;
  border-radius: 6px;
  padding: 0.1em 0.6em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}

#login .info-box, #register .info-box {
  background-color: #fff;
  border-radius: 8px;
  position: relative;
  margin-top: 220px;
  margin-bottom: 15px;
  text-align: center;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
}
#login .info-box p:last-of-type, #register .info-box p:last-of-type {
  margin-bottom: 0px;
}
#login .info-box b, #register .info-box b {
  color: #a47059;
}
#login .info-box a, #register .info-box a {
  font-weight: bold;
  color: #e8b492;
}
#login .info-box:before, #register .info-box:before {
  display: block;
  content: "";
  position: absolute;
  top: -220px;
  right: 0px;
  height: 220px;
  width: 100%;
  background-image: url("/img/login_header.png");
  background-position: top right;
  background-repeat: no-repeat;
}
#login .captcha, #register .captcha {
  background-color: transparent;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
}
#login .captcha .captcha-image img, #register .captcha .captcha-image img {
  border: 0px;
  border-radius: 10px;
}
#login .captcha .captcha-description, #register .captcha .captcha-description {
  font-weight: bold;
  color: #a47059;
}

#register .info-box {
  padding: 15px 25px;
}
#register .register-form label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #a47059;
  font-size: 18px;
}
#register .register-form input, #register .register-form select {
  font-size: 17px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#register .register-form input[type=text], #register .register-form input[type=password], #register .register-form input[type=email], #register .register-form #yearSelect {
  border: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#register .register-form .input-group-addon {
  border: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 8px;
}
#register .register-form .input-group-addon:before {
  font-size: 20px;
}
#register .register-form #monthSelect, #register .register-form #daySelect {
  border: 0px;
  border-radius: 10px;
}
#register .register-form .tos-agreement label {
  font-weight: normal;
  font-size: 17px;
  color: #555;
  text-transform: none;
}
#register .register-form .tos-agreement label a {
  font-weight: bold;
  color: #b98c75;
}

#login .info-box {
  padding: 15px 90px;
}
#login .login-form label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #a47059;
  font-size: 18px;
}
#login .login-form label.remember-me {
  text-transform: none;
  padding-left: 0px;
  line-height: 1em;
}
#login .login-form label.remember-me label {
  padding-left: 0px;
  vertical-align: middle;
  padding-right: 2px;
}
#login .login-form input[type=text], #login .login-form input[type=password] {
  border: 0px;
  border-radius: 10px;
}
#login .login-form .form-group {
  margin-bottom: 20px;
}
#login .login-form .form-group .control-label {
  padding-top: 0px;
  padding-right: 0px;
  font-size: 18px;
  line-height: 34px;
}
#login .login-form .form-group .checkbox {
  padding-top: 0px;
  font-size: 17px;
}
#login .login-form .form-group .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 23px;
  background-color: #ea9a00;
  border-radius: 12px;
  line-height: 1em;
  padding: 7px 10px;
  margin-right: 10px;
}
#login .login-form .form-group .forgot-password {
  font-size: 17px;
  color: #b98c75;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
}

#menagerie .toolbar, #menagerie .nav-pills {
  margin-bottom: 0px;
}
#menagerie .modal-dialog {
  margin-top: 180px;
}
#menagerie .modal-content {
  border: 0;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 30px 50px;
}
#menagerie .modal-content .modal-title {
  text-align: center;
  position: relative;
  font-size: 35px;
  margin-top: -75px;
  margin-bottom: 50px;
}
#menagerie .modal-content .modal-title span {
  background-color: #fff;
  padding: 8px 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  border-radius: 25px 25px 0px 0px;
}
#menagerie .modal-content h2 {
  font-size: 30px;
  font-weight: bold;
  color: #959595;
}
#menagerie .modal-content .form-section {
  margin-bottom: 40px;
}
#menagerie .modal-content .form-section:last-of-type {
  margin-bottom: 0px;
}
#menagerie .modal-content ol {
  -moz-column-gap: 60px;
       column-gap: 60px;
  -moz-column-count: 2;
       column-count: 2;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b7b7b7;
}
#menagerie .modal-content ol li {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 10px;
}
#menagerie .modal-content ol li .habitat-content {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}
#menagerie .modal-content ol li .habitat-content .habitat-name {
  border: 4px solid #d7d7d7;
  background-color: #fff;
  border-radius: 10px;
  font-size: 20px;
  line-height: 26px;
  padding: 0px 5px;
  position: relative;
}
#menagerie .modal-content ol li .habitat-content .habitat-name .habitat-name-box {
  flex-grow: 1;
  padding-left: 5px;
  padding-right: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#menagerie .modal-content ol li .habitat-content .habitat-name .habitat-handle {
  position: absolute;
  right: 3px;
  top: 0px;
  cursor: pointer;
  color: #555;
}
#menagerie .modal-content ol li .habitat-content .habitat-info {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  padding: 0px 7px 0px 14px;
}
#menagerie .modal-content .log-check {
  vertical-align: middle;
}
#menagerie .modal-content .log-check input[type=checkbox] {
  display: none;
}
#menagerie .modal-content .log-check input[type=checkbox] + label {
  background-image: url("/img/spritesheet.png");
  background-position: -50px -275px;
  height: 26px;
  width: 25px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin-bottom: 0;
  vertical-align: text-top;
}
#menagerie .modal-content .log-check input[type=checkbox]:checked + label {
  background-position: -75px -275px;
}
#menagerie .modal-content .form-group {
  color: #b7b7b7;
}
#menagerie .modal-content .form-group .release-pet {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-bottom: 15px;
}
#menagerie .modal-content .form-group .release-pet a {
  color: #b7b7b7;
}
#menagerie .modal-content .delete-check {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#menagerie .modal-content .form-info.warning {
  margin-top: 10px;
}
#menagerie .modal-content .form-info.warning.delete-warning {
  font-size: 1.1em;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#menagerie .modal-content .form-field {
  display: flex;
  align-items: center;
}
#menagerie .modal-content .form-field.rename .form-label, #menagerie .modal-content .form-field.rename .form-validation {
  margin-bottom: 21px;
}
#menagerie .modal-content .form-field .create-pen {
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
  padding: 3px 10px;
}
#menagerie .modal-content .form-field .expand {
  flex-grow: 1;
}
#menagerie .modal-content .form-field .form-input {
  padding: 0px 15px;
}
#menagerie .modal-content .form-field .form-input .form-control {
  border: 4px solid #d7d7d7;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b7b7b7;
  font-size: 20px;
  line-height: 1;
  padding: 0px 5px;
}
#menagerie .modal-content .form-field .form-input .form-control:focus {
  box-shadow: none;
}
#menagerie .modal-content .form-field .form-input.dropdown-input {
  position: relative;
  height: 34px;
}
#menagerie .modal-content .form-field .form-input.dropdown-input .select-dropdown-wrapper {
  top: 0;
}
#menagerie .modal-content .form-field .form-validation {
  min-width: 25px;
}
#menagerie .modal-content .form-label {
  margin-bottom: 0;
  font-size: 25px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b7b7b7;
}
#menagerie .modal-content .form-buttons .btn, #menagerie .modal-content .form-buttons .revert-button {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  border-radius: 10px;
}
#menagerie .modal-content .form-buttons .btn-default {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 10px;
}
#menagerie .modal-content .revert-button, #menagerie .modal-content .save-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: bold;
  border-radius: 8px;
  padding: 3px 10px;
}
#menagerie .modal-content .revert-button {
  color: #959595;
  vertical-align: middle;
}
#menagerie hr {
  margin: 20px 0;
  border-top: 1px solid #b7b7b7;
}

.menagerie {
  padding-top: 30px;
  position: relative;
  z-index: 1;
}
.menagerie .btn.btn-danger, .menagerie .btn.btn-primary {
  height: 22px;
  padding: 0px 4px;
  font-size: 18px;
  line-height: 22px;
}
.menagerie .btn.btn-danger {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.menagerie .btn.btn-primary {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
}
.menagerie .btn.btn-primary:hover, .menagerie .btn.btn-primary:link, .menagerie .btn.btn-primary:visited {
  background-color: #fff;
}
.menagerie .select-dropdown-label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  line-height: 22px;
  margin-top: 4px;
}
.menagerie .select-dropdown-label .btn.btn-danger {
  vertical-align: middle;
}
.menagerie .select-dropdown {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin-right: 5px;
  background-color: #fff;
  min-height: 20px;
  max-height: 20px;
  font-size: 16px;
  min-width: 15em;
  top: 5px;
  z-index: 1;
}
.menagerie .select-dropdown label {
  color: #555;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.menagerie .select-dropdown label:nth-child(2) {
  margin-top: 25px;
}
.menagerie .select-dropdown input:checked + label:nth-child(2) {
  margin-top: 0;
}
.menagerie .select-dropdown::after {
  border-color: #e8b492 transparent transparent transparent;
  transform-origin: 8px 4px;
  right: 5px;
  top: 5px;
  border-width: 8px;
}
.menagerie .select-dropdown.expanded {
  max-height: none;
}
.menagerie .select-dropdown.expanded label:hover {
  color: #555;
}
.menagerie .select-dropdown.expanded input:checked + label {
  color: #555;
}
.menagerie .select-dropdown.expanded input:checked + label:hover {
  background-color: transparent;
}
.menagerie .menu {
  background: #e8b492;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 5px 25px 5px 0;
  color: #fff;
  min-height: 40px;
  z-index: 1;
  position: relative;
}
.menagerie .menu .btn.btn-danger {
  color: #fff;
}
.menagerie .menu .menagerie-name {
  height: 30px;
  line-height: 30px;
}
.menagerie .menu .menagerie-name a {
  font-weight: bold;
  color: #fce0bd;
}
.menagerie .menu .pen-switcher {
  background: #b98c75;
  position: absolute;
  padding: 10px 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border: 3px solid white;
  text-align: center;
  font-size: 18px;
  text-shadow: 0px 0px 8px #000;
  top: -15px;
  max-height: 53px;
  width: 325px;
  background-size: cover;
}
.menagerie .menu .pen-switcher i {
  position: relative;
  float: left;
  font-size: 26px;
}
.menagerie .menu .pen-switcher i.fa-caret-right {
  float: right;
}
.menagerie .menu .pen-switcher i:hover {
  cursor: pointer;
}
.menagerie .menu .pen-switcher.farm {
  background: url("/img/menagerie/pen-switcher-bg.png") center no-repeat;
}
.menagerie .menu .pen-switcher .pen-capacity {
  position: absolute;
  right: -100px;
  top: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-shadow: none;
}
.menagerie .menu .current-pen {
  color: #fff;
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
  margin: -5px 4px auto 1px;
  display: inline-block;
  overflow: hidden;
}
.menagerie .menu .current-pen a {
  color: #fff;
}
.menagerie .menu select {
  height: 30px;
  max-width: 200px;
}
.menagerie .menu option {
  text-transform: uppercase;
  font-weight: bold;
  color: #e8b492;
}
.menagerie .menu .btn {
  font-weight: bold;
}
.menagerie .pets {
  background: linear-gradient(0deg, transparent, rgba(255, 255, 255, 0.4) 95%) no-repeat;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 3px solid #fff;
  padding: 25px;
  position: relative;
  min-height: 410px;
  display: flex;
  z-index: 0;
}
.menagerie .pets form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.menagerie .pets .pen-manager {
  position: absolute;
  transform: rotate(90deg);
  top: 396px;
  right: -30px;
  transform-origin: 100% 0%;
}
.menagerie .pets .pen-manager a {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-right: 10px;
  font-size: 25px;
  line-height: 1em;
  padding: 5px 10px 0px;
}
.menagerie .pet {
  position: relative;
  margin: auto;
}
.menagerie .pet.active::before {
  content: "";
  width: 75%;
  padding-bottom: 75%;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.menagerie .pet .event-pet-harvestable {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  max-width: 195px;
}
.menagerie .pet img {
  position: relative;
  margin-bottom: 15px;
}
.menagerie .pet img.img-responsive.pet-image {
  width: 195px;
  max-width: none;
}
.menagerie .pet .customMarker + .outerLabel {
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin-right: 3px;
}
.menagerie .pet-name {
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  margin: 10px auto 5px;
  vertical-align: middle;
}
.menagerie .pet-link {
  color: #555;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin-top: 2px;
  vertical-align: middle;
}
.menagerie .pet-link .icon {
  margin-right: 2px;
}
.menagerie .pets-pen {
  display: none;
  padding: 0px 10px;
}
.menagerie .pets-pen .pets-none {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.menagerie .pets-pen.active {
  display: block;
  flex-grow: 1;
}
.menagerie .pets-pen .pet-li, .menagerie .pets-pen .pets-none {
  padding: 0px 5px;
}
.menagerie .pets-pen .pet-li {
  min-height: 220px;
}
.menagerie .pets-pen .pet-li .pet-birthday {
  position: absolute;
  bottom: 30px;
  right: 0;
  pointer-events: none;
}
.menagerie .pen-actions .btn {
  margin-top: 4px;
}
.menagerie .pen-actions .move-button {
  margin-top: 0px;
}
.menagerie .pen-actions .release-button {
  margin-left: 5px;
}

.special-message {
  margin-left: 80px;
}
.special-message .message-content {
  background: #fff;
  padding: 40px 30px;
  border-radius: 12px;
  border: 4px solid #e1ab87;
  margin-top: -20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.special-message .message-footer {
  display: flex;
}
.special-message .message-footer .message-attachments {
  flex-grow: 1;
}
.special-message .message-footer .message-attachments ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 10px;
}
.special-message .message-footer .message-attachments ul li {
  display: inline-block;
  margin-right: 17px;
}
.special-message .message-footer .message-attachments ul.item-attachments li {
  display: inline-block;
  position: relative;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff);
}
.special-message .message-footer .message-attachments ul.item-attachments li .random-item {
  background-color: #b98c75;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 68px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #fff;
}
.special-message .message-footer .message-attachments ul.item-attachments li .reward-item-quantity {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}
.special-message .message-footer .message-attachments ul.currency-attachments li {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 30px;
}
.special-message .message-footer .message-attachments ul.stat-attachments li {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}
.special-message .message-footer .message-attachments ul.unlock-attachments li {
  position: relative;
}
.special-message .message-footer .message-attachments ul.unlock-attachments li > img {
  border-radius: 50%;
  border: 4px solid #fff;
  overflow: hidden;
  width: 140px;
}
.special-message .message-footer .message-attachments ul.unlock-attachments li.shop-unlock, .special-message .message-footer .message-attachments ul.unlock-attachments li.chatter-unlock, .special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection, .special-message .message-footer .message-attachments ul.unlock-attachments li.zone-unlock {
  margin-bottom: 10px;
}
.special-message .message-footer .message-attachments ul.unlock-attachments li.shop-unlock span, .special-message .message-footer .message-attachments ul.unlock-attachments li.chatter-unlock span, .special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection span, .special-message .message-footer .message-attachments ul.unlock-attachments li.zone-unlock span {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 20px;
  position: absolute;
  z-index: 1;
  bottom: -8px;
  right: 0px;
  background-color: #b98c75;
  border-radius: 30px;
  border: 3px solid #fff;
  display: inline-block;
  padding: 5px 8px;
  line-height: 1em;
}
.special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection span {
  padding: 5px 40px 5px 8px;
}
.special-message .message-footer .message-attachments ul.unlock-attachments li.npc-affection span img {
  position: absolute;
  right: 5px;
  top: 0px;
}
.special-message .message-footer .message-attachments ul.unlock-quests li {
  display: block;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
}
.special-message .message-footer .message-attachments ul.unlock-quests li:before {
  content: "Quest";
  color: #d43c23;
  margin-right: 10px;
}
.special-message .message-footer .message-attachments ul.unlock-achievements li {
  display: block;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
}
.special-message .message-footer .message-attachments ul.unlock-achievements li img {
  margin-right: 10px;
}
.special-message .message-footer .message-claim .btn {
  font-size: 20px;
  line-height: 1em;
  font-weight: bold;
  border-radius: 8px;
}

.messages {
  list-style: none;
  margin: 0 0 24px;
}
.messages.conversation .message {
  background: #fff;
}
.messages.conversation .message .time {
  float: right;
}
.messages.inbox li {
  display: flex;
  align-items: center;
}
.messages.inbox li .message-sender {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  background-position: center;
  background-size: 140%;
  display: inline-block;
  vertical-align: middle;
}
.messages.inbox li .mark-message {
  display: none;
}
.messages.inbox li .mark-message + label {
  margin-right: 15px;
  background-image: url("/img/spritesheet.png");
  background-position: -50px -275px;
  height: 26px;
  width: 25px;
  min-width: 25px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin-bottom: 1px;
  vertical-align: middle;
  background-color: #f8d0a1;
  box-shadow: 0 0 0 2px #f8d0a1;
  border-radius: 8px;
}
.messages.inbox li .mark-message:checked + label {
  background-position: -75px -275px;
}
.messages.inbox li .message {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.messages.inbox li .message .message-sender {
  border-radius: 50%;
  border: 3px solid #f8d0a1;
  background-color: #e8b492;
}
.messages.inbox li .message .message-preview {
  flex-grow: 1;
}
.messages.inbox li .message .message-new {
  position: absolute;
  right: 24px;
  top: 20px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e54b4b;
}
.messages.inbox li .message .message-gift {
  position: relative;
}
.messages.inbox li .message .message-gift img {
  max-width: 40px;
}
.messages .message {
  background: #f9edd2;
  color: #555;
  border-radius: 6px;
  margin: 0 0 5px;
  padding: 24px;
  transition: all 0.2s ease-in;
}
.messages .message.read {
  background: #fff;
}
.messages .message.read:hover {
  opacity: 1;
}
.messages .message a {
  color: #e1ab87;
}
.messages .message .mark-message {
  float: left;
  margin-right: 20px;
  box-shadow: 0 0 0 2px #f8d0a1;
  border-radius: 4px;
}
.messages .message .user {
  font-weight: bold;
}
.messages .message .message-preview {
  display: block;
  margin-left: 32px;
}
.messages .message .message-preview .message-excerpt {
  display: block;
  clear: both;
  margin: 4px 0 0;
}
.messages .message .message-body {
  margin: 12px 0 0;
}
.messages .message .message-body p:last-child {
  margin-bottom: 0;
}

.message-thread-header {
  font-weight: bold;
}
.message-thread-header .message-subject, .message-thread-header a {
  color: #cb8e6d;
}
.message-thread-header .npc-message-subject {
  color: #fff;
  text-transform: none;
  vertical-align: middle;
}
.message-thread-header .message-sender {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
}
.message-thread-header .message-sender.npc {
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  background-position: center;
  background-size: 140%;
  display: inline-block;
  vertical-align: middle;
}
.message-thread-header small {
  text-transform: none;
  font-weight: bold;
  color: #555;
}
.message-thread-header small .npc-sender {
  color: #e54b4b;
}

#news .comment-order {
  width: 200px;
  display: inline-block;
}

.news-month-nav {
  display: flex;
}
.news-month-nav select {
  margin-right: 1em;
}

.news-banner {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.news-title {
  color: #555;
}

.news-item .news-box {
  background: #fff;
  color: #555;
  border-radius: 6px;
  padding: 24px;
  margin-bottom: 24px;
}
.news-item .news-body.collapsable {
  max-height: 220px;
  overflow: hidden;
  transition: all 0.6s ease-out;
}
.news-item .news-body.collapsable.open {
  max-height: initial;
}
.news-item:last-child {
  margin-bottom: 0;
}
.news-item p:last-of-type {
  margin-bottom: 0;
}
.news-item .news-footer {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ebebeb;
}
.news-item .news-poll {
  margin-top: -9px;
  margin-bottom: 15px;
}
.news-item .news-poll .news-poll-question {
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-align: center;
  font-size: 20px;
  color: #555;
  margin-bottom: 15px;
}
.news-item .news-poll .news-poll-options .news-poll-option {
  margin-bottom: 10px;
}
.news-item .news-poll .news-poll-options .news-poll-option label {
  display: flex;
}
.news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper {
  position: relative;
  width: 30px;
  min-width: 30px;
  margin-right: 5px;
}
.news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option {
  display: none;
}
.news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input + div, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option + div {
  display: block;
  content: " ";
  background: #fff;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  position: absolute;
  top: 5px;
  left: 0px;
}
.news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input:checked + div:after, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper input.selected + div:after, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option:checked + div:after, .news-item .news-poll .news-poll-options .news-poll-option label .option-select-wrapper .selected-option.selected + div:after {
  display: block;
  content: " ";
  background-image: url("/img/checkmark.png");
  width: 30px;
  height: 30px;
  position: absolute;
  top: -6px;
  left: 0px;
  background-size: 100%;
}
.news-item .news-poll .news-poll-options .news-poll-option label .news-poll-option-box {
  flex-grow: 1;
}
.news-item .news-poll .news-poll-options .news-poll-option label .news-poll-option-box .news-poll-option-text {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-weight: normal;
  padding: 7px 10px;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-content: stretch;
}
.news-item .news-poll .news-poll-options .news-poll-option label .news-poll-option-box .news-poll-option-text .option-text {
  flex-grow: 1;
}
.news-item .news-poll .news-poll-options .news-poll-option label .news-poll-option-box .news-poll-option-text .percentage {
  margin-left: 10px;
}
.news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress {
  height: 12px;
  border-radius: 6px;
  margin: 10px 0px;
}
.news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress .progress-bar {
  background: #f1a026;
  position: relative;
}
.news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress .progress-bar:after {
  display: block;
  content: "";
  position: absolute;
  border-width: 6px;
  right: -12px;
  border-style: solid;
  border-color: #f1a026 transparent transparent #f1a026;
}
.news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress.top-result .progress-bar {
  background: #ed4900;
}
.news-item .news-poll .news-poll-options .news-poll-option .news-poll-progress.top-result .progress-bar:after {
  border-color: #ed4900 transparent transparent #ed4900;
}
.news-item .news-poll .news-poll-action {
  margin-top: 15px;
}
.news-item .news-poll .news-poll-action .vote-thanks {
  display: inline-block;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  background-color: #e1ab87;
  padding: 10px 17px;
  border-radius: 14px;
  font-size: 18px;
  line-height: 1.2em;
}
.news-item .news-poll .news-poll-action .vote-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 22px;
  background-color: #f1a026;
  border-radius: 14px;
  line-height: 1.2em;
}

.topic-list {
  list-style: none;
  color: #555;
  margin: 0;
}
.topic-list li {
  background: #fff;
  padding: 10px;
  margin-bottom: 18px;
  border-radius: 6px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 90%;
  display: flex;
  align-items: center;
}
.topic-list li:last-child {
  margin-bottom: 0;
}
.topic-list li a {
  color: #d8a481;
}
.topic-list li .topic-date {
  color: #555;
}
.topic-list li h5 {
  margin-bottom: 3px;
}

.notifications {
  margin: 0 0 24px;
  list-style: none;
}
.notifications .ping {
  color: #555;
  padding: 12px 24px;
  margin: 0 0 6px;
  display: flex;
  border-radius: 10px;
  background: #f9edd2;
}
.notifications .ping.read {
  background: #fff;
}
.notifications .ping.read:hover {
  opacity: 1;
}
.notifications .ping .user {
  font-weight: bold;
  color: #d8a481;
}
.notifications .ping a {
  color: #d8a481;
}
.notifications .ping .hl {
  color: #fff;
  font-weight: bold;
}
.notifications .ping .mark-ping {
  display: none;
}
.notifications .ping .mark-ping + label {
  margin-right: 20px;
  background-image: url("/img/spritesheet.png");
  background-position: -50px -275px;
  height: 26px;
  width: 25px;
  min-width: 25px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin-bottom: 1px;
  vertical-align: middle;
  border-radius: 8px;
}
.notifications .ping .mark-ping:checked + label {
  background-position: -75px -275px;
}
.notifications .ping .parsed-text {
  margin-right: 20px;
  flex-grow: 1;
  color: #555;
  padding: 3px 0px;
}
.notifications .ping .time {
  min-width: 145px;
  text-align: right;
  color: #959595;
  padding: 3px 0px;
}

.npcs .nav-tabs {
  margin-bottom: -4px;
  text-align: left;
  margin-left: 27%;
}
.npcs .nav-tabs li {
  background-color: #e1ab87;
  border-radius: 10px 10px 0px 0px;
  font-size: 20px;
  padding: 1px 4px;
}
.npcs .nav-tabs li a, .npcs .nav-tabs li.active a {
  background-color: transparent;
}
.npcs .nav-tabs li.active {
  background-color: #f9edd2;
}
.npcs .nav-tabs li.active a, .npcs .nav-tabs li.active a:link, .npcs .nav-tabs li.active a:hover, .npcs .nav-tabs li.active a:active {
  color: #e1ab87;
}
.npcs .nav-tabs li a, .npcs .nav-tabs li a:link, .npcs .nav-tabs li a:hover, .npcs .nav-tabs li a:active {
  color: #fff;
}
.npcs .npc-row {
  position: relative;
  background-image: url("/img/npc-background-repeat.png");
  background-repeat: repeat-y;
  background-position: center top;
  margin-bottom: 20px;
  margin-top: 3px;
  padding: 30px 55px;
}
.npcs .npc-row:before, .npcs .npc-row:after {
  background-image: url("/img/npc-background-edge.png");
  background-repeat: no-repeat;
  width: 894px;
  height: 247px;
  position: absolute;
  left: 28px;
  z-index: 0;
  content: "";
}
.npcs .npc-row:before {
  top: -4px;
}
.npcs .npc-row:after {
  bottom: -61px;
}
.npcs .npc-row > div {
  z-index: 1;
  position: relative;
}
.npcs .npc-row .npc-image {
  padding-left: 5px;
  padding-right: 0px;
  position: relative;
}
.npcs .npc-row .npc-image img {
  position: relative;
  z-index: 0;
}
.npcs .npc-row .npc-image span {
  position: absolute;
  z-index: 1;
  color: #fff;
  opacity: 0.5;
  font-size: 30px;
  top: 130px;
  right: 30px !important;
}
.npcs .npc-row .npc-info, .npcs .npc-row .npc-stories {
  max-height: 100%;
  height: 100%;
}
.npcs .npc-row .npc-info .npc-data, .npcs .npc-row .npc-stories .npc-data {
  margin-top: 7px;
}
.npcs .npc-row .npc-info .npc-data .npc-name-wrapper, .npcs .npc-row .npc-stories .npc-data .npc-name-wrapper {
  width: 33%;
}
.npcs .npc-row .npc-info .npc-data .npc-name-wrapper .npc-name, .npcs .npc-row .npc-stories .npc-data .npc-name-wrapper .npc-name {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin: 0px;
  font-weight: bold;
  font-style: normal;
}
.npcs .npc-row .npc-info .npc-data .npc-affection, .npcs .npc-row .npc-stories .npc-data .npc-affection {
  width: 27%;
  padding: 0px;
  margin-top: -7px;
}
.npcs .npc-row .npc-info .npc-data .npc-affection p, .npcs .npc-row .npc-stories .npc-data .npc-affection p {
  margin: 0px;
}
.npcs .npc-row .npc-info .npc-data .npc-affection p .affection, .npcs .npc-row .npc-stories .npc-data .npc-affection p .affection {
  vertical-align: top;
}
.npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar {
  position: relative;
  width: 201px;
  height: 32px;
  transform: scale(0.7);
  left: -30px;
  margin-bottom: 0;
}
.npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .affection-mask, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .affection-mask {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
}
.npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .progress, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .progress {
  height: 30px;
  width: 199px;
  margin-bottom: 0;
  position: absolute;
  margin: 1px;
  z-index: 0;
}
.npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .progress .progress-bar.positive, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .progress .progress-bar.positive {
  background: #d43c23;
}
.npcs .npc-row .npc-info .npc-data .npc-affection .affection-bar .progress .progress-bar.negative, .npcs .npc-row .npc-stories .npc-data .npc-affection .affection-bar .progress .progress-bar.negative {
  background: #333;
}
.npcs .npc-row .npc-info .npc-data .npc-milestones, .npcs .npc-row .npc-stories .npc-data .npc-milestones {
  padding: 0px;
  width: 37%;
  max-height: 22px;
}
.npcs .npc-row .npc-info .npc-data .npc-milestones .gift, .npcs .npc-row .npc-stories .npc-data .npc-milestones .gift {
  max-width: 30px;
  margin-left: 5px;
  margin-top: -7px;
}
.npcs .npc-row .npc-info .npc-description, .npcs .npc-row .npc-stories .npc-description {
  margin-top: 15px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.npcs .npc-row .npc-info .npc-description h5, .npcs .npc-row .npc-stories .npc-description h5 {
  font-size: 16px;
  font-weight: bold;
  color: #d43c23;
  margin-bottom: 0px;
}
.npcs .npc-row .npc-info .npc-description .description, .npcs .npc-row .npc-stories .npc-description .description {
  margin-bottom: 10px;
  color: #b46347;
}
.npcs .pet {
  display: inline-block;
  position: relative;
  width: 275px;
  height: 200px;
  margin: 0 0 48px;
}
.npcs .pet.npc-diary {
  width: 210px;
  height: 270px;
}
.npcs .pet.npc-diary .overlay {
  padding: 24px 0px;
}
.npcs .pet.npc-diary .overlay .overlay-title {
  padding-left: 24px;
  padding-right: 24px;
}
.npcs .pet.npc-diary .overlay .overlay-description {
  overflow-y: scroll;
  padding-left: 24px;
  padding-right: 24px;
  height: 194px;
}
.npcs .pet .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.9);
  text-align: left;
  overflow: hidden;
  border-radius: 4px;
  padding: 24px;
  opacity: 0;
  transition: all 0.25s ease-in;
}
.npcs .pet .overlay:hover {
  opacity: 1;
}
.npcs .pet .overlay h4 {
  color: #555;
  margin: 0 0 6px;
}
.npcs .pet .overlay h5 {
  color: #555;
  margin-bottom: 10px;
}
.npcs .pet .overlay p {
  margin-bottom: 10px;
  line-height: 1.25em;
}
.npcs .pet .overlay .gift {
  margin: 5px 3px;
  width: 39px;
  height: 40px;
}
.npcs .pet .overlay .gift.unclaimed {
  transition: all 0.2s ease-in-out;
}
.npcs .pet .overlay .gift.unclaimed:hover {
  transform: scale(1.2);
}
.npcs .npc-meta {
  display: block;
  font-size: 14px;
  color: #b46347;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.npcs .npc-meta strong {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  font-size: 16px;
  text-transform: none;
}

#npc-modal .modal-dialog {
  width: 284px;
  height: 368px;
  background-image: url("/img/npcdiarymagnify.png");
  text-align: center;
  padding-top: 45px;
}

#gift-modal .modal-body > p {
  margin-bottom: 50px;
}
#gift-modal .modal-body .gift-reason {
  font-size: 18px;
  color: #555;
  display: inline-block;
  margin: 0px 20px;
}
#gift-modal .modal-body ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 10px;
}
#gift-modal .modal-body ul li {
  display: inline-block;
  margin-right: 17px;
}
#gift-modal .modal-body ul.item-attachments li {
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff);
}
#gift-modal .modal-body ul.item-attachments li .random-item {
  background-color: #b98c75;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 68px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #fff;
}
#gift-modal .modal-body ul.currency-attachments li {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 30px;
}
#gift-modal .modal-body ul.stat-attachments li {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
}
#gift-modal .modal-body ul.unlock-attachments li {
  position: relative;
}
#gift-modal .modal-body ul.unlock-attachments li > img {
  border-radius: 50%;
  border: 4px solid #fff;
  overflow: hidden;
  width: 140px;
}
#gift-modal .modal-body ul.unlock-attachments li.shop-unlock, #gift-modal .modal-body ul.unlock-attachments li.chatter-unlock, #gift-modal .modal-body ul.unlock-attachments li.npc-affection, #gift-modal .modal-body ul.unlock-attachments li.zone-unlock {
  margin-bottom: 10px;
}
#gift-modal .modal-body ul.unlock-attachments li.shop-unlock span, #gift-modal .modal-body ul.unlock-attachments li.chatter-unlock span, #gift-modal .modal-body ul.unlock-attachments li.npc-affection span, #gift-modal .modal-body ul.unlock-attachments li.zone-unlock span {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 20px;
  position: absolute;
  z-index: 1;
  bottom: -8px;
  right: 0px;
  background-color: #b98c75;
  border-radius: 30px;
  border: 3px solid #fff;
  display: inline-block;
  padding: 5px 8px;
  line-height: 1em;
}
#gift-modal .modal-body ul.unlock-attachments li.npc-affection span {
  padding: 5px 40px 5px 8px;
}
#gift-modal .modal-body ul.unlock-attachments li.npc-affection span img {
  position: absolute;
  right: 5px;
  top: 0px;
}
#gift-modal .modal-body ul.unlock-quests li {
  display: block;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
}
#gift-modal .modal-body ul.unlock-quests li:before {
  content: "Quest";
  color: #d43c23;
  margin-right: 10px;
}
#gift-modal .modal-body ul.unlock-achievements li {
  display: block;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2em;
}
#gift-modal .modal-body ul.unlock-achievements li img {
  margin-right: 10px;
}

#tos, #conduct, #rules, #credits, #privacy {
  color: #555;
}
#tos ul, #tos ol, #conduct ul, #conduct ol, #rules ul, #rules ol, #credits ul, #credits ol, #privacy ul, #privacy ol {
  padding-left: 40px;
  margin: 14px 0px;
}
#tos a, #conduct a, #rules a, #credits a, #privacy a {
  color: #d8a481;
  font-weight: bold;
}

#credits .credits-image img {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
  overflow: hidden;
}
#credits .credits-name {
  font-size: 1.1em;
}
#credits .credits-info {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 25px;
}
#credits p {
  margin-bottom: 0px;
}

#generated-css {
  overflow: hidden;
}

#pet-accessories .accessory-guidelines {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 25px;
}
#pet-accessories .accessory-search {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}
#pet-accessories .accessory-form .form-group {
  margin-bottom: 10px;
}
#pet-accessories .accessory-form .help-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#pet-accessories .accessory-form .accessory-preview .preview-image {
  width: 275px;
  height: 205px;
  position: relative;
  background: url("/img/pet-base.png") no-repeat;
  background-position: center bottom;
  background-size: 80%;
}
#pet-accessories .accessory-form .accessory-preview .preview-image > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 275px;
  height: 200px;
  background-repeat: no-repeat;
}
#pet-accessories .accessory-form .accessory-preview .preview-image #accessory-preview {
  z-index: 1;
}
#pet-accessories .accessory-form .accessory-preview .preview-image #pet-preview {
  z-index: 0;
}
#pet-accessories .accessory-form .accessory-preview .pet-name {
  display: inline-block;
  background-color: #fff;
  line-height: 1em;
  font-size: 20px;
  border-radius: 6px;
  margin-bottom: 7px;
  margin-top: 15px;
}
#pet-accessories .accessory-form .accessory-preview .pet-name a {
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d8a481;
}
#pet-accessories .accessory-form .accessory-preview .pet-species {
  font-size: 20px;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
  padding: 0px 10px;
}
#pet-accessories .accessory-form .accessory-preview .pet-select {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  line-height: 1.2em;
  padding: 4px 15px;
}
#pet-accessories .accessory-form .select-dropdown {
  min-width: 100%;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border-radius: 6px;
}
#pet-accessories .accessory-form .select-dropdown label {
  height: 1.5em;
  line-height: 1.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 18px;
  width: 100%;
}
#pet-accessories .accessory-form .select-dropdown:after {
  right: 0.6em;
  top: 0.7em;
  border: 0.5em solid #fff;
  border-color: #d8a481 transparent transparent transparent;
}
#pet-accessories .accessory-form .select-dropdown.expanded {
  z-index: 1;
  border: 0px;
}
#pet-accessories .accessory-form .select-dropdown.expanded:after {
  top: 0.15em;
}
#pet-accessories .accessory-form .form-control {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border-radius: 6px;
  border: 0px;
  height: 1.5em;
  line-height: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 18px;
}
#pet-accessories .accessory-form .control-label {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  line-height: 1.2em;
}
#pet-accessories .accessory-form .accessory-type {
  display: none;
}
#pet-accessories .accessory-form .accessory-type + .fa-dot-circle-o:before {
  color: #fff;
  content: "\f111";
}
#pet-accessories .accessory-form .accessory-type:checked + .fa-dot-circle-o:before {
  content: "\f192";
}
#pet-accessories .accessory-form .new-accessory .image-upload-button {
  background-color: #ffbe47;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  font-size: 20px;
  padding: 4px;
  width: 100%;
}
#pet-accessories .accessory-form .new-accessory .help-block {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #cb8e6d;
  margin-bottom: 0px;
}
#pet-accessories .accessory-form .submit-button {
  font-weight: bold;
  font-size: 22px;
  margin-top: 30px;
}
#pet-accessories .accessory-form .btn {
  border-radius: 8px;
}
#pet-accessories .nav-tabs li {
  font-size: 18px;
  color: #fff;
}
#pet-accessories .nav-tabs li a {
  padding: 2px 10px;
  min-width: auto;
}
#pet-accessories .nav-tabs .menagerie-link .fa {
  font-size: 25px;
  line-height: 32px;
  vertical-align: middle;
  margin-right: 5px;
}
#pet-accessories .nav-tabs .menagerie-link a {
  display: inline-block;
  background-color: #fff;
  color: #e1ab87;
}
#pet-accessories .pull-right.nav-tabs {
  text-align: right;
}
#pet-accessories .pull-right.nav-tabs li a {
  border-radius: 8px;
}
#pet-accessories .manage-row, #pet-accessories .queue-row {
  margin-bottom: 20px;
}
#pet-accessories .manage-row .accessory-image, #pet-accessories .queue-row .accessory-image {
  margin-bottom: 10px;
  min-height: 200px;
}
#pet-accessories .manage-row .accessory-info, #pet-accessories .queue-row .accessory-info {
  max-width: 220px;
  min-height: 100px;
  margin: 0px auto;
}
#pet-accessories .manage-row .accessory-info .accessory-actions, #pet-accessories .queue-row .accessory-info .accessory-actions {
  position: relative;
}
#pet-accessories .manage-row .accessory-info .accessory-actions > div, #pet-accessories .queue-row .accessory-info .accessory-actions > div {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown {
  min-width: 100%;
  max-width: 100%;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  border-radius: 6px;
  position: absolute;
}
#pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown label, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown label {
  height: auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 12px;
  white-space: normal;
}
#pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown:after, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown:after {
  right: 0.6em;
  top: 0.7em;
  border: 0.5em solid #fff;
  border-color: #d8a481 transparent transparent transparent;
}
#pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown.expanded, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown.expanded {
  z-index: 1;
  border: 0px;
  max-height: 200px;
  overflow: auto;
}
#pet-accessories .manage-row .accessory-info .accessory-actions .select-dropdown.expanded:after, #pet-accessories .queue-row .accessory-info .accessory-actions .select-dropdown.expanded:after {
  top: 0.15em;
}
#pet-accessories .manage-row .accessory-info .accessory-status, #pet-accessories .queue-row .accessory-info .accessory-status {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  background-color: #d8a481;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 17px;
  line-height: 1.2em;
}
#pet-accessories .manage-row .accessory-info .accessory-reason, #pet-accessories .queue-row .accessory-info .accessory-reason {
  background: #fff;
  padding: 10px;
  color: #555;
  border-radius: 6px;
  text-transform: none;
  font-weight: normal;
  margin-top: 10px;
  word-break: break-word;
}
#pet-accessories .manage-row .accessory-info .accessory-name-wrapper, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper {
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 12px;
}
#pet-accessories .manage-row .accessory-info .accessory-name-wrapper > .accessory-species, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper > .accessory-species {
  display: inline-block;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
  padding: 5px 10px;
  font-size: 17px;
  border-radius: 6px;
  margin-bottom: 0px;
}
#pet-accessories .manage-row .accessory-info .accessory-name-wrapper .accessory-name, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper .accessory-name {
  text-align: center;
  display: inline-block;
}
#pet-accessories .manage-row .accessory-info .accessory-name-wrapper .accessory-name span, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper .accessory-name span {
  display: inline-block;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  line-height: 1em;
  padding: 5px 10px;
  font-size: 20px;
  border-radius: 6px;
  margin-bottom: 7px;
}
#pet-accessories .manage-row .accessory-info .accessory-name-wrapper .accessory-name .accessory-species, #pet-accessories .queue-row .accessory-info .accessory-name-wrapper .accessory-name .accessory-species {
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
  font-weight: normal;
  font-size: 15px;
  padding: 0px 10px;
}
#pet-accessories .manage-row .accessory-info .accessory-panel, #pet-accessories .queue-row .accessory-info .accessory-panel {
  background: transparent;
  border: 0px;
  border-radius: none;
  box-shadow: none;
  margin-bottom: 0px;
}
#pet-accessories .manage-row .accessory-info .accessory-panel > a, #pet-accessories .queue-row .accessory-info .accessory-panel > a {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 17px;
}
#pet-accessories .manage-row .accessory-info .accessory-panel > a:last-of-type, #pet-accessories .queue-row .accessory-info .accessory-panel > a:last-of-type {
  color: #d43c23;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .manage-form, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form {
  display: flex;
  align-items: center;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .manage-form .form-control, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form .form-control {
  flex-grow: 1;
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
  padding: 0px 5px;
  font-size: 17px;
  height: 23px;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .manage-form .give-button, #pet-accessories .manage-row .accessory-info .accessory-panel .manage-form .transfer-button, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form .give-button, #pet-accessories .queue-row .accessory-info .accessory-panel .manage-form .transfer-button {
  min-width: 25px;
  background-color: transparent;
  border: 0px;
  margin-left: 5px;
  outline: none;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .uses-table, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table {
  margin-bottom: 0px;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .uses-table tr td, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table tr td {
  padding: 5px;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .uses-table tr td a, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table tr td a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
}
#pet-accessories .manage-row .accessory-info .accessory-panel .uses-table tr.used td a, #pet-accessories .queue-row .accessory-info .accessory-panel .uses-table tr.used td a {
  opacity: 0.6;
}
#pet-accessories .manage-row .accessory-info .accessory-cancel, #pet-accessories .queue-row .accessory-info .accessory-cancel {
  margin-top: 15px;
}
#pet-accessories .manage-row .accessory-info .accessory-cancel .btn, #pet-accessories .queue-row .accessory-info .accessory-cancel .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  line-height: 1;
  font-size: 20px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog {
  max-width: 620px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .nav-tabs {
  margin-bottom: 0px;
  text-align: left;
  padding-left: 23px;
  position: relative;
  top: 5px;
  z-index: 1;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .nav-tabs .nav-item a {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #b98c75;
  font-size: 19px;
  padding-bottom: 5px;
  border: 5px solid #b98c75;
  border-bottom: 0px;
  padding: 2px 10px 5px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .nav-tabs .nav-item.active a {
  color: #b98c75;
  background-color: #efe7c0;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body {
  font-size: 15px;
  padding: 20px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body label {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-size: 19px;
  display: block;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body #petIdSelect {
  border: 0;
  width: 50%;
  display: inline-block;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  border-radius: 6px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .btn.btn-success {
  background-color: #76a635;
  margin-right: 10px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .btn.btn-danger {
  background-color: #d85d5d;
  margin-left: 10px;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image {
  width: 275px;
  height: 205px;
  position: relative;
  background: url("/img/pet-base.png") no-repeat;
  background-position: center bottom;
  background-size: 80%;
  margin: 0 auto;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image > div, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 275px;
  height: 200px;
  background-repeat: no-repeat;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image #accessory-preview, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image #accessory-preview {
  z-index: 1;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .preview-image #pet-preview, #pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species-preview-image #pet-preview {
  z-index: 0;
}
#pet-accessories .accessorize-pet-popup .modal-dialog .modal-content .modal-body .pet-id-preview .pet-species {
  margin-top: 15px;
  font-size: 20px;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  line-height: 1em;
  padding: 0px 10px;
}
#pet-accessories #modal .modal-content {
  border-color: #fff;
  background: #fce0bd;
  color: #555;
  font-size: 18px;
  text-align: center;
  padding: 50px;
}

#pet-diary .pets-nav {
  margin-bottom: 0px;
  text-align: center;
}
#pet-diary .pets-nav li {
  background-color: #e1ab87;
  border-radius: 18px 18px 0px 0px;
  font-size: 25px;
  padding: 1px 25px;
}
#pet-diary .pets-nav li a, #pet-diary .pets-nav li.active a {
  background-color: transparent;
}
#pet-diary .pets-nav li.active {
  background-color: #faebc1;
}
#pet-diary .pets-nav li.active a, #pet-diary .pets-nav li.active a:link, #pet-diary .pets-nav li.active a:hover, #pet-diary .pets-nav li.active a:active {
  background-color: transparent;
  color: #e1ab87;
}
#pet-diary .pets-nav li a, #pet-diary .pets-nav li a:link, #pet-diary .pets-nav li a:hover, #pet-diary .pets-nav li a:active {
  background-color: transparent;
  color: #fce0bd;
}
#pet-diary .pets-nav.has-custom li {
  font-size: 19px;
}
#pet-diary .pets {
  background-color: #faebc1;
  border-radius: 15px 15px 0px 0px;
  padding: 30px;
}
#pet-diary .pets .pet {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 0 20px;
}
#pet-diary .pets .pet .pet-image {
  min-height: 240px;
  position: relative;
}
#pet-diary .pets .pet .pet-image img, #pet-diary .pets .pet .pet-image canvas {
  max-width: 100%;
}
#pet-diary .pets .pet .pet-image .pet-name {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: left;
  height: 28px;
}
#pet-diary .pets .pet .pet-image .pet-name .sparkle {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 22px;
  background-position: -400px -200px;
  margin: 3px 3px 3px 15px;
}
#pet-diary .pets .pet .pet-image .pet-name h4 {
  background-color: #fff;
  border-radius: 10px;
  color: #cb8e6d;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  line-height: 1.7;
  margin-bottom: 10px;
  font-size: 17px;
  position: absolute;
  right: 15px;
  bottom: 0px;
  top: 0px;
  left: 37px;
  text-align: center;
  margin-bottom: 0px;
}
#pet-diary .pets .pet .pet-image .pet-name.deactive h4 {
  color: #c1c1c1;
}
#pet-diary .pets .pet.active .overlay h4 {
  color: #555;
  margin-bottom: 3px;
}
#pet-diary .pets .pet.active .overlay h5 {
  color: #cb8e6d;
}
#pet-diary .pets .pet.active .overlay .description {
  color: #555;
}
#pet-diary .pets .pet.active .overlay .pet-count {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  color: #cb8e6d;
  font-size: 16px;
  position: absolute;
  bottom: 12px;
  right: 18px;
  line-height: 1em;
}
#pet-diary .pets .pet.deactive .overlay h4 {
  color: #c1c1c1;
  margin-bottom: 33px;
}
#pet-diary .pets .pet.deactive .overlay .description {
  color: #959595;
}
#pet-diary .pets .pet .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: rgb(255, 255, 255);
  text-align: left;
  overflow: hidden;
  border-radius: 20px;
  padding: 23px 20px 20px;
  opacity: 0;
  transition: all 0.25s ease-in;
}
#pet-diary .pets .pet .overlay:hover {
  opacity: 1;
}
#pet-diary .pets .pet .overlay h4, #pet-diary .pets .pet .overlay h5 {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  line-height: 1em;
}
#pet-diary .pets .pet .overlay h4 {
  font-size: 20px;
}
#pet-diary .pets .pet .overlay h5 {
  font-size: 18px;
}
#pet-diary .pets .pet .overlay p {
  margin-bottom: 10px;
  line-height: 1.25em;
}
#pet-diary .pets .pet .overlay .gift {
  margin: 5px 3px;
  width: 39px;
  height: 40px;
}
#pet-diary .pets .pet .overlay .gift.unclaimed {
  transition: all 0.2s ease-in-out;
}
#pet-diary .pets .pet .overlay .gift.unclaimed:hover {
  transform: scale(1.2);
}
#pet-diary .pets-footer {
  background-image: url("/img/pet-diary-base.png");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 87px;
  margin: 0px -11px 0px -5px;
  padding: 0px 50px;
}
#pet-diary .pets-footer .form-control {
  border: 0px;
  box-shadow: none;
}
#pet-diary .pets-footer .pet-search .form-control {
  float: left;
  width: 200px;
}
#pet-diary .pets-footer .pet-search .search {
  position: relative;
  vertical-align: middle;
  background-image: url("/img/spritesheet.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 25px;
  background-position: -450px -150px;
  float: right;
  margin-top: 4px;
}
#pet-diary .pets-footer .pet-sort {
  text-align: center;
}
#pet-diary .pets-footer .pet-sort .sort {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  color: #cb8e6d;
  line-height: 34px;
  font-size: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
#pet-diary .pets-footer .pet-sort .sort-wrapper {
  position: relative;
}
#pet-diary .pets-footer .pet-sort .sort-wrapper .sort-select:before {
  content: "";
  border: 10px solid transparent;
  border-top-color: #e1ab87;
  position: absolute;
  left: 7px;
  z-index: 1;
  top: 5px;
}
#pet-diary .pets-footer .pet-sort .form-control {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
#pet-diary .pets-footer .pet-sort .form-control, #pet-diary .pets-footer .pet-sort .form-control option {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  padding-left: 30px;
}
#pet-diary .pets-footer .pet-pagination {
  text-align: right;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 34px;
  font-size: 25px;
  vertical-align: middle;
}
#pet-diary .pets-footer .pet-pagination .page-count {
  color: #cb8e6d;
}
#pet-diary .pets-footer .pet-pagination .fa {
  color: #fff;
}
#pet-diary .search-page {
  padding: 0;
  border: none;
  background-color: transparent;
}

#pet-profile .pet-header {
  font-weight: bold;
}
#pet-profile .pet-header small {
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
}
#pet-profile .pet-header,
#pet-profile .user-header {
  font-size: 25px;
}
#pet-profile .icon {
  margin-top: 3px;
}
#pet-profile h2 {
  color: #fff;
  margin-top: 24px;
}
#pet-profile .pet-owner-link {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  margin-left: 30px;
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
}
#pet-profile .pet-navigate-links {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  line-height: 42px;
}
#pet-profile .pet-navigate-links, #pet-profile .pet-navigate-links a {
  color: #e1ab87;
}
#pet-profile .pet-row {
  margin: 0px;
}
#pet-profile .pet-column {
  padding: 0px 5px;
}
#pet-profile .pet-column .user-header {
  font-weight: bold;
}
#pet-profile .pet-sidebar {
  padding: 0px 30px;
}
#pet-profile .pet-status {
  margin-bottom: 20px;
}
#pet-profile .pet-status .pet-owner {
  display: block;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#pet-profile .pet-status .affection-display {
  font-size: 18px;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#pet-profile .pet-status .affection-display .affection-text {
  color: #e54b4b;
}
#pet-profile .pet-status .affection-display .affection-value {
  color: #fff;
}
#pet-profile .pet-status .pet-hunger {
  display: table;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#pet-profile .pet-status .pet-hunger-status {
  display: table-row;
}
#pet-profile .pet-status .pet-status-bar {
  width: 160px;
  display: table-cell;
  position: relative;
}
#pet-profile .pet-status .pet-status-bar .progress {
  z-index: 0;
  border: 0px;
  height: 41px;
  width: 150px;
}
#pet-profile .pet-status .pet-status-bar:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("/img/appetitebar.png");
  width: 150px;
  height: 41px;
}
#pet-profile .pet-status .pet-status-feed {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.3em;
  line-height: 1em;
}
#pet-profile .pet-status .pet-status-feed > span > a {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
#pet-profile .pet-action-panel {
  border-radius: 8px;
  overflow: hidden;
}
#pet-profile .pet-action-panel > .pet-action-header {
  font-size: 1.2em;
  background-color: #e8b492;
  display: flex;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#pet-profile .pet-action-panel > .pet-action-header > .pet-action-header-field {
  padding: 10px 16px;
  width: 40%;
}
#pet-profile .pet-action-panel > .pet-action-header > .pet-action-header-field:last-of-type {
  width: 20%;
  text-align: center;
}
#pet-profile .pet-action-panel > .pet-action-body {
  background: #fff;
  color: #555;
  padding: 10px 0px;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row {
  display: flex;
  align-items: center;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-divider {
  width: 3px;
  background: #ebebeb;
  align-self: stretch;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field {
  padding: 10px 16px;
  width: 40%;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field .inventory-item {
  display: inline-block;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field .pet-action-button {
  font-weight: bold;
  font-size: 20px;
  padding: 1px 5px;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field:first-of-type {
  display: flex;
  align-items: center;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field:first-of-type > div:first-of-type {
  margin-right: 10px;
}
#pet-profile .pet-action-panel > .pet-action-body > .pet-action-body-row > .pet-action-body-field:last-of-type {
  width: 20%;
  text-align: center;
}
#pet-profile .pet-milestones-container {
  position: relative;
  height: 27px;
}
#pet-profile .pet-milestones-container .pet-milestones-bar {
  position: absolute;
  width: 100%;
  height: 5px;
  background: #fff;
  top: 11px;
}
#pet-profile .pet-milestones-container .pet-milestones {
  position: relative;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pet-profile .pet-milestones-container .pet-milestones .pet-milestone-hidden {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  background: #ebebeb;
  border-radius: 50%;
}
#pet-profile .pet-milestones-container .pet-milestones .pet-milestone-available {
  display: inline-block;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff);
}
#pet-profile .pet-milestones-container .pet-milestones .pet-milestone-collected { /* Safari 6.0 - 9.0 */
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) grayscale(100%);
}
#pet-profile .pet-action-content {
  margin-bottom: 10px;
}
#pet-profile .pet-action-content h2 {
  margin-bottom: 0px;
}
#pet-profile .pet-action-content .content-text {
  color: #555;
}
#pet-profile .pet-profile-table > tbody {
  padding: 10px 0;
}
#pet-profile .pet-profile-table > tbody > tr:nth-of-type(even) {
  background: #fff;
}
#pet-profile .pet-profile-table > tbody > tr > td {
  border-right: 3px solid #ebebeb;
}
#pet-profile .pet-profile-table > tbody > tr > td:last-of-type {
  border: 0px;
}
#pet-profile #pet-profile-info {
  position: relative;
}
#pet-profile #pet-profile-info .pet-name {
  display: inline-block;
  color: #e1ab87;
  font-weight: bold;
  background: #fff;
  margin: 0 0 6px 0;
  padding: 0 12px;
  border-radius: 12px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  vertical-align: middle;
}
#pet-profile #pet-profile-info .pet-evolve {
  display: inline-block;
  margin: 0 0 6px 10px;
}
#pet-profile #pet-profile-info .pet-evolve .icon {
  margin-top: 0px;
  margin-right: 10px;
  line-height: 42px;
}
#pet-profile #pet-profile-info .pet-evolve .evolve {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#pet-profile #pet-profile-info .pet-type {
  display: block;
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  padding: 0 12px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#pet-profile #pet-profile-info .pet-type .pet-age {
  color: #d85d5d;
  font-weight: bold;
}
#pet-profile #pet-profile-info .pet-bio-wrapper {
  border-radius: 12px;
  overflow: hidden;
  margin-top: 5px;
}
#pet-profile #pet-profile-info .pet-bio-wrapper .pet-bio {
  background: #fff;
  padding: 12px;
}
#pet-profile #pet-profile-info .pet-bio-wrapper .pet-bio p:last-child {
  margin-bottom: 0;
}
#pet-profile #pet-profile-info .pet-bio-wrapper .pet-info {
  background: #e8b492;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  padding: 8px 12px;
}
#pet-profile #pet-profile-info .pet-bio-wrapper .pet-info a {
  color: #b98c75;
}
#pet-profile #pet-profile-info .pet-bio-wrapper .pet-info .pet-info-label {
  color: #fff;
}
#pet-profile #pet-profile-info .edit-profile {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 32px;
  color: #fff;
}
#pet-profile #totems .totems {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px 15px;
}
#pet-profile #totems .totems li {
  display: inline-block;
  text-align: center;
  padding: 0px;
}
#pet-profile #totems .totems li .item {
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
  opacity: 1;
  background-color: #fff;
}
#pet-profile #totems .totems li .item > img {
  max-width: 100%;
}
#pet-profile #totems .totems li .item.totem-placeholder {
  background-color: #fff;
}
#pet-profile #totems .totems li .item.active {
  border: 3px solid #d43c23;
}
#pet-profile .pet-dailies {
  margin-bottom: 25px;
  text-align: right;
  width: 105%;
  min-height: 48px;
}
#pet-profile .pet-dailies.birthday {
  width: 120%;
  margin-left: -15px;
}
#pet-profile .pet-dailies .pet-mood {
  float: left;
}
#pet-profile .pet-dailies .pet-mood-bar {
  left: -25px;
  top: 5px;
  width: 22px;
}
#pet-profile .pet-full {
  margin: 0 auto;
  width: 100%;
}
#pet-profile .pet-full > div > img {
  float: right;
}
#pet-profile .pet-actions {
  list-style: none;
  text-align: center;
}
#pet-profile .pet-actions li {
  display: inline-block;
  margin: 0 10px 0 0;
}
#pet-profile .pet-actions li:last-child {
  margin-right: 0;
}
#pet-profile .pet-actions li a {
  display: block;
  font-size: 24px;
}
#pet-profile .nav-stacked li {
  display: inline-block;
  float: none;
  margin: 0 0 7px 0;
}
#pet-profile .nav-stacked li a {
  padding: 0;
  display: inline-block;
}
#pet-profile .nav-stacked li a .icon {
  float: left;
  font-size: 18px;
  color: #eab490;
  line-height: 27px;
}
#pet-profile .nav-stacked li > form > label {
  width: 21px;
  text-align: center;
  float: left;
  line-height: 24px;
}
#pet-profile .nav-stacked li > form > label .outerLabel {
  vertical-align: middle;
}
#pet-profile .nav-stacked li .nav-label {
  display: block;
  font-size: 16px;
  color: #fff;
  background: #eab490;
  font-weight: bold;
  margin-left: 30px;
  padding: 0 9px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 191px;
  width: -moz-max-content;
  width: max-content;
}
#pet-profile .stats {
  background: #eab490;
  list-style: none;
  padding: 12px;
  border-radius: 12px;
  display: inline-block;
  margin-bottom: 5px;
}
#pet-profile .stats li {
  display: block;
  float: left;
  width: 33%;
  color: #fff;
  font-weight: bold;
}
#pet-profile .pet-nature {
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  padding: 2px 7px;
}
#pet-profile .pet-nature.tenacious {
  background-color: #ea9a00;
}
#pet-profile .pet-nature.honourable {
  background-color: #e54b4b;
}
#pet-profile .pet-nature.charming {
  background-color: #76a635;
}
#pet-profile .pet-nature.comprehensive {
  background-color: #56abbb;
}
#pet-profile #comments > hr {
  display: none;
}

.affection-bar {
  position: relative;
  width: 95%;
  height: 32px;
  margin: 0 auto 20px;
}
.affection-bar .affection-mask {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
}
.affection-bar .progress {
  height: 30px;
  width: 199px;
  margin-bottom: 0;
  position: absolute;
  margin: 1px;
  z-index: 0;
}
.affection-bar .progress.maxed {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e7ec+0,fde62d+50,f74444+100 */
  background: #51e7ec; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #51e7ec 0%, #fde62d 50%, #f74444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$rainbowBlue", endColorstr="$rainbowRed",GradientType=1 ); /* IE6-9 */
}
.affection-bar .progress.maxed:before {
  content: "";
  position: absolute;
  width: 75px;
  height: 50px;
  left: -75px;
  opacity: 0.43;
  background-image: url("/img/spritesheet.png");
  background-position: -400px -225px;
  animation-name: shine;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}
.affection-bar .progress.maxed .progress-bar {
  background: #fff;
  opacity: 0.5;
}
.affection-bar .progress .progress-bar {
  background: #d43c23;
}

.pet-evolved-sparkles {
  z-index: 0;
  min-height: 257px;
  min-width: 303px;
  background-image: url("/img/pet_sparkles.png");
  animation: sparkles 0.75s steps(5) infinite;
}

.pet-action-modal {
  color: #555;
}
.pet-action-modal .pet-image,
.pet-action-modal .pet-action-narration,
.pet-action-modal .pet-action-affection {
  text-align: center;
}
.pet-action-modal .pet-evolving-image,
.pet-action-modal .pet-unevolved,
.pet-action-modal .pet-evolved,
.pet-action-modal .pet-evolved-sparkles {
  min-height: 257px;
  background-position: center;
  background-repeat: no-repeat;
}
.pet-action-modal .pet-evolving-image {
  position: relative;
}
.pet-action-modal .pet-evolving-image .pet-evolved-sparkles.pet-evolved {
  z-index: 0;
}
.pet-action-modal .pet-evolving-image .pet-evolved,
.pet-action-modal .pet-evolving-image .pet-unevolved {
  z-index: 1;
}
.pet-action-modal .pet-evolving-image .pet-unevolved,
.pet-action-modal .pet-evolving-image .pet-evolved,
.pet-action-modal .pet-evolving-image .pet-evolved-sparkles {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 303px;
  height: 257px;
}
.pet-action-modal .pet-image {
  margin-bottom: 25px;
}
.pet-action-modal .pet-image .pet-mood {
  bottom: -25px;
}
.pet-action-modal .pet-image .pet-speech-bubble {
  display: inline-block;
  padding: 10px;
  border-radius: 13px;
  background-color: #fff;
  position: relative;
  margin-left: 25px;
}
.pet-action-modal .pet-image .pet-speech-bubble:before {
  content: "";
  display: inline-block;
  position: absolute;
  border: 17px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  left: -34px;
  top: 31px;
}
.pet-action-modal .pet-action-narration {
  margin-bottom: 20px;
  font-size: 17px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.pet-action-modal .pet-action-narration .item-name {
  color: #d43c23;
}
.pet-action-modal .pet-action-affection {
  font-size: 22px;
  display: inline-block;
}
.pet-action-modal .pet-action-affection,
.pet-action-modal .affection-value {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.pet-action-modal .affection-gained {
  color: #d43c23;
}
.pet-action-modal .affection-value {
  text-align: right;
  color: #d43c23;
  font-size: 20px;
  width: 201px;
  margin: 0 auto;
}
.pet-action-modal .affection-bar {
  width: 201px;
  margin-bottom: 0px;
}
.pet-action-modal .pet-birthday-gifts .pet-gift.disabled .pet-gift-image {
  background-color: transparent;
  cursor: not-allowed;
}
.pet-action-modal .pet-birthday-gifts .pet-gift.disabled .pet-gift-image img {
  filter: gray;
  filter: grayscale(1);
  opacity: 0.5;
}
.pet-action-modal .pet-birthday-gifts label {
  cursor: pointer;
  padding: 4px;
  position: relative;
}
.pet-action-modal .pet-birthday-gifts label .reward-item-quantity {
  display: none;
}
.pet-action-modal .pet-birthday-gifts input:checked + label {
  background-color: #f9edd2;
  border-radius: 50%;
}
.pet-action-modal .pet-birthday-gifts input:checked + label .reward-item-quantity {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -5px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
  display: block;
}
.pet-action-modal .pet-gifts-choose {
  font-weight: bold;
  margin-bottom: 5px;
}
.pet-action-modal .pet-gifts {
  margin: 0px -5px 20px;
}
.pet-action-modal .pet-gifts:before, .pet-action-modal .pet-gifts:after {
  display: table;
  content: " ";
}
.pet-action-modal .pet-gifts:after {
  clear: both;
}
.pet-action-modal .pet-gifts .pet-gift {
  float: left;
  width: 33.3333333333%;
  padding: 0px 5px;
}
.pet-action-modal .pet-gifts .pet-gift .pet-gift-image {
  display: inline-block;
  padding: 10px;
  border-radius: 13px;
  background-color: #fff;
  position: relative;
  margin-bottom: 5px;
}
.pet-action-modal .pet-gifts .pet-gift.disabled .pet-gift-image {
  background-color: transparent;
  cursor: not-allowed;
}
.pet-action-modal .pet-gifts .pet-gift.disabled .pet-gift-image img {
  filter: gray;
  filter: grayscale(1);
  opacity: 0.5;
}
.pet-action-modal .pet-gifts .pet-gift .item-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  display: block;
  line-height: 1.2;
}
.pet-action-modal .pet-gifts label {
  opacity: 0.7;
  cursor: pointer;
}
.pet-action-modal .pet-gifts input:checked + label {
  opacity: 1;
  transition: all 0.3s;
}
.pet-action-modal .give-button,
.pet-action-modal .action-button,
.pet-action-modal .cancel-button,
.pet-action-modal .evolve-button,
.pet-action-modal .devolve-button {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  display: block;
  border-radius: 20px;
  font-size: 20px;
  text-transform: none;
  width: 100%;
}
.pet-action-modal .give-button {
  margin-bottom: 15px;
}
.pet-action-modal .action-button {
  margin-top: 20px;
}

.flip > .pet-mood {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.pet-mood {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-repeat: no-repeat;
  width: 51px;
  height: 50px;
  animation: petMood 0.4s steps(1) infinite;
}
.pet-mood.happy {
  animation: petHappy 0.4s steps(1) infinite;
}
.pet-mood.neutral {
  animation: petNeutral 0.4s steps(1) infinite;
}
.pet-mood.mad {
  animation: petMad 0.4s steps(1) infinite;
}

.pet-background {
  position: relative;
  background: url("/img/pet-base.png") no-repeat;
  background-position: center bottom;
  background-size: 70%;
  width: 275px;
  min-height: 209px;
  margin: 20px auto 5px;
}
.pet-background .pet .pet-image {
  position: absolute;
  top: 0px;
  z-index: 1;
}
.pet-background .pet .pet-evolved-sparkles {
  position: absolute;
  left: -18px;
  top: -28px;
  z-index: 0;
}
.pet-background .pet .pet-birthday-confetti {
  z-index: 3;
}
.pet-background .pet .event-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

#reward-modal .modal-dialog.birthday,
#reward-modal .modal-dialog.birthday .modal-content {
  width: 700px;
}

@keyframes petMood {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -51px 0;
  }
}
@keyframes petNeutral {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -51px 0;
  }
}
@keyframes petMad {
  0% {
    background-position: -102px 0;
  }
  50% {
    background-position: -153px 0;
  }
}
@keyframes petHappy {
  0% {
    background-position: -204px 0;
  }
  50% {
    background-position: -255px 0;
  }
}
@keyframes sparkles {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: -1515px 0;
  }
}
.frame-wrapper {
  padding: 0;
  overflow: hidden;
  margin: auto;
}

.playground-frame {
  border: 3px solid #fff;
  border-radius: 25px;
}

.game-warning {
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  margin: 0px auto;
  color: #d85d5d;
  width: 620px;
  text-align: center;
}

#turnip-thief {
  width: 800px;
  height: 560px;
}
#turnip-thief .frame {
  width: 800px;
  height: 560px;
  border: 0px;
}

#vaer-sea-forage {
  width: 540px;
  height: 960px;
}
#vaer-sea-forage .frame {
  width: 540px;
  height: 960px;
  border: 0px;
}

#forest-clean-up {
  width: 800px;
  height: 450px;
}
#forest-clean-up .frame {
  width: 800px;
  height: 450px;
  border: 0px;
  /*
  -ms-zoom: 0.625;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  */
}

#silvies-artifacts {
  width: 424px;
  height: 785px;
}
#silvies-artifacts .frame {
  width: 424px;
  height: 785px;
  border: 0px;
}

#starry-night {
  width: 800px;
  height: 450px;
  box-sizing: content-box;
}
#starry-night .frame {
  width: 800px;
  height: 450px;
  border: 0px;
}

.games .game {
  display: block;
  position: relative;
  margin: 0 0 24px;
}
.games .game .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  border-radius: 4px;
  padding: 24px;
  opacity: 0;
  transition: all 0.25s ease-in;
}
.games .game .overlay:hover {
  opacity: 1;
}
.games .game .overlay h4 {
  color: #333;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.games .game .overlay p {
  margin: 0;
}
.games .game .banner {
  border-radius: 4px;
  transition: transform 0.15s ease-out;
}
.games .game .banner:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.games .game .banner:active {
  transform: translateY(5px);
}
.games .game .banner img {
  display: block;
  border-radius: 4px;
}
.games .game .banner .placeholder {
  height: 250px;
  background: #ebebeb;
  line-height: 250px;
  text-align: center;
  border-radius: 4px;
}

#adventuring .instructions {
  padding-left: 30px;
}
#adventuring .instructions li a {
  font-size: 25px;
}

.playground-score-wrapper {
  display: flex;
}
.playground-score-wrapper h1 {
  font-size: 28px;
}
.playground-score-wrapper h2 {
  font-size: 20px;
}
.playground-score-wrapper .playground-score-header, .playground-score-wrapper .playground-score-footer, .playground-score-wrapper .playground-scores {
  background: transparent;
  border: 0px;
  align-items: stretch;
}
.playground-score-wrapper .playground-instructions {
  width: 55%;
  display: flex;
  flex-direction: column;
}
.playground-score-wrapper .playground-instructions .tab-content {
  flex-grow: 1;
  display: flex;
}
.playground-score-wrapper .playground-instructions .tab-content .instructions-pane {
  flex-grow: 1;
}
.playground-score-wrapper .playground-scores {
  width: 45%;
}
.playground-score-wrapper .nav-tabs {
  margin-bottom: 0px;
}
.playground-score-wrapper .nav-tabs li {
  background-color: #e1ab87;
  border-radius: 10px 10px 0px 0px;
  font-size: 16px;
  padding: 0;
}
.playground-score-wrapper .nav-tabs li a, .playground-score-wrapper .nav-tabs li.active a {
  background-color: transparent;
  padding: 2px 8px;
}
.playground-score-wrapper .nav-tabs li.active {
  background-color: #fff;
}
.playground-score-wrapper .nav-tabs li.active a, .playground-score-wrapper .nav-tabs li.active a:link, .playground-score-wrapper .nav-tabs li.active a:hover, .playground-score-wrapper .nav-tabs li.active a:active {
  color: #d43c23;
}
.playground-score-wrapper .nav-tabs li a, .playground-score-wrapper .nav-tabs li a:link, .playground-score-wrapper .nav-tabs li a:hover, .playground-score-wrapper .nav-tabs li a:active {
  color: #fff;
}
.playground-score-wrapper .nav-tabs.instructions {
  text-align: left;
  padding-left: 10px;
}
.playground-score-wrapper .instructions-pane {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
}
.playground-score-wrapper .playground-score-table {
  width: 100%;
}
.playground-score-wrapper .playground-score-table .playground-score-row .playground-score-username, .playground-score-wrapper .playground-score-table .playground-score-row .playground-score {
  width: 50%;
  border: 0px;
}
.playground-score-wrapper .playground-reset-text {
  color: #555;
}

.playground-earnings {
  text-align: center;
  margin-bottom: 10px;
}
.playground-earnings .earnings-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  font-size: 28px;
  vertical-align: middle;
}
.playground-earnings .earnings-type {
  display: inline-block;
  margin-left: 8px;
}
.playground-earnings .earnings-type .icon {
  margin-right: 3px;
}
.playground-earnings .earnings-type .progress {
  border: 2px solid #fff;
  border-radius: 12px;
  display: inline-block;
  background: #fff;
  position: relative;
  margin-bottom: 0px;
  vertical-align: middle;
  height: auto;
}
.playground-earnings .earnings-type .progress .progress-bar {
  position: absolute;
  height: 28px;
  background: linear-gradient(45deg, #ffbe47, #fcec54);
}
.playground-earnings .earnings-type .progress.ad-potatoes {
  width: 200px;
}
.playground-earnings .earnings-type .progress span {
  position: relative;
  z-index: 1;
  display: inline-block;
  line-height: 1em;
  padding: 2px 15px;
  vertical-align: middle;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
}

#ad-theater {
  /*
  .streak-restore-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: $mediumLightest;
    padding: 15px;
    margin-bottom: 20px;
  }
  */
}
#ad-theater .streak-restore {
  background-color: #fff;
  color: #555;
  padding: 15px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#ad-theater .streak-restore > div {
  flex-grow: 1;
  font-size: 15px;
  padding-right: 15px;
}
#ad-theater .streak-restore > div .text-highlight {
  color: #d85d5d;
}
#ad-theater .streak-restore .btn-success {
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  padding: 5px 7px;
  background-color: #76a635;
}

.theater-info-buttons {
  display: block;
  margin-bottom: 10px;
  text-align: right;
}
.theater-info-buttons .restore-info {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #fff;
  border: 3px solid #fff;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 13px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: linear-gradient(to bottom, #8dc63f, #76a635);
}
.theater-info-buttons .restore-info:active {
  background-image: linear-gradient(to top, #8dc63f, #76a635);
}
.theater-info-buttons .restore-info:hover, .theater-info-buttons .restore-info:focus {
  border: 3px solid #fff;
}
.theater-info-buttons #ncmp-consent-link {
  display: inline-block;
}
.theater-info-buttons #ncmp-consent-link button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  color: #fff;
  border: 3px solid #fff;
  line-height: 1em;
  padding: 5px 7px;
  border-radius: 13px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: linear-gradient(to bottom, #ffbe47, #f2782d);
}
.theater-info-buttons #ncmp-consent-link button:active {
  background-image: linear-gradient(to top, #ffbe47, #f2782d);
}

#theater {
  background-image: url("/img/theater_bg_small.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 859px;
  height: 671px;
  border-radius: 22px;
  border: 4px solid #fff;
  margin-bottom: 10px;
  position: relative;
}
#theater #theater-cover {
  max-width: 595px;
  height: 434px;
  margin: 0px auto;
  position: absolute;
  top: 165px;
  left: 123px;
  display: flex;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}
#theater #theater-cover img {
  margin: 0px auto;
  width: 85%;
}
#theater #ad-theater-player {
  width: 595px;
  height: 434px;
  margin: 0px auto;
  position: absolute;
  top: 165px;
  left: 123px;
  border-radius: 14px;
}
#theater #ad-theater-player .brand-container {
  display: none;
}
#theater #ad-theater-player .ac-player-ph {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
}
#theater #ad-theater-player .lre-playlist-wrapper {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}

#theater-modal .reward-reason {
  width: 80%;
  margin: 0px auto;
}
#theater-modal ul {
  list-style-type: none;
}
#theater-modal ul li {
  display: inline-block;
}
#theater-modal .currency-attachments li {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 25px;
  margin: 0px 15px;
}
#theater-modal .streak-restore-table {
  text-align: left;
}
#theater-modal .streak-restore-table th {
  padding: 6px 10px;
}
#theater-modal .streak-restore-table td {
  padding: 10px;
}
#theater-modal .premium-note {
  font-size: small;
  margin-bottom: 0;
}

.theater-footer .turnip-streak .view-reward {
  margin-top: 5px;
}
.theater-footer .turnip-streak .view-reward img {
  height: 32px;
  margin-right: 5px;
}
.theater-footer .turnip-streak .view-reward .btn-gradient {
  font-size: 16px;
  padding: 5px 7px;
  border-radius: 13px;
  margin-right: 5px;
  background-image: linear-gradient(to bottom, #ffbe47, #f2782d);
}
.theater-footer .turnip-streak .view-reward .btn-gradient:active {
  background-image: linear-gradient(to top, #ffbe47, #f2782d);
}
.theater-footer .turnip-streak .turnip-streak-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
  font-size: 28px;
  vertical-align: middle;
  margin-right: 10px;
}
.theater-footer .turnip-streak .theater-turnip {
  margin-right: 10px;
}
.theater-footer .day-streak {
  font-weight: bold;
}
.theater-footer .videos-watched {
  display: flex;
  margin-bottom: 5px;
}
.theater-footer .videos-watched .videos-watched-text {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.theater-footer .videos-watched .videos-watched-bar {
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 5px;
}
.theater-footer .videos-watched .videos-watched-bar .progress {
  border-radius: 20px;
  height: 20px;
  background-color: #fff;
  border: 3px solid #fff;
  margin-bottom: 0px;
}
.theater-footer .videos-watched .videos-watched-bar .progress .progress-bar {
  background: linear-gradient(45deg, #ffbe47, #fcec54);
}
.theater-footer .videos-watched .videos-watched-bar .progress .progress-bar.completed {
  background: linear-gradient(45deg, #76a635, #8dc63f);
}

.referral-info-wrapper {
  display: flex;
}
.referral-info-wrapper .referral-info {
  flex-grow: 1;
  margin-left: 20px;
}
.referral-info-wrapper .referral-info h2 {
  font-weight: bold;
  color: #b98c75;
}
.referral-info-wrapper .referral-info p {
  color: #555;
}
.referral-info-wrapper .referral-info p a {
  color: #b98c75;
  font-weight: bold;
}
.referral-info-wrapper .referral-info .referral-line {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
  margin-bottom: 3px;
}
.referral-info-wrapper .referral-info .referral-line .fa-caret-right {
  color: #fff;
}
.referral-info-wrapper .referral-info .referral-line .referral-points {
  color: #d43c23;
}
.referral-info-wrapper .referral-info .referral-line .referral-share {
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  text-transform: lowercase;
  margin: 0px 5px;
  font-weight: normal;
  font-size: 14px;
}
.referral-info-wrapper .referral-info .referral-line .referral-share .fa, .referral-info-wrapper .referral-info .referral-line .referral-share .fab {
  font-size: 18px;
  margin: 0px 2px;
  vertical-align: text-bottom;
  color: #959595;
}

.referral-prizes {
  position: relative;
  margin-top: 80px;
}
.referral-prizes .prize-banner {
  position: absolute;
  top: -60px;
  width: 100%;
  text-align: center;
}
.referral-prizes .panel {
  border-radius: 12px;
}
.referral-prizes .panel .panel-body {
  padding: 50px;
}
.referral-prizes .panel .panel-body .prize-item {
  padding: 25px 0px;
}
.referral-prizes .panel .panel-body .prize-item h3 {
  font-size: 16px;
  font-weight: bold;
  color: #555;
  margin-bottom: 0px;
  margin-top: 7px;
  line-height: 1.3em;
}
.referral-prizes .panel .panel-body .prize-item .prize-item-price {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
}
.referral-prizes .panel .panel-body .prize-item .prize-item-price > div {
  line-height: 1em;
}
.referral-prizes .panel .panel-body .prize-item .prize-item-price .btn {
  font-weight: bold;
  padding: 0px 5px;
  margin-top: 7px;
}

@keyframes daily {
  from {
    background-position: -72px 0px;
  }
  to {
    background-position: -144px 0px;
  }
}
@keyframes indicator {
  from {
    bottom: -18px;
  }
  to {
    bottom: -21px;
  }
}
.quests {
  margin: 0 0 24px;
  list-style: none;
}
.quests .banner {
  border-radius: 4px;
  transition: transform 0.15s ease-out;
  margin-bottom: 10px;
}
.quests .banner:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.quests .banner:active {
  transform: translateY(5px);
}
.quests .banner img {
  display: block;
  border-radius: 4px;
}
.quests .banner .placeholder {
  height: 250px;
  background: #ebebeb;
  line-height: 250px;
  text-align: center;
  border-radius: 4px;
}
.quests .quest {
  display: flex;
  color: #fff;
  margin: 0 0 30px;
}
.quests .quest .bonus-days {
  height: 36px;
}
.quests .quest .bonus-days .day {
  margin-right: 8px;
  width: 36px;
  height: 36px;
  display: inline-block;
  position: relative;
}
.quests .quest .bonus-days .day.claimed {
  background-image: url("/img/daily.png");
  background-position: 0px 0px;
}
.quests .quest .bonus-days .day.claimed .indicator {
  display: none;
}
.quests .quest .bonus-days .day.unclaimed {
  background-image: url("/img/daily.png");
  background-position: -36px 0px;
}
.quests .quest .bonus-days .day .claimable {
  background-image: url("/img/daily.png");
  position: relative;
  animation: daily 0.4s steps(2) infinite;
  display: block;
  height: 36px;
}
.quests .quest .bonus-days .day .claimable:active {
  animation: none;
  background-position: -144px 0px;
}
.quests .quest .bonus-days .day .indicator {
  content: "";
  display: inline-block;
  background-image: url("/img/spritesheet.png");
  background-position: -375px -200px;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 11px;
  animation: indicator 0.4s steps(2) infinite;
}
.quests .quest .bonus-days .day .reward {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  position: absolute;
  display: none;
  bottom: -25px;
  text-align: center;
  width: 60px;
  left: -12px;
  font-size: 1.8em;
}
.quests .quest .bonus-complete button {
  position: relative !important;
  top: -2px !important;
  right: initial !important;
}
.quests .quest .bonus-complete button .icon {
  top: -2px;
}
.quests .quest .item {
  background: transparent;
  border-radius: 0px;
}
.quests .quest .name {
  display: block;
  color: #cb8e6d;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  margin-left: 10px;
  width: 100%;
}
.quests .quest .name .description {
  background: #fff;
  color: #555;
  font-weight: normal;
  border-radius: 10px;
  padding: 9px 21px 9px 9px;
  text-transform: none;
  font-size: 18px;
  border: 3px solid #fff;
  position: relative;
}
.quests .quest .claim {
  margin-left: auto;
}
.quests .quest .claim button {
  background-image: url("/img/button.png");
  width: 136px;
  height: 40px;
  position: absolute;
  top: 3px;
  right: 3px;
  border: 0px;
  background-color: transparent;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  text-transform: uppercase;
}
.quests .quest .claim button:active {
  background-image: url("/img/button_pressed.png");
}
.quests .quest .claim button:focus {
  outline: none;
}

#quests {
  position: relative;
  padding-top: 40px;
}
#quests .in-progress, #quests .available, #quests .completed {
  margin: 0 0 24px;
  list-style: none;
}
#quests .quest-status {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  color: #b98c75;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin: 30px 0px 15px 0px;
}
#quests .quest-none {
  padding: 0px 30px;
}
#quests .quests-filters {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
}
#quests .quests-filters span {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  vertical-align: middle;
  line-height: 34px;
  font-size: 20px;
  margin-right: 10px;
}
#quests .quests-filters span:first-of-type {
  margin-left: auto;
}
#quests .quests-filters select {
  border: 0px;
  max-width: 250px;
  margin-right: 10px;
}
#quests .quests-filters select:focus {
  box-shadow: none;
}
#quests .quest {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px;
  margin: 6px 0 15px;
  background-color: #fff;
}
#quests .quest .label {
  vertical-align: middle;
  text-transform: uppercase;
  padding: 3px 8px;
  line-height: 1em;
  font-size: 15px;
  margin-right: 3px;
  border-radius: 5px;
}
#quests .quest .label-main {
  background-color: #d85d5d;
}
#quests .quest .label-side {
  background-color: #ea9a00;
}
#quests .quest .label-repeatable {
  background-color: #56abbb;
}
#quests .quest .label-seasonal {
  background-color: #76a635;
}
#quests .quest .quest-icon {
  min-width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 3px solid #fff;
  background-size: 100%;
}
#quests .quest .quest-text {
  margin: 0px 12px;
}
#quests .quest .go, #quests .quest .btn-secondary {
  margin-left: auto;
  min-width: 90px;
  align-self: flex-end;
  color: #fff;
  font-size: 20px;
  padding: 5px 8px;
  line-height: 1em;
  border-radius: 6px;
}
#quests .quest .go {
  background-color: #76a635;
}
#quests .quest .btn-secondary {
  background-color: #b7b7b7;
}
#quests .quest .subtext {
  display: block;
  color: #555;
  font-size: 14px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-top: 5px;
  line-height: 1.3em;
}
#quests .name {
  display: inline;
  margin-right: 3px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-weight: bold;
}
#quests .quest-name {
  color: #555;
}
#quests .cooldown {
  display: inline;
  min-width: 90px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  align-self: flex-end;
  margin-left: auto;
}
#quests .cooldown .timer {
  font-size: 16px;
}
#quests .completed .quest-icon {
  opacity: 0.5;
}

#redeem-items .redeemable-form {
  margin-bottom: 4em;
}
#redeem-items .redeemable-form .redeemable-code {
  border: 0px;
}
#redeem-items .redeemable-form .redeemable-button {
  background-color: #e1ab87;
  color: #fff;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 1.3em;
  padding: 6px;
}
#redeem-items .redeemable {
  float: none;
  margin: 0px auto;
  padding: 10px 10px 20px 10px;
  display: inline-block;
  vertical-align: top;
}
#redeem-items .redeemable .redeemable-item {
  display: inline-block;
  width: 75px;
  height: 75px;
  margin-bottom: 15px;
}
#redeem-items .redeemable .redeemable-item img {
  margin: auto;
}
#redeem-items .redeemable .item-thumbnail {
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
#redeem-items .redeemable .redeemable-name {
  color: #cb8e6d;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 0;
}
#redeem-items .redeemable .redeemable-description {
  margin-top: 10px;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  text-align: left;
}
#redeem-items .row {
  margin-bottom: 1em;
  margin-top: 3em;
}
#redeem-items .row:first-child {
  margin-top: 0;
}
#redeem-items .redeemable-confirm {
  width: 300px;
  height: 88px;
  background: url("/img/redeem.png") no-repeat;
  background-size: 100%;
  background-color: transparent;
  font-size: 0px;
  border-radius: 0px;
  border: 0px;
  margin: 0px auto;
  transition: transform 0.15s ease-out;
  box-shadow: none;
  display: block;
}
#redeem-items .redeemable-confirm:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
#redeem-items .redeemable-confirm:active {
  transform: translateY(5px);
}

.register-banner {
  border: 0px;
  background-color: transparent;
  width: 342px;
  height: 109px;
  transition: transform 0.15s ease-out;
}
.register-banner:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
.register-banner:active {
  transform: translateY(5px);
}

.shop-category {
  margin-bottom: 30px;
}

.shop-header {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.shop-header .shop-name {
  vertical-align: middle;
}
.shop-header .location-indicator {
  vertical-align: middle;
  font-size: 60%;
  color: #b98c75;
}

.shop-text a {
  color: #b98c75;
}

.shop-link {
  display: flex;
  align-items: center;
  border-radius: 16px;
  background-color: #fce0bd;
  padding: 10px;
  margin-bottom: 30px;
}
.shop-link.limited {
  background-color: #fff;
}
.shop-link .shop-icon {
  position: relative;
  min-width: 100px;
  width: 100px;
  height: 100px;
  background: #fff;
  background-position: center center;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fff;
  margin-left: auto;
  margin-right: auto;
  background-size: 100px 100px;
}
.shop-link .shop-info {
  text-align: left;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  padding-left: 10px;
  line-height: 1.3em;
  flex-grow: 1;
}
.shop-link .shop-info .shop-name {
  color: #555;
  font-size: 18px;
}
.shop-link .shop-info .shop-time {
  margin-top: 15px;
  color: #d43c23;
}

.shop .shop-top {
  z-index: 2;
  position: relative;
}
.shop .shop-top .shop-npc {
  background-position: center;
  background-repeat: no-repeat;
  min-height: 330px;
  padding-top: 50px;
}
.shop .shop-top .shop-info-section {
  margin-bottom: 50px;
}
.shop .shop-top .shop-cost-text {
  color: #555;
  vertical-align: bottom;
}
.shop .shop-top .shop-cost-value {
  color: #d43c23;
  vertical-align: bottom;
  font-size: 0.9em;
}
.shop .shop-top .shop-play-button {
  font-size: 1em;
  margin-left: 10px;
  vertical-align: text-bottom;
  font-weight: bold;
  line-height: 1em;
}
.shop .shop-top .shop-play-button .button-text {
  margin-right: 15px;
}
.shop .shop-top .shop-play-button .button-text .glyphicon {
  font-size: 0.6em;
}
.shop .shop-top .shop-play-button .potato {
  margin-left: 3px;
}
.shop .shop-top .shop-logs-button {
  font-size: 0.8em;
  margin-left: 10px;
  margin-bottom: 15px;
  vertical-align: text-bottom;
  font-weight: bold;
  line-height: 1em;
  background-color: #b98c75;
  border-radius: 6px;
}
.shop .shop-top .shop-logs-button .button-text {
  margin-right: 15px;
}
.shop .shop-top .shop-logs-button .button-text .glyphicon {
  font-size: 0.6em;
}
.shop .shop-top .shop-logs-button .potato {
  margin-left: 3px;
}
.shop .shop-top .shop-bubble-panel {
  border: 0px;
  border-radius: 20px;
  min-height: 140px;
}
.shop .shop-top .shop-bubble {
  color: #555;
}
.shop .shop-top .shop-bubble:before {
  content: " ";
  display: block;
  position: absolute;
  top: 140px;
  left: 2px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 15px solid #fff;
  border-bottom: 10px solid transparent;
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item {
  display: inline-block;
  margin: 0px auto 10px;
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item .shop-currency-item-icon {
  float: left;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item .shop-currency-item-info {
  float: right;
  background-color: #fff;
  padding: 7px 12px;
  border-radius: 8px;
  margin-left: 12px;
}
.shop .shop-top .shop-gacha-currency-item {
  display: flex;
  margin-bottom: 60px;
}
.shop .shop-top .shop-gacha-currency-item .shop-currency-item-info {
  flex-grow: 1;
  width: 100%;
}
.shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha {
  text-align: right;
}
.shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha .shop-play-button {
  font-size: 28px;
}
.shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha .shop-play-button .currency-item-icon {
  margin-right: 5px;
  width: 20px;
  vertical-align: baseline;
}
.shop .shop-top .shop-gacha-currency-item .shop-currency-item-gacha .shop-play-button:first-of-type {
  margin-bottom: 10px;
}
.shop .shop-top .shop-gacha-currency-item .gacha-bonus-wrapper {
  display: flex;
  align-items: center;
}
.shop .shop-top .shop-gacha-currency-item .gacha-bonus-wrapper .gacha-bonus {
  margin-left: 0px;
  margin-right: 10px;
}
.shop .shop-top .shop-gacha-currency-item .shop-currency-item {
  display: flex;
  align-items: center;
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item-info, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info {
  text-align: left;
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item-info > div, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info > div {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item-info > div .shop-currency-item-detail, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-info > div .shop-currency-item-detail {
  color: #e34f32;
}
.shop .shop-top .shop-restock-currency-item .shop-currency-item-icon, .shop .shop-top .shop-gacha-currency-item .shop-currency-item-icon {
  float: left;
  margin-left: 15px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.shop .prizes {
  z-index: 1;
  margin: 0px -47px;
  position: relative;
  top: -50px;
}
.shop .prizes .prize-banner {
  z-index: 2;
  position: relative;
}
.shop .prizes .prize-box {
  background: #fce0bd;
  padding: 60px 47px;
  position: relative;
  top: -45px;
  z-index: 1;
}
.shop .prizes .prize-panel {
  border: 4px solid #fff;
  box-shadow: none;
  border-radius: 8px;
  margin-bottom: 30px;
  overflow: hidden;
}
.shop .prizes .prize-panel:last-of-type {
  margin: 0px;
}
.shop .prizes .prize-panel .panel-heading {
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  padding: 5px 8px;
}
.shop .prizes .prize-panel .panel-heading.common {
  background: #e6caa8;
}
.shop .prizes .prize-panel .panel-heading.uncommon {
  background: #f6c96c;
}
.shop .prizes .prize-panel .panel-heading.rare {
  background: #ffb07a;
}
.shop .prizes .prize-panel .panel-heading.legendary {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e7ec+0,fde62d+50,f74444+100 */
  background: #f74444; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f74444 0%, #fde62d 50%, #51e7ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$rainbowRed", endColorstr="$rainbowBlue",GradientType=1 ); /* IE6-9 */
}
.shop .prizes .prize-panel .panel-heading.limited {
  background: linear-gradient(to right, #dbcaca, #c9e4e7);
}
.shop .prizes .prize-panel .panel-heading.seasonal {
  background: linear-gradient(to right, #8bdae8, #afe281, #f7cf70);
}
.shop .prizes .prize-panel .panel-body {
  text-align: center;
  padding-top: 36px;
}
.shop .prizes .prize-item {
  margin-bottom: 1.5em;
  width: 23%;
  display: inline-block;
  vertical-align: top;
}
.shop .prizes .prize-item .prize-item-name {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 1.1em;
}
.shop .prizes .prize-item h3 {
  line-height: 1em;
  margin-top: 0.25em;
}
.shop .prizes .prize-item-price {
  font-size: 1.2em;
  color: #959595;
  font-weight: bold;
}
.shop .prizes .prize-item-price .icon {
  margin-left: 3px;
}
.shop .prizes .prize-item-price .currency-item-icon {
  margin-left: 3px;
  filter: none;
}
.shop .prizes .prize-item-price a {
  font-weight: bold;
  font-size: 0.8em;
  padding: 3px 6px;
  margin-left: 5px;
  border-radius: 6px;
}
.shop .shop-buttons {
  margin-bottom: 55px;
}
.shop .shop-buttons .button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.shop .currency-item-icon {
  width: 16px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.shop .free-spins {
  color: #333;
  font-size: 14px;
  text-transform: none;
  margin: 0px;
}

.shop-modal .modal-content {
  border-color: #fff;
  background-color: #f8d0a1;
  padding: 30px;
}
.shop-modal .modal-content .currency-item-icon {
  width: 16px;
  margin-left: 4px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}
.shop-modal .modal-content .item-modal-text {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
  margin-bottom: 10px;
}
.shop-modal .modal-content .item-modal-text #itemName, .shop-modal .modal-content .item-modal-text .item-total-cost-text {
  color: #e54b4b;
  font-weight: bold;
  text-transform: uppercase;
}
.shop-modal .modal-content .item-modal-text #itemQuantity {
  display: inline-block;
  width: auto;
}
.shop-modal .modal-content .item-modal-text.item-selection {
  display: flex;
  align-items: center;
}
.shop-modal .modal-content .item-modal-text.item-selection > div {
  flex-grow: 1;
}
.shop-modal .modal-content .item-modal-text.item-selection > div:first-of-type {
  text-align: right;
  margin-right: 10px;
}
.shop-modal .modal-content .item-modal-text.item-selection > div:last-of-type {
  text-align: left;
}
.shop-modal .modal-content .item-modal-text .icon {
  margin-left: 5px;
}
.shop-modal .modal-content .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  padding: 3px 9px;
  line-height: 1em;
  font-size: 28px;
  margin-right: 3px;
}

.claims-table {
  font-size: 15px;
}
.claims-table > thead > tr > th, .claims-table > tbody > tr > td {
  padding: 5px 10px;
}
.claims-table td {
  text-align: left;
}

.lot-type {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}

.trade-create .form-control, .trade-create option {
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 22px;
}
.trade-create .lot-field {
  display: flex;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  margin-bottom: 10px;
}
.trade-create .lot-field .lot-type-select {
  max-width: 300px;
}
.trade-create .lot-field .lot-key {
  color: #d8a481;
  padding-right: 10px;
  font-size: 22px;
}
.trade-create .lot-field .lot-value {
  flex-grow: 1;
}
.trade-create .lot-field .lot-value select {
  padding-top: 0px;
  padding-bottom: 0px;
}
.trade-create .lot-content.sale {
  max-width: 400px;
}
.trade-create .lot-content.auction {
  max-width: 450px;
}
.trade-create .lot-content.trade {
  max-width: 700px;
}
.trade-create .lot-content.trade input {
  max-width: 200px;
}
.trade-create .lot-content.trade .lot-key {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d8a481;
}
.trade-create .lot-content.trade .lot-trade-note textarea {
  border-radius: 10px;
  max-height: 100px;
}

.lot-single {
  display: inline-block;
}
.lot-single .lot-header {
  padding: 0px 10px;
  display: flex;
}
.lot-single .lot-header .lot-type {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 25px;
  width: auto;
  padding: 8px 13px;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
.lot-single .lot-header .lot-type.trade {
  background: #8dc63f;
}
.lot-single .lot-header .lot-type.auction {
  background: #ff7b7b;
}
.lot-single .lot-header .lot-type.sale {
  background: #5dd0d1;
}
.lot-single .lot-header .lot-type a, .lot-single .lot-header .lot-type a:hover, .lot-single .lot-header .lot-type a:link, .lot-single .lot-header .lot-type a:active, .lot-single .lot-header .lot-type a:visited {
  color: #fff;
}
.lot-single .lot-header .lot-buttons {
  flex-grow: 1;
  text-align: right;
  padding-left: 10px;
}
.lot-single .lot-header .lot-buttons form {
  display: inline-block;
}
.lot-single .lot-header .lot-buttons .btn-secondary {
  background-color: #c1c1c1;
  color: #fff;
  padding: 4px 17px;
  border-radius: 6px;
  margin-right: 10px;
  font-size: 17px;
}
.lot-single .lot-content {
  border-radius: 10px;
  background-color: #fff;
  padding: 10px;
  display: flex;
}
.lot-single .lot-content .lot-items {
  max-width: 600px;
}
.lot-single .lot-content .lot-items .lot-pet, .lot-single .lot-content .lot-items .lot-item {
  float: left;
  width: 185px;
  display: flex;
}
.lot-single .lot-content .lot-items .lot-pet .item-info, .lot-single .lot-content .lot-items .lot-item .item-info {
  align-self: center;
  flex-grow: 1;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  padding: 0px 15px 0px 10px;
}
.lot-single .lot-content .lot-items .lot-pet .item-info a, .lot-single .lot-content .lot-items .lot-pet .item-info a:hover, .lot-single .lot-content .lot-items .lot-pet .item-info a:link, .lot-single .lot-content .lot-items .lot-pet .item-info a:active, .lot-single .lot-content .lot-items .lot-pet .item-info a:visited, .lot-single .lot-content .lot-items .lot-item .item-info a, .lot-single .lot-content .lot-items .lot-item .item-info a:hover, .lot-single .lot-content .lot-items .lot-item .item-info a:link, .lot-single .lot-content .lot-items .lot-item .item-info a:active, .lot-single .lot-content .lot-items .lot-item .item-info a:visited {
  color: #555;
}
.lot-single .lot-content .lot-items .lot-potatoes {
  font-size: 25px;
  line-height: 25px;
  color: #b98c75;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
  font-weight: bold;
  width: 100%;
}
.lot-single .lot-content .lot-items .lot-potatoes .icon {
  vertical-align: middle;
  margin-left: 5px;
}
.lot-single .lot-content .lot-right .lot-field {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 5px;
  color: #555;
}
.lot-single .lot-content .lot-right .lot-field.auction-date, .lot-single .lot-content .lot-right .lot-field.auction-bid {
  margin-bottom: 15px;
}
.lot-single .lot-content .lot-right .lot-field .lot-key {
  color: #d8a481;
}
.lot-single .lot-content .lot-right .lot-field .lot-key.auction {
  color: #ff7b7b;
}
.lot-single .lot-content .lot-right .lot-info {
  width: 285px;
  padding: 15px 20px;
}
.lot-single .lot-content .lot-right .lot-info a, .lot-single .lot-content .lot-right .lot-info a:link, .lot-single .lot-content .lot-right .lot-info a:hover, .lot-single .lot-content .lot-right .lot-info a:visited {
  color: #d8a481;
  font-weight: bold;
}
.lot-single .lot-content .lot-right .lot-info.trade .lot-field {
  margin-bottom: 13px;
}
.lot-single .lot-content .lot-right .lot-info.trade .lot-key {
  color: #e8b492;
  font-size: 22px;
}
.lot-single .lot-content .lot-right .lot-info.trade .lot-note {
  text-transform: initial;
  font-weight: normal;
  color: #555;
  margin-top: 13px;
  margin-bottom: 0px;
  line-height: 1.2em;
}
.lot-single .lot-content .lot-right .lot-info.auction {
  align-self: center;
}
.lot-single .lot-content .lot-right .lot-info.sale {
  width: auto;
}
.lot-single .lot-content .lot-right .lot-info.sale .lot-field {
  font-size: 23px;
}
.lot-single .lot-content .lot-right .lot-info.sale .btn {
  font-size: 20px;
  margin-top: 10px;
  color: #fff;
}
.lot-single .lot-footer {
  display: flex;
  margin-top: 15px;
}
.lot-single .lot-footer .btn {
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
}
.lot-single .lot-footer.sale {
  justify-content: flex-end;
}
.lot-single .lot-footer.sale form {
  display: inline-block;
  margin-left: 20px;
}
.lot-single .lot-footer.auction .bid-section {
  flex-grow: 1;
  font-size: 25px;
  line-height: 25px;
}
.lot-single .lot-footer.auction .bid-section .bid-text {
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-right: 10px;
}
.lot-single .lot-footer.auction .bid-section form {
  display: flex;
  align-items: center;
}
.lot-single .lot-footer.auction .bid-section form .bid-value {
  line-height: 25px;
  height: 37px;
  border: 0px;
  max-width: 300px;
  margin-right: 10px;
}
.lot-single .lot-footer.auction .autobuy-button {
  margin-left: 20px;
}
.lot-single .lot-footer .lot-buttons {
  flex-grow: 1;
  text-align: right;
  padding-left: 10px;
}
.lot-single .lot-footer .lot-buttons .btn-secondary {
  background-color: #c1c1c1;
  color: #fff;
  padding: 4px 17px;
  border-radius: 6px;
  margin-right: 10px;
  font-size: 17px;
}

.lot-actions {
  margin-top: 20px;
}
.lot-actions h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-bottom: 0px;
}
.lot-actions.auction h2 {
  color: #ff7b7b;
}
.lot-actions.auction .bid-history {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  border-radius: 7px;
  background-color: #fff;
  padding: 5px 10px;
  display: table;
}
.lot-actions.auction .bid-history .bid-row {
  display: table-row;
  line-height: 27px;
}
.lot-actions.auction .bid-history .bid-row .bid-user, .lot-actions.auction .bid-history .bid-row .bid-amount, .lot-actions.auction .bid-history .bid-row .bid-time {
  display: table-cell;
}
.lot-actions.auction .bid-history .bid-row .bid-user a, .lot-actions.auction .bid-history .bid-row .bid-user a:link, .lot-actions.auction .bid-history .bid-row .bid-user a:hover, .lot-actions.auction .bid-history .bid-row .bid-user a:visited {
  color: #ff7b7b;
}
.lot-actions.auction .bid-history .bid-row .bid-amount {
  color: #555;
  padding: 0px 50px;
}
.lot-actions.auction .bid-history .bid-row .bid-value {
  color: #d8a481;
}
.lot-actions.auction .bids-none {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
}
.lot-actions.sale h2 {
  color: #cb8e6d;
}
.lot-actions.sale .sale-info {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
}
.lot-actions.sale .sale-info a, .lot-actions.sale .sale-info a:link, .lot-actions.sale .sale-info a:hover, .lot-actions.sale .sale-info a:visited {
  color: #5dd0d1;
}
.lot-actions.trade h2 {
  margin-bottom: 12px;
}
.lot-actions.trade .btn-trade {
  font-size: 18px;
}
.lot-actions.trade .lot-field {
  margin-bottom: 10px;
}
.lot-actions.trade .lot-field .lot-key {
  color: #d8a481;
  padding-right: 10px;
  font-size: 22px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
.lot-actions.trade .lot-field .lot-value {
  display: inline-block;
}
.lot-actions.trade .lot-field .lot-value .form-control {
  display: inline-block;
  width: auto;
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 22px;
}
.lot-actions.trade .btn-danger {
  font-size: 22px;
  line-height: 1em;
  font-weight: bold;
}
.lot-actions.trade .offers {
  margin-top: 20px;
}
.lot-actions.trade .offer {
  border-radius: 10px;
  background-color: #fff;
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  min-height: 130px;
}
.lot-actions.trade .offer:last-of-type {
  margin-bottom: 0px;
}
.lot-actions.trade .offer .lot-items {
  max-width: 740px;
}
.lot-actions.trade .offer .lot-items .lot-pet, .lot-actions.trade .offer .lot-items .lot-item {
  float: left;
  width: 185px;
  display: flex;
}
.lot-actions.trade .offer .lot-items .lot-pet .item-info, .lot-actions.trade .offer .lot-items .lot-item .item-info {
  align-self: center;
  flex-grow: 1;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  padding: 0px 15px 0px 10px;
}
.lot-actions.trade .offer .lot-items .lot-pet .item-info a, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:hover, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:link, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:active, .lot-actions.trade .offer .lot-items .lot-pet .item-info a:visited, .lot-actions.trade .offer .lot-items .lot-item .item-info a, .lot-actions.trade .offer .lot-items .lot-item .item-info a:hover, .lot-actions.trade .offer .lot-items .lot-item .item-info a:link, .lot-actions.trade .offer .lot-items .lot-item .item-info a:active, .lot-actions.trade .offer .lot-items .lot-item .item-info a:visited {
  color: #555;
}
.lot-actions.trade .offer .lot-potatoes {
  font-size: 25px;
  line-height: 25px;
  color: #b98c75;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-left: 10px;
}
.lot-actions.trade .offer .lot-potatoes .icon {
  vertical-align: middle;
  margin-left: 5px;
}
.lot-actions.trade .offer .offer-user {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d8a481;
}
.lot-actions.trade .offer .offer-user a, .lot-actions.trade .offer .offer-user a:hover, .lot-actions.trade .offer .offer-user a:link, .lot-actions.trade .offer .offer-user a:active, .lot-actions.trade .offer .offer-user a:visited {
  color: #555;
}
.lot-actions.trade .offer .btn {
  position: absolute;
  font-size: 20px;
  right: 25px;
}
.lot-actions.trade .offer .btn-success {
  background-color: #8dc63f;
  top: 20px;
}
.lot-actions.trade .offer .btn-danger {
  bottom: 20px;
}
.lot-actions.owner-actions {
  margin-top: 20px;
}
.lot-actions.owner-actions .btn {
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
}
.lot-actions.owner-actions.auction .cancel-button {
  margin-left: 20px;
}
.lot-actions.owner-actions.auction .btn-default {
  background-color: #c1c1c1;
  color: #fff;
}
.lot-actions.owner-actions.auction form {
  display: inline-block;
}
.lot-actions.owner-actions.trade h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-bottom: 0px;
  color: #cb8e6d;
}
.lot-actions.owner-actions.trade .offers-none {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 20px;
}
.lot-actions.owner-actions.trade .lot-cancel {
  margin-top: 20px;
}

.lots {
  list-style: none;
  margin: 0 0 24px;
}
.lots.main .lot-row {
  border-radius: 8px;
  overflow: hidden;
}
.lots.main .lot-row .lot-content {
  border-radius: 0;
}
.lots.main .lot-row .lot-header {
  padding: 8px 15px;
  display: flex;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
.lots.main .lot-row .lot-header.trade {
  background: #8dc63f;
}
.lots.main .lot-row .lot-header.auction {
  background: #ff7b7b;
}
.lots.main .lot-row .lot-header.sale {
  background: #5dd0d1;
}
.lots.main .lot-row .lot-header .expand-link {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.7;
  margin-right: 10px;
}
.lots.main .lot-row .lot-header a, .lots.main .lot-row .lot-header a:hover, .lots.main .lot-row .lot-header a:link, .lots.main .lot-row .lot-header a:active, .lots.main .lot-row .lot-header a:visited {
  color: #fff;
}
.lots.main .lot-row .lot-header .lot-type {
  flex-grow: 1;
}
.lots.main .lot-row .lot-header .lot-type .type {
  color: #fff;
}
.lots.main .lot-row .lot-header .lot-type .user, .lots.main .lot-row .lot-header .lot-type .user:hover, .lots.main .lot-row .lot-header .lot-type .user:link, .lots.main .lot-row .lot-header .lot-type .user:active, .lots.main .lot-row .lot-header .lot-type .user:visited {
  color: #555;
}
.lots.main .lot-row.offer .lot-content.trade .offer-title {
  font-size: 17px;
  line-height: 1em;
  color: #e1ab87;
}
.lots.main .lot-row.offer .lot-content.trade .lot-right {
  display: block;
}
.lots.main .lot-row.offer .lot-content.trade .lot-right .btn, .lots.main .lot-row.offer .lot-content.trade .lot-right form {
  position: initial;
  float: right;
}
.lots.main .lot-row.offer .lot-content.trade .lot-right form {
  display: inline-block;
  margin-left: 10px;
}
.lots.main .lot-row.offer .lot-content.trade .lot-right form .btn {
  background-color: #b7b7b7;
  font-weight: bold;
}
.lots.main .lot-row.offer .lot-content.trade > .row .col-xs-6:first-of-type {
  border-right: 2px solid #e1ab87;
}
.lots.main .lot-row.offer .lot-content.trade > .row .col-xs-6:last-of-type {
  border-left: 2px solid #e1ab87;
}
.lots.main .lot-row .lot-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #fff;
  padding: 15px;
  position: relative;
}
.lots.main .lot-row .lot-content .lot-pet, .lots.main .lot-row .lot-content .lot-item {
  float: left;
  width: 20%;
  text-align: center;
}
.lots.main .lot-row .lot-content .lot-pet img, .lots.main .lot-row .lot-content .lot-item img {
  max-width: 100%;
}
.lots.main .lot-row .lot-content .lot-potatoes {
  font-size: 25px;
  line-height: 25px;
  color: #b98c75;
  margin-bottom: 0px;
  margin-top: 10px;
  padding-left: 10px;
}
.lots.main .lot-row .lot-content .lot-potatoes .icon {
  vertical-align: middle;
  margin-left: 5px;
}
.lots.main .lot-row .lot-content .row {
  display: flex;
}
.lots.main .lot-row .lot-right {
  position: initial;
  display: flex;
}
.lots.main .lot-row .lot-right .lot-field {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 5px;
  color: #555;
}
.lots.main .lot-row .lot-right .lot-field.auction-date {
  margin-bottom: 15px;
}
.lots.main .lot-row .lot-right .lot-field .lot-key {
  color: #d8a481;
}
.lots.main .lot-row .lot-right .lot-field .lot-key.auction {
  color: #ff7b7b;
}
.lots.main .lot-row .lot-right .lot-info a, .lots.main .lot-row .lot-right .lot-info a:link, .lots.main .lot-row .lot-right .lot-info a:hover, .lots.main .lot-row .lot-right .lot-info a:visited {
  color: #d8a481;
  font-weight: bold;
}
.lots.main .lot-row .lot-right .lot-info.trade .lot-field {
  margin-bottom: 13px;
}
.lots.main .lot-row .lot-right .lot-info.trade .lot-note {
  text-transform: initial;
  text-align: justify;
  font-weight: normal;
  color: #555;
  margin-top: 13px;
  margin-bottom: 0px;
  line-height: 1.2em;
}
.lots.main .lot-row .lot-right .lot-info.auction {
  align-self: center;
}
.lots.main .lot-row .lot-right .btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 20px;
  line-height: 20px;
  padding: 6px 8px;
  border-radius: 6px;
}
.lots li {
  margin: 0 0 15px;
}
.lots li:last-child {
  margin-bottom: 0;
}

.logs .log {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
  margin-bottom: 15px;
}
.logs .log .log-header {
  border-radius: 10px;
  background-color: #d7d7d7;
  color: #959595;
  padding: 10px;
}
.logs .log .log-header .lot-id.auction {
  color: #d85d5d;
}
.logs .log .log-header .lot-id.sale {
  color: #56abbb;
}
.logs .log .log-header .lot-id.trade {
  color: #76a635;
}
.logs .log .log-header .log-controls {
  display: inline-block;
  float: right;
}
.logs .log .log-header .log-controls .btn-default {
  background-color: #b7b7b7;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 18px;
  padding: 3px 5px;
  line-height: 16px;
  margin-left: 10px;
}
.logs .log .log-header .log-controls span {
  vertical-align: middle;
  display: inline-block;
}
.logs .log .log-header .log-controls .log-check input[type=checkbox] {
  display: none;
}
.logs .log .log-header .log-controls .log-check input[type=checkbox] + label {
  background-image: url("/img/spritesheet.png");
  background-position: -50px -275px;
  height: 26px;
  width: 25px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin-bottom: 1px;
  vertical-align: middle;
}
.logs .log .log-header .log-controls .log-check input[type=checkbox]:checked + label {
  background-position: -75px -275px;
}
.logs .log .log-header a, .logs .log .log-header a:hover, .logs .log .log-header a:link, .logs .log .log-header a:active, .logs .log .log-header a:visited {
  color: #555;
}
.logs .log .log-header .fa-caret-down {
  color: #fff;
  font-size: 30px;
  line-height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  transform: translateX(3px) translateY(-3px);
  transition: transform 0.3s;
}
.logs .log .log-header .fa-caret-down.collapsed {
  transform: rotate(-90deg) translateY(3px) translateX(1px);
  transition: transform 0.3s;
}
.logs .log .log-content {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 30px;
  margin-right: 10px;
  padding: 10px;
}
.logs .log .log-content .lot-items .lot-pet, .logs .log .log-content .lot-items .lot-item {
  float: left;
  width: 11%;
  text-align: center;
}
.logs .log .log-content .lot-items .lot-pet img, .logs .log .log-content .lot-items .lot-item img {
  max-width: 100%;
}
.logs .log .log-content .lot-items .lot-potatoes {
  font-size: 25px;
  line-height: 25px;
  color: #b98c75;
  margin-bottom: 0px;
  margin-top: 10px;
  padding-left: 10px;
}
.logs .log .log-content .lot-items .lot-potatoes .icon {
  vertical-align: middle;
  margin-left: 5px;
}
.logs .log .log-content .lot-cost {
  text-align: right;
}
.logs .log .log-content .lot-cost .bid-text {
  color: #d8a481;
}
.logs .log .log-content .log-accepted-header {
  background-color: #d7d7d7;
  color: #959595;
  padding: 5px 10px;
  margin: 10px -10px;
  line-height: 1em;
}

#trade-market .page-switcher {
  text-align: right;
  color: #fff;
}
#trade-market .error {
  color: #d43c23;
  display: none;
}
#trade-market .error.show {
  display: block;
}
#trade-market .holding-pen-content .well {
  background-color: #fff;
  box-shadow: 0px;
  color: #555;
  font-size: 20px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  border-radius: 6px;
}
#trade-market .select-bar {
  margin-bottom: 25px;
}
#trade-market .select-bar .pet-count {
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d43c23;
}
#trade-market .select-bar .pen-select {
  float: right;
}
#trade-market .select-bar .pen-select select {
  margin-right: 5px;
  border: 0px;
}
#trade-market .select-bar .pen-select .btn {
  height: 34px;
}
#trade-market .trade-form {
  margin-top: 20px;
}
#trade-market .trade-form .content-item {
  margin-bottom: 10px;
}
#trade-market .trade-form .content-item .trade-item-section {
  color: #d8a481;
  padding-right: 10px;
  font-size: 22px;
  cursor: pointer;
  line-height: 1.2em;
}
#trade-market .trade-form .content-item .trade-item-section .fa-caret-down {
  font-size: 30px;
  line-height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  transform: translateX(3px) translateY(-3px);
  transition: transform 0.3s;
}
#trade-market .trade-form .content-item .trade-item-section.collapsed .fa-caret-down {
  transform: rotate(-90deg) translateY(3px) translateX(1px);
  transition: transform 0.3s;
}
#trade-market .submit-button {
  padding: 5px 7px;
  line-height: 1em;
  font-size: 22px;
  font-weight: bold;
}
#trade-market .part-types li a {
  border-radius: 6px;
  min-width: auto;
}
#trade-market .part-types li a.active {
  background: #df8360;
}
#trade-market .part-types li a.danger {
  background-color: #e54b4b;
}
#trade-market .toolbar {
  margin-bottom: 20px;
}
#trade-market .toolbar .form-inline {
  display: flex;
}
#trade-market .toolbar .form-inline .form-control {
  margin-right: 5px;
}
#trade-market .toolbar .form-inline .form-control:first-of-type {
  flex-grow: 1;
}
#trade-market .toolbar .form-inline select {
  padding-left: 8px;
}
#trade-market .toolbar .form-inline .btn-danger {
  margin-left: 10px;
  font-size: 22px;
  font-weight: bold;
  float: right;
  line-height: 1em;
  padding: 5px 12px;
}
#trade-market .log-buttons {
  margin-bottom: 20px;
}
#trade-market .log-buttons a {
  border-radius: 6px;
  min-width: auto;
  font-size: 22px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 5px;
  padding: 5px 7px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#trade-market .log-buttons a.active {
  background: #df8360;
  box-shadow: none;
}
#trade-market .log-title {
  margin-bottom: 20px;
}
#trade-market .log-title span {
  font-size: 24px;
  margin-right: 5px;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d8a481;
}
#trade-market .log-title .btn.btn-basic {
  margin-right: 5px;
  padding: 5px 7px;
  border-radius: 6px;
  min-width: auto;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 5px;
  vertical-align: middle;
}
#trade-market .log-title .btn.btn-basic.active {
  background: #df8360;
}
#trade-market .sort-menu {
  margin-top: 0px;
  margin-left: 0px;
}
#trade-market .sort-menu label {
  display: none;
}
#trade-market .sort-menu select {
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
}
#trade-market .trades-header {
  color: #cb8e6d;
}
#trade-market .trade-name {
  color: #555;
  font-weight: bold;
}
#trade-market .content-item .trade-item-name {
  color: #cb8e6d;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 1.1em;
}
#trade-market .content-item .trade-item-sub {
  color: #e1ab87;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 1em;
  margin-bottom: 0.75em;
}
#trade-market .trade-pet > a h5 {
  margin-bottom: 0px;
}
#trade-market .trade-pet > a img {
  margin-bottom: 0.5em;
}
#trade-market .trade-item h5 {
  margin-bottom: 0px;
}
#trade-market .trade-item img {
  margin-bottom: 0.5em;
}
#trade-market .trade-text {
  color: #555;
}

.holding-pen {
  list-style: none;
  margin: 0 0 12px;
}
.holding-pen li {
  margin: 0 0 16px;
}
.holding-pen li:last-child {
  margin-right: 0;
}
.holding-pen li .pet {
  color: #fff;
  text-align: center;
}
.holding-pen li .pet .pet-image {
  margin-bottom: 10px;
  position: relative;
}
.holding-pen li .pet .pet-image .selected-bg {
  width: 183px;
  height: 183px;
  display: inline-block;
  margin: 0px auto;
  position: absolute;
  top: 0;
  left: 38px;
}
.holding-pen li .pet .pet-image img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.holding-pen li .pet input[type=checkbox] {
  display: none;
}
.holding-pen li .pet input[type=checkbox] + label .pet-check {
  background-image: url("/img/spritesheet.png");
  background-position: -50px -275px;
  height: 26px;
  width: 25px;
  display: inline-block;
  padding: 0 0 0 0px;
  margin-bottom: 1px;
  vertical-align: middle;
}
.holding-pen li .pet input[type=checkbox]:checked + label .selected-bg {
  background-color: #fff;
  border-radius: 50%;
}
.holding-pen li .pet input[type=checkbox]:checked + label .pet-check {
  background-position: -75px -275px;
}
.holding-pen li .pet .pet-data {
  background: #e8b492;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.holding-pen li .pet .pet-data .name {
  display: block;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  line-height: 1em;
}
.holding-pen li .pet .pet-data .date {
  color: #555;
  font-size: 17px;
}
.holding-pen li .pet .pet-data .btn-primary:hover, .holding-pen li .pet .pet-data .btn-primary:focus, .holding-pen li .pet .pet-data .btn-primary:active {
  background: #f8d0a1;
}
.holding-pen li .pet .pet-data .btn-link {
  color: #fff;
  border-color: #fff;
}
.holding-pen li .pet .pet-data .btn-link:hover, .holding-pen li .pet .pet-data .btn-link:focus, .holding-pen li .pet .pet-data .btn-link:active {
  color: #e1ab87;
  background: #fff;
}

#trade-market #market-search .search-button-wrapper {
  width: 67px;
  padding-top: 12px;
  display: flex;
  justify-content: center;
}
#trade-market #market-search .search-button-wrapper .btn {
  font-size: 1.5em;
  padding: 6px;
  width: 45px;
  height: 45px;
  background-color: #e1ab87;
  color: #fff;
}
#trade-market #market-search .search-in, #trade-market #market-search .search-stat, #trade-market #market-search .search-type, #trade-market #market-search .search-order, #trade-market #market-search .search-pet-rarity {
  flex-grow: 0;
}
#trade-market #market-search .search-item-type, #trade-market #market-search .search-clothing-type, #trade-market #market-search .search-rarity {
  flex-grow: 1;
}
#trade-market #market-search .search-pet-rarity {
  width: 30%;
}

.treasury-form .form-group {
  margin-bottom: 5px;
}
.treasury-form .form-control {
  border: 0px;
  border-radius: 0px;
  height: 1.9em;
}
.treasury-form .control-label {
  padding: 0.3em 0px 0px 0px;
  text-transform: uppercase;
}

.treasury-title {
  color: #fff;
  margin-bottom: 0px;
  font-size: 2.3em;
}

.treasury-info {
  margin-bottom: 1em;
}

.treasury-icon.icon {
  vertical-align: top;
}

.treasury-header {
  display: inline-block;
}

.treasury-row {
  margin-bottom: 5em;
}

.transfers .transfers-description {
  word-break: break-word;
  width: 33%;
}
.transfers > tbody > tr {
  background-color: #fff;
}
.transfers > tbody > td {
  border: 0px;
}
.transfers > thead > tr > th {
  border-bottom: 3px solid #d8a481;
}

.transfer-pagination .pagination {
  margin-bottom: 0px;
}
.transfer-pagination .pagination .active > a, .transfer-pagination .pagination .active > a:hover, .transfer-pagination .pagination .active > a:focus, .transfer-pagination .pagination .active > span, .transfer-pagination .pagination .active > span:hover, .transfer-pagination .pagination .active > span:focus {
  color: #fff;
  background-color: #b98c75;
  border-color: #b98c75;
}
.transfer-pagination .pagination > li > a {
  background-color: #e8b492;
  color: #fff;
  border-color: #e8b492;
}
.transfer-pagination .pagination .disabled > span, .transfer-pagination .pagination .disabled > span:hover, .transfer-pagination .pagination .disabled > span:focus, .transfer-pagination .pagination .disabled > a, .transfer-pagination .pagination .disabled > a:hover, .transfer-pagination .pagination .disabled > a:focus {
  color: #f8d0a1;
  background-color: #e8b492;
  border-color: #e8b492;
}

#town #town-map {
  position: relative;
  z-index: 1;
}
#town .omega {
  position: relative;
  z-index: 0;
}
#town .omega > .content-item:first-of-type {
  margin-bottom: 10px;
}
#town .omega > .content-item:first-of-type .back-link {
  font-weight: bold;
}
#town .omega .well {
  box-shadow: none;
  border-radius: 16px;
  background-color: #e8be98;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#town .well h4 {
  font-style: italic;
  font-weight: bold;
}
#town #town-map-panel {
  position: relative;
  width: 511px;
  height: 562px;
  background: center center no-repeat;
}
@keyframes MoveUpDown {
  0% {
    background-position: 0px 5px;
  }
  50% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 0px 5px;
  }
}
#town #town-map-panel .npc-indicator {
  position: absolute;
}
#town #town-map-panel .npc-indicator.active .indicator-icon {
  background-position: bottom right;
  animation: none;
}
#town #town-map-panel .npc-indicator.active .npc-context {
  pointer-events: all;
  opacity: 1;
}
#town #town-map-panel .npc-indicator.active .npc-context .npc-menu {
  left: 114px;
}
#town #town-map-panel .npc-indicator .indicator-icon {
  display: block;
  height: 31px;
  width: 22px;
  background: url("/img/town-map-indicator.png") 0px 5px no-repeat;
  animation: MoveUpDown 1s linear infinite;
  position: relative;
  z-index: 1;
}
#town #town-map-panel .npc-indicator .indicator-icon.new {
  height: 41px;
  width: 40px;
  top: -5px;
  left: -9px;
  background: url("/img/town-map-indicator-glow.png") 0px 5px no-repeat;
}
#town #town-map-panel .npc-indicator .npc-context {
  position: absolute;
  top: -206px;
  left: -65px;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}
#town #town-map-panel .npc-indicator .npc-context .npc-context-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#town #town-map-panel .npc-indicator .npc-context .npc-context-left .npc-avatar {
  position: relative;
  width: 152px;
  height: 152px;
  background: #fff;
  background-position: top center;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fff;
}
#town #town-map-panel .npc-indicator .npc-context .npc-context-left .npc-name {
  width: 152px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #d43c23;
  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff, -2px -2px #fff, -2px 2px #fff, 2px 2px #fff, 2px -2px #fff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 9px;
  line-height: 1em;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu {
  position: absolute;
  top: 18px;
  left: 92px;
  transition: all 0.2s ease-in;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li {
  width: 300px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a {
  display: block;
  background: #fff;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #333;
  padding: 2px 20px 2px 50px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a .quest-name {
  vertical-align: middle;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main {
  color: #d85d5d;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main:hover {
  background: #d85d5d;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main:hover:after {
  color: #d85d5d;
  content: "Main Quest";
  right: -83px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side {
  color: #ea9a00;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side:hover {
  background: #ea9a00;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side:hover:after {
  color: #ea9a00;
  content: "Side Quest";
  right: -77px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable {
  color: #56abbb;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable:hover {
  background: #56abbb;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable:hover:after {
  color: #56abbb;
  content: "Repeat Quest";
  right: -95px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal {
  color: #76a635;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal:hover {
  background: #76a635;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal:hover:after {
  color: #76a635;
  content: "Seasonal Quest";
  right: -114px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.main:hover:after, #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.side:hover:after, #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.repeatable:hover:after, #town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.seasonal:hover:after {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0px;
  height: 25px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  padding: 2px 5px;
  z-index: -1;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a:hover {
  background: #e8b492;
  color: #fff !important;
  position: relative;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.chatter-a {
  color: #b98c75;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.chatter-a:hover {
  background: #b98c75;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.shop-a {
  color: #959595;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li a.shop-a:hover {
  background: #959595;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li:first-child a {
  border-top-right-radius: 8px;
}
#town #town-map-panel .npc-indicator .npc-context .npc-menu .nav li:last-child a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#user-profile .user-profile-link {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  margin-left: 30px;
  font-size: 15px;
  margin-bottom: 10px;
  display: block;
}
#user-profile .icon {
  margin-top: 3px;
}
#user-profile section {
  margin-bottom: 24px;
}
#user-profile h2 {
  color: #fff;
  font-weight: bold;
}
#user-profile .avatar-pet {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#user-profile .avatar-pet .pet-thumb {
  margin-bottom: 10px;
}
#user-profile .avatar-pet .pet-affection .affection-bar {
  transform: scale(0.7);
  margin-bottom: 0px;
}
#user-profile .avatar-pet .pet-affection .affection-bar .affection-mask {
  max-width: 100%;
}
#user-profile .avatar-pet .pet-affection .affection-bar .progress {
  max-width: 99%;
  height: 28px;
}
#user-profile .avatar-pet .pet-name a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 18px;
  line-height: 1em;
}
#user-profile .avatar-pet .pet-species {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 16px;
}
#user-profile .competitive-team-banner {
  margin-top: 5px;
}
#user-profile .competitive-team-banner a {
  display: block;
}
#user-profile #user-profile-info {
  position: relative;
}
#user-profile #user-profile-info .user-header {
  font-weight: bold;
}
#user-profile #user-profile-info .user-name {
  display: inline-block;
  color: #333;
  font-weight: bold;
  background: #fff;
  margin: 0 15px 6px 0;
  padding: 0 12px;
  border-radius: 12px;
  vertical-align: middle;
}
#user-profile #user-profile-info .competitive-level-banner {
  float: right;
  margin-right: -12px;
}
#user-profile #user-profile-info .user-title {
  display: block;
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  padding: 0 12px;
  overflow: hidden;
}
#user-profile #user-profile-info .user-title.staff .user-rank {
  text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff, 0px 1px 1px #fff, 1px 0px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff, 0px 1px 1px #fff, 1px 0px 1px #fff;
}
#user-profile #user-profile-info .user-title.user .user-rank {
  font-weight: bold;
}
#user-profile #user-profile-info .user-title .divider {
  border-radius: 50%;
  border: 2px solid #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}
#user-profile #user-profile-info .user-title .avatar-class {
  font-weight: bold;
}
#user-profile #user-profile-info .user-bio {
  background: #fff;
  padding: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 18px;
  min-height: 100px;
}
#user-profile #user-profile-info .user-bio p:last-child {
  margin-bottom: 0;
}
#user-profile #user-profile-info .edit-profile {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 32px;
  color: #fff;
}
#user-profile #equipment .equipment {
  list-style: none;
}
#user-profile #equipment .equipment li {
  display: inline-block;
  margin: 0 2px 5px 0;
}
#user-profile #equipment .equipment li .item {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  opacity: 1;
}
#user-profile #achievements .achievements {
  list-style: none;
  margin: 0px;
}
#user-profile #achievements .achievements:before, #user-profile #achievements .achievements:after {
  display: table;
  content: " ";
}
#user-profile #achievements .achievements:after {
  clear: both;
}
#user-profile #achievements .achievements.wide li {
  width: 7.1428571429%;
}
#user-profile #achievements .achievements li {
  width: 14.2857142857%;
  float: left;
  margin-bottom: 2px;
}
#user-profile #achievements .achievements li .achievement {
  display: inline-block;
}
#user-profile #achievements .achievements-link {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
}
#user-profile #hatching .hatching-none {
  color: #e8b492;
}
#user-profile #hatching .hatching {
  display: flex;
  align-items: center;
}
#user-profile #hatching .hatching:before, #user-profile #hatching .hatching:after {
  display: table;
  content: " ";
}
#user-profile #hatching .hatching:after {
  clear: both;
}
#user-profile #hatching .hatching .hatching-thumbnail {
  border: 3px solid #fff;
  background: #fff;
  border-radius: 50%;
  width: 75px;
  height: 75px;
}
#user-profile #hatching .hatching .hatching-info {
  flex-grow: 1;
  padding: 0 0 0 15px;
}
#user-profile #hatching .hatching .hatching-info .hatching-time {
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
}
#user-profile #hatching .hatching .hatching-info .hatching-progress {
  border: 5px solid #fff;
  margin-bottom: 0px;
  height: 30px;
  border-radius: 12px;
}
#user-profile .user-info {
  position: absolute;
  width: 26px;
  top: 55px;
  left: 0px;
  transition: all 0.2s;
  overflow: hidden;
  z-index: 5;
  border-radius: 12px;
  height: 124px;
}
#user-profile .user-info.active {
  width: 65px;
  left: -40px;
  transition: all 0.2s;
}
#user-profile .user-info .stats-trigger {
  width: 26px;
  height: 124px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
}
#user-profile .user-info.active .stats-trigger {
  left: 0px;
  height: 124px;
}
#user-profile .user-info .user-stats {
  display: inline-block;
}
#user-profile .user-info .user-stats .stats {
  background: #fff;
  list-style: none;
  padding: 3px 3px 6px;
  width: 65px;
  margin: 0px;
}
#user-profile .user-info .user-stats .stats li {
  display: block;
  float: left;
  width: 100%;
  color: #555;
  font-weight: bold;
  text-align: left;
}
#user-profile .user-avatar {
  margin: 0 auto;
}
#user-profile .user-avatar .flip {
  width: 200px;
}
#user-profile .user-avatar > div > img {
  float: right;
}
#user-profile .user-avatar .avatar-wrapper {
  border-radius: 12px;
  overflow: hidden;
}
#user-profile .user-avatar .user-avatar-image {
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
  background: url("/img/pet-base.png") no-repeat;
  background-position: center 96%;
  background-size: 80%;
}
#user-profile .user-avatar .avatar-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
}
#user-profile .gifting-button-wrapper {
  margin-bottom: 15px;
}
#user-profile .gifting-button-wrapper .gifting, #user-profile .gifting-button-wrapper .gifting-disabled {
  margin-left: -15px;
  margin-top: 10px;
  display: block;
  position: relative;
}
#user-profile .gifting-button-wrapper .gifting {
  transition: transform 0.15s ease-out;
}
#user-profile .gifting-button-wrapper .gifting:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
#user-profile .gifting-button-wrapper .gifting:active {
  transform: translateY(5px);
}
#user-profile .gifting-button-wrapper .gifting.disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
#user-profile .gifting-button-wrapper .gifting-countdown {
  display: block;
  width: 200px;
  text-align: center;
  color: #d43c23;
}
#user-profile .competitive-button-wrapper {
  margin-bottom: 15px;
}
#user-profile .competitive-button-wrapper .competitive, #user-profile .competitive-button-wrapper .competitive-disabled {
  margin-top: 10px;
  display: block;
  position: relative;
}
#user-profile .competitive-button-wrapper .competitive {
  transition: transform 0.15s ease-out;
}
#user-profile .competitive-button-wrapper .competitive:hover {
  transform: translateY(-3px);
  cursor: pointer;
}
#user-profile .competitive-button-wrapper .competitive:active {
  transform: translateY(5px);
}
#user-profile .competitive-button-wrapper .competitive.disabled {
  filter: gray;
  filter: grayscale(1) contrast(0.5) brightness(1.4);
}
#user-profile .competitive-button-wrapper .duel-countdown {
  display: block;
  width: 200px;
  text-align: center;
  color: #d43c23;
}
#user-profile .harvestable-image {
  width: 200px;
  margin-top: 12px;
}
#user-profile .harvestable-progress {
  width: 180px;
  margin: 12px 10px;
  height: 10px;
  border: 3px solid #fff;
  border-radius: 10px;
}
#user-profile .harvestable-progress .progress-bar {
  background: #acd038;
}
#user-profile .harvestable-progress.harvestable .progress-bar {
  background-color: #ffbe47;
}
#user-profile .harvest-form {
  margin-bottom: 15px;
  text-align: center;
}
#user-profile .harvest-form .harvest-button {
  font-weight: bold;
  font-size: 18px;
  border-radius: 6px;
  padding: 3px 9px;
}
#user-profile .harvestable-form {
  margin-bottom: 15px;
}
#user-profile .harvestable-form .harvestable-button {
  width: 200px;
  height: 45px;
  border: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
#user-profile .harvestable-form .harvestable-button:active {
  background-position-x: -200px;
}
#user-profile .harvestable-form .harvestable-button.disabled {
  background-position-x: -400px;
}
#user-profile .harvestable-form .harvestable-countdown {
  display: block;
  width: 200px;
  text-align: center;
  color: #d43c23;
}
#user-profile .user-actions {
  list-style: none;
  text-align: center;
  margin: 0 0 6px 0;
  vertical-align: middle;
  line-height: 42px;
  display: inline-block;
}
#user-profile .user-actions li {
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: middle;
}
#user-profile .user-actions li:last-child {
  margin-right: 0;
}
#user-profile .user-actions li a {
  display: block;
  font-size: 24px;
}
#user-profile .user-actions li a .icon {
  margin: 0px;
}
#user-profile .user-actions li .competitive-duel-count {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #333;
  background: #fff;
  margin: 0 15px 0px 0;
  padding: 6px 8px;
  border-radius: 7px;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1em;
}
#user-profile .user-actions li .competitive-duel-count .duel-wins {
  color: #d85d5d;
}
#user-profile .nav-stacked li {
  display: block;
  float: none;
  margin: 0 0 5px 0;
}
#user-profile .nav-stacked li a {
  padding: 0;
  height: 27px;
}
#user-profile .nav-stacked li a .icon {
  font-size: 18px;
  color: #eab490;
  line-height: 27px;
  margin-top: 0px;
}
#user-profile .nav-stacked li a .nav-label {
  display: block;
  font-size: 18px;
  color: #fff;
  background: #eab490;
  padding: 0 9px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  float: right;
  width: 163px;
}
#user-profile #comments > hr {
  display: none;
}

.avatar {
  font-size: 0;
  height: 325px;
}
.avatar .loading {
  font-size: 100px;
}

.canvas-wrapper .apng.front {
  z-index: 2;
}
.canvas-wrapper .character {
  z-index: 1;
}
.canvas-wrapper .apng.back {
  z-index: 0;
}

#wardrobe .wardrobe-actions {
  margin: 10px auto;
}
#wardrobe h6 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
}
#wardrobe h6 i {
  color: #fff;
}
#wardrobe .stats {
  margin: 20px auto auto;
  color: #fff;
}
#wardrobe .stats img {
  vertical-align: middle;
}
#wardrobe .stat {
  display: inline-block;
  margin: 5px 5px 5px 0;
  vertical-align: middle;
}
#wardrobe .outfits .outfit.selected {
  background-color: #fce0bd;
}
#wardrobe .outfits .outfit .outfit-delete {
  margin-top: -1.5em;
}

.btn-arrow {
  margin-top: 10px;
  padding: 2px 10px;
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 25px;
}
.btn-arrow .arrow {
  position: absolute;
  color: white;
  font-size: 26px;
  top: 0;
  right: -19px;
  pointer-events: none;
}
.btn-arrow:hover .arrow, .btn-arrow:focus .arrow, .btn-arrow:active .arrow {
  color: #fce0bd;
}
.btn-arrow:hover, .btn-arrow:active, .btn-arrow:focus, .btn-arrow:active:focus {
  outline: none;
  box-shadow: none;
}

.gu-mirror {
  max-width: 75px;
  text-align: center;
}

.categories {
  padding: 0;
  list-style: none;
}
.categories li {
  text-align: center;
  padding: 5px 0;
  margin-bottom: 5px;
  border: 2px solid #e8b492;
  border-radius: 10px;
  background-color: #efe7c0;
  text-transform: uppercase;
  font-weight: bold;
}
.categories li:hover, .categories li.active {
  background: #e8b492;
  color: white;
  cursor: pointer;
}

.drawer-trigger {
  cursor: pointer;
}

.drawer {
  position: relative;
}
.drawer:nth-child(1) {
  z-index: 298;
  top: 0px;
}
.drawer:nth-child(2) {
  z-index: 297;
  top: -65px;
}
.drawer:nth-child(3) {
  z-index: 296;
  top: -130px;
}
.drawer:nth-child(4) {
  z-index: 295;
  top: -195px;
}
.drawer:nth-child(5) {
  z-index: 294;
  top: -260px;
}
.drawer:nth-child(6) {
  z-index: 293;
  top: -325px;
}
.drawer:nth-child(7) {
  z-index: 292;
  top: -390px;
}
.drawer:nth-child(8) {
  z-index: 291;
  top: -455px;
}
.drawer:nth-child(9) {
  z-index: 290;
  top: -520px;
}
.drawer:nth-child(10) {
  z-index: 289;
  top: -585px;
}
.drawer:not(:first-child) .equipped-label {
  display: none;
}
.drawer .single-item {
  display: block;
  width: 60px;
  height: 60px;
  background: #cac2b6;
  border-radius: 50%;
  margin: 10px;
  cursor: pointer;
}
.drawer .single-item img {
  max-width: 100%;
}

.drawer-container {
  position: absolute;
  z-index: 1000;
  width: 356px;
  top: 140px;
  left: 25px;
  text-align: center;
  background: #efe7c0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  max-height: 0;
  height: 312px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.drawer-container .unequippable {
  opacity: 0.25;
  cursor: not-allowed;
}
.drawer-container .active {
  border: 3px solid #d43c23;
}
.drawer-container.open {
  max-height: 312px;
}

.drawer-content {
  margin: 10px;
}

.drawer-items {
  min-height: 240px;
}

.drawer-equipped {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 62px;
  right: 0;
  width: 87px;
  height: 87px;
  background-color: #e8b492;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.drawer-equipped .single-item {
  margin: 0;
}

.equipped-label {
  position: absolute;
  top: -20px;
  left: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}

.equipped-image-wrapper {
  position: relative;
}

.equipped-image-wrapper:empty {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
}
.equipped-image-wrapper:empty::after {
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  background-image: url("/img/plus-green.png");
  background-size: contain;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

.equipped-image-wrapper:not(:empty) .single-item::after {
  content: url("/img/x.png");
  position: absolute;
  bottom: 0;
  right: 5px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
  pointer-events: none;
}

.drawer .page-switcher {
  color: #cac2b6;
}

.wardrobe-misc {
  padding: 20px;
  background: #efe7c0;
  border: 4px solid #e1ab87;
  border-radius: 20px;
}

.wardrobe-back {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
  margin-bottom: 20px;
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 22px;
}
.wardrobe-back .glyphicon, .wardrobe-back span {
  vertical-align: middle;
}
.wardrobe-back:hover, .wardrobe-back:focus, .wardrobe-back:active {
  outline: none;
  opacity: 0.5;
}

.sort-item {
  position: relative;
  padding: 11px;
}

.unequip {
  position: absolute;
  right: 15px;
  bottom: 15px;
  filter: drop-shadow(1px 0px 0 #fff) drop-shadow(-1px 0px 0 #fff) drop-shadow(0px 1px 0 #fff) drop-shadow(0px -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}

.outfits-wrapper {
  position: relative;
  padding: 20px;
  padding-bottom: 40px;
  background: #fff;
  border: 4px solid #e1ab87;
  border-radius: 20px;
}

.outfits {
  display: flex;
  flex-wrap: wrap;
}

.outfit {
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 33.3%;
  text-align: center;
}

.outfit-avatar, .outfit-loading {
  flex: 1 1 auto;
  position: relative;
  min-height: 298px;
  padding: 5px;
  background-color: #efe7c0;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.outfit-avatar--empty, .outfit-loading--empty {
  background-color: #ebebeb;
}
.outfit-avatar--selected, .outfit-loading--selected {
  background-color: #f8d0a1;
}

.outfit-image {
  max-width: 100%;
  border-radius: 10px;
  cursor: pointer;
}

.outfit-name {
  width: 100%;
  border: none;
  min-height: 30px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #e1ab87;
}
.outfit-name:active, .outfit-name:focus {
  outline: none;
  color: #b98c75;
}

.outfit-empty {
  min-height: 30px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #c1c1c1;
}

.outfit-buttons {
  position: absolute;
  right: 20px;
  bottom: -24px;
}

.outfit-button {
  background-color: #efe7c0;
  color: #e1ab87;
  font-weight: 700;
  font-size: 20px;
  border: 4px solid #fff;
  border-radius: 10px;
}
.outfit-button:hover, .outfit-button:active, .outfit-button:focus {
  color: #d8a481;
}
.outfit-button[disabled] {
  opacity: 1;
  background-color: rgb(244.164556962, 238.746835443, 212.335443038);
}

.outfit-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.outfit-loading .fa {
  font-size: 100px;
}

#welcome .join-banner, #welcome .join-npc {
  max-width: 100%;
}
#welcome .join-banner:hover {
  animation: bobLarge 0.8s infinite;
}
#welcome .welcome-right {
  margin-top: 10px;
}
#welcome .carousel {
  margin-bottom: 25px;
}
#welcome .link-banners-header {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 22px;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 0 10px;
  background-color: #d8a481;
  border-radius: 6px;
}
#welcome .user-icon {
  float: left;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
  background: #fff;
  margin-right: 1em;
  min-width: 81px;
  width: 81px;
}
#welcome .topic-title {
  font-weight: bold;
}
#welcome .box {
  padding: 20px;
  background-color: #faebc1;
  border-radius: 6px;
  overflow: hidden;
}
#welcome .box--striped {
  padding: 0;
}
#welcome .box--striped > div:nth-child(odd) {
  background-color: #fff;
}
#welcome .box.item-list, #welcome .box.pet-list {
  display: flex;
  padding: 15px 10px;
}
#welcome .box.item-list li, #welcome .box.pet-list li {
  margin: 0px 3px;
}
#welcome .box.item-list li:first-of-type, #welcome .box.pet-list li:first-of-type {
  margin-left: 2px;
}
#welcome .box.item-list li:last-of-type, #welcome .box.pet-list li:last-of-type {
  margin-right: 2px;
}
#welcome .box.roll-limits {
  padding: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#welcome .box.roll-limits .roll-counter-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
#welcome .box.roll-limits .roll-counter-wrapper .roll-counter {
  background-color: #d8a481;
  font-style: italic;
  border-radius: 11px;
  border: 3px solid #fff;
  padding: 4px 7px 4px 2px;
  font-size: 25px;
  margin-right: 7px;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
}
#welcome .box.roll-limits .roll-counter-wrapper .roll-counter-text {
  flex-grow: 1;
  color: #555;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  line-height: 1.2em;
}
#welcome .box.roll-limits .roll-maxed {
  color: #555;
  font-style: italic;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1.2em;
}
#welcome .roll-reset {
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 3px 12px;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #d8a481;
}
#welcome .box__text {
  margin: 10px auto 0;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#welcome .box__text a {
  color: #555;
}
#welcome .content-more {
  margin-top: 5px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
#welcome .pet-background {
  margin: 0 auto;
}
#welcome .status {
  padding: 10px 20px;
  text-align: left;
}
#welcome .status__date {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}
#welcome .status__text {
  color: #555;
}
#welcome .status__text p {
  margin: 0;
}
#welcome .status__link {
  display: block;
  margin-right: 20px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
}
#welcome .subscribe {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  float: right;
  margin-top: 7px;
  line-height: 1;
}
#welcome .customs-list {
  background-color: #faebc1;
  padding: 30px;
  border-radius: 6px;
}
#welcome .customs-list .customs-row .customs-item {
  text-align: center;
  padding: 0px 10px;
}
#welcome .customs-list .customs-row .customs-item .customs-blurb {
  margin-bottom: 7px;
  background-color: #fff;
  color: #555;
  border-radius: 4px;
  padding: 5px;
}
#welcome .customs-list .customs-row .customs-item img {
  margin-bottom: 7px;
}
#welcome .customs-list .customs-row .customs-item .item-name {
  font-weight: bold;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: #555;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.1em;
}
#welcome .archive-tabs {
  margin-bottom: 15px;
}
#welcome .archive-roll-limits {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
}
#welcome .archive-roll-limits .roll-limit {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#welcome .archive-roll-limits .roll-reset-time {
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
}
#welcome .archive-roll-maxed {
  text-align: center;
  margin-bottom: 10px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-style: italic;
  color: #555;
}
#welcome #custom-preview-modal .modal-dialog {
  margin-top: 100px;
}
#welcome #custom-preview-modal .modal-dialog .modal-content {
  padding: 50px;
  border-color: #fff;
  background-color: #f8d0a1;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom {
  margin-right: 15px;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper {
  position: relative;
  width: 200px;
  height: 325px;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 325px;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img:nth-of-type(1) {
  z-index: 0;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img:nth-of-type(2) {
  z-index: 1;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-custom .custom-clothing-wrapper img:nth-of-type(3) {
  z-index: 2;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 16px;
  flex-grow: 1;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-name, #welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-user-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-name {
  font-size: 20px;
  line-height: 1em;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-user-name a {
  color: #b98c75;
}
#welcome #custom-preview-modal .modal-dialog .modal-content .preview-wrapper .preview-description .custom-description {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}

#reset-quest-modal .modal-dialog {
  margin-top: 100px;
}
#reset-quest-modal .modal-content {
  border-color: #fff;
  padding: 50px;
  text-align: center;
  background-color: #f8d0a1;
  color: #555;
  font-size: 18px;
}
#reset-quest-modal .modal-content form {
  display: inline-block;
}
#reset-quest-modal .modal-content .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  border-radius: 6px;
  padding: 5px 10px;
}

#reward-modal .modal-dialog {
  margin-top: 100px;
  width: 420px;
}
#reward-modal .modal-banner {
  text-align: center;
  position: relative;
  z-index: 1;
}
#reward-modal .modal-banner img {
  position: relative;
  z-index: 1;
  bottom: -35px;
}
#reward-modal .modal-banner .bubbles > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgb(255, 255, 255);
  animation: bubbles 3s ease-in infinite;
  border-radius: 100%;
}
#reward-modal .modal-content {
  border-color: #fff;
  padding: 50px;
  text-align: center;
  background-color: #f8d0a1;
}
#reward-modal .modal-content h1 {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #b98c75;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 30px;
}
#reward-modal .modal-content .reward-items, #reward-modal .modal-content .reward-assets, #reward-modal .modal-content .reward-unlocks, #reward-modal .modal-content .reward-quests, #reward-modal .modal-content .reward-misc {
  margin-bottom: 15px;
}
#reward-modal .modal-content .reward-items .reward .reward-item {
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
}
#reward-modal .modal-content .reward-items .reward .reward-item .reward-item-quantity {
  text-align: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  min-width: 30px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: #b98c75;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}
#reward-modal .modal-content .reward-top {
  margin-bottom: 50px;
}
#reward-modal .modal-content .reward-assets .reward {
  padding: 0px 10px;
}
#reward-modal .modal-content .reward {
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}
#reward-modal .modal-content .reward.reward-quest {
  display: block;
}
#reward-modal .modal-content .reward.reward-quest:before {
  content: "Quest";
  color: #d43c23;
  margin-right: 10px;
}
#reward-modal .modal-content .reward-unlocks .reward-unlock {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
}
#reward-modal .modal-content .reward-unlocks .reward-unlock img {
  border-radius: 50%;
  border: 3px solid #fff;
  max-width: 100%;
  margin-bottom: 5px;
}
#reward-modal .modal-content .reward-unlocks .reward-unlock.guild-zone {
  width: initial;
  font-weight: normal;
  font-size: 20px;
  text-transform: none;
  color: #555;
}
#reward-modal .modal-content .reward-unlocks .reward-unlock.guild-zone img {
  margin-top: 10px;
  margin-bottom: 10px;
}
#reward-modal .modal-content .reward-unlocks .reward-unlock.guild-zone .zone-name {
  font-weight: bold;
}

#pool-modal .pool-page {
  display: none;
}
#pool-modal .pool-page.active {
  display: block;
}
#pool-modal .confirm-items {
  margin-bottom: 10px;
}
#pool-modal .confirm-items .inventory-item-count.selected {
  left: 0;
  right: auto;
  border: 2px solid #b98c75;
  background-color: #fff;
  color: #b98c75;
}
#pool-modal .pool-pagination {
  margin-bottom: 5px;
  font-size: 24px;
  color: #b98c75;
}
#pool-modal .pool-pagination .fa-caret-left {
  margin-right: 10px;
}
#pool-modal .pool-pagination .fa-caret-right {
  margin-left: 10px;
}
#pool-modal .pool-pagination .fa-caret-left:hover, #pool-modal .pool-pagination .fa-caret-right:hover {
  cursor: pointer;
}
#pool-modal .instructions {
  font-weight: bold;
  color: #e54b4b;
  margin-bottom: 25px;
  font-size: 18px;
}

#world-map h4 {
  font-size: 32px;
}

.map-row {
  margin-bottom: 40px;
}

.map-wrapper {
  height: 592px;
  overflow: hidden;
  border: 8px solid #fff;
  border-radius: 60px;
  box-shadow: 0 0 0 4px #e8b492;
}

.map-container {
  cursor: -o-grab;
  cursor: grab;
  overflow: auto;
  height: 595px;
  border-radius: 60px;
}
@media (max-width: 991px) {
  .map-container {
    width: 870px;
  }
}
@media (min-width: 992px) {
  .map-container {
    width: 570px;
  }
}

.map-drag {
  position: absolute;
  display: block;
  width: 92px;
  height: 91px;
  right: 40px;
  bottom: 30px;
  background: url("/img/map-drag.png") no-repeat;
  z-index: 100;
}

.map {
  position: relative;
  width: 2095px;
  height: 1000px;
  background: url("/img/world/map.png") center center no-repeat;
  cursor: -moz-grab;
}
.map:active {
  cursor: -moz-grabbing;
}
.map .zone {
  position: absolute;
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
}
.map .town {
  display: block;
  position: absolute;
  z-index: 2;
  background-position: 0;
  background-repeat: no-repeat;
}
.map .town:hover {
  background-position: 100%;
}
.map .town:hover .place-popover {
  opacity: 1;
  transform: translate(0, 0);
}

.world-map-popover.popover {
  z-index: 1000;
  width: 290px;
  color: #555;
  background-color: transparent;
  background: #fff;
  border: none;
  padding: 6px 0;
  text-align: left;
}
.world-map-popover.popover.top .arrow:after {
  border-top-color: #fff;
}
.world-map-popover.popover.bottom .arrow:after {
  border-bottom-color: #fff;
}
.world-map-popover.popover.left .arrow:after {
  border-left-color: #fff;
}
.world-map-popover.popover.right .arrow:after {
  border-right-color: #fff;
}
.world-map-popover.popover .popover-content {
  background-color: transparent;
  line-height: 20px;
  padding: 9px 14px;
  font-size: 14px;
}
.world-map-popover.popover .quests {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.world-map-popover.popover .quests li {
  display: inline-block;
  color: #d43c23;
  margin: 0 10px 0 0;
  padding: 0;
}
.world-map-popover.popover .quests li:last-child {
  margin: 0;
}

.quick-links {
  list-style: none;
  margin: 0;
}
.quick-links li {
  float: left;
  margin: 0 0 5px 5px;
}
.quick-links li:first-child {
  margin-left: 0;
}
.quick-links li .link {
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 12px;
}
.quick-links li .link img {
  max-width: 100%;
}

/*!
 * Bootstrap Colorpicker v2.5.2
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */.colorpicker-saturation{width:100px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC)}.colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=)}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0}.colorpicker-alpha.colorpicker-visible,.colorpicker-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker-selectors.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker-selectors.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}
/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */