@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-decoration: none; }

html {
  -webkit-font-smoothing: antialiased; }

table {
  border-collapse: collapse; }

body {
  -webkit-backface-visibility: hidden; }

html, body {
  width: 100%;
  height: 100%; }

ol, ul, li {
  list-style: none; }

img {
  max-width: 100%; }

/*
* Symbolset
* www.symbolset.com
* Copyright Š 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-symbolicons-block.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSymbolicons";
  src: url("ss-symbolicons-block.eot");
  src: url("/webfonts/ss-symbolicons-block.eot?#iefix") format("embedded-opentype"), url("/webfonts/ss-symbolicons-block.woff") format("woff"), url("/webfonts/ss-symbolicons-block.ttf") format("truetype"), url("/webfonts/ss-symbolicons-block.svg#SSSymboliconsBlock") format("svg");
  font-weight: normal;
  font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-symbolicons-block,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-symbolicons-block:before, [class*=" ss-"].ss-symbolicons-block:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-symbolicons-block.right:after, [class*=" ss-"].ss-symbolicons-block.right:after {
  font-family: "SSSymbolicons";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-crosshair:before, .ss-crosshair.right:after {
  content: '?'; }

.ss-search:before, .ss-search.right:after {
  content: '??'; }

.ss-zoomin:before, .ss-zoomin.right:after {
  content: '?'; }

.ss-zoomout:before, .ss-zoomout.right:after {
  content: '?'; }

.ss-binoculars:before, .ss-binoculars.right:after {
  content: '?'; }

.ss-raisedhand:before, .ss-raisedhand.right:after {
  content: '?'; }

.ss-link:before, .ss-link.right:after {
  content: '??'; }

.ss-write:before, .ss-write.right:after {
  content: '?'; }

.ss-compose:before, .ss-compose.right:after {
  content: '??'; }

.ss-lock:before, .ss-lock.right:after {
  content: '??'; }

.ss-unlock:before, .ss-unlock.right:after {
  content: '??'; }

.ss-key:before, .ss-key.right:after {
  content: '??'; }

.ss-backspace:before, .ss-backspace.right:after {
  content: '?'; }

.ss-ban:before, .ss-ban.right:after {
  content: '??'; }

.ss-nosmoking:before, .ss-nosmoking.right:after {
  content: '??'; }

.ss-trash:before, .ss-trash.right:after {
  content: '?'; }

.ss-target:before, .ss-target.right:after {
  content: '?'; }

.ss-stopsign:before, .ss-stopsign.right:after {
  content: '?'; }

.ss-radioactive:before, .ss-radioactive.right:after {
  content: '?'; }

.ss-skull:before, .ss-skull.right:after {
  content: '??'; }

.ss-lightning:before, .ss-lightning.right:after {
  content: '?'; }

.ss-tag:before, .ss-tag.right:after {
  content: '?'; }

.ss-newtag:before, .ss-newtag.right:after {
  content: '?'; }

.ss-flag:before, .ss-flag.right:after {
  content: '?'; }

.ss-like:before, .ss-like.right:after {
  content: '??'; }

.ss-dislike:before, .ss-dislike.right:after {
  content: '??'; }

.ss-heart:before, .ss-heart.right:after {
  content: '?'; }

.ss-addheart:before, .ss-addheart.right:after {
  content: '?'; }

.ss-deleteheart:before, .ss-deleteheart.right:after {
  content: '??'; }

.ss-star:before, .ss-star.right:after {
  content: '?'; }

.ss-trophy:before, .ss-trophy.right:after {
  content: '??'; }

.ss-award:before, .ss-award.right:after {
  content: '?'; }

.ss-medal:before, .ss-medal.right:after {
  content: '?'; }

.ss-badge:before, .ss-badge.right:after {
  content: '??'; }

.ss-crown:before, .ss-crown.right:after {
  content: '??'; }

.ss-bullseye:before, .ss-bullseye.right:after {
  content: '??'; }

.ss-sample:before, .ss-sample.right:after {
  content: '?'; }

.ss-crop:before, .ss-crop.right:after {
  content: '?'; }

.ss-layers:before, .ss-layers.right:after {
  content: '?'; }

.ss-magicwand:before, .ss-magicwand.right:after {
  content: '?'; }

.ss-cut:before, .ss-cut.right:after {
  content: '?'; }

.ss-cutpaste:before, .ss-cutpaste.right:after {
  content: '?'; }

.ss-clipboard:before, .ss-clipboard.right:after {
  content: '??'; }

.ss-rules:before, .ss-rules.right:after {
  content: '??'; }

.ss-rulerpencil:before, .ss-rulerpencil.right:after {
  content: '?'; }

.ss-gridlines:before, .ss-gridlines.right:after {
  content: '?'; }

.ss-pen:before, .ss-pen.right:after {
  content: '?'; }

.ss-pencilbrush:before, .ss-pencilbrush.right:after {
  content: '?'; }

.ss-pencilbrushpen:before, .ss-pencilbrushpen.right:after {
  content: '?'; }

.ss-brush:before, .ss-brush.right:after {
  content: '?'; }

.ss-paintroller:before, .ss-paintroller.right:after {
  content: '?'; }

.ss-fill:before, .ss-fill.right:after {
  content: '?'; }

.ss-stroke:before, .ss-stroke.right:after {
  content: '?'; }

.ss-crayons:before, .ss-crayons.right:after {
  content: '?'; }

.ss-palette:before, .ss-palette.right:after {
  content: '??'; }

.ss-fliphorizontally:before, .ss-fliphorizontally.right:after {
  content: '?'; }

.ss-flipvertically:before, .ss-flipvertically.right:after {
  content: '?'; }

.ss-effects:before, .ss-effects.right:after {
  content: '?'; }

.ss-bezier:before, .ss-bezier.right:after {
  content: '?'; }

.ss-pixels:before, .ss-pixels.right:after {
  content: '?'; }

.ss-phone:before, .ss-phone.right:after {
  content: '??'; }

.ss-rotaryphone:before, .ss-rotaryphone.right:after {
  content: '?'; }

.ss-touchtonephone:before, .ss-touchtonephone.right:after {
  content: '?'; }

.ss-phonebook:before, .ss-phonebook.right:after {
  content: '?'; }

.ss-voicemail:before, .ss-voicemail.right:after {
  content: '?'; }

.ss-megaphone:before, .ss-megaphone.right:after {
  content: '??'; }

.ss-rss:before, .ss-rss.right:after {
  content: '?'; }

.ss-podcast:before, .ss-podcast.right:after {
  content: '?'; }

.ss-mailbox:before, .ss-mailbox.right:after {
  content: '??'; }

.ss-send:before, .ss-send.right:after {
  content: '?'; }

.ss-mail:before, .ss-mail.right:after {
  content: '?'; }

.ss-incomingmail:before, .ss-incomingmail.right:after {
  content: '??'; }

.ss-inbox:before, .ss-inbox.right:after {
  content: '??'; }

.ss-outbox:before, .ss-outbox.right:after {
  content: '??'; }

.ss-stamp:before, .ss-stamp.right:after {
  content: '?'; }

.ss-chat:before, .ss-chat.right:after {
  content: '??'; }

.ss-chats:before, .ss-chats.right:after {
  content: '?'; }

.ss-textchat:before, .ss-textchat.right:after {
  content: '?'; }

.ss-exclamationchat:before, .ss-exclamationchat.right:after {
  content: '?'; }

.ss-questionchat:before, .ss-questionchat.right:after {
  content: '?'; }

.ss-ellipsischat:before, .ss-ellipsischat.right:after {
  content: '?'; }

.ss-smile:before, .ss-smile.right:after {
  content: '?'; }

.ss-frown:before, .ss-frown.right:after {
  content: '?'; }

.ss-toothsmile:before, .ss-toothsmile.right:after {
  content: '??'; }

.ss-toothlesssmile:before, .ss-toothlesssmile.right:after {
  content: '??'; }

.ss-user:before, .ss-user.right:after {
  content: '??'; }

.ss-users:before, .ss-users.right:after {
  content: '??'; }

.ss-adduser:before, .ss-adduser.right:after {
  content: '?'; }

.ss-removeuser:before, .ss-removeuser.right:after {
  content: '?'; }

.ss-deleteuser:before, .ss-deleteuser.right:after {
  content: '?'; }

.ss-heartuser:before, .ss-heartuser.right:after {
  content: '?'; }

.ss-males:before, .ss-males.right:after {
  content: '??'; }

.ss-females:before, .ss-females.right:after {
  content: '??'; }

.ss-malefemale:before, .ss-malefemale.right:after {
  content: '??'; }

.ss-userportrait:before, .ss-userportrait.right:after {
  content: '?'; }

.ss-userframe:before, .ss-userframe.right:after {
  content: '?'; }

.ss-usersframe:before, .ss-usersframe.right:after {
  content: '?'; }

.ss-baby:before, .ss-baby.right:after {
  content: '??'; }

.ss-swaddledbaby:before, .ss-swaddledbaby.right:after {
  content: '?'; }

.ss-robot:before, .ss-robot.right:after {
  content: '?'; }

.ss-happyrobot:before, .ss-happyrobot.right:after {
  content: '?'; }

.ss-alien:before, .ss-alien.right:after {
  content: '??'; }

.ss-ghost:before, .ss-ghost.right:after {
  content: '??'; }

.ss-contacts:before, .ss-contacts.right:after {
  content: '??'; }

.ss-addressbook:before, .ss-addressbook.right:after {
  content: '??'; }

.ss-footsteps:before, .ss-footsteps.right:after {
  content: '??'; }

.ss-cart:before, .ss-cart.right:after {
  content: '?'; }

.ss-shoppingbag:before, .ss-shoppingbag.right:after {
  content: '?'; }

.ss-gift:before, .ss-gift.right:after {
  content: '??'; }

.ss-store:before, .ss-store.right:after {
  content: '??'; }

.ss-safe:before, .ss-safe.right:after {
  content: '?'; }

.ss-bill:before, .ss-bill.right:after {
  content: '?'; }

.ss-creditcard:before, .ss-creditcard.right:after {
  content: '??'; }

.ss-banknote:before, .ss-banknote.right:after {
  content: '??'; }

.ss-moneybag:before, .ss-moneybag.right:after {
  content: '??'; }

.ss-calculator:before, .ss-calculator.right:after {
  content: '?'; }

.ss-bank:before, .ss-bank.right:after {
  content: '??'; }

.ss-gavel:before, .ss-gavel.right:after {
  content: '??'; }

.ss-meeting:before, .ss-meeting.right:after {
  content: '?'; }

.ss-barchart:before, .ss-barchart.right:after {
  content: '??'; }

.ss-piechart:before, .ss-piechart.right:after {
  content: '?'; }

.ss-activity:before, .ss-activity.right:after {
  content: '??'; }

.ss-flowchart:before, .ss-flowchart.right:after {
  content: '?'; }

.ss-box:before, .ss-box.right:after {
  content: '??'; }

.ss-crate:before, .ss-crate.right:after {
  content: '?'; }

.ss-home:before, .ss-home.right:after {
  content: 'Ś'; }

.ss-fence:before, .ss-fence.right:after {
  content: '?'; }

.ss-buildings:before, .ss-buildings.right:after {
  content: '??'; }

.ss-bridge:before, .ss-bridge.right:after {
  content: '?'; }

.ss-barn:before, .ss-barn.right:after {
  content: '?'; }

.ss-lodging:before, .ss-lodging.right:after {
  content: '??'; }

.ss-earth:before, .ss-earth.right:after {
  content: '??'; }

.ss-globe:before, .ss-globe.right:after {
  content: '??'; }

.ss-compass:before, .ss-compass.right:after {
  content: '?'; }

.ss-signpost:before, .ss-signpost.right:after {
  content: '?'; }

.ss-map:before, .ss-map.right:after {
  content: '?'; }

.ss-location:before, .ss-location.right:after {
  content: '?'; }

.ss-pushpin:before, .ss-pushpin.right:after {
  content: '??'; }

.ss-script:before, .ss-script.right:after {
  content: '?'; }

.ss-playscript:before, .ss-playscript.right:after {
  content: '?'; }

.ss-stopscript:before, .ss-stopscript.right:after {
  content: '?'; }

.ss-recordscript:before, .ss-recordscript.right:after {
  content: '?'; }

.ss-bug:before, .ss-bug.right:after {
  content: '??'; }

.ss-puzzle:before, .ss-puzzle.right:after {
  content: '?'; }

.ss-window:before, .ss-window.right:after {
  content: '?'; }

.ss-database:before, .ss-database.right:after {
  content: '?'; }

.ss-adddatabase:before, .ss-adddatabase.right:after {
  content: '?'; }

.ss-deletedatabase:before, .ss-deletedatabase.right:after {
  content: '?'; }

.ss-hdd:before, .ss-hdd.right:after {
  content: '?'; }

.ss-networkhdd:before, .ss-networkhdd.right:after {
  content: '?'; }

.ss-downloadhdd:before, .ss-downloadhdd.right:after {
  content: '?'; }

.ss-airplay:before, .ss-airplay.right:after {
  content: '?'; }

.ss-music:before, .ss-music.right:after {
  content: '?'; }

.ss-mic:before, .ss-mic.right:after {
  content: '??'; }

.ss-headphones:before, .ss-headphones.right:after {
  content: '??'; }

.ss-volume:before, .ss-volume.right:after {
  content: '??'; }

.ss-radio:before, .ss-radio.right:after {
  content: '??'; }

.ss-phonograph:before, .ss-phonograph.right:after {
  content: '?'; }

.ss-disc:before, .ss-disc.right:after {
  content: '??'; }

.ss-discs:before, .ss-discs.right:after {
  content: '?'; }

.ss-playlist:before, .ss-playlist.right:after {
  content: '?'; }

.ss-musichome:before, .ss-musichome.right:after {
  content: '?'; }

.ss-itunes:before, .ss-itunes.right:after {
  content: '?'; }

.ss-camera:before, .ss-camera.right:after {
  content: '??'; }

.ss-picture:before, .ss-picture.right:after {
  content: '??'; }

.ss-pictures:before, .ss-pictures.right:after {
  content: '?'; }

.ss-searchpicture:before, .ss-searchpicture.right:after {
  content: '?'; }

.ss-video:before, .ss-video.right:after {
  content: '??'; }

.ss-clapboard:before, .ss-clapboard.right:after {
  content: '??'; }

.ss-film:before, .ss-film.right:after {
  content: '?'; }

.ss-playfilm:before, .ss-playfilm.right:after {
  content: '?'; }

.ss-tv:before, .ss-tv.right:after {
  content: '??'; }

.ss-flatscreen:before, .ss-flatscreen.right:after {
  content: '?'; }

.ss-projector:before, .ss-projector.right:after {
  content: '?'; }

.ss-videogame:before, .ss-videogame.right:after {
  content: '??'; }

.ss-play:before, .ss-play.right:after {
  content: '?'; }

.ss-pause:before, .ss-pause.right:after {
  content: '?'; }

.ss-stop:before, .ss-stop.right:after {
  content: 'Ś'; }

.ss-record:before, .ss-record.right:after {
  content: '?'; }

.ss-rewind:before, .ss-rewind.right:after {
  content: '?'; }

.ss-fastforward:before, .ss-fastforward.right:after {
  content: '?'; }

.ss-skipback:before, .ss-skipback.right:after {
  content: '?'; }

.ss-skipforward:before, .ss-skipforward.right:after {
  content: '?'; }

.ss-eject:before, .ss-eject.right:after {
  content: '?'; }

.ss-shuffle:before, .ss-shuffle.right:after {
  content: '??'; }

.ss-filecabinet:before, .ss-filecabinet.right:after {
  content: '?'; }

.ss-storagebox:before, .ss-storagebox.right:after {
  content: '?'; }

.ss-books:before, .ss-books.right:after {
  content: '??'; }

.ss-bookspencil:before, .ss-bookspencil.right:after {
  content: '?'; }

.ss-openbook:before, .ss-openbook.right:after {
  content: '??'; }

.ss-bookinsert:before, .ss-bookinsert.right:after {
  content: '?'; }

.ss-notebook:before, .ss-notebook.right:after {
  content: '??'; }

.ss-ledger:before, .ss-ledger.right:after {
  content: '??'; }

.ss-album:before, .ss-album.right:after {
  content: '?'; }

.ss-newspaper:before, .ss-newspaper.right:after {
  content: '??'; }

.ss-spiralbound:before, .ss-spiralbound.right:after {
  content: '?'; }

.ss-notepad:before, .ss-notepad.right:after {
  content: '?'; }

.ss-notice:before, .ss-notice.right:after {
  content: '?'; }

.ss-grid:before, .ss-grid.right:after {
  content: '?'; }

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: '?'; }

.ss-filter:before, .ss-filter.right:after {
  content: '?'; }

.ss-desktop:before, .ss-desktop.right:after {
  content: '??'; }

.ss-laptop:before, .ss-laptop.right:after {
  content: '?'; }

.ss-tablet:before, .ss-tablet.right:after {
  content: '?'; }

.ss-cell:before, .ss-cell.right:after {
  content: '??'; }

.ss-cellbars:before, .ss-cellbars.right:after {
  content: '??'; }

.ss-battery:before, .ss-battery.right:after {
  content: '??'; }

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: '?'; }

.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: '?'; }

.ss-chargingbattery:before, .ss-chargingbattery.right:after {
  content: '?'; }

.ss-screwdrivermobile:before, .ss-screwdrivermobile.right:after {
  content: '?'; }

.ss-brushmobile:before, .ss-brushmobile.right:after {
  content: '?'; }

.ss-pencilmobile:before, .ss-pencilmobile.right:after {
  content: '?'; }

.ss-door:before, .ss-door.right:after {
  content: '??'; }

.ss-washer:before, .ss-washer.right:after {
  content: '?'; }

.ss-dryer:before, .ss-dryer.right:after {
  content: '?'; }

.ss-fireplace:before, .ss-fireplace.right:after {
  content: '?'; }

.ss-toilet:before, .ss-toilet.right:after {
  content: '??'; }

.ss-toiletpaper:before, .ss-toiletpaper.right:after {
  content: '?'; }

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '??'; }

.ss-cfl:before, .ss-cfl.right:after {
  content: '?'; }

.ss-flashlight:before, .ss-flashlight.right:after {
  content: '??'; }

.ss-candle:before, .ss-candle.right:after {
  content: '?'; }

.ss-campfire:before, .ss-campfire.right:after {
  content: '??'; }

.ss-picnictable:before, .ss-picnictable.right:after {
  content: '?'; }

.ss-frame:before, .ss-frame.right:after {
  content: '?'; }

.ss-heartframe:before, .ss-heartframe.right:after {
  content: '??'; }

.ss-starframe:before, .ss-starframe.right:after {
  content: '?'; }

.ss-treeframe:before, .ss-treeframe.right:after {
  content: '?'; }

.ss-flowerframe:before, .ss-flowerframe.right:after {
  content: '?'; }

.ss-questionframe:before, .ss-questionframe.right:after {
  content: '?'; }

.ss-utensilsframe:before, .ss-utensilsframe.right:after {
  content: '?'; }

.ss-atom:before, .ss-atom.right:after {
  content: '?'; }

.ss-fluxcapacitor:before, .ss-fluxcapacitor.right:after {
  content: '?'; }

.ss-rings:before, .ss-rings.right:after {
  content: '??'; }

.ss-balloons:before, .ss-balloons.right:after {
  content: '??'; }

.ss-easteregg:before, .ss-easteregg.right:after {
  content: '?'; }

.ss-jackolantern:before, .ss-jackolantern.right:after {
  content: '??'; }

.ss-menorah:before, .ss-menorah.right:after {
  content: '?'; }

.ss-christmastree:before, .ss-christmastree.right:after {
  content: '??'; }

.ss-teddy:before, .ss-teddy.right:after {
  content: '?'; }

.ss-blocks:before, .ss-blocks.right:after {
  content: '?'; }

.ss-rattle:before, .ss-rattle.right:after {
  content: '?'; }

.ss-diaper:before, .ss-diaper.right:after {
  content: '?'; }

.ss-pailshovel:before, .ss-pailshovel.right:after {
  content: '?'; }

.ss-sweep:before, .ss-sweep.right:after {
  content: '?'; }

.ss-headstone:before, .ss-headstone.right:after {
  content: '?'; }

.ss-onedie:before, .ss-onedie.right:after {
  content: '?'; }

.ss-twodie:before, .ss-twodie.right:after {
  content: '?'; }

.ss-threedie:before, .ss-threedie.right:after {
  content: '?'; }

.ss-fourdie:before, .ss-fourdie.right:after {
  content: '?'; }

.ss-fivedie:before, .ss-fivedie.right:after {
  content: '?'; }

.ss-sixdie:before, .ss-sixdie.right:after {
  content: '?'; }

.ss-fuzzydice:before, .ss-fuzzydice.right:after {
  content: '?'; }

.ss-download:before, .ss-download.right:after {
  content: '?'; }

.ss-downloadbox:before, .ss-downloadbox.right:after {
  content: '?'; }

.ss-downloadcrate:before, .ss-downloadcrate.right:after {
  content: '?'; }

.ss-upload:before, .ss-upload.right:after {
  content: '?'; }

.ss-uploadbox:before, .ss-uploadbox.right:after {
  content: '?'; }

.ss-uploadcrate:before, .ss-uploadcrate.right:after {
  content: '?'; }

.ss-transfer:before, .ss-transfer.right:after {
  content: '?'; }

.ss-refresh:before, .ss-refresh.right:after {
  content: '?'; }

.ss-sync:before, .ss-sync.right:after {
  content: '?'; }

.ss-wifi:before, .ss-wifi.right:after {
  content: '?'; }

.ss-connection:before, .ss-connection.right:after {
  content: '?'; }

.ss-usb:before, .ss-usb.right:after {
  content: '?'; }

.ss-files:before, .ss-files.right:after {
  content: '?'; }

.ss-addfile:before, .ss-addfile.right:after {
  content: '?'; }

.ss-removefile:before, .ss-removefile.right:after {
  content: '?'; }

.ss-deletefile:before, .ss-deletefile.right:after {
  content: '?'; }

.ss-searchfile:before, .ss-searchfile.right:after {
  content: '?'; }

.ss-folder:before, .ss-folder.right:after {
  content: '??'; }

.ss-addfolder:before, .ss-addfolder.right:after {
  content: '?'; }

.ss-removefolder:before, .ss-removefolder.right:after {
  content: '?'; }

.ss-deletefolder:before, .ss-deletefolder.right:after {
  content: '?'; }

.ss-downloadfolder:before, .ss-downloadfolder.right:after {
  content: '?'; }

.ss-uploadfolder:before, .ss-uploadfolder.right:after {
  content: '?'; }

.ss-undo:before, .ss-undo.right:after {
  content: '?'; }

.ss-redo:before, .ss-redo.right:after {
  content: '?'; }

.ss-quote:before, .ss-quote.right:after {
  content: ''; }

.ss-font:before, .ss-font.right:after {
  content: '?'; }

.ss-anchor:before, .ss-anchor.right:after {
  content: '?'; }

.ss-print:before, .ss-print.right:after {
  content: '?'; }

.ss-fax:before, .ss-fax.right:after {
  content: '??'; }

.ss-shredder:before, .ss-shredder.right:after {
  content: '?'; }

.ss-typewriter:before, .ss-typewriter.right:after {
  content: '?'; }

.ss-list:before, .ss-list.right:after {
  content: '?'; }

.ss-action:before, .ss-action.right:after {
  content: '?'; }

.ss-redirect:before, .ss-redirect.right:after {
  content: '?'; }

.ss-expand:before, .ss-expand.right:after {
  content: '?'; }

.ss-contract:before, .ss-contract.right:after {
  content: '?'; }

.ss-scaleup:before, .ss-scaleup.right:after {
  content: '?'; }

.ss-scaledown:before, .ss-scaledown.right:after {
  content: '?'; }

.ss-power:before, .ss-power.right:after {
  content: '?'; }

.ss-lifepreserver:before, .ss-lifepreserver.right:after {
  content: '?'; }

.ss-help:before, .ss-help.right:after {
  content: '?'; }

.ss-info:before, .ss-info.right:after {
  content: '?'; }

.ss-alert:before, .ss-alert.right:after {
  content: '?'; }

.ss-caution:before, .ss-caution.right:after {
  content: '?'; }

.ss-plus:before, .ss-plus.right:after {
  content: '+'; }

.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }

.ss-check:before, .ss-check.right:after {
  content: '?'; }

.ss-delete:before, .ss-delete.right:after {
  content: '?'; }

.ss-dogface:before, .ss-dogface.right:after {
  content: '??'; }

.ss-catface:before, .ss-catface.right:after {
  content: '??'; }

.ss-bearface:before, .ss-bearface.right:after {
  content: '??'; }

.ss-bird:before, .ss-bird.right:after {
  content: '??'; }

.ss-dog:before, .ss-dog.right:after {
  content: '??'; }

.ss-sheep:before, .ss-sheep.right:after {
  content: '??'; }

.ss-pig:before, .ss-pig.right:after {
  content: '??'; }

.ss-bone:before, .ss-bone.right:after {
  content: '?'; }

.ss-tooth:before, .ss-tooth.right:after {
  content: '?'; }

.ss-palmtree:before, .ss-palmtree.right:after {
  content: '??'; }

.ss-tree:before, .ss-tree.right:after {
  content: '??'; }

.ss-leaf:before, .ss-leaf.right:after {
  content: '??'; }

.ss-flower:before, .ss-flower.right:after {
  content: '?'; }

.ss-settings:before, .ss-settings.right:after {
  content: '?'; }

.ss-dashboard:before, .ss-dashboard.right:after {
  content: '?'; }

.ss-notifications:before, .ss-notifications.right:after {
  content: '??'; }

.ss-toggles:before, .ss-toggles.right:after {
  content: '?'; }

.ss-switch:before, .ss-switch.right:after {
  content: '?'; }

.ss-switchoff:before, .ss-switchoff.right:after {
  content: '?'; }

.ss-brightness:before, .ss-brightness.right:after {
  content: '??'; }

.ss-flashoff:before, .ss-flashoff.right:after {
  content: '?'; }

.ss-toolbox:before, .ss-toolbox.right:after {
  content: '?'; }

.ss-tools:before, .ss-tools.right:after {
  content: '?'; }

.ss-wrench:before, .ss-wrench.right:after {
  content: '??'; }

.ss-wrenches:before, .ss-wrenches.right:after {
  content: '?'; }

.ss-wrenchpencil:before, .ss-wrenchpencil.right:after {
  content: '?'; }

.ss-screwdriverpencil:before, .ss-screwdriverpencil.right:after {
  content: '?'; }

.ss-hammerscrewdriver:before, .ss-hammerscrewdriver.right:after {
  content: '?'; }

.ss-tapemeasure:before, .ss-tapemeasure.right:after {
  content: '?'; }

.ss-hourglass:before, .ss-hourglass.right:after {
  content: '?'; }

.ss-clock:before, .ss-clock.right:after {
  content: '?'; }

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '?'; }

.ss-alarmclock:before, .ss-alarmclock.right:after {
  content: '?'; }

.ss-calendar:before, .ss-calendar.right:after {
  content: '??'; }

.ss-keyboardup:before, .ss-keyboardup.right:after {
  content: '?'; }

.ss-keyboarddown:before, .ss-keyboarddown.right:after {
  content: '?'; }

.ss-heavyasterisk:before, .ss-heavyasterisk.right:after {
  content: '?'; }

.ss-egg:before, .ss-egg.right:after {
  content: '?'; }

.ss-cheese:before, .ss-cheese.right:after {
  content: '?'; }

.ss-hotdog:before, .ss-hotdog.right:after {
  content: '?'; }

.ss-burger:before, .ss-burger.right:after {
  content: '??'; }

.ss-birthdaycake:before, .ss-birthdaycake.right:after {
  content: '??'; }

.ss-pancakes:before, .ss-pancakes.right:after {
  content: '?'; }

.ss-pizza:before, .ss-pizza.right:after {
  content: '??'; }

.ss-frenchfries:before, .ss-frenchfries.right:after {
  content: '??'; }

.ss-apple:before, .ss-apple.right:after {
  content: '??'; }

.ss-mug:before, .ss-mug.right:after {
  content: '?'; }

.ss-coffee:before, .ss-coffee.right:after {
  content: '?'; }

.ss-growler:before, .ss-growler.right:after {
  content: '?'; }

.ss-beer:before, .ss-beer.right:after {
  content: '??'; }

.ss-bottle:before, .ss-bottle.right:after {
  content: '?'; }

.ss-wine:before, .ss-wine.right:after {
  content: '?'; }

.ss-wineglass:before, .ss-wineglass.right:after {
  content: '??'; }

.ss-cocktail:before, .ss-cocktail.right:after {
  content: '??'; }

.ss-soda:before, .ss-soda.right:after {
  content: '?'; }

.ss-cup:before, .ss-cup.right:after {
  content: '?'; }

.ss-babybottle:before, .ss-babybottle.right:after {
  content: '??'; }

.ss-jug:before, .ss-jug.right:after {
  content: '?'; }

.ss-oven:before, .ss-oven.right:after {
  content: '?'; }

.ss-takeout:before, .ss-takeout.right:after {
  content: '?'; }

.ss-paperbag:before, .ss-paperbag.right:after {
  content: '?'; }

.ss-utensils:before, .ss-utensils.right:after {
  content: '??'; }

.ss-tshirt:before, .ss-tshirt.right:after {
  content: '??'; }

.ss-graduationcap:before, .ss-graduationcap.right:after {
  content: '??'; }

.ss-fabric:before, .ss-fabric.right:after {
  content: '?'; }

.ss-swatch:before, .ss-swatch.right:after {
  content: '?'; }

.ss-weave:before, .ss-weave.right:after {
  content: '?'; }

.ss-thread:before, .ss-thread.right:after {
  content: '?'; }

.ss-yarn:before, .ss-yarn.right:after {
  content: '?'; }

.ss-crochet:before, .ss-crochet.right:after {
  content: '?'; }

.ss-needles:before, .ss-needles.right:after {
  content: '?'; }

.ss-scissorsneedles:before, .ss-scissorsneedles.right:after {
  content: '?'; }

.ss-button:before, .ss-button.right:after {
  content: '?'; }

.ss-zipper:before, .ss-zipper.right:after {
  content: '?'; }

.ss-sun:before, .ss-sun.right:after {
  content: '?'; }

.ss-partlycloudy:before, .ss-partlycloudy.right:after {
  content: '?'; }

.ss-rainbow:before, .ss-rainbow.right:after {
  content: '??'; }

.ss-umbrella:before, .ss-umbrella.right:after {
  content: '?'; }

.ss-crescentmoon:before, .ss-crescentmoon.right:after {
  content: '??'; }

.ss-newmoon:before, .ss-newmoon.right:after {
  content: '??'; }

.ss-waxingcrescentmoon:before, .ss-waxingcrescentmoon.right:after {
  content: '??'; }

.ss-firstquartermoon:before, .ss-firstquartermoon.right:after {
  content: '??'; }

.ss-waxinggibbousmoon:before, .ss-waxinggibbousmoon.right:after {
  content: '??'; }

.ss-fullmoon:before, .ss-fullmoon.right:after {
  content: '??'; }

.ss-waninggibbousmoon:before, .ss-waninggibbousmoon.right:after {
  content: '??'; }

.ss-lastquartermoon:before, .ss-lastquartermoon.right:after {
  content: '??'; }

.ss-waningcrescentmoon:before, .ss-waningcrescentmoon.right:after {
  content: '??'; }

.ss-car:before, .ss-car.right:after {
  content: '??'; }

.ss-carrepair:before, .ss-carrepair.right:after {
  content: '?'; }

.ss-taxi:before, .ss-taxi.right:after {
  content: '??'; }

.ss-train:before, .ss-train.right:after {
  content: '??'; }

.ss-bus:before, .ss-bus.right:after {
  content: '??'; }

.ss-truck:before, .ss-truck.right:after {
  content: '??'; }

.ss-trailer:before, .ss-trailer.right:after {
  content: '?'; }

.ss-trailerdump:before, .ss-trailerdump.right:after {
  content: '?'; }

.ss-plane:before, .ss-plane.right:after {
  content: '?'; }

.ss-bike:before, .ss-bike.right:after {
  content: '??'; }

.ss-motorcycle:before, .ss-motorcycle.right:after {
  content: '?'; }

.ss-boat:before, .ss-boat.right:after {
  content: '??'; }

.ss-rocket:before, .ss-rocket.right:after {
  content: '??'; }

.ss-ufo:before, .ss-ufo.right:after {
  content: '?'; }

.ss-squarekey:before, .ss-squarekey.right:after {
  content: '?'; }

.ss-tire:before, .ss-tire.right:after {
  content: '?'; }

.ss-fuel:before, .ss-fuel.right:after {
  content: '?'; }

.ss-parking:before, .ss-parking.right:after {
  content: '?'; }

.ss-wheelchair:before, .ss-wheelchair.right:after {
  content: '?'; }

.ss-restroom:before, .ss-restroom.right:after {
  content: '??'; }

.ss-elevator:before, .ss-elevator.right:after {
  content: '?'; }

.ss-briefcase:before, .ss-briefcase.right:after {
  content: '??'; }

.ss-theatre:before, .ss-theatre.right:after {
  content: '??'; }

.ss-ticket:before, .ss-ticket.right:after {
  content: '??'; }

.ss-golf:before, .ss-golf.right:after {
  content: '?'; }

.ss-billiards:before, .ss-billiards.right:after {
  content: '??'; }

.ss-baseball:before, .ss-baseball.right:after {
  content: '?'; }

.ss-tennis:before, .ss-tennis.right:after {
  content: '??'; }

.ss-basketball:before, .ss-basketball.right:after {
  content: '??'; }

.ss-football:before, .ss-football.right:after {
  content: '??'; }

.ss-soccer:before, .ss-soccer.right:after {
  content: '?'; }

.ss-flaginhole:before, .ss-flaginhole.right:after {
  content: '?'; }

.ss-paddles:before, .ss-paddles.right:after {
  content: '?'; }

.ss-skiboot:before, .ss-skiboot.right:after {
  content: '?'; }

.ss-skis:before, .ss-skis.right:after {
  content: '??'; }

.ss-hiker:before, .ss-hiker.right:after {
  content: '?'; }

.ss-runner:before, .ss-runner.right:after {
  content: '??'; }

.ss-hottub:before, .ss-hottub.right:after {
  content: '?'; }

.ss-exercise:before, .ss-exercise.right:after {
  content: '?'; }

.ss-hospital:before, .ss-hospital.right:after {
  content: '?'; }

.ss-medicalcross:before, .ss-medicalcross.right:after {
  content: '?'; }

.ss-medicalbag:before, .ss-medicalbag.right:after {
  content: '?'; }

.ss-bandage:before, .ss-bandage.right:after {
  content: '?'; }

.ss-flask:before, .ss-flask.right:after {
  content: '?'; }

.ss-testtube:before, .ss-testtube.right:after {
  content: '?'; }

.ss-up:before, .ss-up.right:after {
  content: '?'; }

.ss-right:before, .ss-right.right:after {
  content: '?'; }

.ss-down:before, .ss-down.right:after {
  content: '?'; }

.ss-left:before, .ss-left.right:after {
  content: '?'; }

.ss-navigateup:before, .ss-navigateup.right:after {
  content: '?'; }

.ss-navigateright:before, .ss-navigateright.right:after {
  content: '?'; }

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: '?'; }

.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: '?'; }

.ss-share:before, .ss-share.right:after {
  content: '?'; }

h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  color: #62AC7C;
  padding-bottom: 10px; }

h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 300;
  color: #373737; }

h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 600;
  color: #373737; }

h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #838383; }

p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #373737;
  padding-bottom: 10px; }

aside {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  font-weight: 400;
  color: #838383;
  padding-bottom: 10px; }
  aside li {
    padding-left: 10px;
    padding-top: 10px; }
    aside li:before {
      content: "?";
      padding-right: 5px;
      color: #62AC7C; }

sup {
  vertical-align: super;
  font-size: 50%;
  padding-left: 2px; }

sub {
  vertical-align: sub;
  font-size: 50%;
  padding-left: 2px; }

legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  color: #838383;
  display: table;
  white-space: normal;
  padding-bottom: 20px; }

.red {
  color: #DE453E; }

.green {
  color: #62AC7C; }

.header-field .name-container a, .memberinfo .name-container a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  font-weight: 400;
  color: #838383;
  padding-left: 20px;
  padding-top: 10px; }

.hidden-increase, .hidden-state-pension, .hidden-second-person, .hidden-life-expectancy, .hiddenfixeddate, .hidden-repayment-amount, .expense-add .input-wrapper, .header-field .name-container, .money-field, .assumption-row, .inv-risk-tolerance .input-wrapper, .memberinfo .name-container, .intro-row, .basic-hero {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .hidden-increase:after, .hidden-state-pension:after, .hidden-second-person:after, .hidden-life-expectancy:after, .hiddenfixeddate:after, .hidden-repayment-amount:after, .expense-add .input-wrapper:after, .header-field .name-container:after, .money-field:after, .assumption-row:after, .inv-risk-tolerance .input-wrapper:after, .memberinfo .name-container:after, .intro-row:after, .basic-hero:after {
    content: "";
    display: table;
    clear: both; }

.combined-expenses, .adopted-field, .property-field, .expense-form, .add-update-form, .error-field, .success-field, .attitudes-field, .header-field, .strategy-list-field, .adopted-strategy-list-field, .results-preview .risk, .results-preview .summary, .results-preview .insolvency, .results-preview .legacy, .newplan, .memberinfo, .holdings-field, .nomember-sidenav .display-nomember-help, .running-optimisation > section {
  width: 100%;
  padding: 20px;
  border-radius: 6px;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  margin-bottom: 20px; }
  .combined-expenses:last-child, .adopted-field:last-child, .property-field:last-child, .expense-form:last-child, .add-update-form:last-child, .error-field:last-child, .success-field:last-child, .attitudes-field:last-child, .header-field:last-child, .strategy-list-field:last-child, .adopted-strategy-list-field:last-child, .results-preview .risk:last-child, .results-preview .summary:last-child, .results-preview .insolvency:last-child, .results-preview .legacy:last-child, .newplan:last-child, .memberinfo:last-child, .holdings-field:last-child, .nomember-sidenav .display-nomember-help:last-child, .running-optimisation > section:last-child {
    margin-right: 0; }

.tabbing-menu a i, .tabbing-menu a span {
  position: relative;
  top: 25%;
  -webkit-transform: translateY(-50%); }

.cleared, .broadcast, .has-increase, .hidden-belongs-to .input-wrapper, .button-row, .expense-add aside, .member-manies-add aside, .expense-is-indexed-linked, .income-is-transferable, .debt-repayment, .debt-fixed-repayment, .inv-risk-tolerance aside, .full-inline-question, .actions, .holdings-field .money-inline-field, .holdings-field .money-inline-field aside {
  width: 100%;
  clear: both;
  display: block;
  float: left; }

.full-inline-question span, .half-inline-question span, .property-field .properties .inputs span, .inline-input span, .money-field span, .assumption-row span, .aside-label span, .holdings-field .money-inline-field span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 600;
  color: #62AC7C;
  padding-right: 5px;
  margin-top: 5px; }

.full-inline-question label, .half-inline-question label, .full-inline-question input, .half-inline-question input, .full-inline-question span, .half-inline-question span, .full-inline-question .input-container, .half-inline-question .input-container {
  float: left; }
.full-inline-question label, .half-inline-question label {
  margin-top: 7px; }
.full-inline-question input, .half-inline-question input {
  width: 150px;
  margin-right: 10px; }

.property-field .properties .inputs input, .inline-input input, .property-field .properties .inputs span, .inline-input span, .property-field .properties .inputs .input-container, .inline-input .input-container {
  float: left; }

.memberinfo .name-container .tab-preview .tab, .member-sidenav .sidebar-member-container .thumbnail, .member-sidenav .allison-field .thumbnail, .member-sidenav .addmember-field .thumbnail {
  height: 40px;
  width: 60px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 700;
  color: white; }
  .memberinfo .name-container .tab-preview .tab:hover span.tooltip, .member-sidenav .sidebar-member-container .thumbnail:hover span.tooltip, .member-sidenav .allison-field .thumbnail:hover span.tooltip, .member-sidenav .addmember-field .thumbnail:hover span.tooltip {
    opacity: 1;
    visibility: visible;
    font-size: 13px; }

header {
  height: 50px;
  width: 100%;
  background-color: #373737; }
  header .nav-container {
    *zoom: 1;
    max-width: 62.5em;
    margin-left: auto;
    margin-right: auto; }
    header .nav-container:before, header .nav-container:after {
      content: " ";
      display: table; }
    header .nav-container:after {
      clear: both; }
    @media screen and (max-width: 991px) {
      header .nav-container h1 {
        display: none; } }
    header .nav-container img {
      max-height: 28px;
      margin-top: 10px;
      float: left; }
  header .right-menu {
    float: right;
    text-align: right; }
    header .right-menu.hidden {
      display: none; }
    header .right-menu li {
      float: right; }
    header .right-menu a {
      float: left;
      height: 50px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1em;
      font-weight: 400;
      color: white;
      padding: 17px 12px 0;
      display: block;
      border-right: 1px solid #2d2d2d;
      -webkit-transition: background 0.3s ease-in;
      -moz-transition: background 0.3s ease-in;
      transition: background 0.3s ease-in; }
      @media screen and (max-width: 800px) {
        header .right-menu a {
          padding: 17px 5px 0; } }
      header .right-menu a i {
        padding-right: 5px; }
      @media screen and (max-width: 800px) {
        header .right-menu a span {
          display: none; } }
      header .right-menu a:hover {
        background-color: #1e1e1e; }
  header h1 {
    float: left;
    padding-top: 17px;
    padding-left: 5px;
    color: white; }

header.fixed {
  position: fixed;
  top: 0px;
  z-index: 999; }

body {
  background-color: #eee;
  font-size: 16px; }

.noscroll {
  overflow: hidden; }

.center {
  text-align: center; }

.global-container {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  background-color: white;
  margin-top: 30px;
  margin-bottom: 40px;
  overflow: hidden;
  border-radius: 6px; }
  .global-container:before, .global-container:after {
    content: " ";
    display: table; }
  .global-container:after {
    clear: both; }

.tabbing-menu {
  background-color: #eee;
  padding-top: 20px;
  border-bottom: 10px solid #ACC688;
  display: block;
  float: left;
  width: 100%;
  position: relative; }
  .tabbing-menu a {
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    color: #838383;
    height: 50px;
    width: 20%;
    float: left;
    display: block;
    box-sizing: border-box;
    text-align: center;
    border-radius: 6px 6px 0 0; }
    .tabbing-menu a i {
      font-size: 1.5em;
      padding-right: 5px; }
    .tabbing-menu a span {
      top: 15%; }
      @media screen and (max-width: 582px) {
        .tabbing-menu a span {
          display: none; } }
    .tabbing-menu a:hover {
      background-color: #ACC688;
      color: white; }
    .tabbing-menu a.selected {
      background-color: #ACC688;
      color: white;
      box-shadow: none; }
    .tabbing-menu a.disabled {
      opacity: 0.8; }
      .tabbing-menu a.disabled:hover {
        color: #838383;
        background-color: #eee;
        cursor: not-allowed; }

.info-container {
  padding: 40px;
  color: #373737;
  overflow: auto; }

.welcome-container {
  padding: 40px;
  color: #373737;
  overflow: auto; }

.tabbed-container {
  padding: 40px;
  margin-top: 60px;
  color: #373737; }

.basic-container {
  padding: 40px;
  margin-top: 0px;
  color: #373737;
  overflow: auto; }

.omega {
  margin-right: 0; }

.cleared {
  padding-bottom: 10px; }
  .cleared textarea {
    width: 100%;
    height: 100px;
    resize: none; }

.broadcast {
  padding-bottom: 10px; }
  .broadcast input {
    width: 100%; }
  .broadcast textarea {
    width: 100%;
    height: 200px;
    resize: none; }

.divide {
  border-bottom: 1px solid #c8d4de;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.welcome-message {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  margin-left: 0%; }
  .welcome-message:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .welcome-message {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .welcome-message:last-child {
        margin-right: 0; } }
  .welcome-message h1 {
    padding-bottom: 20px;
    text-align: center; }
  .welcome-message h2 {
    display: block;
    font-size: 1.5em;
    line-height: inherit;
    padding-bottom: 15px; }

.intro {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 65.95745%;
  margin-left: 17.02128%;
  padding-top: 40px; }
  .intro:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .intro {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .intro:last-child {
        margin-right: 0; } }

.long-label-adjust label {
  margin-right: -10px; }

.follow-us {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  clear: both;
  text-align: left;
  margin-bottom: 10px;
}

footer.copyright {
  background: #373737;
  color: #62AC7C;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  clear: both;
  text-align: center;
}

.social-link-preamble {
  margin-left: 5px;
  margin-right: 5px;
  color: #DE453E;
}

.social-link, .emr-link {
  margin-left: 5px;
  margin-right: 5px;
  &:hover{
    border-bottom: 1px solid darken(#62AC7C,15%);
  }
}

.social-link {
  color: #62AC7C;
}

a.back-to-top {
  display: none;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 80px;
  background: #6CB586 url("../images/up-arrow.png") no-repeat center 43%; }

.hidden-increase, .hidden-state-pension, .hidden-second-person, .hidden-life-expectancy, .hiddenfixeddate, .hidden-repayment-amount {
  border-radius: 6px;
  padding: 10px;
  clear: both;
  display: none; }
  .hidden-increase .full-inline-question, .hidden-state-pension .full-inline-question, .hidden-second-person .full-inline-question, .hidden-life-expectancy .full-inline-question, .hiddenfixeddate .full-inline-question, .hidden-repayment-amount .full-inline-question {
    padding: 0px;
    margin: 0px; }
  .hidden-increase aside, .hidden-state-pension aside, .hidden-second-person aside, .hidden-life-expectancy aside, .hiddenfixeddate aside, .hidden-repayment-amount aside {
    margin-top: -10px; }

.has-state-pension input, .manual-life-expectancy input, .second-person-checkbox input, .hasfixeddate input, .expense-is-indexed-linked input, .income-is-transferable input, .debt-repayment input, .debt-fixed-repayment input {
  float: left;
  margin-top: 7px;
  margin-right: 10px; }

.has-increase {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #c8d4de;
  border-bottom: 1px solid #c8d4de; }

.hidden-increase {
  background-color: #c8d4de;
  margin-bottom: 10px; }

.hidden-state-pension {
  background-color: #D6E0CD; }
  .hidden-state-pension .full-inline-question {
    float: right; }

.has-state-pension {
  padding-top: 20px; }

.hidden-life-expectancy {
  background-color: #D6E0CD;
  margin-bottom: 10px; }

.manual-life-expectancy {
  padding-top: 20px;
  padding-bottom: 10px; }

.second-person-checkbox {
  padding-top: 20px;
  padding-bottom: 10px; }

.hiddenfixeddate {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 57.44681%;
  margin-left: 0%;
  background-color: #c8d4de;
  display: none; }
  .hiddenfixeddate:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .hiddenfixeddate {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .hiddenfixeddate:last-child {
        margin-right: 0; } }
  .hiddenfixeddate .start-date, .hiddenfixeddate .end-date {
    float: left;
    margin-left: 20px; }

.hasfixeddate {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 57.44681%;
  margin-left: 0%;
  margin-right: 0;
  padding-top: 20px; }
  .hasfixeddate:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .hasfixeddate {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .hasfixeddate:last-child {
        margin-right: 0; } }

.hidden-belongs-to {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%;
  margin-right: 0;
  background-color: #c8d4de;
  padding: 10px;
  border-radius: 6px;
  display: none; }
  .hidden-belongs-to:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .hidden-belongs-to {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .hidden-belongs-to:last-child {
        margin-right: 0; } }
  .hidden-belongs-to label, .hidden-belongs-to a {
    float: left; }
  .hidden-belongs-to span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: #DE453E;
    padding-right: 5px;
    margin-top: 5px;
    float: left; }
  .hidden-belongs-to label {
    color: #6a6a6a; }
  .hidden-belongs-to .input-wrapper {
    width: 100%; }
    .hidden-belongs-to .input-wrapper span {
      float: left; }
    .hidden-belongs-to .input-wrapper input {
      float: left;
      width: 40%;
      margin-right: 10px; }
    .hidden-belongs-to .input-wrapper .styled-select {
      width: 45%; }

.table-of-contents {
  clear: both;
  margin-bottom: 15px; }
  .table-of-contents h3 {
    color: rgba(55, 55, 55, 0.7); }
  .table-of-contents .show-toc h3:before {
    content: '+ View  '; }
  .table-of-contents .hide-toc h3:before {
    content: '- Hide  '; }
  .table-of-contents .top-button {
    border-radius: 6px 6px 0 0; }
  .table-of-contents .bottom-button {
    border-radius: 0 0 6px 6px; }
  .table-of-contents .toc-button {
    background-color: #ed9995;
    padding: 5px;
    text-indent: 15px;
    display: block;
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in; }
    .table-of-contents .toc-button h2 {
      padding-bottom: 0; }
    .table-of-contents .toc-button:hover {
      background-color: #e56f6a; }
  .table-of-contents .toc-container {
    max-height: 0px;
    background-color: #f8d8d6;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
    -webkit-transition: all 700ms ease-in;
    -moz-transition: all 700ms ease-in;
    transition: all 700ms ease-in; }
    .table-of-contents .toc-container .padding {
      padding: 20px;
      overflow: visible; }
    .table-of-contents .toc-container.expand-toc {
      max-height: 3000px;
      overflow: visible; }
      .table-of-contents .toc-container.expand-toc .padding {
        overflow: visible; }

/* tables */
.tablesorter {
  font-family: arial;
  background-color: #f0f4ec;
  font-size: 0.9em;
  max-width: 100%;
  width: 100%;
  text-align: left;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px; }
  .tablesorter th, .tablesorter thead td {
    background-color: #62AC7C;
    color: white;
    font-size: 0.9em;
    padding: 10px;
    border: 1px solid #e1e1e1; }
  .tablesorter .edit {
    color: #F09A3D; }
  .tablesorter .delete {
    color: #DE453E; }
  .tablesorter .header {
    background-image: url("/images/bg.png");
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer; }
  .tablesorter tbody td {
    color: #838383;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #e1e1e1; }
  .tablesorter tbody tr.odd td {
    background-color: #F0F0F6; }
  .tablesorter .headerSortUp {
    background-image: url("/images/asc.png"); }
  .tablesorter .headerSortDown {
    background-image: url("/images/desc.png"); }
  .tablesorter .headerSortUp, .tablesorter .headerSortDown {
    background-color: #98CFAF; }

.adminusertable {
  font-family: arial;
  background-color: #f0f4ec;
  font-size: 0.9em;
  max-width: 100%;
  width: 100%;
  text-align: left;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px; }
  .adminusertable th, .adminusertable thead td {
    background-color: #62AC7C;
    color: white;
    font-size: 0.9em;
    padding: 10px;
    border: 1px solid #e1e1e1; }
  .adminusertable .revoke {
    color: #373737; }
  .adminusertable tbody td {
    color: #838383;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #e1e1e1; }
  .adminusertable tbody tr.odd td {
    background-color: #F0F0F6; }

.add-entity, .stop-opt, .running-optimisation > section .button, .register-button, .guest-button, .login-button, .contact-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 15px;
  border-radius: 6px;
  border: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: white;
  display: inline-block;
  -webkit-transition: background 0.3s ease-in;
  -moz-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in; }
  .add-entity:focus, .stop-opt:focus, .running-optimisation > section .button:focus, .register-button:focus, .guest-button:focus, .login-button:focus, .contact-button:focus {
    outline: none; }

.button-row {
  padding-top: 20px; }

.add-entity {
  background-color: #62AC7C;
  float: right;
  margin-right: 12%;
  cursor: pointer; }
  .add-entity:hover {
    background-color: #3a6e4c; }

.save-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  color: #fff;
  padding: 10px 30px;
  background-color: #6CB586;
  cursor: pointer; }

.cancel-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  color: #fff;
  padding: 10px 30px;
  margin: 2px 0;
  background-color: #C7C6C6;
  cursor: pointer; }

.stop-opt {
  background-color: #DE453E; }
  .stop-opt:hover {
    background-color: #9b201b; }

.create-a-strategy a {
  padding: 40px;
  margin-bottom: 20px;
  text-align: center;
  display: block;
  border-radius: 6px;
  -webkit-transition: background 0.3s ease-in;
  -moz-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in; }
  .create-a-strategy a h4 {
    color: white;
    font-size: 1.2em; }
  .create-a-strategy a.optimised-create {
    background-color: #62AC7C; }
    .create-a-strategy a.optimised-create:hover {
      background-color: #3a6e4c; }
  .create-a-strategy a.self-create {
    background-color: #8FBBED; }
    .create-a-strategy a.self-create:hover {
      background-color: #3786df; }

.strategy-controls a {
  padding: 30px;
  margin-bottom: 20px;
  text-align: center;
  display: block;
  width: 80%;
  margin: 20px auto;
  border-radius: 6px;
  -webkit-transition: background 0.3s ease-in;
  -moz-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  color: white; }
  .strategy-controls a aside {
    color: white;
    margin: 0;
    padding: 5px; }
  .strategy-controls a.improve-this-strategy {
    background-color: #BF87C9; }
    .strategy-controls a.improve-this-strategy:hover {
      background-color: #9449a1; }
  .strategy-controls a.new-strategy {
    background-color: #62AC7C; }
    .strategy-controls a.new-strategy:hover {
      background-color: #3a6e4c; }
  .strategy-controls a.edit-strategy-button {
    background-color: #F09A3D; }
    .strategy-controls a.edit-strategy-button:hover {
      background-color: #b9670e; }
  .strategy-controls a.view-result-button {
    background-color: #8FBBED; }
    .strategy-controls a.view-result-button:hover {
      background-color: #3786df; }

.strategy-table {
  vertical-align: center; }
  .strategy-table a {
    padding: 7px;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    color: white;
    border-radius: 6px;
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in; }
  .strategy-table .view-strategy {
    background-color: #ACC688; }
    .strategy-table .view-strategy:hover {
      background-color: #7b9d4b; }
  .strategy-table .adopt-strategy {
    background-color: #8FBBED; }
    .strategy-table .adopt-strategy:hover {
      background-color: #3786df; }
  .strategy-table .delete-strategy {
    background-color: #DE453E; }
    .strategy-table .delete-strategy:hover {
      background-color: #9b201b; }

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */
/*************************************
 * CONFIG
 */
/*************************************
 * MIXINS
 */
/*************************************
 * BUTTON BASE
 */
.ladda-button {
  position: relative; }

/* Spinner animation */
.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none; }

/* Button label */
.ladda-button .ladda-label {
  position: relative;
  z-index: 3;
  font-weight: bold; }

/* Progress bar */
.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s linear all !important;
  -moz-transition: 0.1s linear all !important;
  -ms-transition: 0.1s linear all !important;
  -o-transition: 0.1s linear all !important;
  transition: 0.1s linear all !important; }

.ladda-button[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible; }

/*************************************
 * EASING
 */
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }

.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
  -webkit-transition: 0.3s ease all !important;
  -moz-transition: 0.3s ease all !important;
  -ms-transition: 0.3s ease all !important;
  -o-transition: 0.3s ease all !important;
  transition: 0.3s ease all !important; }

/*************************************
 * EXPAND LEFT
 */
.ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px; }
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: -12px; }
.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px; }
  .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1; }
  .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px; }

/*************************************
 * EXPAND RIGHT
 */
.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 26px; }
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px; }
.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px; }
  .ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1; }
  .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px; }

/*************************************
 * EXPAND UP
 */
.ladda-button[data-style=expand-up] {
  overflow: hidden; }
  .ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0; }
  .ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px; }
    .ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
      opacity: 1;
      top: 26px;
      margin-top: 0; }
    .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
      padding-top: 32px; }
      .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
        top: 4px; }

/*************************************
 * EXPAND DOWN
 */
.ladda-button[data-style=expand-down] {
  overflow: hidden; }
  .ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: 0; }
  .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px; }
  .ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px; }
    .ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
      opacity: 1; }
    .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
      padding-bottom: 32px; }

/*************************************
 * SLIDE LEFT
 */
.ladda-button[data-style=slide-left] {
  overflow: hidden; }
  .ladda-button[data-style=slide-left] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: 0; }
  .ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%; }
  .ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }

/*************************************
 * SLIDE RIGHT
 */
.ladda-button[data-style=slide-right] {
  overflow: hidden; }
  .ladda-button[data-style=slide-right] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: 0;
    left: 16px; }
  .ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%; }
  .ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }

/*************************************
 * SLIDE UP
 */
.ladda-button[data-style=slide-up] {
  overflow: hidden; }
  .ladda-button[data-style=slide-up] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: 1em; }
  .ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em; }
  .ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0; }

/*************************************
 * SLIDE DOWN
 */
.ladda-button[data-style=slide-down] {
  overflow: hidden; }
  .ladda-button[data-style=slide-down] .ladda-label {
    position: relative; }
  .ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: -2em; }
  .ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em; }
  .ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0; }

/*************************************
 * ZOOM-OUT
 */
.ladda-button[data-style=zoom-out] {
  overflow: hidden; }

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: 32px;
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5); }

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

/*************************************
 * ZOOM-IN
 */
.ladda-button[data-style=zoom-in] {
  overflow: hidden; }

.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2); }

.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block; }

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -ms-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2); }

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

/*************************************
 * CONTRACT
 */
.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px; }

.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: 0; }

.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px; }

.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0; }

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1; }

/*************************************
 * OVERLAY
 */
.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px transparent; }

.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: 0; }

.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0; }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1; }

/** Contains the default Ladda button theme styles */
/*************************************
 * CONFIG
 */
/*************************************
 * BUTTON THEME
 */
.save-button, .cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 15px;
  border-radius: 6px;
  border: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: white;
  display: inline-block;
  -webkit-transition: background 0.3s ease-in !important;
  -moz-transition: background 0.3s ease-in !important;
  -ms-transition: background 0.3s ease-in !important;
  -o-transition: background 0.3s ease-in !important;
  transition: background 0.3s ease-in !important; }
  .save-button:hover, .cancel-button:hover {
    border-color: rgba(0, 0, 0, 0.07);
    background-color: #888; }
  [disabled].save-button, [disabled].cancel-button, [data-loading].save-button, [data-loading].cancel-button {
    border-color: rgba(0, 0, 0, 0.07); }
    [disabled].save-button, [disabled].cancel-button, [disabled].save-button:hover, [disabled].cancel-button:hover, [data-loading].save-button, [data-loading].cancel-button, [data-loading].save-button:hover, [data-loading].cancel-button:hover {
      cursor: default;
      background-color: #999; }
  [data-size=xs].save-button, [data-size=xs].cancel-button {
    padding: 4px 8px; }
    [data-size=xs].save-button .ladda-label, [data-size=xs].cancel-button .ladda-label {
      font-size: 0.7em; }
  [data-size=s].save-button, [data-size=s].cancel-button {
    padding: 6px 10px; }
    [data-size=s].save-button .ladda-label, [data-size=s].cancel-button .ladda-label {
      font-size: 0.9em; }
  [data-size=l].save-button .ladda-label, [data-size=l].cancel-button .ladda-label {
    font-size: 1.2em; }
  [data-size=xl].save-button .ladda-label, [data-size=xl].cancel-button .ladda-label {
    font-size: 1.5em; }

#pie, #donut, #bar {
  max-height: 450px; }

svg {
  width: 100%;
  height: auto; }

.tooltip {
  margin-left: -5px;
  border-radius: 3px;
  padding: 5px; }

ul[data-pie-id], ul[data-bar-id] {
  list-style: none;
  padding: 10px;
  padding-top: 15px; }
  ul[data-pie-id] li, ul[data-bar-id] li {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    color: #838383;
    padding-bottom: 20px;
    position: relative; }
    ul[data-pie-id] li span, ul[data-bar-id] li span {
      color: #838383; }
    ul[data-pie-id] li:before, ul[data-bar-id] li:before {
      content: '';
      font-size: 5em;
      position: absolute;
      line-height: 1;
      left: -40px;
      top: 0;
      line-height: 19px; }

.graph-row h4 {
  padding-bottom: 5px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 2px;
  text-align: center;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 25.53191%; }
  .graph-row h4:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .graph-row h4 {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .graph-row h4:last-child {
        margin-right: 0; } }
.graph-row .graph {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%; }
  .graph-row .graph:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .graph-row .graph {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .graph-row .graph:last-child {
        margin-right: 0; } }
  .graph-row .graph svg {
    max-height: 300px !important;
    margin-top: -20px;
    margin-left: -10%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #ea8557; }
.graph-row .graph-list {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%;
  margin-right: 0; }
  .graph-row .graph-list:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .graph-row .graph-list {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .graph-row .graph-list:last-child {
        margin-right: 0; } }
  .graph-row .graph-list .totals {
    padding-top: 20px;
    float: left;
    display: block;
    margin-right: 4.34783%;
    width: 47.82609%;
    color: #838383; }
    .graph-row .graph-list .totals:last-child {
      margin-right: 0; }

.combined-expenses {
  background-color: white; }
  .combined-expenses h4 {
    color: rgba(234, 133, 87, 0.9);
    border-bottom: 1px solid #ea8557; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+1), .combined-expenses [data-bar-id] > *:nth-child(7n+1), .combined-expenses [data-line-id] > *:nth-child(7n+1) {
    color: #F7D53A; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+1):before, .combined-expenses [data-bar-id] > *:nth-child(7n+1):before, .combined-expenses [data-line-id] > *:nth-child(7n+1):before {
      color: #F7D53A; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+2), .combined-expenses [data-bar-id] > *:nth-child(7n+2), .combined-expenses [data-line-id] > *:nth-child(7n+2) {
    color: #DE453E; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+2):before, .combined-expenses [data-bar-id] > *:nth-child(7n+2):before, .combined-expenses [data-line-id] > *:nth-child(7n+2):before {
      color: #DE453E; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+3), .combined-expenses [data-bar-id] > *:nth-child(7n+3), .combined-expenses [data-line-id] > *:nth-child(7n+3) {
    color: #64C0BF; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+3):before, .combined-expenses [data-bar-id] > *:nth-child(7n+3):before, .combined-expenses [data-line-id] > *:nth-child(7n+3):before {
      color: #64C0BF; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+4), .combined-expenses [data-bar-id] > *:nth-child(7n+4), .combined-expenses [data-line-id] > *:nth-child(7n+4) {
    color: #8FBBED; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+4):before, .combined-expenses [data-bar-id] > *:nth-child(7n+4):before, .combined-expenses [data-line-id] > *:nth-child(7n+4):before {
      color: #8FBBED; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+5), .combined-expenses [data-bar-id] > *:nth-child(7n+5), .combined-expenses [data-line-id] > *:nth-child(7n+5) {
    color: #BF87C9; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+5):before, .combined-expenses [data-bar-id] > *:nth-child(7n+5):before, .combined-expenses [data-line-id] > *:nth-child(7n+5):before {
      color: #BF87C9; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+6), .combined-expenses [data-bar-id] > *:nth-child(7n+6), .combined-expenses [data-line-id] > *:nth-child(7n+6) {
    color: #F09A3D; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+6):before, .combined-expenses [data-bar-id] > *:nth-child(7n+6):before, .combined-expenses [data-line-id] > *:nth-child(7n+6):before {
      color: #F09A3D; }
  .combined-expenses [data-pie-id] > *:nth-child(7n+7), .combined-expenses [data-bar-id] > *:nth-child(7n+7), .combined-expenses [data-line-id] > *:nth-child(7n+7) {
    color: #e8edf1; }
    .combined-expenses [data-pie-id] > *:nth-child(7n+7):before, .combined-expenses [data-bar-id] > *:nth-child(7n+7):before, .combined-expenses [data-line-id] > *:nth-child(7n+7):before {
      color: #e8edf1; }
  .combined-expenses #total-svg {
    height: 280px; }

.results-tab .bar-graph, .results-tab .bar-graph-list {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%; }
  .results-tab .bar-graph:last-child, .results-tab .bar-graph-list:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .results-tab .bar-graph, .results-tab .bar-graph-list {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .results-tab .bar-graph:last-child, .results-tab .bar-graph-list:last-child {
        margin-right: 0; } }
.results-tab ul[data-pie-id] {
  margin-left: 30px !important; }
.results-tab .bar-graph-list li {
  float: none !important; }

.styled-radio {
  /* hide input */
  /* style label */
  /* toggle hover */
  /* toggle on */
  /* radio focus */ }
  .styled-radio label {
    width: 40%;
    margin-right: 20px;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    padding: 10px 0; }
  .styled-radio input.radio:empty {
    display: none; }
  .styled-radio input.radio:empty + label {
    position: relative;
    float: left;
    line-height: 1em;
    text-indent: 3.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .styled-radio input.radio:empty + label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px; }
  .styled-radio input.radio:hover:not(:checked) + label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2; }
  .styled-radio input.radio:hover:not(:checked) + label {
    color: #888; }
  .styled-radio input.radio:checked + label:before {
    content: '\2714';
    text-indent: .9em;
    line-height: 2;
    color: #9CE2AE;
    background-color: #4DCB6D; }
  .styled-radio input.radio:checked + label {
    color: #777; }
  .styled-radio input.radio:focus + label:before {
    box-shadow: 0 0 0 3px #999; }

/* Base for label styling */
.confirm-modal {
  position: fixed;
  background-color: rgba(55, 55, 55, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
  top: 40px;
  left: 0; }
  .confirm-modal .window {
    *zoom: 1;
    max-width: 62.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative; }
    .confirm-modal .window:before, .confirm-modal .window:after {
      content: " ";
      display: table; }
    .confirm-modal .window:after {
      clear: both; }

.acknowledge-modal {
  position: fixed;
  background-color: rgba(55, 55, 55, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
  top: 40px;
  left: 0; }
  .acknowledge-modal .window {
    *zoom: 1;
    max-width: 62.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px;
    background-color: white;
    border-radius: 6px;
    position: relative; }
    .acknowledge-modal .window:before, .acknowledge-modal .window:after {
      content: " ";
      display: table; }
    .acknowledge-modal .window:after {
      clear: both; }

.view-strategy-modal, .generate-strategy-modal {
  position: fixed;
  background-color: rgba(55, 55, 55, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
  top: 40px;
  left: 0;
  overflow: scroll; }
  .view-strategy-modal .window, .generate-strategy-modal .window {
    *zoom: 1;
    max-width: 62.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px;
    background-color: white;
    border-radius: 6px;
    position: relative; }
    .view-strategy-modal .window:before, .view-strategy-modal .window:after, .generate-strategy-modal .window:before, .generate-strategy-modal .window:after {
      content: " ";
      display: table; }
    .view-strategy-modal .window:after, .generate-strategy-modal .window:after {
      clear: both; }
    .view-strategy-modal .window .close-modal, .generate-strategy-modal .window .close-modal {
      font-size: 2em;
      position: absolute;
      right: 20px;
      top: 20px;
      color: #838383;
      -webkit-transition: color 0.2s ease-in !important;
      -moz-transition: color 0.2s ease-in !important;
      -ms-transition: color 0.2s ease-in !important;
      -o-transition: color 0.2s ease-in !important;
      transition: color 0.2s ease-in !important; }
      .view-strategy-modal .window .close-modal:before, .generate-strategy-modal .window .close-modal:before {
        content: 'Close preview';
        position: absolute;
        left: -100px;
        top: 10px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #838383; }
      .view-strategy-modal .window .close-modal:hover, .generate-strategy-modal .window .close-modal:hover {
        color: #ea8557; }
        .view-strategy-modal .window .close-modal:hover:before, .generate-strategy-modal .window .close-modal:hover:before {
          color: #ea8557; }
  .view-strategy-modal .results-preview .graph, .generate-strategy-modal .results-preview .graph {
    width: 47%;
    float: left;
    height: auto; }

.generate-strategy-modal {
  text-align: center;
  position: relative;
  background: none;
  overflow: hidden; }
  .generate-strategy-modal .window {
    overflow: hidden; }
  .generate-strategy-modal.shown {
    display: block; }
  .generate-strategy-modal h1 {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%;
    margin-left: 25.53191%;
    margin-right: 0;
    padding-top: 20px; }
    .generate-strategy-modal h1:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .generate-strategy-modal h1 {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .generate-strategy-modal h1:last-child {
          margin-right: 0; } }
  .generate-strategy-modal aside {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%;
    margin-left: 25.53191%;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 10px; }
    .generate-strategy-modal aside:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .generate-strategy-modal aside {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .generate-strategy-modal aside:last-child {
          margin-right: 0; } }
  .generate-strategy-modal .progress-bar-indication {
    float: none !important;
    margin-top: 20px; }
    .generate-strategy-modal .progress-bar-indication > span.meter {
      border-color: #478d60;
      background-color: #6CB586; }

.progress-bar-indication {
  background-color: #f2f2f2;
  border: 1px solid #DDD;
  box-shadow: inset 0 0 3px 0 rgba(115, 115, 115, 0.15);
  border-radius: 6px;
  margin: 0 auto;
  width: 50%; }
  .progress-bar-indication > span.meter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #53b5e6;
    background-size: 40px 40px;
    background-repeat: repeat-x;
    border: 1px solid #1e94ce;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    height: 100%;
    width: 60%; }
  .progress-bar-indication p {
    margin-bottom: 0;
    padding: .1em .5em;
    font-weight: 800;
    color: white;
    text-shadow: 0 0 1px black; }

.ns-box {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
  background: rgba(172, 198, 136, 0.5);
  border-radius: 6px;
  color: rgba(250, 251, 255, 0.95);
  font-size: 90%;
  line-height: 1.4;
  margin-top: 20px;
  padding: 22px;
  z-index: 1000; }
  .ns-box:before, .ns-box:after {
    content: " ";
    display: table; }
  .ns-box:after {
    clear: both; }

.ns-box a {
  color: inherit;
  opacity: 0.7;
  font-weight: 700; }

.ns-box a:hover,
.ns-box a:focus {
  opacity: 1; }

.ns-box p {
  margin: 0; }

.adopted-field {
  background-color: #f0f4ec; }
  .adopted-field legend {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    color: #838383; }

.property-field {
  background-color: #e8edf1; }
  .property-field .house-big {
    font-size: 5em;
    color: #c8d4de;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%;
    margin-left: 0%;
    text-align: center; }
    .property-field .house-big:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .property-field .house-big {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .property-field .house-big:last-child {
          margin-right: 0; } }
  .property-field aside {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 57.44681%;
    margin-left: 0%;
    margin-right: 0;
    padding-bottom: 20px; }
    .property-field aside:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .property-field aside {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .property-field aside:last-child {
          margin-right: 0; } }
  .property-field .properties {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 57.44681%;
    margin-left: 0%; }
    .property-field .properties:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .property-field .properties {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .property-field .properties:last-child {
          margin-right: 0; } }
    .property-field .properties .label {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      margin-left: 0%;
      text-align: right; }
      .property-field .properties .label:last-child {
        margin-right: 0; }
      @media screen and (max-width: 582px) {
        .property-field .properties .label {
          float: left;
          display: block;
          margin-right: 4.34783%;
          width: 100%;
          margin-left: 0%; }
          .property-field .properties .label:last-child {
            margin-right: 0; } }
    .property-field .properties .inputs {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      margin-left: 0%;
      margin-right: 0;
      padding-bottom: 20px; }
      .property-field .properties .inputs:last-child {
        margin-right: 0; }
      @media screen and (max-width: 582px) {
        .property-field .properties .inputs {
          float: left;
          display: block;
          margin-right: 4.34783%;
          width: 100%;
          margin-left: 0%; }
          .property-field .properties .inputs:last-child {
            margin-right: 0; } }
      .property-field .properties .inputs input {
        width: 150px; }
      .property-field .properties .inputs span {
        width: 25px;
        text-align: right; }

.expense-form {
  background-color: #e8edf1; }

.expense-belongs-to {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%;
  border-bottom: 1px solid #D6E0CD;
  padding-bottom: 10px; }
  .expense-belongs-to:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .expense-belongs-to {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .expense-belongs-to:last-child {
        margin-right: 0; } }

.floated-input-container {
  float: left; }
  .floated-input-container input, .floated-input-container label {
    float: left; }
  .floated-input-container label {
    font-size: .9em; }
  .floated-input-container input {
    margin-top: 5px;
    margin-right: 10px; }

.expense-add {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 23.40426%;
  margin-left: 0%;
  padding-bottom: 10px; }
  .expense-add:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .expense-add {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .expense-add:last-child {
        margin-right: 0; } }
  .expense-add:nth-child(4n) {
    margin-right: 0; }
  .expense-add:nth-child(4n+1) {
    clear: left; }
  .expense-add label, .expense-add i {
    float: left; }
  .expense-add .tooltip-item {
    *zoom: 1; }
    .expense-add .tooltip-item:before, .expense-add .tooltip-item:after {
      content: " ";
      display: table; }
    .expense-add .tooltip-item:after {
      clear: both; }
  .expense-add input {
    width: 100%; }
  .expense-add aside {
    margin-top: -10px; }
  .expense-add span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: #62AC7C;
    padding-right: 5px;
    margin-top: 5px;
    float: left; }
  .expense-add .input-wrapper {
    width: 100%;
    float: none; }
    .expense-add .input-wrapper input {
      float: left;
      width: 90%; }

.add-update-form {
  background-color: #e8edf1; }

.member-manies-add {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-left: 0%;
  padding-bottom: 10px; }
  .member-manies-add:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .member-manies-add {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .member-manies-add:last-child {
        margin-right: 0; } }
  .member-manies-add:nth-child(3n) {
    margin-right: 0; }
  .member-manies-add:nth-child(3n+1) {
    clear: left; }
  .member-manies-add input {
    width: 100%; }
  .member-manies-add aside {
    margin-top: -10px; }
  .member-manies-add span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: #62AC7C;
    padding-right: 5px;
    margin-top: 5px;
    float: left; }
  .member-manies-add .input-wrapper {
    clear: both;
    width: 100%;
    float: none; }
    .member-manies-add .input-wrapper input {
      float: left;
      width: 150px; }

.error-field, .success-field {
  background-color: #f1aeab;
  display: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #fff; }
  .error-field ul, .success-field ul {
    padding-bottom: 10px; }
    .error-field ul li, .success-field ul li {
      padding-left: 10px;
      padding-top: 10px; }
      .error-field ul li:before, .success-field ul li:before {
        content: "?";
        padding-right: 5px;
        color: #ea8557; }

.success-field {
  background-color: #fcefb5;
  color: #838383; }

.attitudes-field {
  background-color: #e8edf1; }

.header-field {
  background-color: #f0f4ec; }
  .header-field input {
    width: 180px; }
  .header-field .name-container {
    padding-bottom: 20px; }
    .header-field .name-container h2 {
      float: left; }
    .header-field .name-container a {
      float: left; }
      .header-field .name-container a:hover {
        color: #62AC7C; }

.smaller-aside {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 57.44681%;
  margin-left: 0%;
  margin-right: 0;
  padding-bottom: 20px; }
  .smaller-aside:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .smaller-aside {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .smaller-aside:last-child {
        margin-right: 0; } }

.money-field {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 57.44681%;
  margin-left: 0%;
  margin-right: 0; }
  .money-field:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .money-field {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .money-field:last-child {
        margin-right: 0; } }
  .money-field label, .money-field span, .money-field input, .money-field .input-wrapper {
    float: left; }
  .money-field input {
    width: 150px; }
  .money-field label {
    margin-top: 7px; }
  @media screen and (max-width: 582px) {
    .money-field label, .money-field .input-wrapper {
      float: none; }
    .money-field .input-wrapper {
      width: 80%; } }

.assumption-row {
  padding-bottom: 10px; }
  .assumption-row label, .assumption-row span, .assumption-row input {
    float: left; }
  .assumption-row input {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%;
    margin-left: 0%;
    margin-right: 5px; }
    .assumption-row input:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .assumption-row input {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 82.6087%;
        margin-left: 0%; }
        .assumption-row input:last-child {
          margin-right: 0; } }
  .assumption-row label {
    margin-top: 7px;
    padding-right: 20px;
    font-size: 1em;
    width: 70%;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 57.44681%;
    margin-left: 0%;
    text-align: right; }
    .assumption-row label:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .assumption-row label {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .assumption-row label:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 582px) {
      .assumption-row label {
        text-align: left; } }
  .assumption-row span {
    color: #838383; }
  .assumption-row .actions {
    margin: 0;
    font-size: 0.8em; }
    .assumption-row .actions .save-button {
      font-size: 0.8em;
      padding: 3px 15px 8px; }
      .assumption-row .actions .save-button > span {
        color: #fff; }

.strategy-list-field, .adopted-strategy-list-field {
  background-color: #f0f4ec; }
  .strategy-list-field label, .adopted-strategy-list-field label {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D6E0CD;
    color: #838383;
    display: block;
    clear: both; }
  .strategy-list-field .button-row, .adopted-strategy-list-field .button-row {
    padding-top: 0; }
    .strategy-list-field .button-row a.cancel-button, .adopted-strategy-list-field .button-row a.cancel-button {
      float: right;
      margin-right: 10px; }
  .strategy-list-field .adopted-plan-strategy.edit .head, .adopted-strategy-list-field .adopted-plan-strategy.edit .head {
    width: 50%; }
  .strategy-list-field .adopted-plan-strategy, .strategy-list-field .modal-plan-strategy, .adopted-strategy-list-field .adopted-plan-strategy, .adopted-strategy-list-field .modal-plan-strategy {
    margin-bottom: 20px;
    float: right; }
    .strategy-list-field .adopted-plan-strategy input, .strategy-list-field .modal-plan-strategy input, .adopted-strategy-list-field .adopted-plan-strategy input, .adopted-strategy-list-field .modal-plan-strategy input {
      width: 100%; }
    .strategy-list-field .adopted-plan-strategy tbody, .strategy-list-field .modal-plan-strategy tbody, .adopted-strategy-list-field .adopted-plan-strategy tbody, .adopted-strategy-list-field .modal-plan-strategy tbody {
      width: 100%; }
    .strategy-list-field .adopted-plan-strategy td, .strategy-list-field .modal-plan-strategy td, .adopted-strategy-list-field .adopted-plan-strategy td, .adopted-strategy-list-field .modal-plan-strategy td {
      padding: 10px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 0.8em;
      font-weight: 400;
      color: #838383; }
    .strategy-list-field .adopted-plan-strategy tr, .strategy-list-field .modal-plan-strategy tr, .adopted-strategy-list-field .adopted-plan-strategy tr, .adopted-strategy-list-field .modal-plan-strategy tr {
      border-bottom: 1px solid #f3f3f3; }
    .strategy-list-field .adopted-plan-strategy .help-column, .strategy-list-field .modal-plan-strategy .help-column, .adopted-strategy-list-field .adopted-plan-strategy .help-column, .adopted-strategy-list-field .modal-plan-strategy .help-column {
      width: 30px; }
    .strategy-list-field .adopted-plan-strategy .head, .strategy-list-field .modal-plan-strategy .head, .adopted-strategy-list-field .adopted-plan-strategy .head, .adopted-strategy-list-field .modal-plan-strategy .head {
      text-align: right;
      width: 75%; }
      .strategy-list-field .adopted-plan-strategy .head:after, .strategy-list-field .modal-plan-strategy .head:after, .adopted-strategy-list-field .adopted-plan-strategy .head:after, .adopted-strategy-list-field .modal-plan-strategy .head:after {
        content: ":"; }

.adopted-strategy-list-field {
  border: 1px solid #D6E0CD;
  background-color: white;
  box-shadow: 0px 0px 8px 0px rgba(32, 53, 40, 0.2); }

.results-tab .incomeexpenses {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 40.42553%;
  margin-left: 8.51064%;
  margin-left: 5%;
  border-right: 1px solid #53b5e6; }
  .results-tab .incomeexpenses:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .results-tab .incomeexpenses {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .results-tab .incomeexpenses:last-child {
        margin-right: 0; } }
  .results-tab .incomeexpenses h3 {
    font-size: 1.5em;
    padding-bottom: 20px; }
  .results-tab .incomeexpenses .cleared {
    padding-right: 20px; }
.results-tab .resultsdiscretionary {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%;
  padding-left: 20px; }
  .results-tab .resultsdiscretionary:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .results-tab .resultsdiscretionary {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .results-tab .resultsdiscretionary:last-child {
        margin-right: 0; } }
  .results-tab .resultsdiscretionary h3 {
    padding-bottom: 20px; }

.results-preview h4 {
  padding-bottom: 5px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 2px;
  text-align: center; }
.results-preview .risk {
  background-color: #eee; }
  .results-preview .risk [data-pie-id] > *:nth-child(2n+1) {
    color: #ACC688; }
    .results-preview .risk [data-pie-id] > *:nth-child(2n+1):before {
      color: #ACC688; }
  .results-preview .risk [data-pie-id] > *:nth-child(2n+2) {
    color: #ea8557; }
    .results-preview .risk [data-pie-id] > *:nth-child(2n+2):before {
      color: #ea8557; }
  .results-preview .risk .bar-graph {
    height: 210px !important; }
  .results-preview .risk h4 {
    border-bottom: 1px solid rgba(131, 131, 131, 0.4); }
.results-preview .graph {
  width: 50%;
  float: left;
  height: 400px; }
  .results-preview .graph svg {
    max-height: 300px !important;
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #ea8557; }
.results-preview #risk-pie {
  width: 100%;
  height: 100%; }
.results-preview .graph-list {
  width: 50%;
  float: left;
  padding-left: 20px; }
.results-preview .bar-graph {
  height: 400px;
  position: relative; }
  .results-preview .bar-graph svg {
    position: absolute;
    bottom: 10px;
    right: 15px;
    width: 100% !important;
    height: 100% !important; }
.results-preview .bar-graph-list li {
  float: left;
  display: block;
  margin: 0 30px; }
.results-preview .small-divider {
  width: 100px;
  height: 1px;
  background-color: #53b5e6;
  margin: 20px auto; }
.results-preview h3 {
  font-size: 1.1em;
  color: rgba(55, 55, 55, 0.8); }
.results-preview .summary {
  background-color: #e8edf1; }
  .results-preview .summary h4 {
    color: #53b5e6;
    border-bottom: 1px solid #53b5e6; }
.results-preview .insolvency {
  background-color: white; }
  .results-preview .insolvency h4 {
    color: rgba(234, 133, 87, 0.9);
    border-bottom: 1px solid rgba(234, 133, 87, 0.4); }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+1) {
    color: #f8dd1b; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+1):before {
      color: #f8dd1b; }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+2) {
    color: #f9b918; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+2):before {
      color: #f9b918; }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+3) {
    color: #fa9615; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+3):before {
      color: #fa9615; }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+4) {
    color: #fb7713; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+4):before {
      color: #fb7713; }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+5) {
    color: #fc5610; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+5):before {
      color: #fc5610; }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+6) {
    color: #fe3a0f; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+6):before {
      color: #fe3a0f; }
  .results-preview .insolvency [data-pie-id] > *:nth-child(7n+7) {
    color: #ff190c; }
    .results-preview .insolvency [data-pie-id] > *:nth-child(7n+7):before {
      color: #ff190c; }
.results-preview .legacy {
  background-color: #f4f9f6; }
  .results-preview .legacy h4 {
    color: rgba(108, 181, 134, 0.9);
    border-bottom: 1px solid rgba(108, 181, 134, 0.4); }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+1) {
    color: #f8dd1b; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+1):before {
      color: #f8dd1b; }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+2) {
    color: #c7d126; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+2):before {
      color: #c7d126; }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+3) {
    color: #a7c22c; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+3):before {
      color: #a7c22c; }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+4) {
    color: #89b432; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+4):before {
      color: #89b432; }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+5) {
    color: #6aa638; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+5):before {
      color: #6aa638; }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+6) {
    color: #49973e; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+6):before {
      color: #49973e; }
  .results-preview .legacy [data-pie-id] > *:nth-child(7n+7) {
    color: #298845; }
    .results-preview .legacy [data-pie-id] > *:nth-child(7n+7):before {
      color: #298845; }

.newplan {
  background-color: #f0f4ec; }
  .newplan input {
    width: 100%;
    margin-bottom: 20px; }

.debt-repayment {
  padding-top: 20px; }

.debt-fixed-repayment {
  padding-top: 20px; }

.hidden-repayment-amount {
  background-color: #D6E0CD; }
  .hidden-repayment-amount .full-inline-question {
    float: right; }

.inv-risk-tolerance {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 23.40426%;
  margin-left: 0%;
  padding-bottom: 10px; }
  .inv-risk-tolerance:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .inv-risk-tolerance {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .inv-risk-tolerance:last-child {
        margin-right: 0; } }
  .inv-risk-tolerance:nth-child(4n) {
    margin-right: 0; }
  .inv-risk-tolerance:nth-child(4n+1) {
    clear: left; }
  .inv-risk-tolerance label, .inv-risk-tolerance i {
    float: left; }
  .inv-risk-tolerance .tooltip-item {
    *zoom: 1; }
    .inv-risk-tolerance .tooltip-item:before, .inv-risk-tolerance .tooltip-item:after {
      content: " ";
      display: table; }
    .inv-risk-tolerance .tooltip-item:after {
      clear: both; }
  .inv-risk-tolerance input {
    width: 10%; }
  .inv-risk-tolerance aside {
    margin-top: -10px; }
  .inv-risk-tolerance span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: #62AC7C;
    padding-right: 5px;
    margin-top: 5px;
    float: left; }
  .inv-risk-tolerance .input-wrapper {
    width: 100%;
    float: none; }
    .inv-risk-tolerance .input-wrapper input {
      float: left;
      width: 90%; }

.error {
  border-color: #ea8557 !important;
  background-color: rgba(234, 133, 87, 0.1) !important; }
  .error:focus {
    box-shadow: none !important; }

fieldset {
  background: #c4d7aa;
  border: 1px solid #e1e1e1;
  margin: 0 0 0.5 0;
  padding: 1; }

form {
  padding-bottom: 30px; }

form label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  color: #838383;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 3px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em; }

.ui-datepicker-title select {
  display: inline-block; }

label {
  font-weight: bold;
  margin-bottom: 0.25; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea {
  resize: vertical; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color !important;
  -moz-transition: border-color !important;
  -ms-transition: border-color !important;
  -o-transition: border-color !important;
  transition: border-color !important;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 0.5;
  padding: 5px;
  height: 35px; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover {
    border-color: #d5d5d5; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus {
    border-color: #ACC688;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 190, 119, 0.7);
    outline: none; }

input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 35px;
  padding: 7px; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"], input[type="radio"] {
  display: inline;
  margin-right: 0.25; }

input[type="date"] {
  height: 35px;
  padding: 5px;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="file"] {
  width: 100%; }

input[type="number"] {
  -moz-appearance: textfield; }

select {
  width: auto;
  margin-bottom: 1; }

.styled-select {
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url("/images/select.png") no-repeat right #ddd;
  border-radius: 6px;
  background-color: white;
  border: 1px solid #DDD;
  z-index: 99; }
  .styled-select select {
    width: 100%;
    height: 35px;
    padding: 5px;
    padding-right: 45px;
    font-size: 1em;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: window; }

input.life-expect-input {
  width: 40px; }

.string-input {
  width: 40%;
  height: 35px; }

.standard-field-size {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-left: 0%; }
  .standard-field-size:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .standard-field-size {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .standard-field-size:last-child {
        margin-right: 0; } }

.bigger-field-size {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 40.42553%;
  margin-left: 0%; }
  .bigger-field-size:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .bigger-field-size {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .bigger-field-size:last-child {
        margin-right: 0; } }
  .bigger-field-size input {
    width: 80%; }

.half-field {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%; }
  .half-field:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .half-field {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .half-field:last-child {
        margin-right: 0; } }
  .half-field input {
    width: 80%; }

#hidden-state-pension .full-inline-question input[type="date"] {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-left: 0%; }
  #hidden-state-pension .full-inline-question input[type="date"]:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    #hidden-state-pension .full-inline-question input[type="date"] {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      #hidden-state-pension .full-inline-question input[type="date"]:last-child {
        margin-right: 0; } }

.full-inline-question {
  margin: 10px 0;
  padding: 10px 0; }

.half-inline-question {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 65.95745%;
  margin-left: 0%;
  padding-top: 37px; }
  .half-inline-question:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .half-inline-question {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .half-inline-question:last-child {
        margin-right: 0; } }

.bordered {
  border-top: 1px solid #c8d4de;
  border-bottom: 1px solid #c8d4de; }

.aside-label span {
  font-size: 1em;
  margin-bottom: 10px;
  display: block; }

.actions {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #c8d4de; }
  .actions .save-button {
    float: right;
    margin-right: 10px; }

select::-ms-expand {
  display: none; }

.help {
  color: #ACC688;
  -webkit-transition: color 0.3s ease-in !important;
  -moz-transition: color 0.3s ease-in !important;
  -ms-transition: color 0.3s ease-in !important;
  -o-transition: color 0.3s ease-in !important;
  transition: color 0.3s ease-in !important;
  padding-left: 5px;
  font-size: 1.1em; }
  .help:hover {
    color: #62AC7C; }

.tooltip-item {
  position: relative; }
  .tooltip-item input[type="text"]:focus.tooltip {
    display: block; }
  .tooltip-item .tooltip {
    position: absolute;
    left: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s ease-in-out !important;
    -moz-transition: opacity 0.2s ease-in-out !important;
    -ms-transition: opacity 0.2s ease-in-out !important;
    -o-transition: opacity 0.2s ease-in-out !important;
    transition: opacity 0.2s ease-in-out !important;
    bottom: 140%;
    background-color: rgba(55, 55, 55, 0.9);
    border-radius: 6px;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color: white;
    line-height: 1.2em;
    margin-left: -8em;
    padding: 1em;
    text-align: center;
    min-width: 16em;
    z-index: 10;
    opacity: 0;
    visibility: hidden; }
    .tooltip-item .tooltip p {
      margin-bottom: 0; }
    .tooltip-item .tooltip:after {
      position: absolute;
      left: 50%;
      margin-left: -8px;
      border: 8px solid transparent;
      border-top-color: rgba(55, 55, 55, 0.9);
      content: '';
      pointer-events: none;
      bottom: -16px; }
  .tooltip-item:hover .tooltip {
    visibility: visible;
    opacity: 1; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10; }

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
     creates a new context for the origins. */
  *z-index: -1; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 35px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 48px;
  left: -17px;
  top: -8px; }

.noUi-horizontal.noUi-extended {
  padding: 0 15px; }

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

.noUi-vertical.noUi-extended {
  padding: 15px 0; }

.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px; }

/* Styling;
 */
.noUi-background {
  box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid #c9d6bd;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px rgba(98, 172, 124, 0.1); }

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize; }

.noUi-vertical .noUi-dragable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #000;
  border-radius: 6px;
  background: #373737;
  background-image: url("/images/slider-arrows.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75%;
  cursor: default;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 1px 7px rgba(0, 0, 0, 0.5), 0 3px 6px -3px rgba(0, 0, 0, 0.5); }

.noUi-active {
  background-color: #1e1e1e;
  box-shadow: inset 0 0 1px black, inset 0 1px 7px black, 0 3px 6px -3px black; }

/* Handle stripes;
 */
.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled] .noUi-handle {
  cursor: not-allowed; }

.legacy-importance, .risk-importance, .inv-risk-tolerance {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 57.44681%;
  margin-left: 0%; }
  .legacy-importance:last-child, .risk-importance:last-child, .inv-risk-tolerance:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .legacy-importance, .risk-importance, .inv-risk-tolerance {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .legacy-importance:last-child, .risk-importance:last-child, .inv-risk-tolerance:last-child {
        margin-right: 0; } }
  .legacy-importance label, .risk-importance label, .inv-risk-tolerance label {
    padding-bottom: 20px; }
  .legacy-importance .leftside, .risk-importance .leftside, .inv-risk-tolerance .leftside {
    float: left;
    padding-top: 10px;
    font-size: 0.9em; }
  .legacy-importance .rightside, .risk-importance .rightside, .inv-risk-tolerance .rightside {
    float: right;
    padding-top: 10px;
    font-size: 0.9em; }

.legacy-importance {
  border-bottom: 1px solid #DDD;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .legacy-importance .noUi-background {
    background-image: -webkit-linear-gradient(left, #d6e0cd 0%, #98cfaf 50%, #5faa7a 100%);
    background-image: linear-gradient(to right, #d6e0cd 0%, #98cfaf 50%, #5faa7a 100%); }
  .legacy-importance .rightside {
    color: #62AC7C; }

.risk-importance {
  border-bottom: 1px solid #DDD;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .risk-importance .noUi-background {
    background-image: -webkit-linear-gradient(left, #53b5e6 0%, #0e445f);
    background-image: linear-gradient(to right, #53b5e6 0%, #0e445f); }
  .risk-importance .rightside {
    color: #0e445f; }

.login-wrap {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  padding-bottom: 10%; }
  .login-wrap:before, .login-wrap:after {
    content: " ";
    display: table; }
  .login-wrap:after {
    clear: both; }

.activate-wrap {
  padding: 20px; }
  .activate-wrap .loginout-container {
    margin-top: 75px;
    margin-bottom: 85px; }
  .activate-wrap .activate {
    padding-bottom: 10px; }

.loginout-container {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 40.42553%;
  margin-left: 29.78723%; }
  .loginout-container:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .loginout-container {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 54.28571%;
      margin-left: 22.85714%; }
      .loginout-container:last-child {
        margin-right: 0; } }

.login-guest-contain {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 25.53191%; }
  .login-guest-contain:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .login-guest-contain {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 54.28571%;
      margin-left: 22.85714%; }
      .login-guest-contain:last-child {
        margin-right: 0; } }
  .login-guest-contain .recaptcha-container {
    display: flex; }
    .login-guest-contain .recaptcha-container .recaptcha {
      margin: 0 auto 20px; }

.loginout-top {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.75em;
  font-weight: 600;
  color: #62AC7C;
  position: relative;
  /* firefox 19+ */
  /* ie */ }
  .loginout-top .error-field, .loginout-top .success-field {
    position: relative;
    visibility: hidden;
    font-size: 0.7em;
    width: 100%;
    height: auto; }
  .loginout-top .loginout {
    background-color: #ACC688;
    padding: 40px;
    padding-bottom: 20px;
    border-radius: 6px 6px 0 0; }
    .loginout-top .loginout input {
      width: 100%; }
    .loginout-top .loginout h1 {
      font-size: 21px;
      color: white;
      padding-bottom: 20px; }
  .loginout-top input,
  .loginout-top label,
  .loginout-top select {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: 300;
    color: #838383;
    background-color: white;
    border-radius: 4px;
    border-color: transparent;
    min-height: 30px;
    margin-bottom: 15px; }
  .loginout-top input.field:focus, .loginout-top input.field:hover {
    border: 1px;
    border-style: solid;
    border-color: #62AC7C; }
  .loginout-top ::-webkit-input-placeholder {
    color: #62AC7C !important;
    letter-spacing: 0.75px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.5em;
    font-weight: 300;
    padding: 5px 10px 20px; }
  .loginout-top ::-moz-placeholder {
    color: #62AC7C !important;
    letter-spacing: 0.75px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.5em;
    font-weight: 300;
    padding: 5px 10px 20px; }
  .loginout-top :-ms-input-placeholder {
    color: #62AC7C !important;
    letter-spacing: 0.75px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.5em;
    font-weight: 300; }
  .loginout-top input:-moz-placeholder {
    color: #62AC7C !important;
    letter-spacing: 0.5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: 300;
    padding: 5px 10px 20px; }

.loginout-bottom {
  background-color: #6CB586;
  border-top-color: #DDD;
  padding: 0 20px;
  margin: 0 -40px -40px;
  border-radius: 0 0 6px 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  color: #62AC7C; }
  .loginout-bottom .css3button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-size: 0.35em;
    text-transform: uppercase;
    color: #ffffff;
    width: auto;
    min-width: 100px;
    padding: 10px 20px;
    background: #4c8f63;
    border: none;
    border-color: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in !important;
    -moz-transition: background 0.3s ease-in !important;
    -ms-transition: background 0.3s ease-in !important;
    -o-transition: background 0.3s ease-in !important;
    transition: background 0.3s ease-in !important; }
    .loginout-bottom .css3button:hover {
      background-color: #373737; }
    .loginout-bottom .css3button:disabled {
      background: #838383;
      cursor: not-allowed;
      opacity: 0.4; }
    .loginout-bottom .css3button a {
      color: #FFFFFF; }
      .loginout-bottom .css3button a:hover {
        color: #FFFFFF; }
  .loginout-bottom .loginout-alternative {
    display: block;
    clear: both;
    width: 100%;
    font-size: 0.3em;
    font-weight: 600;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px; }
    .loginout-bottom .loginout-alternative p a {
      font-weight: 700;
      color: #FFFFFF; }
      .loginout-bottom .loginout-alternative p a:hover {
        color: #FFFFFF;
        border-bottom: 1px solid #437f58; }

.memberinfo {
  background-color: #f0f4ec;
  border-radius: 6px;
  margin-bottom: 20px; }
  .memberinfo label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    color: #838383;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 3px; }
  .memberinfo .name-container {
    padding-bottom: 20px; }
    .memberinfo .name-container h2 {
      float: left; }
    .memberinfo .name-container a {
      float: left; }
      .memberinfo .name-container a:hover {
        color: #62AC7C; }
    .memberinfo .name-container input {
      float: left;
      width: 50%; }
    .memberinfo .name-container .tab-preview {
      width: 20%;
      float: left;
      margin-left: 20px; }
      .memberinfo .name-container .tab-preview .tab {
        float: left; }
        .memberinfo .name-container .tab-preview .tab.mem-1 {
          background-color: #9973C2; }
        .memberinfo .name-container .tab-preview .tab.mem-2 {
          background-color: #F09A3D; }
      .memberinfo .name-container .tab-preview a {
        float: left;
        padding-left: 0;
        font-size: 1em; }
  .memberinfo .memberinfo-radio {
    display: block;
    clear: both;
    float: left; }
  .memberinfo .biological-age-radio {
    width: auto;
    margin-left: 30px; }

.holdings-field {
  padding: 20px;
  background-color: #e8edf1; }
  .holdings-field .money-inline-field {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #80c8ec; }
    .holdings-field .money-inline-field label {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 40.42553%;
      margin-left: 0%;
      text-align: right; }
      .holdings-field .money-inline-field label:last-child {
        margin-right: 0; }
      @media screen and (max-width: 582px) {
        .holdings-field .money-inline-field label {
          float: left;
          display: block;
          margin-right: 4.34783%;
          width: 100%;
          margin-left: 0%; }
          .holdings-field .money-inline-field label:last-child {
            margin-right: 0; } }
    .holdings-field .money-inline-field input, .holdings-field .money-inline-field span {
      float: left; }
    .holdings-field .money-inline-field aside {
      padding-top: 10px; }
    .holdings-field .money-inline-field .input-container {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 57.44681%;
      margin-left: 0%; }
      .holdings-field .money-inline-field .input-container:last-child {
        margin-right: 0; }
      @media screen and (max-width: 582px) {
        .holdings-field .money-inline-field .input-container {
          float: left;
          display: block;
          margin-right: 4.34783%;
          width: 100%;
          margin-left: 0%; }
          .holdings-field .money-inline-field .input-container:last-child {
            margin-right: 0; } }

.member-container {
  padding: 20px 40px 40px 0;
  padding-top: 45px;
  color: #373737;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 74.46809%;
  margin-left: 0%; }
  .member-container:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .member-container {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .member-container:last-child {
        margin-right: 0; } }
  .member-container .hasfixeddate, .member-container .hiddenfixeddate {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    .member-container .hasfixeddate:last-child, .member-container .hiddenfixeddate:last-child {
      margin-right: 0; }
  .member-container .hiddenfixeddate {
    display: none;
    margin-bottom: 10px; }
  .member-container .smaller-aside {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 74.46809%;
    margin-left: 0%; }
    .member-container .smaller-aside:last-child {
      margin-right: 0; }
    @media screen and (max-width: 582px) {
      .member-container .smaller-aside {
        float: left;
        display: block;
        margin-right: 4.34783%;
        width: 100%;
        margin-left: 0%; }
        .member-container .smaller-aside:last-child {
          margin-right: 0; } }

.nomember-sidenav {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 23.40426%;
  margin-left: 0%;
  position: relative;
  padding: 20px;
  display: block; }
  .nomember-sidenav:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .nomember-sidenav {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .nomember-sidenav:last-child {
        margin-right: 0; } }
  .nomember-sidenav .display-nomember-help {
    background-color: #eee; }

.member-sidenav {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 23.40426%;
  margin-left: 0%;
  position: relative;
  padding: 20px;
  display: block;
  height: 100%; }
  @media screen and (max-width: 582px) {
    .member-sidenav {
      overflow: auto;
      height: 410px; } }
  .member-sidenav:last-child {
    margin-right: 0; }
  @media screen and (max-width: 582px) {
    .member-sidenav {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-left: 0%; }
      .member-sidenav:last-child {
        margin-right: 0; } }
  .member-sidenav .tooltip-item {
    display: inline-block; }
  .member-sidenav div {
    font-size: 16px;
    color: #838383;
    width: 100%; }
  .member-sidenav ul, .member-sidenav li {
    width: 100%;
    display: block; }
  .member-sidenav .sidebar-member-container .thumbnail.addmember, .member-sidenav .allison-field .thumbnail.addmember, .member-sidenav .addmember-field .thumbnail.addmember {
    background-color: #d5d5d5; }
    .member-sidenav .sidebar-member-container .thumbnail.addmember:hover, .member-sidenav .allison-field .thumbnail.addmember:hover, .member-sidenav .addmember-field .thumbnail.addmember:hover {
      background-color: #a2a2a2; }
  .member-sidenav .sidebar-member-container div, .member-sidenav .allison-field div, .member-sidenav .addmember-field div {
    position: absolute;
    width: 90%;
    border-radius: 0 6px 6px 6px; }
    .member-sidenav .sidebar-member-container div.member1, .member-sidenav .allison-field div.member1, .member-sidenav .addmember-field div.member1 {
      background-color: #e7def0; }
      .member-sidenav .sidebar-member-container div.member1 li, .member-sidenav .allison-field div.member1 li, .member-sidenav .addmember-field div.member1 li {
        border-bottom: 1px dashed #b397d1; }
        .member-sidenav .sidebar-member-container div.member1 li a:hover, .member-sidenav .allison-field div.member1 li a:hover, .member-sidenav .addmember-field div.member1 li a:hover {
          background-color: #b397d1;
          color: white; }
        .member-sidenav .sidebar-member-container div.member1 li a.active, .member-sidenav .allison-field div.member1 li a.active, .member-sidenav .addmember-field div.member1 li a.active {
          background-color: #b397d1;
          color: white; }
    .member-sidenav .sidebar-member-container div.member2, .member-sidenav .allison-field div.member2, .member-sidenav .addmember-field div.member2 {
      background-color: #fbe4cb; }
      .member-sidenav .sidebar-member-container div.member2 li, .member-sidenav .allison-field div.member2 li, .member-sidenav .addmember-field div.member2 li {
        border-bottom: 1px dashed #f4b36c; }
        .member-sidenav .sidebar-member-container div.member2 li a:hover, .member-sidenav .allison-field div.member2 li a:hover, .member-sidenav .addmember-field div.member2 li a:hover {
          background-color: #f4b36c;
          color: white; }
        .member-sidenav .sidebar-member-container div.member2 li a.active, .member-sidenav .allison-field div.member2 li a.active, .member-sidenav .addmember-field div.member2 li a.active {
          background-color: #f4b36c;
          color: white; }
    .member-sidenav .sidebar-member-container div li:first-child a, .member-sidenav .allison-field div li:first-child a, .member-sidenav .addmember-field div li:first-child a {
      border-radius: 0 6px 0 0; }
    .member-sidenav .sidebar-member-container div li:last-child, .member-sidenav .allison-field div li:last-child, .member-sidenav .addmember-field div li:last-child {
      border-bottom: 0; }
      .member-sidenav .sidebar-member-container div li:last-child a, .member-sidenav .allison-field div li:last-child a, .member-sidenav .addmember-field div li:last-child a {
        border-radius: 0 0 6px 0;
        padding-bottom: 20px; }
    .member-sidenav .sidebar-member-container div li a, .member-sidenav .allison-field div li a, .member-sidenav .addmember-field div li a {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: #838383;
      display: block;
      padding: 15px;
      -webkit-transition: all 0.3s ease-in !important;
      -moz-transition: all 0.3s ease-in !important;
      -ms-transition: all 0.3s ease-in !important;
      -o-transition: all 0.3s ease-in !important;
      transition: all 0.3s ease-in !important; }
      .member-sidenav .sidebar-member-container div li a:hover, .member-sidenav .allison-field div li a:hover, .member-sidenav .addmember-field div li a:hover {
        background-color: #b397d1;
        color: white; }
      .member-sidenav .sidebar-member-container div li a.active, .member-sidenav .allison-field div li a.active, .member-sidenav .addmember-field div li a.active {
        background-color: #b397d1;
        color: white; }
  .member-sidenav .addmember-field div {
    background-color: #eee !important;
    padding: 20px; }

.member1 {
  background-color: #9973C2; }
  .member1:hover {
    background-color: #b397d1; }

.member2 {
  background-color: #F09A3D; }
  .member2:hover {
    background-color: #f4b36c; }

.field-group {
  background-color: #f8f9fb;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 10px; }

.delete-member {
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.25px; }
  .delete-member:hover {
    border-bottom: 1px solid #437f58; }

.menu-text {
  font-size: 1em;
  letter-spacing: .5px;
  padding: 10px; }

.biological-age-selector.disabled {
  opacity: 0.6;
  pointer-events: none; }

.biological-age-selector-0.disabled {
  opacity: 0.6;
  pointer-events: none; }

.biological-age-selector-1.disabled {
  opacity: 0.6;
  pointer-events: none; }

#hidden-life-expectancy .full-inline-question:first-of-type {
  margin: 0;
  padding: 0; }

#hidden-life-expectancy-0 .full-inline-question:first-of-type {
  margin: 0;
  padding: 0; }

#hidden-life-expectancy-1 .full-inline-question:first-of-type {
  margin: 0;
  padding: 0; }

.logout-container {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  padding-bottom: 10%; }
  .logout-container:before, .logout-container:after {
    content: " ";
    display: table; }
  .logout-container:after {
    clear: both; }

.logout-confirm {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 65.95745%;
  margin-left: 17.02128%; }
  .logout-confirm:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .logout-confirm {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 54.28571%;
      margin-left: 22.85714%; }
      .logout-confirm:last-child {
        margin-right: 0; } }
  .logout-confirm h1 {
    margin-top: 20px;
    text-align: center; }

.button-container {
  margin-bottom: 20px;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-left: 34.04255%; }
  .button-container:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .button-container {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 54.28571%;
      margin-left: 22.85714%; }
      .button-container:last-child {
        margin-right: 0; } }

.upgrade-container {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  padding-bottom: 10%; }
  .upgrade-container:before, .upgrade-container:after {
    content: " ";
    display: table; }
  .upgrade-container:after {
    clear: both; }
  .upgrade-container .loginout-container {
    *zoom: 1; }
    .upgrade-container .loginout-container:before, .upgrade-container .loginout-container:after {
      content: " ";
      display: table; }
    .upgrade-container .loginout-container:after {
      clear: both; }

.upgrade-confirm {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 65.95745%;
  margin-left: 17.02128%; }
  .upgrade-confirm:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .upgrade-confirm {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 54.28571%;
      margin-left: 22.85714%; }
      .upgrade-confirm:last-child {
        margin-right: 0; } }
  .upgrade-confirm h1, .upgrade-confirm h2 {
    margin-top: 20px; }

.button-container {
  margin-bottom: 20px;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-left: 34.04255%; }
  .button-container:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .button-container {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 54.28571%;
      margin-left: 22.85714%; }
      .button-container:last-child {
        margin-right: 0; } }

.running-optimisation > section {
  border: 1px solid #D6E0CD;
  background-color: white;
  box-shadow: 0px 0px 8px 0px rgba(32, 53, 40, 0.2); }
  .running-optimisation > section p {
    float: left;
    clear: both; }
  .running-optimisation > section .button {
    font-weight: bold;
    float: right;
    margin-left: 10px; }
    .running-optimisation > section .button.adopt-strategy {
      background-color: #ACC688; }
    .running-optimisation > section .button.view-strategy {
      background-color: #53b5e6; }
.running-optimisation .progress-bar-indication {
  float: left;
  clear: both;
  height: 28px;
  width: 60%; }
  @media screen and (max-width: 582px) {
    .running-optimisation .progress-bar-indication {
      width: 100%; } }
.running-optimisation .evolving-animation {
  width: 60%; }
  @media screen and (max-width: 582px) {
    .running-optimisation .evolving-animation {
      width: 100%; } }

.running-optimisation-task .progress-bar-indication {
  margin-bottom: 20px; }
.running-optimisation-task h1 {
  margin-top: 10px;
  clear: both; }

header.fixed {
  position: fixed;
  top: 0px;
  z-index: 999; }

.landing-container {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto;
  clear: both; }
  .landing-container:before, .landing-container:after {
    content: " ";
    display: table; }
  .landing-container:after {
    clear: both; }

.hero .hero-caption p, .basic-hero p {
  color: white;
  font-size: 1.3em;
  padding-right: 60px; }
.hero .hero-caption img, .basic-hero img {
  max-width: 80%;
  max-height: 150px;
  padding-bottom: 20px; }
.hero .hero-caption h2, .basic-hero h2 {
  color: white;
  font-size: 2.6em;
  font-weight: 300;
  padding-bottom: 20px; }
.hero .hero-caption aside, .basic-hero aside {
  color: white; }
@media screen and (max-width: 991px) {
  .hero .hero-caption p, .basic-hero p {
    padding-right: 0px; } }

.hero {
  position: relative;
  clear: both;
  width: 100%; }
  @media screen and (min-width: 991px) {
    .hero {
      height: 60%;
      max-height: 500px; } }
  .hero a.anchor {
    display: block;
    position: relative;
    top: -45px;
    visibility: hidden; }
  .hero .hero-image {
    margin-right: 0px;
    background: url("../images/landing/calculating.jpg");
    background-position: center;
    background-size: cover;
    height: 200px; }
    @media screen and (min-width: 991px) {
      .hero .hero-image {
        width: 50%;
        float: left;
        height: 100%; } }
  .hero .hero-caption {
    position: relative;
    background-color: #ACC688;
    z-index: 2;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px; }
    @media screen and (min-width: 991px) {
      .hero .hero-caption {
        width: 50%;
        float: left;
        height: 100%; }
        .hero .hero-caption h2, .hero .hero-caption p {
          max-width: 500px; }
        .hero .hero-caption:before {
          content: '';
          display: block;
          position: absolute;
          top: 30px;
          left: -20px;
          border-top: 20px solid transparent;
          border-bottom: 20px solid transparent;
          border-right: 20px solid #ACC688; } }
    @media screen and (max-width: 991px) {
      .hero .hero-caption {
        text-align: center;
        padding: 20px; }
        .hero .hero-caption img {
          max-height: 100px; } }
    @media screen and (max-height: 500px) {
      .hero .hero-caption img {
        display: none; } }

.app-container {
  *zoom: 1;
  max-width: 62.5em;
  margin-left: auto;
  margin-right: auto; }
  .app-container:before, .app-container:after {
    content: " ";
    display: table; }
  .app-container:after {
    clear: both; }

.intro-row {
  clear: both;
  padding-bottom: 40px; }
  .intro-row a.anchor {
    display: block;
    position: relative;
    top: -45px;
    visibility: hidden; }

.intro-image {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%;
  padding-top: 40px;
  padding-right: 40px; }
  .intro-image:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .intro-image {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 100%;
      margin-left: 0%; }
      .intro-image:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 991px) {
    .intro-image {
      text-align: center; }
      .intro-image img {
        max-width: 275px; } }

.intro-paragraph {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%;
  margin-left: 0%;
  margin-right: 0;
  padding-top: 40px;
  color: #373737; }
  .intro-paragraph:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .intro-paragraph {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 100%;
      margin-left: 0%; }
      .intro-paragraph:last-child {
        margin-right: 0; } }
  .intro-paragraph h2 {
    padding-bottom: 20px; }
  .intro-paragraph h3 {
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: 3px solid #ACC688;
    color: #6CB586; }
  .intro-paragraph p {
    font-size: 1.1em;
    line-height: 1.6; }
  .intro-paragraph a {
    font-style: normal;
    border-bottom: 2px solid #ACC688;
    color: black;
    font-weight: bold; }
    .intro-paragraph a:hover {
      color: #ACC688;
      border-bottom: 2px solid #373737; }
  @media screen and (max-width: 991px) {
    .intro-paragraph {
      padding: 20px 60px; } }
  @media screen and (max-width: 582px) {
    .intro-paragraph {
      padding: 20px 40px; } }
  @media screen and (max-width: 340px) {
    .intro-paragraph {
      padding: 20px; } }
  .intro-paragraph .giant-list {
    padding-bottom: 10px; }
    .intro-paragraph .giant-list li {
      margin-left: 30px;
      position: relative;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #6CB586;
      font-size: 1.3em;
      line-height: 1;
      font-weight: 600;
      padding-top: 10px;
      padding-bottom: 10px; }
      .intro-paragraph .giant-list li:before {
        content: "\f069";
        display: block;
        font-family: 'fontawesome';
        color: #ACC688;
        position: absolute;
        left: -30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }

.call-to-action {
  background-color: #373737;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  padding-top: 70px;
  text-align: center;
}
.call-to-action:last-child {
    margin-right: 0;
}
@media screen and (max-width: 991px) {
    .call-to-action {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 100%;
      margin-left: 0%;
	}
    .call-to-action:last-child {
        margin-right: 0;
	}
}
.call-to-action h2 {
#    color: #62AC7C;
    color: white;
    font-weight: bold;
    padding-bottom: 10px;
}

.page-sections {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 65.95745%;
  margin-left: 17.02128%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center; }
  .page-sections:last-child {
    margin-right: 0; }
  @media screen and (max-width: 991px) {
    .page-sections {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 100%;
      margin-left: 0%; }
      .page-sections:last-child {
        margin-right: 0; } }

.register-button, .guest-button, .login-button, .contact-button {
  cursor: pointer;
  font-size: 1.5em;
  padding: 20px 50px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px; }

.register-button {
  background-color: #de1a17; }
  .register-button:hover {
    background-color: #820f0d; }

.guest-button {
  background-color: #9973C2; }
  .guest-button:hover {
    background-color: #663f90; }

.login-button {
  background-color: #62AC7C; }
  .login-button:hover {
    background-color: #3a6e4c; }

.contact-button {
  background-color: #53b5e6; }
  .contact-button:hover {
    background-color: #1b84b8; }

.basic-hero {
  position: relative; }
  .basic-hero a.anchor {
    display: block;
    position: relative;
    top: -45px;
    visibility: hidden; }
  .basic-hero .basic-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%; }
    @media screen and (max-width: 991px) {
      .basic-hero .basic-hero-image {
        position: relative;
        width: 100%;
        height: 200px; } }
  .basic-hero .how-it-works-image {
    background: url("../images/landing/monkey.jpg");
    background-size: cover;
    background-position: left top; }
  .basic-hero .how-use-image {
    background: url("../images/landing/howto.png");
    background-size: cover;
    background-position: center; }
  .basic-hero .how-long-image {
    background: url("../images/landing/coffee.jpg");
    background-size: cover;
    background-position: center; }
  .basic-hero .caption-container {
    position: relative;
    padding: 20px;
    background: #ACC688; }
    @media screen and (min-width: 991px) {
      .basic-hero .caption-container {
        width: 50%;
        float: left;
        margin-left: 50%; }
        .basic-hero .caption-container:before {
          content: '';
          display: block;
          position: absolute;
          top: 30px;
          left: -20px;
          border-top: 20px solid transparent;
          border-bottom: 20px solid transparent;
          border-right: 20px solid #ACC688; } }
    @media screen and (max-width: 991px) {
      .basic-hero .caption-container {
        text-align: center; } }

@media print {
  header nav, footer, .tabbing-menu, .nav-container {
    display: none !important; }

  .summary {
    margin-bottom: 400px !important; }

  .risk, .insolvency {
    margin-bottom: 300px !important; } }

/*# sourceMappingURL=main.css.map */