:root {
    --color-black: #101820;
    --color-white: #ffffff;
    --color-off-white: #fafafa;
    --color-blue-1000: #00305b;
    --color-blue-900: #00427a;
    --color-blue-800: #00549a;
    --color-blue-700: #0067b9;
    --color-blue-600: #0c79df;
    --color-blue-500: #3a8ee9;
    --color-blue-400: #6ca7ef;
    --color-blue-300: #98bdf0;
    --color-blue-200: #c6d8f6;
    --color-blue-100: #edf3fc;
    --color-gray-1000: #293038;
    --color-gray-900: #3a424b;
    --color-gray-800: #4b545d;
    --color-gray-700: #5e6773;
    --color-gray-600: #717984;
    --color-gray-500: #848b95;
    --color-gray-400: #9fa4ad;
    --color-gray-300: #b7bbc3;
    --color-gray-200: #d5d8dc;
    --color-gray-100: #f0f1f3;
    --color-green-1000: #0d3624;
    --color-green-900: #114a32;
    --color-green-800: #115f3f;
    --color-green-700: #16744d;
    --color-green-600: #1f895e;
    --color-green-500: #2e9e6f;
    --color-green-400: #3db885;
    --color-green-300: #6fcea6;
    --color-green-200: #abe3cd;
    --color-green-100: #e4f6ef;
    --color-yellow-1000: #665000;
    --color-yellow-900:  #836800;
    --color-yellow-800:  #a38300;
    --color-yellow-700:  #c49f00;
    --color-yellow-600:  #e6b900;
    --color-yellow-500:  #fed141;
    --color-yellow-400:  #fed951;
    --color-yellow-300:  #ffe380;
    --color-yellow-200:  #fff0b3;
    --color-yellow-100:  #fff9e5;
    --color-orange-1000: #551e03;
    --color-orange-900: #702c0a;
    --color-orange-800: #91370b;
    --color-orange-700: #ae4410;
    --color-orange-600: #cd5212;
    --color-orange-500: #e76423;
    --color-orange-400: #fb8246;
    --color-orange-300: #fea77c;
    --color-orange-200: #fccab1;
    --color-orange-100: #feefe7;
    --color-purple-1000: #431c5f;
    --color-purple-900: #5d2287;
    --color-purple-800: #7531a5;
    --color-purple-700: #8e3dc7;
    --color-purple-600: #a451df;
    --color-purple-500: #b16ee0;
    --color-purple-400: #c48eeb;
    --color-purple-300: #d4adf0;
    --color-purple-200: #e5cef6;
    --color-purple-100: #f6eefc;
    --color-red-1000: #64060e;
    --color-red-900: #840d17;
    --color-red-800: #a71420;
    --color-red-700: #c81a28;
    --color-red-600: #e13745;
    --color-red-500: #f64c5a;
    --color-red-400: #fe7b86;
    --color-red-300: #ffa3ab;
    --color-red-200: #fccace;
    --color-red-100: #f9e7e8;
    --hmc-gray-200: #e0e1e6;
    --interface-secondary-200: #e7dcef;
    --contentzone-green: #d6e9de;
    --container-maxWidth: 1360px;
    --font-hmc-title-xl: 600 40px/48px barlow, sans-serif;
    --font-hmc-title-l: 600 32px/40px barlow, sans-serif;
    --font-hmc-title-m: 600 28px/36px barlow, sans-serif;
    --font-hmc-title-s: 600 24px/32px barlow, sans-serif;
    --font-hmc-title-xs: 600 20px/28px barlow, sans-serif;
    --font-hmc-subtitle-xl: 600 24px/32px barlow, sans-serif;
    --font-hmc-subtitle-l: 600 20px/28px barlow, sans-serif;
    --font-hmc-subtitle-m: 700 16px/24px barlow, sans-serif;
    --font-hmc-subtitle-s: 700 14px/20px barlow, sans-serif;
    --font-hmc-subtitle-xs: 700 12px/16px barlow, sans-serif;
    --font-hmc-body-xl: 400 20px/24px barlow, sans-serif;
    --font-hmc-body-l: 400 18px/24px barlow, sans-serif;
    --font-hmc-body-m: 400 16px/24px barlow, sans-serif;
    --font-hmc-body-s: 400 14px/20px barlow, sans-serif;
    --font-hmc-body-xs: 400 12px/16px barlow, sans-serif;
    --font-hmc-button-m: 500 14px/20px barlow, sans-serif;
    --font-hmc-button-s: 500 12px/16px barlow, sans-serif;
    --font-hmc-overline: 500 12px/16px barlow, sans-serif;
    --font-hmc-link-m: 400 16px/24px barlow, sans-serif;
    --font-hmc-link-s: 400 14px/20px barlow, sans-serif;
    --font-hmc-link-xs: 400 12px/16px barlow, sans-serif;
    --max-z-index: 99999;
    --shadow-color: 34, 37, 47;
    --shadow: 0 0 32px 0 rgba(var(--shadow-color), .1), 0 -3px 32px 0 rgba(var(--shadow-color), .05);
    --space-1: 4px;
    --space-2: calc(var(--space-1) * 2);
    --space-3: calc(var(--space-1) * 3);
    --space-4: calc(var(--space-1) * 4);
    --space-5: calc(var(--space-1) * 5);
    --space-6: calc(var(--space-1) * 6);
    --space-7: calc(var(--space-1) * 7);
    --space-8: calc(var(--space-1) * 8);
    --space-9: calc(var(--space-1) * 9);
    --space-10: calc(var(--space-1) * 10);
    --space-11: calc(var(--space-1) * 11);
    --space-12: calc(var(--space-1) * 12);
    --space-13: calc(var(--space-1) * 13);
    --space-14: calc(var(--space-1) * 14);
    --space-15: calc(var(--space-1) * 15);
    --transition-basic: .2s linear;
    --transition-drawer: all .5s allow-discrete;
    --transition-sideNav: .2s ease-in-out;
    --transition-modal: all .2s ease-out allow-discrete;
    --transition-modalBackdrop: all .2s allow-discrete;
}

html {
    font: var(--font-hmc-body-m);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}


h2 * {
    font: var(--font-hmc-title-m);
}

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

audio,canvas,video {
    display: inline-block;
}

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

[hidden],template {
    display: none
}

body {
    margin: 0
}

a {
    font: var(--font-hmc-link-m);
    background: transparent
}

a:focus {
    outline: thin dotted
}

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

h1 {
    font: var(--font-hmc-title-l);
    margin: 0.67em 0
}

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

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: var(--color-yellow-500);
    color: var(--color-black)
}

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

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

button[disabled],html input[disabled] {
    cursor: default
}

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

input[type="search"] {
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

@font-face {
    font-family: 'Entypo';
    src: url('/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/entypo.eot?_=638436136556698238');
    src: url('cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/entypo.eot?_=638436136556698238#iefix') format('embedded-opentype'),url('/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/entypo.woff?_=638436136557188343') format('woff'),url('/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/entypo.ttf?_=638436136557098381') format('truetype'),url('/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/entypo.svg?_=638436136557018256#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.icon.address:before {
    content: "\e841"
}

.icon.adjust:before {
    content: "\e867"
}

.icon.air:before {
    content: "\e8ce"
}

.icon.alert:before {
    content: "\e83f"
}

.icon.archive:before {
    content: "\e851"
}

.icon.arrow-combo:before {
    content: "\e86e"
}

.icon.arrows-ccw:before {
    content: "\e891"
}

.icon.attach:before {
    content: "\e823"
}

.icon.attention:before {
    content: "\e83e"
}

.icon.back-in-time:before {
    content: "\e8aa"
}

.icon.back:before {
    content: "\e820"
}

.icon.bag:before {
    content: "\e85a"
}

.icon.basket:before {
    content: "\e859"
}

.icon.battery:before {
    content: "\e8a9"
}

.icon.bell:before {
    content: "\e83d"
}

.icon.block:before {
    content: "\e868"
}

.icon.book-open:before {
    content: "\e84e"
}

.icon.book:before {
    content: "\e84f"
}

.icon.bookmark:before {
    content: "\e828"
}

.icon.bookmarks:before {
    content: "\e829"
}

.icon.box:before {
    content: "\e852"
}

.icon.briefcase:before {
    content: "\e8bb"
}

.icon.brush:before {
    content: "\e8c0"
}

.icon.bucket:before {
    content: "\e8d5"
}

.icon.calendar:before {
    content: "\e85b"
}

.icon.camera:before {
    content: "\e80f"
}

.icon.cancel-circled:before {
    content: "\e814"
}

.icon.cancel-squared:before {
    content: "\e815"
}

.icon.cancel:before {
    content: "\e813"
}

.icon.ccw:before {
    content: "\e88f"
}

.icon.cd:before {
    content: "\e8ae"
}

.icon.chart-area:before {
    content: "\e8c7"
}

.icon.chart-bar:before {
    content: "\e8c6"
}

.icon.chart-line:before {
    content: "\e8c5"
}

.icon.chart-pie:before {
    content: "\e8c4"
}

.icon.chat:before {
    content: "\e83c"
}

.icon.check:before {
    content: "\e812"
}

.icon.clipboard:before {
    content: "\e8d1"
}

.icon.clock:before {
    content: "\e862"
}

.icon.cloud-thunder:before {
    content: "\e8b3"
}

.icon.cloud:before {
    content: "\e8b2"
}

.icon.code:before {
    content: "\e834"
}

.icon.cog:before {
    content: "\e855"
}

.icon.comment:before {
    content: "\e83b"
}

.icon.compass:before {
    content: "\e845"
}

.icon.credit-card:before {
    content: "\e8cf"
}

.icon.cup:before {
    content: "\e846"
}

.icon.cw:before {
    content: "\e890"
}

.icon.database:before {
    content: "\e8d3"
}

.icon.direction:before {
    content: "\e844"
}

.icon.doc-landscape:before {
    content: "\e84a"
}

.icon.doc-text-inv:before {
    content: "\e84c"
}

.icon.doc-text:before {
    content: "\e84b"
}

.icon.doc:before {
    content: "\e848"
}

.icon.docs:before {
    content: "\e849"
}

.icon.dot-2:before {
    content: "\e8be"
}

.icon.dot-3:before {
    content: "\e8bf"
}

.icon.dot:before {
    content: "\e8bd"
}

.icon.down-bold:before {
    content: "\e887"
}

.icon.down-circled:before {
    content: "\e86f"
}

.icon.down-dir:before {
    content: "\e883"
}

.icon.down-open-big:before {
    content: "\e87b"
}

.icon.down-open-mini:before {
    content: "\e877"
}

.icon.down-open:before {
    content: "\e873"
}

.icon.down-thin:before {
    content: "\e88b"
}

.icon.down:before {
    content: "\e87f"
}

.icon.download:before {
    content: "\e82d"
}

.icon.drive:before {
    content: "\e8d4"
}

.icon.droplet:before {
    content: "\e8cd"
}

.icon.erase:before {
    content: "\e8c3"
}

.icon.export:before {
    content: "\e835"
}

.icon.eye:before {
    content: "\e826"
}

.icon.fast-backward:before {
    content: "\e89e"
}

.icon.fast-forward:before {
    content: "\e89d"
}

.icon.feather:before {
    content: "\e837"
}

.icon.flag:before {
    content: "\e82a"
}

.icon.flash:before {
    content: "\e8b4"
}

.icon.flashlight:before {
    content: "\e804"
}

.icon.flight:before {
    content: "\e8b6"
}

.icon.floppy:before {
    content: "\e8d0"
}

.icon.flow-branch:before {
    content: "\e8d9"
}

.icon.flow-cascade:before {
    content: "\e8d8"
}

.icon.flow-line:before {
    content: "\e8db"
}

.icon.flow-tree:before {
    content: "\e8da"
}

.icon.folder:before {
    content: "\e850"
}

.icon.forward:before {
    content: "\e832"
}

.icon.globe:before {
    content: "\e8b1"
}

.icon.graduation-cap:before {
    content: "\e8c9"
}

.icon.heart-empty:before {
    content: "\e807"
}

.icon.heart:before {
    content: "\e806"
}

.icon.help-circled:before {
    content: "\e81d"
}

.icon.help:before {
    content: "\e81c"
}

.icon.home:before {
    content: "\e821"
}

.icon.hourglass:before {
    content: "\e863"
}

.icon.inbox:before {
    content: "\e8af"
}

.icon.infinity:before {
    content: "\e8c2"
}

.icon.info-circled:before {
    content: "\e81f"
}

.icon.info:before {
    content: "\e81e"
}

.icon.install:before {
    content: "\e8b0"
}

.icon.key:before {
    content: "\e8d7"
}

.icon.keyboard:before {
    content: "\e83a"
}

.icon.lamp:before {
    content: "\e864"
}

.icon.language:before {
    content: "\e8ca"
}

.icon.layout:before {
    content: "\e810"
}

.icon.leaf:before {
    content: "\e8b8"
}

.icon.left-bold:before {
    content: "\e888"
}

.icon.left-circled:before {
    content: "\e870"
}

.icon.left-dir:before {
    content: "\e884"
}

.icon.left-open-big:before {
    content: "\e87c"
}

.icon.left-open-mini:before {
    content: "\e878"
}

.icon.left-open:before {
    content: "\e874"
}

.icon.left-thin:before {
    content: "\e88c"
}

.icon.left:before {
    content: "\e880"
}

.icon.level-down:before {
    content: "\e892"
}

.icon.level-up:before {
    content: "\e893"
}

.icon.lifebuoy:before {
    content: "\e8b9"
}

.icon.light-down:before {
    content: "\e865"
}

.icon.light-up:before {
    content: "\e866"
}

.icon.link:before {
    content: "\e822"
}

.icon.list-add:before {
    content: "\e8a6"
}

.icon.list:before {
    content: "\e8a5"
}

.icon.location:before {
    content: "\e842"
}

.icon.lock-open:before {
    content: "\e825"
}

.icon.lock:before {
    content: "\e824"
}

.icon.login:before {
    content: "\e85c"
}

.icon.logout:before {
    content: "\e85d"
}

.icon.loop:before {
    content: "\e895"
}

.icon.magnet:before {
    content: "\e8c1"
}

.icon.mail:before {
    content: "\e805"
}

.icon.map:before {
    content: "\e843"
}

.icon.megaphone:before {
    content: "\e8d2"
}

.icon.menu:before {
    content: "\e811"
}

.icon.mic:before {
    content: "\e85e"
}

.icon.minus-circled:before {
    content: "\e81a"
}

.icon.minus-squared:before {
    content: "\e81b"
}

.icon.minus:before {
    content: "\e819"
}

.icon.mobile:before {
    content: "\e8ac"
}

.icon.monitor:before {
    content: "\e8ab"
}

.icon.moon:before {
    content: "\e8b5"
}

.icon.mouse:before {
    content: "\e8ba"
}

.icon.music:before {
    content: "\e802"
}

.icon.mute:before {
    content: "\e85f"
}

.icon.network:before {
    content: "\e8ad"
}

.icon.newspaper:before {
    content: "\e84d"
}

.icon.note-beamed:before {
    content: "\e801"
}

.icon.note:before {
    content: "\e800"
}

.icon.palette:before {
    content: "\e8a4"
}

.icon.paper-plane:before {
    content: "\e8b7"
}

.icon.pause:before {
    content: "\e899"
}

.icon.pencil:before {
    content: "\e836"
}

.icon.phone:before {
    content: "\e854"
}

.icon.picture:before {
    content: "\e80e"
}

.icon.play:before {
    content: "\e897"
}

.icon.plus-circled:before {
    content: "\e817"
}

.icon.plus-squared:before {
    content: "\e818"
}

.icon.plus:before {
    content: "\e816"
}

.icon.popup:before {
    content: "\e86b"
}

.icon.print:before {
    content: "\e838"
}

.icon.progress-0:before {
    content: "\e89f"
}

.icon.progress-1:before {
    content: "\e8a0"
}

.icon.progress-2:before {
    content: "\e8a1"
}

.icon.progress-3:before {
    content: "\e8a2"
}

.icon.publish:before {
    content: "\e86c"
}

.icon.quote:before {
    content: "\e833"
}

.icon.record:before {
    content: "\e89a"
}

.icon.reply-all:before {
    content: "\e831"
}

.icon.reply:before {
    content: "\e830"
}

.icon.resize-full:before {
    content: "\e869"
}

.icon.resize-small:before {
    content: "\e86a"
}

.icon.retweet:before {
    content: "\e839"
}

.icon.right-bold:before {
    content: "\e889"
}

.icon.right-circled:before {
    content: "\e871"
}

.icon.right-dir:before {
    content: "\e885"
}

.icon.right-open-big:before {
    content: "\e87d"
}

.icon.right-open-mini:before {
    content: "\e879"
}

.icon.right-open:before {
    content: "\e875"
}

.icon.right-thin:before {
    content: "\e88d"
}

.icon.right:before {
    content: "\e881"
}

.icon.rss:before {
    content: "\e853"
}

.icon.search:before {
    content: "\e803"
}

.icon.share:before {
    content: "\e857"
}

.icon.shareable:before {
    content: "\e858"
}

.icon.shuffle:before {
    content: "\e894"
}

.icon.signal:before {
    content: "\e8a7"
}

.icon.sound:before {
    content: "\e860"
}

.icon.star-empty:before {
    content: "\e809"
}

.icon.star:before {
    content: "\e808"
}

.icon.stop:before {
    content: "\e898"
}

.icon.suitcase:before {
    content: "\e8bc"
}

.icon.switch:before {
    content: "\e896"
}

.icon.tag:before {
    content: "\e827"
}

.icon.tape:before {
    content: "\e8c8"
}

.icon.target:before {
    content: "\e8a3"
}

.icon.thermometer:before {
    content: "\e8d6"
}

.icon.thumbs-down:before {
    content: "\e82c"
}

.icon.thumbs-up:before {
    content: "\e82b"
}

.icon.ticket:before {
    content: "\e8cb"
}

.icon.to-end:before {
    content: "\e89b"
}

.icon.to-start:before {
    content: "\e89c"
}

.icon.tools:before {
    content: "\e856"
}

.icon.trash:before {
    content: "\e847"
}

.icon.trophy:before {
    content: "\e8a8"
}

.icon.up-bold:before {
    content: "\e88a"
}

.icon.up-circled:before {
    content: "\e872"
}

.icon.up-dir:before {
    content: "\e886"
}

.icon.up-open-big:before {
    content: "\e87e"
}

.icon.up-open-mini:before {
    content: "\e87a"
}

.icon.up-open:before {
    content: "\e876"
}

.icon.up-thin:before {
    content: "\e88e"
}

.icon.up:before {
    content: "\e882"
}

.icon.upload-cloud:before {
    content: "\e82f"
}

.icon.upload:before {
    content: "\e82e"
}

.icon.user-add:before {
    content: "\e80c"
}

.icon.user:before {
    content: "\e80a"
}

.icon.users:before {
    content: "\e80b"
}

.icon.vcard:before {
    content: "\e840"
}

.icon.video:before {
    content: "\e80d"
}

.icon.volume:before {
    content: "\e861"
}

.icon.water:before {
    content: "\e8cc"
}

.icon.window:before {
    content: "\e86d"
}

.icon.flow-parallel:before {
    content: '\e8dc'
}

.icon.rocket:before {
    content: '\e8dd'
}

.icon.gauge:before {
    content: '\e8de'
}

.icon.traffic-cone:before {
    content: '\e8df'
}

.icon.help-circled-alt:before {
    content: '\e900'
}

.icon:before {
    font-family: Entypo;
    font-size: 30px
}

.replace-with-icon.address {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.address:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e841";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.adjust {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.adjust:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e867";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.air {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.air:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ce";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.alert {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.alert:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e83f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.archive {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.archive:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e851";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.arrow-combo {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.arrow-combo:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e86e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.arrows-ccw {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.arrows-ccw:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e891";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.attach {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.attach:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e823";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.attention {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.attention:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e83e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.back-in-time {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.back-in-time:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8aa";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.back {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.back:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e820";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.bag {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.bag:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e85a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.basket {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.basket:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e859";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.battery {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.battery:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.bell {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.bell:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e83d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.block {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.block:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e868";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.book-open {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.book-open:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e84e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.book {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.book:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e84f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.bookmark {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.bookmark:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e828";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.bookmarks {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.bookmarks:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e829";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.box {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.box:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e852";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.briefcase {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.briefcase:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8bb";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.brush {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.brush:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.bucket {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.bucket:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.calendar {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.calendar:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e85b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.camera {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.camera:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cancel-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cancel-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e814";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cancel-squared {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cancel-squared:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e815";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cancel {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cancel:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e813";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.ccw {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.ccw:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e88f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cd {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cd:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ae";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.chart-area {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.chart-area:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.chart-bar {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.chart-bar:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.chart-line {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.chart-line:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.chart-pie {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.chart-pie:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.chat {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.chat:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e83c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.check {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.check:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.clipboard {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.clipboard:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.clock {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.clock:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e862";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cloud-thunder {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cloud-thunder:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cloud {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cloud:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.code {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.code:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e834";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cog {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cog:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e855";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.comment {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.comment:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e83b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.compass {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.compass:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e845";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.credit-card {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.credit-card:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8cf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cup {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cup:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e846";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.cw {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.cw:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e890";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.database {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.database:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.direction {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.direction:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e844";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.doc-landscape {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.doc-landscape:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e84a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.doc-text-inv {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.doc-text-inv:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e84c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.doc-text {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.doc-text:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e84b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.doc {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.doc:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e848";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.docs {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.docs:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e849";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.dot-2 {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.dot-2:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8be";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.dot-3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.dot-3:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8bf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.dot:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8bd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-bold {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-bold:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e887";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e86f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-dir {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-dir:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e883";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-open-big {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-open-big:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-open-mini {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-open-mini:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-open {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-open:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e873";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down-thin {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down-thin:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e88b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.down {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.down:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.download {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.download:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e82d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.drive {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.drive:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.droplet {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.droplet:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8cd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.erase {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.erase:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.export {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.export:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e835";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.eye {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.eye:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e826";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.fast-backward {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.fast-backward:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.fast-forward {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.fast-forward:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.feather {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.feather:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e837";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flag {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flag:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e82a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flash {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flash:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flashlight {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flashlight:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e804";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flight {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flight:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.floppy {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.floppy:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flow-branch {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flow-branch:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flow-cascade {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flow-cascade:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flow-line {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flow-line:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8db";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flow-tree {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flow-tree:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8da";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.folder {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.folder:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e850";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.forward {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.forward:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e832";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.globe {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.globe:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.graduation-cap {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.graduation-cap:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.heart-empty {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.heart-empty:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e807";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.heart {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.heart:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e806";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.help-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.help-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e81d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.help {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.help:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e81c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.home {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.home:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e821";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.hourglass {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.hourglass:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e863";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.inbox {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.inbox:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8af";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.infinity {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.infinity:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.info-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.info-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e81f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.info {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.info:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e81e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.install {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.install:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.key {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.key:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.keyboard {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.keyboard:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e83a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.lamp {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.lamp:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e864";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.language {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.language:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ca";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.layout {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.layout:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e810";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.leaf {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.leaf:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-bold {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-bold:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e888";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e870";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-dir {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-dir:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e884";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-open-big {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-open-big:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-open-mini {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-open-mini:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e878";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-open {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-open:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e874";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left-thin {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left-thin:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e88c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.left {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.left:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e880";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.level-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.level-down:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e892";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.level-up {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.level-up:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e893";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.lifebuoy {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.lifebuoy:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.light-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.light-down:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e865";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.light-up {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.light-up:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e866";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.link {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.link:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e822";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.list-add {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.list-add:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.list {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.list:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.location {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.location:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e842";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.lock-open {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.lock-open:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e825";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.lock {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.lock:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e824";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.login {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.login:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e85c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.logout {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.logout:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e85d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.loop {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.loop:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e895";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.magnet {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.magnet:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.mail {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.mail:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e805";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.map {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.map:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e843";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.megaphone {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.megaphone:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.menu {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.menu:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e811";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.mic {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.mic:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e85e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.minus-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.minus-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e81a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.minus-squared {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.minus-squared:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e81b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.minus {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.minus:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e819";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.mobile {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.mobile:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ac";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.monitor {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.monitor:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ab";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.moon {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.moon:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.mouse {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.mouse:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ba";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.music {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.music:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e802";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.mute {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.mute:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e85f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.network {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.network:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8ad";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.newspaper {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.newspaper:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e84d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.note-beamed {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.note-beamed:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e801";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.note {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.note:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e800";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.palette {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.palette:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.paper-plane {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.paper-plane:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8b7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.pause {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.pause:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e899";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.pencil {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.pencil:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e836";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.phone {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.phone:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e854";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.picture {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.picture:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.play {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.play:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e897";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.plus-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.plus-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e817";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.plus-squared {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.plus-squared:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e818";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.plus {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.plus:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e816";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.popup {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.popup:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e86b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.print {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.print:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e838";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.progress-0 {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.progress-0:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.progress-1 {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.progress-1:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.progress-2 {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.progress-2:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.progress-3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.progress-3:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.publish {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.publish:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e86c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.quote {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.quote:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e833";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.record {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.record:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.reply-all {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.reply-all:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e831";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.reply {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.reply:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e830";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.resize-full {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.resize-full:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e869";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.resize-small {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.resize-small:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e86a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.retweet {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.retweet:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e839";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-bold {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-bold:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e889";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e871";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-dir {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-dir:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e885";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-open-big {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-open-big:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-open-mini {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-open-mini:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e879";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-open {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-open:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e875";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right-thin {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right-thin:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e88d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.right {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.right:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e881";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.rss {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.rss:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e853";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.search {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.search:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e803";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.share {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.share:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e857";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.shareable {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.shareable:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e858";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.shuffle {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.shuffle:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e894";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.signal {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.signal:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.sound {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.sound:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e860";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.star-empty {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.star-empty:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e809";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.star {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.star:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e808";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.stop {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.stop:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e898";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.suitcase {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.suitcase:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8bc";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.switch {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.switch:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e896";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.tag {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.tag:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e827";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.tape {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.tape:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8c8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.target {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.target:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.thermometer {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.thermometer:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8d6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.thumbs-down {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.thumbs-down:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e82c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.thumbs-up {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.thumbs-up:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e82b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.ticket {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.ticket:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8cb";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.to-end {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.to-end:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.to-start {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.to-start:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.tools {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.tools:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e856";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.trash {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.trash:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e847";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.trophy {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.trophy:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8a8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-bold {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-bold:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e88a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-circled {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-circled:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e872";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-dir {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-dir:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e886";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-open-big {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-open-big:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-open-mini {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-open-mini:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-open {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-open:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e876";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up-thin {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up-thin:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e88e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.up {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.up:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e882";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.upload-cloud {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.upload-cloud:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e82f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.upload {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.upload:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e82e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.user-add {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.user-add:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.user {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.user:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.users {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.users:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.vcard {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.vcard:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e840";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.video {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.video:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.volume {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.volume:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e861";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.water {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.water:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8cc";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.window {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.window:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e86d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.flow-parallel {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.flow-parallel:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: '\e8dc';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.rocket {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.rocket:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: '\e8dd';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.gauge {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.gauge:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: '\e8de';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.traffic-cone {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.traffic-cone:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: '\e8df';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.replace-with-icon.help-circled-alt {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.replace-with-icon.help-circled-alt:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: '\e900';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.append-icon.address:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e841";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.adjust:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e867";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.air:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ce";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.alert:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.archive:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e851";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.arrow-combo:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.arrows-ccw:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e891";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.attach:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e823";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.attention:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.back-in-time:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8aa";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.back:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e820";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.bag:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.basket:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e859";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.battery:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.bell:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.block:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e868";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.book-open:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.book:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.bookmark:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e828";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.bookmarks:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e829";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.box:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e852";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.briefcase:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bb";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.brush:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.bucket:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.calendar:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.camera:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cancel-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e814";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cancel-squared:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e815";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cancel:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e813";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.ccw:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cd:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ae";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.chart-area:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.chart-bar:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.chart-line:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.chart-pie:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.chat:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.check:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.clipboard:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.clock:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e862";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cloud-thunder:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cloud:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.code:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e834";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cog:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e855";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.comment:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.compass:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e845";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.credit-card:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cup:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e846";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.cw:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e890";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.database:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.direction:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e844";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.doc-landscape:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.doc-text-inv:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.doc-text:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.doc:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e848";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.docs:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e849";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.dot-2:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8be";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.dot-3:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.dot:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-bold:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e887";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-dir:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e883";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-open-big:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-open-mini:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-open:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e873";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down-thin:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.down:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.download:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.drive:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.droplet:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.erase:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.export:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e835";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.eye:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e826";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.fast-backward:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.fast-forward:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.feather:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e837";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flag:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flash:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flashlight:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e804";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flight:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.floppy:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flow-branch:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flow-cascade:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flow-line:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8db";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flow-tree:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8da";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.folder:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e850";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.forward:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e832";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.globe:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.graduation-cap:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.heart-empty:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e807";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.heart:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e806";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.help-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.help:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.home:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e821";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.hourglass:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e863";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.inbox:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8af";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.infinity:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.info-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.info:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.install:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.key:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.keyboard:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.lamp:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e864";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.language:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ca";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.layout:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e810";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.leaf:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-bold:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e888";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e870";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-dir:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e884";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-open-big:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-open-mini:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e878";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-open:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e874";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left-thin:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.left:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e880";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.level-down:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e892";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.level-up:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e893";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.lifebuoy:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.light-down:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e865";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.light-up:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e866";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.link:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e822";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.list-add:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.list:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.location:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e842";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.lock-open:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e825";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.lock:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e824";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.login:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.logout:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.loop:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e895";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.magnet:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.mail:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e805";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.map:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e843";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.megaphone:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.menu:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e811";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.mic:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.minus-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.minus-squared:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.minus:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e819";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.mobile:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ac";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.monitor:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ab";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.moon:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.mouse:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ba";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.music:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e802";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.mute:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.network:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ad";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.newspaper:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.note-beamed:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e801";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.note:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e800";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.palette:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.paper-plane:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.pause:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e899";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.pencil:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e836";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.phone:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e854";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.picture:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.play:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e897";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.plus-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e817";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.plus-squared:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e818";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.plus:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e816";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.popup:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.print:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e838";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.progress-0:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.progress-1:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.progress-2:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.progress-3:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.publish:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.quote:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e833";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.record:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.reply-all:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e831";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.reply:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e830";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.resize-full:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e869";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.resize-small:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.retweet:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e839";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-bold:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e889";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e871";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-dir:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e885";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-open-big:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-open-mini:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e879";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-open:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e875";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right-thin:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.right:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e881";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.rss:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e853";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.search:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e803";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.share:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e857";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.shareable:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e858";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.shuffle:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e894";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.signal:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.sound:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e860";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.star-empty:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e809";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.star:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e808";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.stop:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e898";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.suitcase:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bc";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.switch:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e896";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.tag:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e827";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.tape:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.target:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.thermometer:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.thumbs-down:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.thumbs-up:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.ticket:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cb";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.to-end:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.to-start:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.tools:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e856";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.trash:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e847";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.trophy:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-bold:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-circled:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e872";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-dir:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e886";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-open-big:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-open-mini:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-open:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e876";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up-thin:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.up:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e882";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.upload-cloud:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.upload:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.user-add:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.user:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.users:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.vcard:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e840";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.video:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.volume:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e861";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.water:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cc";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.window:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.flow-parallel:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8dc';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.rocket:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8dd';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.gauge:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8de';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.traffic-cone:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8df';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.append-icon.help-circled-alt:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e900';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.address:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e841";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.adjust:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e867";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.air:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ce";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.alert:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.archive:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e851";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.arrow-combo:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.arrows-ccw:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e891";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.attach:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e823";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.attention:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.back-in-time:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8aa";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.back:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e820";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.bag:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.basket:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e859";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.battery:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.bell:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.block:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e868";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.book-open:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.book:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.bookmark:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e828";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.bookmarks:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e829";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.box:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e852";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.briefcase:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bb";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.brush:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.bucket:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.calendar:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.camera:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cancel-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e814";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cancel-squared:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e815";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cancel:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e813";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.ccw:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cd:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ae";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.chart-area:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.chart-bar:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.chart-line:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.chart-pie:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.chat:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.check:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.clipboard:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.clock:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e862";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cloud-thunder:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cloud:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.code:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e834";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cog:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e855";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.comment:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.compass:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e845";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.credit-card:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cup:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e846";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.cw:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e890";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.database:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.direction:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e844";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.doc-landscape:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.doc-text-inv:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.doc-text:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.doc:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e848";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.docs:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e849";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.dot-2:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8be";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.dot-3:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.dot:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-bold:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e887";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-dir:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e883";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-open-big:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-open-mini:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-open:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e873";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down-thin:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.down:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.download:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.drive:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.droplet:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.erase:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.export:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e835";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.eye:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e826";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.fast-backward:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.fast-forward:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.feather:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e837";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flag:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flash:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flashlight:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e804";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flight:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.floppy:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flow-branch:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flow-cascade:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flow-line:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8db";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flow-tree:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8da";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.folder:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e850";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.forward:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e832";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.globe:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.graduation-cap:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.heart-empty:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e807";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.heart:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e806";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.help-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.help:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.home:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e821";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.hourglass:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e863";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.inbox:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8af";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.infinity:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.info-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.info:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.install:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.key:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.keyboard:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e83a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.lamp:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e864";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.language:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ca";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.layout:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e810";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.leaf:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-bold:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e888";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e870";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-dir:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e884";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-open-big:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-open-mini:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e878";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-open:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e874";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left-thin:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.left:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e880";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.level-down:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e892";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.level-up:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e893";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.lifebuoy:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b9";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.light-down:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e865";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.light-up:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e866";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.link:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e822";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.list-add:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.list:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.location:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e842";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.lock-open:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e825";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.lock:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e824";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.login:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.logout:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.loop:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e895";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.magnet:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.mail:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e805";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.map:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e843";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.megaphone:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.menu:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e811";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.mic:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.minus-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.minus-squared:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e81b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.minus:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e819";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.mobile:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ac";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.monitor:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ab";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.moon:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b5";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.mouse:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ba";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.music:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e802";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.mute:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e85f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.network:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8ad";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.newspaper:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e84d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.note-beamed:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e801";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.note:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e800";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.palette:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a4";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.paper-plane:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8b7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.pause:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e899";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.pencil:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e836";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.phone:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e854";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.picture:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.play:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e897";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.plus-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e817";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.plus-squared:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e818";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.plus:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e816";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.popup:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.print:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e838";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.progress-0:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.progress-1:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a0";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.progress-2:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a1";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.progress-3:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a2";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.publish:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.quote:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e833";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.record:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.reply-all:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e831";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.reply:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e830";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.resize-full:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e869";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.resize-small:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.retweet:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e839";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-bold:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e889";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e871";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-dir:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e885";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-open-big:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-open-mini:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e879";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-open:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e875";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right-thin:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.right:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e881";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.rss:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e853";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.search:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e803";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.share:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e857";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.shareable:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e858";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.shuffle:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e894";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.signal:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a7";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.sound:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e860";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.star-empty:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e809";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.star:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e808";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.stop:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e898";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.suitcase:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bc";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.switch:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e896";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.tag:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e827";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.tape:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8c8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.target:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a3";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.thermometer:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8d6";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.thumbs-down:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.thumbs-up:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.ticket:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cb";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.to-end:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.to-start:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e89c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.tools:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e856";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.trash:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e847";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.trophy:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8a8";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-bold:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-circled:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e872";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-dir:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e886";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-open-big:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-open-mini:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e87a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-open:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e876";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up-thin:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e88e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.up:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e882";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.upload-cloud:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82f";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.upload:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.user-add:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80c";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.user:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.users:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80b";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.vcard:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e840";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.video:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e80d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.volume:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e861";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.water:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8cc";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.window:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86d";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.flow-parallel:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8dc';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.rocket:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8dd';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.gauge:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8de';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.traffic-cone:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e8df';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.prepend-icon.help-circled-alt:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: '\e900';
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.no-transition {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(17,23,26,0)
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(360deg)
    }

    to {
        -ms-transform: rotate(0deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(360deg)
    }

    to {
        -moz-transform: rotate(0deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.hyphenate {
    word-wrap: break-word
}

.popup-border {
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25)
}

.columns-no-break {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column
}

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

[tabindex]:not([tabindex="-1"]):focus {
    outline: none
}

body.keyboard-active [tabindex]:not([tabindex="-1"]):focus {
    outline: 1px dotted var(--color-blue-900);
    outline: 1px dotted invert;
    outline-offset: -1px
}

body {
    padding: 0px;
    margin: 0px;
    font: var(--font-hmc-body-m);
    background-color: var(--color-white);
    color: var(--color-black)
}

body.edit .content-fragment-management-header,body.edit .page-management .content-fragment-type {
    -ms-touch-action: none;
    touch-action: none
}

html.dragging {
    -ms-touch-action: none
}

h1,h2,h3,h4,h5 {
    color: var(--color-blue-1000);
    text-rendering: optimizeLegibility;
    word-wrap: break-word
}

h1 {
    font-size: 35px
}

h2 {
    font-size: 29.4px
}

h3 {
    font-size: 23.8px
}

h4 {
    font-size: 18.2px
}

h5 {
    font-size: 14px
}

h5 {
    font-size: 11.2px
}

a {
    color: var(--color-blue-800);
    text-decoration: none;
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    transition: color 0.1s
}

a>img {
    border: 0px;
    display: block
}

a:focus {
    outline: none
}

a:hover {
    color: var(--color-blue-900);
    text-decoration: underline;
}

a:active {
    color: var(--color-blue-900);
    text-decoration: underline;
}

a.positive {
    color: var(--color-green-500)
}

a.positive:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

a.positive:hover {
    color: var(--color-green-400)
}

a.pending {
    color: var(--color-yellow-500)
}

a.pending:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

a.pending:hover {
    color: var(--color-yellow-400)
}

a.read {
    color: var(--color-black)
}

a.read:hover {
    color: var(--color-blue-700)
}

a.disabled {
    color: var(--color-gray-400)
}

a.disabled:hover {
    color: var(--color-gray-300)
}

body.keyboard-active a:focus {
    outline: 1px dotted var(--color-blue-900);
    outline: 1px dotted invert;
    outline-offset: -1px
}

p {
    margin: 1.5em 0 1.5em 0;
    font: var(--font-hmc-body-m);
    text-rendering: optimizeLegibility
}

p:first-of-type {
    margin-top: 0
}

p:last-of-type {
    margin-bottom: 0
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px
}

input:focus,select:focus {
    outline: 0
}

img {
    max-width: 100%;
    height: auto
}

.bgimg {
    max-width: unset;
    height: 100%;
    width: 100%
}

embed,object,video,audio {
    max-width: 100%
}

.left {
    float: left
}

.right {
    float: right
}

.pad-top {
    padding-top: var(--space-4);
}

.pad-right {
    padding-right: var(--space-4);
}

.pad-bottom {
    padding-bottom: var(--space-4);
}

.pad-left {
    padding-left: var(--space-4);
}

.margin-top {
    margin-top: var(--space-4);
}

.margin-right {
    margin-right: var(--space-4);
}

.margin-bottom {
    margin-bottom: var(--space-4);
}

.margin-left {
    margin-left: var(--space-4);
}

.hidden {
    display: none
}

.handheld {
    display: none
}

.glow-lookuptextbox {
    -webkit-appearance: none;
    border: 1px solid var(--color-gray-300);
    padding: var(--space-2);
    font: var(--font-hmc-body-m);
    box-sizing: border-box;
    width: 100%;
    resize: none;
    border-radius: var(--space-1);
    -webkit-transition: border-color 0.1s;
    -moz-transition: border-color 0.1s;
    transition: border-color 0.1s
}

.glow-lookuptextbox:hover,.glow-lookuptextbox:focus {
    border-color: var(--color-blue-500)
}

.glow-lookuptextbox>div {
    margin: 7.5px 15px 7.5px 0
}

.glow-lookuptextbox>div>div {
    padding: var(--space-2);
    margin: -4px;
    border-radius: var(--space-1);
    border-width: 0;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: var(--color-gray-200)
}

.glow-lookuptextbox>div>div>a {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.glow-lookuptextbox>div>div>a:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e814";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.glow-lookuptextbox>div>div>a::before {
    color: var(--color-blue-700)
}

.glow-lookuptextbox>div>div.glow-lookuptextbox-placeholder {
    color: var(--color-gray-500);
    background-color: var(--color-white)
}

.composer-mentionable-mention-highlight {
    background-color: var(--color-gray-200)
}

.composer-mentionable-selector {
    position: absolute;
    background-color: var(--color-white);
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 10000;
    border: 1px solid var(--color-gray-500);
    box-shadow: 0px 3px 3px rgba(17,23,26,0.3)
}

.composer-mentionable-selector li {
    border-bottom: 1px solid var(--color-gray-200);
    display: block;
    margin: 0px;
    padding: var(--space-2);;
    cursor: pointer;
    font: var(--font-hmc-body-l);
    color: var(--color-gray-900)
}

.composer-mentionable-selector li:hover,.composer-mentionable-selector li.highlight {
    background-color: var(--color-gray-200)
}

.composer-mentionable-selector:hover li.highlight {
    background-color: var(--color-white)
}

.composer-mentionable-selector:hover li.highlight:hover {
    background-color: var(--color-gray-200)
}

.composer-mentionable-selector .loading {
    text-align: center;
    color: var(--color-gray-300)
}

.composer-mentionable-selector .loading strong {
    color: var(--color-black);
    font-weight: normal
}

.mentionable-suggestion {
    display: block;
    position: relative;
    overflow: hidden
}

.mentionable-suggestion.with-avatar {
    padding-left: var(--space-7);
}

.mentionable-suggestion .mentionable-suggestion-avatar {
    position: absolute;
    top: 0;
    left: 0
}

.mentionable-suggestion .mentionable-suggestion-preview {
    line-height: var(--space-5);
}

.composer-hashtag-highlight {
    background-color: var(--color-yellow-200)
}

.composer-hashtag-selector {
    position: absolute;
    background-color: var(--color-white);
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 10000;
    border: 1px solid var(--color-gray-500);
    box-shadow: 0px 3px 3px rgba(17,23,26,0.3)
}

.composer-hashtag-selector li {
    border-bottom: 1px solid var(--color-gray-200);
    display: block;
    margin: 0px;
    padding: var(--space-2);
    cursor: pointer;
    font: var(--font-hmc-body-l);
    color: var(--color-gray-900)
}

.composer-hashtag-selector li:hover,.composer-hashtag-selector li.highlight {
    background-color: var(--color-yellow-200)
}

.composer-hashtag-selector:hover li.highlight {
    background-color: var(--color-white)
}

.composer-hashtag-selector:hover li.highlight:hover {
    background-color: var(--color-yellow-200)
}

.composer-hashtag-selector .loading {
    text-align: center;
    color: var(--color-gray-300)
}

.composer-hashtag-selector .loading strong {
    color: var(--color-black);
    font-weight: normal
}

.composer-hashtag-selector,.composer-mentionable-selector {
    border: 1px solid var(--color-blue-700)
}

.composer-hashtag-selector li,.composer-mentionable-selector li {
    font: var(--font-hmc-body-s);
}

.rating .star-off-left {
    padding: 0;
    margin: 0;
    font-weight: bold;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 7px;
    color: var(--color-gray-300)
}

.rating .star-off-left:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e809";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.rating .star-on-left {
    padding: 0;
    margin: 0;
    font-weight: bold;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 7px;
    color: var(--color-blue-700)
}

.rating .star-on-left:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e808";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.rating .star-off-right {
    padding: 0;
    margin: 0;
    font-weight: normal;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 7px;
    color: var(--color-gray-300)
}

.rating .star-off-right:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e809";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.rating .star-off-right:before {
    left: -7px
}

.rating .star-on-right {
    padding: 0;
    margin: 0;
    font-weight: normal;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 7px;
    color: var(--color-blue-700)
}

.rating .star-on-right:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e808";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.rating .star-on-right:before {
    left: -7px
}

.drag-drop-container {
    z-index: 20
}

.drag-drop-container .drag-drop-shade {
    background-color: var(--color-white);
    opacity: 0.67
}

.drag-drop-container .drag-drop-message {
    font: var(--font-hmc-title-l);
    text-align: center;
    color: var(--color-blue-700);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.glowlookuptextbox-alreadyselected {
    color: var(--color-gray-700)
}

.glowlookuptextbox-alreadyselected .glowlookuptextbox-identifier {
    padding: 0 var(--space-1);
    border-radius: 2px;
    background-color: var(--color-gray-700);
    color: var(--color-white);
    font: var(--font-hmc-body-m);
    margin-left: var(--space-2);
}

.mce-submitpanel-button {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-radius: 3px
}

.mce-submitpanel-button:hover {
    background-color: var(--color-blue-800)
}

.mce-submitpanel-button:active,.mce-submitpanel-button:focus {
    background-color: var(--color-blue-500);
    color: var(--color-gray-200)
}

.mce-panel {
    background-color: var(--color-off-white)
}

.mce-editor-full .mce-panel {
    background-color: var(--color-off-white)
}

.mce-editor-full .mce-btn {
    background-color: var(--color-off-white)
}

.modal-content .mce-charmap td,.modal-content .mcemedia-previewwrapper,.modal-content .mceemoticon-listwrapper,.modal-content .mcetelligent-frame.with-border {
    border-color: var(--color-gray-200)
}

.modal-content .mce-label {
    text-shadow: none
}

.modal-content .mce-reset,.modal-content .mce-container,.modal-content .mce-container .mce-label,.modal-content .mce-container .mcemedia-prev,.modal-content .mce-container label {
    color: var(--color-black)
}

.modal-content .mce-foot {
    background-color: var(--color-white)
}

.modal-content .mce-container-body .mce-btn {
    background-color: var(--color-gray-300)
}

.modal-content .mce-container-body .mce-btn:hover {
    background-color: var(--color-gray-400);
    border-color: var(--color-gray-400)
}

.modal-content .mce-container-body .mce-btn:active {
    background-color: var(--color-gray-200);
    border-color: var(--color-gray-200)
}

.modal-content .mce-container-body .mce-btn button {
    color: var(--color-black)
}

.modal-content .mce-container-body .mce-primary {
    background-color: var(--color-blue-700)
}

.modal-content .mce-container-body .mce-primary:hover {
    background-color: var(--color-blue-800)
}

.modal-content .mce-container-body .mce-primary:active {
    background-color: var(--color-blue-600)
}

.modal-content .mce-container-body .mce-menubtn,.modal-content .mce-container-body .mce-colorbutton {
    background-color: var(--color-white)
}

.modal-content .mce-container-body .mce-menubtn button,.modal-content .mce-container-body .mce-colorbutton button {
    color: var(--color-black)
}

.modal-content .mce-container-body .mce-btn-group .mce-btn,.modal-content .mce-container-body .mce-btn-group .mce-menubtn,.modal-content .mce-container-body .mce-btn-group .mce-colorbutton {
    background-color: var(--color-white)
}

.modal-content .mce-container-body .mce-btn-group .mce-btn button,.modal-content .mce-container-body .mce-btn-group .mce-menubtn button,.modal-content .mce-container-body .mce-btn-group .mce-colorbutton button {
    color: var(--color-black)
}

a.mce-tab:focus {
    border-color: var(--color-blue-700);
    color: var(--color-blue-700)
}

.evolution-quote-handle:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e833";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.content-fragment {
    font-family: "Barlow","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 400
}

.merge-added {
    text-decoration: underline;
    color: var(--color-green-500)
}

.merge-added img {
    border: solid 2px var(--color-green-500)
}

.merge-deleted {
    text-decoration: line-through;
    color: var(--color-red-700)
}

.merge-deleted img {
    border: solid 2px var(--color-red-700)
}

.width {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

*.width {
    margin-left: inherit;
    margin-right: inherit;
    min-width: none;
    min-height: none;
    padding-left: inherit;
    padding-right: inherit
}

html,body,body>form {
    height: 100%
}

html .content-fragment-page,body .content-fragment-page,body>form .content-fragment-page {
    min-height: 75%
}

.admin-bar {
    display: none
}

.page-editing,.page-editing *,.page-management-edit-link,.page-management-edit-link *,.content-fragment-management,.content-fragment-management-header,.content-fragment-management-header-inner {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.page-editing {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

/*.content-fragment-page .layout-region.content .layout-region-inner .content-fragment,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment {*/
/*    padding-top: 0*/
/*}*/

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content {
    margin-top: var(--space-4);
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>.content .actions.top a:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .actions.top a:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .actions.top a:first-child,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .actions.top a:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .actions.top a:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .actions.top a:first-child,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>.content .actions.download a:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .actions.download a:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .actions.download a:first-child,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .actions.download a:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .actions.download a:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .actions.download a:first-child,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>.content .status .attribute-item.answer-status:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .status .attribute-item.answer-status:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .status .attribute-item.answer-status:first-child,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .status .attribute-item.answer-status:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .status .attribute-item.answer-status:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .status .attribute-item.answer-status:first-child {
    margin-top: var(--space-1);
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>.content .name,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .name,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>.content .name,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .name,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .name,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>div>.content.full .name {
    margin-top: 0
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>fieldset>h1,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>fieldset>h1,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>fieldset>h1,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>fieldset>h2,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>fieldset>h2,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>fieldset>h2,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content>fieldset>h3,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content>fieldset>h3,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content>fieldset>h3 {
    margin-top: 0
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border:first-child,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header:first-child,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header:first-child,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header:first-child {
    margin-top: var(--space-11);
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border .content-fragment-content,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-content,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-content,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header .content-fragment-content,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-content,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-content {
    margin-top: 0
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border .content-fragment-header,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-header,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-header,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header .content-fragment-header,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-header,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-header {
    margin-top: 0;
    word-break: break-all;
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border.with-header,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border.with-header,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border.with-header {
    padding-top: 0
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment~.content-fragment,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment~.content-fragment,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment~.content-fragment {
    padding-top: inherit
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment~.content-fragment .content-fragment-content,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment~.content-fragment .content-fragment-content,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment~.content-fragment .content-fragment-content {
    margin-top: 0
}

.single-column .content-fragment .content-fragment-content {
    margin-top: var(--space-4);
}

.single-column .content-fragment~.content-fragment .content-fragment-content,.single-column .content-fragment.featured-content-carousel .content-fragment-content,.single-column .content-fragment.navigation-custom .content-fragment-content {
    margin-top: 0
}

.single-column.header-fragments .content-fragment .content-fragment-content,.single-column.footer-fragments .content-fragment .content-fragment-content {
    margin-top: 0
}

.button_style {
    background-color: var(--color-blue-700);
    font-family: "Barlow","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    border-radius: var(--space-1);
    padding: var(--space-4) var(--space-8);
}

.button_style:hover {
    background-color: var(--color-blue-700)
}

.button_style:active {
    background-color: var(--color-blue-700)
}

.page-management-edit-link {
    padding-top: var(--space-8);
}

.page-management-edit-link a {
    background-color: var(--color-blue-700);
    font-family: "Barlow","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    border-radius: 5px;
    padding: var(--space-4) var(--space-8);
}

.page-management-edit-link a:hover {
    background-color: var(--color-blue-700)
}

.page-management-edit-link a:active {
    background-color: var(--color-blue-700)
}

.header-fragments {
    position: relative
}

.header-fragments::after {
    content: " ";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-gray-300);
    z-index: 0
}

.header-fragments .layout .layout-content {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    background-color: var(--color-white)
}

.header-fragments .layout .layout-content .layout-region.header {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    background-color: var(--color-white);
    opacity: 0.98;
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto
}

.header-fragments .layout .layout-content .layout-region.header .layout-region-inner {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

.header-fragments .layout .layout-content.scrolled {
    opacity: 0.98;
    left: 0px;
    right: 0px;
    -webkit-box-shadow: 0 3px 2px -1px rgba(17,23,26,0.07);
    -moz-box-shadow: 0 3px 2px -1px rgba(17,23,26,0.07);
    box-shadow: 0 3px 2px -1px rgba(17,23,26,0.07)
}

.header-fragments .layout .layout-content.scrolled .layout-region.header .layout-region-inner {
    padding-left: 0px;
    padding-right: 0px
}

.header-fragments .layout .header-top-content {
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: inherit;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms
}

.header-fragments .layout .header-top-content .layout-region.header {
    width: 100%;
    color: var(--color-black);
    background-color: var(--color-white);
    border-bottom: 0px;
    opacity: 1;
    max-width: 100%;
    left: auto;
    right: auto
}

.header-fragments .layout .header-top-content.scrolled {
    border-bottom: 0px;
    opacity: 1;
    -webkit-box-shadow: 0 0 3px 2px rgba(17,23,26,0.15);
    -moz-box-shadow: 0 0 3px 2px rgba(17,23,26,0.15);
    box-shadow: 0 0 3px 2px rgba(17,23,26,0.15)
}

.header-fragments .layout .header-top-content.scrolled .layout-region.header .layout-region-inner {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
}

.header-fragments .layout .header-top-content .layout-region-inner {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

.header-fragments .layout-region.content {
    border: 0px;
    position: relative;
    z-index: 2
}

.edit .header-fragments .layout .layout-content .layout-region.header .layout-region-inner {
    padding-left: 0px;
    padding-right: 0px
}

.content-fragment-page {
    background-color: var(--color-white)
}

.content-fragment-page>.layout {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

.content-fragment-page>.layout .layout-region-inner.content {
    margin-bottom: 0
}

.content-fragment {
    padding: 0
}

.content-fragment.top-border {
    margin-top: var(--space-4);
}

.content-fragment .content-fragment-header {
    padding: var(--space-3) 0;
    -webkit-font-smoothing: antialiased;
    color: var(--color-blue-1000);
    font: var(--font-hmc-title-m);
}

.content-fragment.with-header .content-fragment-header {
    display: block
}

.content-fragment.with-header.top-border .content-fragment-header {
    font: var(--font-hmc-title-m);
    color: var(--color-blue-700);
    display: block;
    margin-bottom: var(--space-4);
}

.footer-fragments {
    min-height: 100px;
    border-top: 0px
}

.footer-fragments>.layout {
    margin-left: auto;
    margin-right: auto;
    min-width: 875px;
    max-width: 9000px;
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

.layout-content {
    overflow: hidden
}

.layout-content .layout-region-inner {
    min-height: 0px
}

.layout-content .layout-region.empty {
    height: 0px
}

.layout-content.content-left-sidebar-right .layout-region.content {
    padding-right: 15px
}

.layout-content.content-left-sidebar-right .layout-region.right-sidebar {
    width: 30%;
    padding-left: 15px
}

.layout-content.sidebar-left-content-right .layout-region.content {
    padding-left: 15px
}

.layout-content.sidebar-left-content-right .layout-region.left-sidebar {
    width: 30%;
    padding-right: 15px
}

.layout-content.sidebar-left-content-center-sidebar-right .layout-region.content {
    padding-left: 15px;
    padding-right: 15px
}

.layout-content.sidebar-left-content-center-sidebar-right .layout-region.left-sidebar {
    width: 30%;
    padding-right: 15px
}

.layout-content.sidebar-left-content-center-sidebar-right .layout-region.right-sidebar {
    width: 30%;
    padding-left: 15px
}

.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.right-sidebar {
    width: 50%;
    padding-left: 15px
}

.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.content {
    width: 50%;
    padding-right: 15px
}

.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-left {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-right {
    width: 25%;
    padding-left: 15px
}

.layout-content.header-top-content-left-sidebar-right .layout-region.content {
    padding-right: 15px
}

.layout-content.header-top-content-left-sidebar-right .layout-region.right-sidebar {
    width: 30%;
    padding-left: 15px
}

.layout-content.header-top-sidebar-left-content-right .layout-region.content {
    padding-left: 15px
}

.layout-content.header-top-sidebar-left-content-right .layout-region.left-sidebar {
    width: 30%;
    padding-right: 15px
}

.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.content {
    padding-left: 15px;
    padding-right: 15px
}

.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.left-sidebar {
    width: 30%;
    padding-right: 15px
}

.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.right-sidebar {
    width: 30%;
    padding-left: 15px
}

.layout-content.header-top-split-content-footer .layout-region.left-sidebar {
    padding-right: 15px
}

.layout-content.header-top-split-content-footer .layout-region.right-sidebar {
    padding-left: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.right-sidebar {
    width: 50%;
    padding-left: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.content {
    width: 50%;
    padding-right: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-left {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-right {
    width: 25%;
    padding-left: 15px
}

.layout-content.split-content .layout-region.content {
    padding-right: 15px
}

.layout-content.split-content .layout-region.right-sidebar {
    padding-left: 15px
}

.layout-content.header-top-split-content .layout-region.content {
    padding-right: 15px
}

.layout-content.header-top-split-content .layout-region.right-sidebar {
    padding-left: 15px
}

.layout-content.header-top-content-left-sidebar-right-footer .layout-region.content {
    padding-right: 15px
}

.layout-content.header-top-content-left-sidebar-right-footer .layout-region.right-sidebar {
    width: 30%;
    padding-left: 15px
}

.layout-content.header-top-sidebar-left-content-right-footer .layout-region.content {
    padding-left: 15px
}

.layout-content.header-top-sidebar-left-content-right-footer .layout-region.left-sidebar {
    width: 30%;
    padding-right: 15px
}

.layout-content.header-top-sidebar-left-content-center-sidebar-right-footer .layout-region.content {
    padding-left: 15px;
    padding-right: 15px
}

.layout-content.header-top-sidebar-left-content-center-sidebar-right-footer .layout-region.left-sidebar {
    width: 30%;
    padding-right: 15px
}

.layout-content.header-top-sidebar-left-content-center-sidebar-right-footer .layout-region.right-sidebar {
    width: 30%;
    padding-left: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.content {
    padding-left: 15px;
    padding-right: 15px;
    width: 50%
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.left-sidebar {
    padding-right: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.right-sidebar {
    width: 50%;
    padding-left: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.split-sidebar-left {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.split-sidebar-right {
    width: 25%;
    padding-left: 15px
}

.menu.save-page-content,.menu.select-page-content {
    background-color: var(--color-black);
    border-radius: 0px;
    border: 0px
}

.menu.save-page-content .field-item,.menu.select-page-content .field-item {
    margin: 0px;
    padding: 5px 2px 5px 2px
}

.menu.save-page-content .field-item.select-page,.menu.select-page-content .field-item.select-page {
    border-bottom: 0px
}

.menu.save-page-content input[type="button"],.menu.select-page-content input[type="button"] {
    background-color: var(--color-blue-700);
    font: var(--font-hmc-button-m);
    color: var(--color-white);
    text-decoration: none;
    border-radius: 5px;
    padding: 15px 30px 15px 30px;
    padding: 0px 10px 0px 10px
}

.menu.save-page-content input[type="button"]:hover,.menu.select-page-content input[type="button"]:hover {
    background-color: var(--color-blue-700)
}

.menu.save-page-content input[type="button"]:active,.menu.select-page-content input[type="button"]:active {
    background-color: var(--color-blue-700)
}

::-ms-clear {
    display: none
}

.content-fragment-content a[id]:empty:before {
    display: block;
    content: " ";
    margin-top: -90px;
    height: 90px;
    visibility: hidden
}

.footer-fragments {
    border-top: 1px solid var(--color-gray-200)
}

.message,.button-style.message {
    clear: both;
    font: var(--font-hmc-body-s);
    padding: 15px;
    color: var(--color-gray-900);
    border: 1px solid var(--color-gray-200);
    font-style: italic;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.message a,.button-style.message a {
    text-decoration: underline
}

.message.warning,.button-style.message.warning,.message.error,.button-style.message.error {
    font-style: normal
}

.message.warning a,.button-style.message.warning a,.message.error a,.button-style.message.error a {
    color: var(--color-red-700)
}

.message.error,.button-style.message.error {
    background-color: var(--color-white);
    color: var(--color-red-700);
    border: 1px solid var(--color-red-700)
}

.message.warning,.button-style.message.warning {
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-yellow-500)
}

.message:only-child,.button-style.message:only-child {
    margin-top: 15px
}

.message.loading,.button-style.message.loading {
    margin-top: 15px
}

.links-popup-panel {
    width: 230px;
    font: var(--font-hmc-body-m);
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    background-color: var(--color-white);
    border-radius: 3px
}

.links-popup-panel[data-position="downright"] {
    border-top-left-radius: 0
}

.links-popup-panel[data-position="upright"] {
    border-bottom-left-radius: 0
}

.links-popup-panel[data-position="downleft"] {
    border-top-right-radius: 0
}

.links-popup-panel[data-position="upleft"] {
    border-bottom-right-radius: 0
}

.links-popup-panel ul {
    max-height: 500px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden
}

.links-popup-panel ul>li>span {
    display: block;
    width: 100%;
    overflow: hidden
}

.links-popup-panel ul>li>span a.selected {
    background-color: var(--color-gray-100);
    color: var(--color-black)
}

.links-popup-panel ul>li>span>a,.links-popup-panel ul .ui-like .like-toggle a,.links-popup-panel ul a {
    color: var(--color-black);
    font: var(--font-hmc-body-s);
    display: block;
    padding: 6px 4px 6px 4px;
    text-align: center;
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    transition: background-color 0.1s;
    white-space: normal;
    text-decoration: none;
}

.links-popup-panel ul>li>span>a:hover,.links-popup-panel ul .ui-like .like-toggle a:hover,.links-popup-panel ul a:hover {
    background-color: var(--color-green-700);
    color: var(--color-white)
}

.links-popup-panel ul>li>span>a.selected,.links-popup-panel ul .ui-like .like-toggle a.selected,.links-popup-panel ul a.selected {
    background-color: var(--color-gray-100);
    font-weight: 600;
    color: var(--color-black)
}

.links-popup-panel ul>li>span>a.add-application,.links-popup-panel ul .ui-like .like-toggle a.add-application,.links-popup-panel ul a.add-application,.links-popup-panel ul>li>span>a.add-group,.links-popup-panel ul .ui-like .like-toggle a.add-group,.links-popup-panel ul a.add-group {
    background-color: var(--color-gray-100)
}

.links-popup-panel ul>li>span>a.add-application:hover,.links-popup-panel ul .ui-like .like-toggle a.add-application:hover,.links-popup-panel ul a.add-application:hover,.links-popup-panel ul>li>span>a.add-group:hover,.links-popup-panel ul .ui-like .like-toggle a.add-group:hover,.links-popup-panel ul a.add-group:hover {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.links-popup-panel ul>li>span>a.crumb,.links-popup-panel ul a.crumb {
    text-align: left;
    padding-left: 10px
}

.links-popup-panel ul>li>span>a.crumb:before,.links-popup-panel ul a.crumb:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e892";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.links-popup-panel ul>li>span>a.crumb.depth-1,.links-popup-panel ul a.crumb.depth-1 {
    padding-left: 10px
}

.links-popup-panel ul>li>span>a.crumb.depth-2,.links-popup-panel ul a.crumb.depth-2 {
    padding-left: 20px
}

.links-popup-panel ul>li>span>a.crumb.depth-3,.links-popup-panel ul a.crumb.depth-3 {
    padding-left: 30px
}

.links-popup-panel ul>li>span>a.crumb.depth-4,.links-popup-panel ul a.crumb.depth-4 {
    padding-left: 40px
}

.links-popup-panel ul>li>span>a.crumb.depth-5,.links-popup-panel ul a.crumb.depth-5 {
    padding-left: 50px
}

.links-popup-panel ul>li>span>a.crumb.depth-6,.links-popup-panel ul a.crumb.depth-6 {
    padding-left: 60px
}

.links-popup-panel ul>li>span>a.crumb.depth-7,.links-popup-panel ul a.crumb.depth-7 {
    padding-left: 70px
}

.links-popup-panel ul>li>span>a.crumb.depth-8,.links-popup-panel ul a.crumb.depth-8 {
    padding-left: 80px
}

.links-popup-panel ul>li>span>a.crumb.depth-9,.links-popup-panel ul a.crumb.depth-9 {
    padding-left: 90px
}

.links-popup-panel ul>li>span>a.crumb.depth-10,.links-popup-panel ul a.crumb.depth-10 {
    padding-left: 100px
}

.links-popup-panel ul>li>span>a.crumb.depth-11,.links-popup-panel ul a.crumb.depth-11 {
    padding-left: 110px
}

.links-popup-panel ul>li>span>a.crumb.depth-12,.links-popup-panel ul a.crumb.depth-12 {
    padding-left: 120px
}

.links-popup-panel ul>li>span>a.crumb.depth-13,.links-popup-panel ul a.crumb.depth-13 {
    padding-left: 130px
}

.links-popup-panel ul>li>span>a.crumb.depth-14,.links-popup-panel ul a.crumb.depth-14 {
    padding-left: 140px
}

.links-popup-panel ul>li>span>a.crumb.depth-15,.links-popup-panel ul a.crumb.depth-15 {
    padding-left: 150px
}

.sheet {
    background-color: var(--color-gray-200);
    padding: 10px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.sheet ul {
    list-style: none;
    padding: 0px;
    margin: 0px
}
.sheet ul li {
    border-bottom: solid 1px var(--color-gray-200);
}
.sheet ul li:last-child {
    margin-bottom: 30px
}

.sheet ul li>span {
    display: block;
    float: none;
    border-bottom: 1px solid var(--color-gray-200);
    padding: 15px 0 15px 0;
    text-align: center;
}

.sheet ul li>span>a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(17,23,26,0);
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    color: var(--color-black)
}

.sheet ul li>span>a:active {
    background-color: var(--color-green-700);
    color: var(--color-white)
}

.sheet ul li>span>a[data-cancel] {
    background-color: var(--color-gray-300)
}

.sheet ul li>span>a[data-cancel]:active {
    background-color: var(--color-green-700);
    color: var(--color-white)
}

.sheet ul li>a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(17,23,26,0);
    float: none;
    display: block;
    padding: 15px 0 15px 0;
    text-align: center;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--color-gray-300);
    color: var(--color-black)
}

.sheet ul li>a:active {
    background-color: var(--color-green-700);
    color: var(--color-white)
}

.sheet ul li>a[data-cancel] {
    background-color: var(--color-gray-300)
}

.sheet ul li>a[data-cancel]:active {
    background-color: var(--color-green-700);
    color: var(--color-white)
}

.shadow-on-hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

.shadow-on-hover:hover {
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    border-radius: 10px
}

.shadow-on-hover:active {
    box-shadow: 0 0px 1px rgba(17,23,26,0.25),0 2px 5px rgba(17,23,26,0.25)
}

.shadow-on-hover.disabled:hover {
    box-shadow: none
}

a.button-style-big,.button-style-big {
    padding: 22.5px 45px 22.5px 45px;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    background-color: var(--color-blue-700);
    color: var(--color-white);
    font: var(--font-hmc-button-m);
    margin-right: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

a.button-style-big:active,.button-style-big:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

a.button-style-big:focus,.button-style-big:focus {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

a.button-style-big:hover,.button-style-big:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

a.button-style-big.disabled,.button-style-big.disabled {
    background-color: var(--color-blue-500);
    cursor: default
}

a.button-style-big.disabled:hover,.button-style-big.disabled:hover {
    color: var(--color-white)
}

a.button-style-big:hover,.button-style-big:hover {
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    border-radius: 10px
}

a.button-style-big:active,.button-style-big:active {
    box-shadow: 0 0px 1px rgba(17,23,26,0.25),0 2px 5px rgba(17,23,26,0.25)
}

a.button-style-big.disabled:hover,.button-style-big.disabled:hover {
    box-shadow: none
}

a.button-style-big.disabled:hover,.button-style-big.disabled:hover {
    box-shadow: none
}

fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

fieldset h1,fieldset h2,fieldset h3 {
    font: var(--font-hmc-title-m);
    color: var(--color-black);
    margin: 1em 0 1em 0
}

fieldset .field-list .field-item {
    margin: 15px 0 45px 0
}

fieldset .field-list .field-item .field-list {
    margin-top: 30px
}

fieldset .field-list .field-item .field-item {
    padding: 0 0 0 41.25px
}

fieldset .field-list .field-item:last-child {
    margin-bottom: 15px
}

fieldset .field-list .field-item .field-item-header,fieldset .field-list .field-item .field-item-name,fieldset .field-list .field-item .field-item-description,fieldset .field-list .field-item .field-item-input,fieldset .field-list .field-item .field-item-validation {
    display: block;
    margin: 7.5px 0 10px 0;
    font: var(--font-hmc-body-m);
}

fieldset .field-list .field-item .field-item-name,fieldset .field-list .field-item .field-item-header {
    font: var(--font-hmc-body-m);
}

fieldset .field-list .field-item .field-item-description {
    color: var(--color-gray-600);
    margin: 0
}

fieldset .field-list .field-item.message.error .field-item-description {
    color: var(--color-red-700);
    margin: 0
}

fieldset .field-list .field-item .field-item-input {
    margin-bottom: 5px
}

fieldset .field-list .field-item .field-item-input label {
    position: relative;
    top: 1px
}

fieldset .field-list .field-item .field-item-input label.hidden {
    display: none
}

fieldset .field-list .field-item .field-item-input table.form {
    width: 100%
}

fieldset .field-list .field-item .field-item-input table.form td,fieldset .field-list .field-item .field-item-input table.form th {
    padding: 7.5px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}

fieldset .field-list .field-item .field-item-input table.form thead>tr>th {
    vertical-align: bottom;
    white-space: nowrap;
    border-bottom: solid 1px var(--color-black)
}

fieldset .field-list .field-item .field-item-input table.form thead>tr>th .multiselect {
    display: block;
    font: var(--font-hmc-body-xs);
    white-space: nowrap
}

fieldset .field-list .field-item .field-item-input table.form tbody>tr>th {
    white-space: nowrap;
    border-bottom: solid 1px var(--color-black)
}

fieldset .field-list .field-item .field-item-input table.form tr>td {
    border-bottom: solid 1px var(--color-gray-100)
}

fieldset .field-list .field-item .field-item-input .processing {
    color: var(--color-gray-300);
    display: inline-block;
    height: 44px;
    padding: 14px
}

fieldset .field-list .field-item .field-item-validation {
    color: var(--color-red-700);
    margin-top: 0;
    font: var(--font-hmc-body-s);
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input.file {
    border: 1px solid var(--color-gray-300);
    box-sizing: border-box;
    border-radius: 3px 3px 0 0;
    padding: 0;
    margin: 0;
    border-bottom-width: 0
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input.file input {
    border-width: 0;
    padding: 4px;
    margin: 0;
    width: 100%
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input.preview {
    border: 1px solid var(--color-gray-300);
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    padding: 0 0 3px 0;
    margin: 0;
    background-color: var(--color-gray-200);
    border-top: solid 1px var(--color-gray-300)
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input.preview:not(:empty) {
    padding: 4px
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input.preview:empty {
    border-top-width: 0;
    background-color: inherit
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input.preview>img {
    margin: 0 auto;
    display: inherit
}

fieldset .field-list .field-item.upload-with-preview>.field-item-input>a.upload:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

fieldset input:focus,fieldset select:focus,fieldset textarea:focus,fieldset button:focus {
    outline: 0
}

fieldset select {
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-gray-300);
    font: var(--font-hmc-body-m);
    border-radius: 3px;
    padding: 6px
}

fieldset .range-label {
    display: block;
    text-align: center;
    padding: 6px;
    width: 50%
}

fieldset input[type="range"] {
    width: 50%
}

fieldset input[type="search"],fieldset input[type="password"],fieldset input[type="text"],fieldset input[type="number"],fieldset input[type="input"],fieldset textarea {
    background-color: var(--color-white);
    color: var(--color-black);
    -webkit-appearance: none;
    border: 1px solid var(--color-gray-300);
    padding: 6px;
    font: var(--font-hmc-body-m);
    box-sizing: border-box;
    width: 50%;
    resize: none;
    border-radius: 3px;
    -webkit-transition: border-left 0.1s;
    -moz-transition: border-left 0.1s;
    transition: border-left 0.1s
}

fieldset input[type="search"]:hover,fieldset input[type="password"]:hover,fieldset input[type="text"]:hover,fieldset input[type="number"]:hover,fieldset input[type="input"]:hover,fieldset textarea:hover,fieldset input[type="search"]:focus,fieldset input[type="password"]:focus,fieldset input[type="text"]:focus,fieldset input[type="number"]:focus,fieldset input[type="input"]:focus,fieldset textarea:focus {
    border-color: var(--color-blue-500)
}

fieldset input[type="search"].full,fieldset input[type="password"].full,fieldset input[type="text"].full,fieldset input[type="number"].full,fieldset input[type="input"].full,fieldset textarea.full {
    width: 100%
}

fieldset input[type="search"]::placeholder,fieldset input[type="password"]::placeholder,fieldset input[type="text"]::placeholder,fieldset input[type="number"]::placeholder,fieldset input[type="input"]::placeholder,fieldset textarea::placeholder {
    color: var(--color-gray-500)
}

fieldset input[type="search"]::-webkit-input-placeholder,fieldset input[type="password"]::-webkit-input-placeholder,fieldset input[type="text"]::-webkit-input-placeholder,fieldset input[type="number"]::-webkit-input-placeholder,fieldset input[type="input"]::-webkit-input-placeholder,fieldset textarea::-webkit-input-placeholder {
    color: var(--color-gray-500)
}

fieldset input[type="search"]::-moz-placeholder,fieldset input[type="password"]::-moz-placeholder,fieldset input[type="text"]::-moz-placeholder,fieldset input[type="number"]::-moz-placeholder,fieldset input[type="input"]::-moz-placeholder,fieldset textarea::-moz-placeholder {
    color: var(--color-gray-500)
}

fieldset input[type="search"]:-moz-placeholder,fieldset input[type="password"]:-moz-placeholder,fieldset input[type="text"]:-moz-placeholder,fieldset input[type="number"]:-moz-placeholder,fieldset input[type="input"]:-moz-placeholder,fieldset textarea:-moz-placeholder {
    color: var(--color-gray-500)
}

fieldset input[type="search"]:-ms-input-placeholder,fieldset input[type="password"]:-ms-input-placeholder,fieldset input[type="text"]:-ms-input-placeholder,fieldset input[type="number"]:-ms-input-placeholder,fieldset input[type="input"]:-ms-input-placeholder,fieldset textarea:-ms-input-placeholder {
    color: var(--color-gray-500)
}

fieldset input[type="search"] {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    padding: 5px 15px 5px 15px;
    font: var(--font-hmc-body-s);
}

fieldset input[type="checkbox"],fieldset input[type="radio"] {
    margin: 0 15px 0 1px
}

fieldset input[type="checkbox"]+label {
    position: relative;
    line-height: 15.4px;
    margin: 0 15px 0 1px
}

fieldset input[type="checkbox"]+label.hidden {
    display: none
}

fieldset select {
    margin: 0 0 0 1px;
    max-width: 100%
}

fieldset select:focus,fieldset select:hover {
    border-color: var(--color-blue-500)
}

fieldset input[type="checkbox"]:focus,fieldset input[type="radio"]:focus {
    outline: 1px dotted var(--color-blue-900);
    outline: 1px dotted invert;
    outline-offset: 0px
}

fieldset textarea {
    width: 100%;
    overflow: auto
}

fieldset .invalid input[type="text"],fieldset .invalid textarea {
    border-color: var(--color-red-700)
}

fieldset a.submit-form,fieldset input[type="button"],fieldset a.save-form,fieldset .button {
    padding: 22.5px 45px 22.5px 45px;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    background-color: var(--color-green-700);
    color: var(--color-white);
    font: var(--font-hmc-title-xs);
    margin-right: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

fieldset a.submit-form:active,fieldset input[type="button"]:active,fieldset a.save-form:active,fieldset .button:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

fieldset a.submit-form:focus,fieldset input[type="button"]:focus,fieldset a.save-form:focus,fieldset .button:focus {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

fieldset a.submit-form:hover,fieldset input[type="button"]:hover,fieldset a.save-form:hover,fieldset .button:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

fieldset a.submit-form.disabled,fieldset input[type="button"].disabled,fieldset a.save-form.disabled,fieldset .button.disabled {
    background-color: var(--color-green-700);
    font: var(--font-hmc-title-xs);
    cursor: default
}

fieldset a.submit-form.disabled:hover,fieldset input[type="button"].disabled:hover,fieldset a.save-form.disabled:hover,fieldset .button.disabled:hover {
    color: var(--color-white)
}

fieldset a.submit-form:hover,fieldset input[type="button"]:hover,fieldset a.save-form:hover,fieldset .button:hover {
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    background-color: var(--color-green-900);
}

fieldset a.submit-form:active,fieldset input[type="button"]:active,fieldset a.save-form:active,fieldset .button:active {
    box-shadow: 0 0px 1px rgba(17,23,26,0.25),0 2px 5px rgba(17,23,26,0.25)
}

fieldset a.submit-form.disabled:hover,fieldset input[type="button"].disabled:hover,fieldset a.save-form.disabled:hover,fieldset .button.disabled:hover {
    box-shadow: none
}

fieldset a.submit-form.disabled:hover,fieldset input[type="button"].disabled:hover,fieldset a.save-form.disabled:hover,fieldset .button.disabled:hover {
    box-shadow: none
}

fieldset a.submit-form.delete,fieldset input[type="button"].delete,fieldset a.save-form.delete,fieldset .button.delete {
    background-color: var(--color-red-700)
}

fieldset input[type="button"] {
    line-height: 30px;
    height: 30px;
    font: var(--font-hmc-button-m);
    padding: 0 15px 0 15px;
    background-color: var(--color-gray-400)
}

fieldset.inline {
    margin: 0px;
    padding: 0px
}

fieldset.inline .field-list .field-item {
    margin: 0px;
    padding: 0px
}

fieldset.inline .field-list .field-item .field-item-input {
    margin: 0px;
    padding: 0px
}

.layout-region.right-sidebar fieldset h2,.layout-region.right-sidebar fieldset h3 {
    font: var(--font-hmc-title-s);
}

.layout-region.right-sidebar fieldset .field-list .field-item {
    margin: 7.5px 0
}

.layout-region.right-sidebar fieldset .uiselect>span {
    width: 200px
}

.layout-region.right-sidebar fieldset input[type="search"],.layout-region.right-sidebar fieldset input[type="password"],.layout-region.right-sidebar fieldset input[type="text"],.layout-region.right-sidebar fieldset input[type="number"],.layout-region.right-sidebar fieldset input[type="input"],.layout-region.right-sidebar fieldset textarea {
    width: 100%
}

.cover-layout {
    display: block;
    padding-left: 210px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-size: 200px 99px;
    min-height: 100px
}

.cover-layout.cover {
    background-image: url('https://ez.analog.com/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/covercover.png?_=638436136556328246')
}

.cover-layout.contain {
    background-image: url('https://ez.analog.com/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/covercontain.png?_=638436136556238311')
}

.cover-layout.dynamic {
    background-image: url('https://ez.analog.com/cfs-filesystemfile/__key/themefiles/f-s-d6657f056bcd4f8995b93af910694f69-files/coverdynamic.png?_=638436136556408271')
}

.content-details {
    width: 100%;
    font: var(--font-hmc-body-m);
}

.content-details .tag-list a {
    font: var(--font-hmc-body-s);
    display: block;
    margin-bottom: 6px;
    padding: 4px;
    text-align: left;
    color: var(--color-black);
    background-color: var(--color-gray-200);
    border-radius: 3px;
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    transition: background-color 0.1s
}

.content-details .tag-list a:before {
    width: 11.2px;
    height: 11.2px;
    display: inline-block;
    content: "\e827";
    font-family: Entypo;
    font-size: 11.2px;
    line-height: 11.2px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.content-details .tag-list a:before {
    margin: 0 15px 0 15px;
    left: 0px;
    top: -1px
}

.content-details .tag-list a:hover,.content-details .tag-list a:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-details .attribute-list {
    font: var(--font-hmc-body-s);
}

.content-details .attribute-list a {
    font: var(--font-hmc-body-s);
}

.content-details .attribute-list .attribute-item a {
    color: var(--color-gray-700)
}

.content-details .attribute-list .attribute-item .attribute-value {
    overflow: hidden;
    display: block;
    margin-bottom: 6px;
    padding: 0;
    text-align: left;
    border: 1px solid var(--color-blue-700);
    text-align: center;
    color: var(--color-blue-700);
    padding: 7.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content-details .attribute-list .attribute-item .attribute-value:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content-details .attribute-list .attribute-item.rating .ui-rate {
    width: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px
}

.content-details .attribute-list .attribute-item.like .ui-like a {
    color: var(--color-blue-700)
}

.content-details .attribute-list .attribute-item.like .ui-like:before {
    color: var(--color-gray-300);
    margin: 0 7.5px 0 7.5px;
    left: 0px
}

.content-details .attribute-list .attribute-item.like .ui-like .like-count {
    color: var(--color-gray-300)
}

.content-details .attribute-list .attribute-item.like .ui-like .like-count:before {
    top: -2px
}

.content-details .attribute-list .attribute-item.like .ui-like[data-initialstate="true"]:before {
    color: var(--color-gray-300)
}

.content-details .attribute-list .attribute-item.like .attribute-value {
    color: var(--color-gray-300);
    border-color: var(--color-gray-200)
}

.content-details .attribute-list .attribute-item.like.can-like .ui-like a {
    color: var(--color-blue-700)
}

.content-details .attribute-list .attribute-item.like.can-like .ui-like:before {
    color: var(--color-blue-700)
}

.content-details .attribute-list .attribute-item.like.can-like .ui-like .like-count {
    color: var(--color-blue-700)
}

.content-details .attribute-list .attribute-item.like.can-like .ui-like[data-initialstate="true"]:before {
    color: var(--color-blue-700)
}

.content-details .attribute-list .attribute-item.like.can-like .attribute-value {
    color: var(--color-blue-700);
    border-color: var(--color-blue-700)
}

.content-details .attribute-list .attribute-item.like.can-like:hover {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like a {
    color: var(--color-white)
}

.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like a:hover {
    color: var(--color-white)
}

.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like .like-count {
    color: var(--color-white)
}

.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like:before {
    color: var(--color-white)
}

.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like[data-initialstate="true"] .like-count {
    color: var(--color-white)
}

.content-details.minimal .attribute-list {
    margin-bottom: 15px
}

.content-details.minimal .attribute-list .attribute-item {
    overflow: hidden;
    font: var(--font-hmc-body-s);
    border-bottom: 1px solid var(--color-gray-200);
    padding: 5px 0 5px 0
}

.content-details.minimal .attribute-list .attribute-item:last-child {
    border-bottom: 0px
}

.content-details.minimal .attribute-list .attribute-item .attribute-name {
    display: none
}

.content-details.minimal .attribute-list .attribute-item .attribute-value {
    margin: 0px;
    border: 0px;
    padding: 0px;
    display: block;
    text-align: left;
    font: var(--font-hmc-body-m);
    color: var(--color-gray-900);
}

.content-details.minimal .attribute-list .attribute-item .attribute-value a {
    color: var(--color-gray-900)
}

.content-details.minimal .attribute-list .attribute-item a {
    color: var(--color-blue-700)
}

.content-details.minimal .attribute-list .attribute-item.author .attribute-value {
    padding-left: 40px;
    position: relative;
    height: 32px
}

.content-details.minimal .attribute-list .attribute-item.author .avatar {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.content-details.minimal .attribute-list .attribute-item.author .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.content-details.minimal .attribute-list .attribute-item.author .user-name {
    position: relative;
    top: 10px
}

.single-column .content-details,.layout-region.header .content-details,.layout-region.content .content-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    font: var(--font-hmc-body-s);
    color: var(--color-gray-900);
    margin-bottom: 15px;
    margin-top: 37.5px;
    font-style: italic
}

.single-column .content-details .content-author,.layout-region.header .content-details .content-author,.layout-region.content .content-details .content-author {
    display: flex;
    flex-direction: row;
    align-items: center
}

.single-column .content-details .content-author .avatar,.layout-region.header .content-details .content-author .avatar,.layout-region.content .content-details .content-author .avatar {
    width: 32px;
    height: 32px;
    display: block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    margin-right: 22.5px
}

.single-column .content-details .content-author .avatar img,.layout-region.header .content-details .content-author .avatar img,.layout-region.content .content-details .content-author .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    max-width: 32px;
    max-height: 32px
}

.single-column .content-details .content-author .user-name,.layout-region.header .content-details .content-author .user-name,.layout-region.content .content-details .content-author .user-name {
    margin-right: 19.5px
}

.single-column .content-details .content-author .user-name a,.layout-region.header .content-details .content-author .user-name a,.layout-region.content .content-details .content-author .user-name a {
    color: var(--color-gray-900)
}

.single-column .content-details .content-author .user-name a:hover,.layout-region.header .content-details .content-author .user-name a:hover,.layout-region.content .content-details .content-author .user-name a:hover {
    color: var(--color-blue-700)
}

.single-column .content-details .content-date::before,.layout-region.header .content-details .content-date::before,.layout-region.content .content-details .content-date::before {
    opacity: 0.25
}

.single-column .content-details.minimal .attribute-list,.layout-region.header .content-details.minimal .attribute-list,.layout-region.content .content-details.minimal .attribute-list {
    display: flex
}

.single-column .content-details.minimal .attribute-list .attribute-item,.layout-region.header .content-details.minimal .attribute-list .attribute-item,.layout-region.content .content-details.minimal .attribute-list .attribute-item {
    border-bottom: 0px;
    margin: 0 30px 0 0
}

.single-column .content-details {
    display: block;
    font-style: normal
}

.layout-region.right-sidebar .content-details .content-author .avatar,.layout-region.left-sidebar .content-details .content-author .avatar {
    margin: 45px 0 0 0;
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.layout-region.right-sidebar .content-details .content-author .avatar img,.layout-region.left-sidebar .content-details .content-author .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.layout-region.right-sidebar .content-details .content-author .user-name,.layout-region.left-sidebar .content-details .content-author .user-name {
    font: var(--font-hmc-body-m);
    margin: 15px 15px 7.5px 15px;
    display: block;
    text-align: center;
    color: var(--color-gray-1000)
}

.layout-region.right-sidebar .content-details .content-author .user-name a,.layout-region.left-sidebar .content-details .content-author .user-name a {
    color: var(--color-gray-1000)
}

.layout-region.right-sidebar .content-details .content-date,.layout-region.left-sidebar .content-details .content-date {
    margin: 0;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    font: var(--font-hmc-body-s);
}

.content-list.content {
    clear: both;
    overflow: hidden
}

.content-list.content>.content-item {
    padding: 45px 0 45px 0;
    border-bottom: 1px solid var(--color-gray-200)
}

.content-list.content>.content-item.highlight {
    background-color: var(--color-gray-100);
    padding-left: 15px
}

.content-list.content>.content-item .content .content.inline {
    color: var(--color-gray-400);
    margin-top: 15px;
    font-style: italic
}

.content-list.content>.content-item .content .attachment .viewer {
    margin: 15px 0 -45px 0;
    background-color: var(--color-off-white);
    padding: 15px;
    color: var(--color-gray-400)
}

.content-list.content.simple>.content-item {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid var(--color-gray-200)
}

.content-list.content.simple>.content-item .content .content:not(:empty) {
    padding-top: 0px
}

.content-list.thumbnail {
    width: 100%;
    clear: both;
    overflow: hidden
}

.content-list.thumbnail .thumbnail-column {
    width: 140px;
    margin-right: 15px
}

.content-list.thumbnail .thumbnail-column .thumbnail {
    margin-bottom: 15px
}

.content-list.thumbnail .thumbnail-column:last-child {
    margin-right: 0
}

.content-list.thumbnail.small .thumbnail {
    width: 48px;
    display: inline-block;
    float: none;
    position: static;
    margin-bottom: 7.5px;
    margin-right: 7.5px
}

.content-list.thumbnail.small .thumbnail:last-child {
    margin-right: 0
}

.content-list.thumbnail.small .thumbnail .avatar {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.content-list.thumbnail.small .thumbnail .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.content-list.grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px
}

.content-list.grid .content-item {
    flex: 1 1 auto;
    width: calc(33% - 30px);
    padding: 15px;
    border-bottom: 0px;
    padding: 0px
}

.left-sidebar .content-list .thumbnail-column,.split-sidebar-right .content-list .thumbnail-column,.split-sidebar-left .content-list .thumbnail-column,.content-left-sidebar-right .right-sidebar .content-list .thumbnail-column,.sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column,.header-top-content-left-sidebar-right .right-sidebar .content-list .thumbnail-column,.header-top-content-left-sidebar-right-footer .right-sidebar .content-list .thumbnail-column,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-list .thumbnail-column,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-list .thumbnail-column {
    width: 105px
}

.left-sidebar .content-list .thumbnail-column .content.thumbnail,.split-sidebar-right .content-list .thumbnail-column .content.thumbnail,.split-sidebar-left .content-list .thumbnail-column .content.thumbnail,.content-left-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,.sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,.header-top-content-left-sidebar-right .right-sidebar .content-list .thumbnail-column .content.thumbnail,.header-top-content-left-sidebar-right-footer .right-sidebar .content-list .thumbnail-column .content.thumbnail,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-list .thumbnail-column .content.thumbnail,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-list .thumbnail-column .content.thumbnail {
    width: 105px
}

.user-defined-markup {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    word-wrap: break-word
}

.user-defined-markup a {
    color: var(--color-blue-700);
    text-decoration: none
}

.user-defined-markup a:hover {
    text-decoration: underline
}

.user-defined-markup a:visited {
    color: var(--color-blue-900)
}

.user-defined-markup a:visited:hover {
    text-decoration: underline
}

.user-defined-markup a>img {
    display: inline
}

.user-defined-markup a.ui-contentpeek {
    background-color: var(--color-gray-100);
    border: 1px solid var(--color-gray-200);
    border-radius: 3px;
    padding: 1px 3px 1px 3px
}

.user-defined-markup pre:not(.ui-code) {
    padding: 15px;
    background-color: var(--color-gray-100);
    border-radius: 3px;
    font: var(--font-hmc-body-s);
}

.user-defined-markup blockquote {
    line-height: 1.5em;
    font-style: italic;
    border-left: 15px solid var(--color-gray-100);
    margin: 0px;
    padding: 0 0 0 0.5em
}

.user-defined-markup blockquote.quote .quote-user {
    font-weight: 600;
    color: var(--color-gray-400);
    padding-bottom: 7.5px
}

.user-defined-markup blockquote.quote .quote-user a {
    color: var(--color-gray-400)
}

.user-defined-markup blockquote.quote .quote-user a:hover,.user-defined-markup blockquote.quote .quote-user a:active {
    color: var(--color-blue-700)
}

.user-defined-markup .quote-footer+p {
    margin-top: 7.5px
}

.user-defined-markup ol,.user-defined-markup ul {
    line-height: 1.5em;
    padding: 0 0 0 2em;
    margin: 1em 0 1em 0
}

.user-defined-markup ol ol,.user-defined-markup ul ol,.user-defined-markup ol ul,.user-defined-markup ul ul {
    margin: 0
}

.user-defined-markup ol {
    list-style-type: decimal
}

.user-defined-markup ol ol {
    list-style-type: lower-alpha
}

.user-defined-markup ol ol ol {
    list-style-type: upper-alpha
}

.user-defined-markup ol ol ol ol {
    list-style-type: lower-roman
}

.user-defined-markup ol ol ol ol ol {
    list-style-type: upper-roman
}

.user-defined-markup ul {
    list-style: disc
}

.user-defined-markup table {
    margin: 0px;
    padding: 0px;
    width: 100%
}

.user-defined-markup table th,.user-defined-markup table td {
    word-wrap: normal;
    line-height: 1.5em;
    padding: 10px;
    border-bottom: 1px solid var(--color-gray-300)
}

.user-defined-markup table th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid var(--color-black)
}

.user-defined-markup img.align-left {
    margin: 0 15px 15px 0
}

.user-defined-markup img.align-right {
    margin: 0 0 15px 15px
}

.user-defined-markup pre {
    white-space: pre;
    word-wrap: normal
}

.user-defined-markup>div {
    line-height: 1.5em
}

h1.title {
    margin: 0.5em 0 0.5em 0
}

.replace-with-icon.help {
    border: 1px solid var(--color-gray-600);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--color-gray-300);
    color: var(--color-white);
    margin-right: 10px
}

.replace-with-icon.help:before {
    width: 18.5px;
    top: 2px;
    font-size: 11px
}

.replace-with-icon.check {
    border: 1px solid var(--color-green-500);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--color-green-300);
    color: var(--color-white);
    margin-right: 10px
}

.replace-with-icon.check:before {
    width: 18.5px;
    top: 2px;
    font-size: 11px
}

.replace-with-icon.chat {
    border: 1px solid var(--color-gray-300);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--color-gray-300);
    color: var(--color-white);
    margin-right: 10px
}

.replace-with-icon.chat:before {
    width: 18.5px;
    top: 2px;
    font-size: 11px
}

.modal-content .content .name a,.content-fragment .content .name a,.popup-list .content .name a {
    color: var(--color-blue-700)
}

.modal-content .content .name a:hover,.content-fragment .content .name a:hover,.popup-list .content .name a:hover {
    color: var(--color-blue-700)
}

.modal-content .content .name a.positive,.content-fragment .content .name a.positive,.popup-list .content .name a.positive {
    color: var(--color-green-500);
    font-weight: bold
}

.modal-content .content .name a.positive:hover,.content-fragment .content .name a.positive:hover,.popup-list .content .name a.positive:hover {
    color: var(--color-green-400)
}

.modal-content .content .name a.pending,.content-fragment .content .name a.pending,.popup-list .content .name a.pending {
    color: var(--color-yellow-500);
    font-weight: bold
}

.modal-content .content .name a.pending:hover,.content-fragment .content .name a.pending:hover,.popup-list .content .name a.pending:hover {
    color: var(--color-yellow-400)
}

.modal-content .content .name a.disabled,.content-fragment .content .name a.disabled,.popup-list .content .name a.disabled {
    color: var(--color-gray-400)
}

.modal-content .content .name a.disabled:hover,.content-fragment .content .name a.disabled:hover,.popup-list .content .name a.disabled:hover {
    color: var(--color-gray-300)
}

.modal-content .content .name a.unread,.content-fragment .content .name a.unread,.popup-list .content .name a.unread {
    font-weight: 400
}

.modal-content .content .name a.read,.content-fragment .content .name a.read,.popup-list .content .name a.read {
    color: var(--color-black)
}

.modal-content .content .name a.read:hover,.content-fragment .content .name a.read:hover,.popup-list .content .name a.read:hover {
    color: var(--color-blue-700)
}

.modal-content .content>.content,.content-fragment .content>.content,.popup-list .content>.content {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    word-wrap: break-word
}

.modal-content .content>.content a,.content-fragment .content>.content a,.popup-list .content>.content a {
    color: var(--color-blue-700);
    text-decoration: none
}

.modal-content .content>.content a:hover,.content-fragment .content>.content a:hover,.popup-list .content>.content a:hover {
    text-decoration: underline
}

.modal-content .content>.content a:visited,.content-fragment .content>.content a:visited,.popup-list .content>.content a:visited {
    color: var(--color-blue-900)
}

.modal-content .content>.content a:visited:hover,.content-fragment .content>.content a:visited:hover,.popup-list .content>.content a:visited:hover {
    text-decoration: underline
}

.modal-content .content>.content a>img,.content-fragment .content>.content a>img,.popup-list .content>.content a>img {
    display: inline
}

.modal-content .content>.content a.ui-contentpeek,.content-fragment .content>.content a.ui-contentpeek,.popup-list .content>.content a.ui-contentpeek {
    background-color: var(--color-gray-100);
    border: 1px solid var(--color-gray-200);
    border-radius: 3px;
    padding: 1px 3px 1px 3px
}

.modal-content .content>.content pre:not(.ui-code),.content-fragment .content>.content pre:not(.ui-code),.popup-list .content>.content pre:not(.ui-code) {
    padding: 15px;
    background-color: var(--color-gray-100);
    border-radius: 3px;
    font: var(--font-hmc-body-s);
}

.modal-content .content>.content blockquote,.content-fragment .content>.content blockquote,.popup-list .content>.content blockquote {
    line-height: 1.5em;
    font-style: italic;
    border-left: 15px solid var(--color-gray-100);
    margin: 0px;
    padding: 0 0 0 0.5em
}

.modal-content .content>.content blockquote.quote .quote-user,.content-fragment .content>.content blockquote.quote .quote-user,.popup-list .content>.content blockquote.quote .quote-user {
    font-weight: 600;
    color: var(--color-gray-400);
    padding-bottom: 7.5px
}

.modal-content .content>.content blockquote.quote .quote-user a,.content-fragment .content>.content blockquote.quote .quote-user a,.popup-list .content>.content blockquote.quote .quote-user a {
    color: var(--color-gray-400)
}

.modal-content .content>.content blockquote.quote .quote-user a:hover,.content-fragment .content>.content blockquote.quote .quote-user a:hover,.popup-list .content>.content blockquote.quote .quote-user a:hover,.modal-content .content>.content blockquote.quote .quote-user a:active,.content-fragment .content>.content blockquote.quote .quote-user a:active,.popup-list .content>.content blockquote.quote .quote-user a:active {
    color: var(--color-blue-700)
}

.modal-content .content>.content .quote-footer+p,.content-fragment .content>.content .quote-footer+p,.popup-list .content>.content .quote-footer+p {
    margin-top: 7.5px
}

.modal-content .content>.content ol,.content-fragment .content>.content ol,.popup-list .content>.content ol,.modal-content .content>.content ul,.content-fragment .content>.content ul,.popup-list .content>.content ul {
    line-height: 1.5em;
    padding: 0 0 0 2em;
    margin: 1em 0 1em 0
}

.modal-content .content>.content ol ol,.content-fragment .content>.content ol ol,.popup-list .content>.content ol ol,.modal-content .content>.content ul ol,.content-fragment .content>.content ul ol,.popup-list .content>.content ul ol,.modal-content .content>.content ol ul,.content-fragment .content>.content ol ul,.popup-list .content>.content ol ul,.modal-content .content>.content ul ul,.content-fragment .content>.content ul ul,.popup-list .content>.content ul ul {
    margin: 0
}

.modal-content .content>.content ol,.content-fragment .content>.content ol,.popup-list .content>.content ol {
    list-style-type: decimal
}

.modal-content .content>.content ol ol,.content-fragment .content>.content ol ol,.popup-list .content>.content ol ol {
    list-style-type: lower-alpha
}

.modal-content .content>.content ol ol ol,.content-fragment .content>.content ol ol ol,.popup-list .content>.content ol ol ol {
    list-style-type: upper-alpha
}

.modal-content .content>.content ol ol ol ol,.content-fragment .content>.content ol ol ol ol,.popup-list .content>.content ol ol ol ol {
    list-style-type: lower-roman
}

.modal-content .content>.content ol ol ol ol ol,.content-fragment .content>.content ol ol ol ol ol,.popup-list .content>.content ol ol ol ol ol {
    list-style-type: upper-roman
}

.modal-content .content>.content ul,.content-fragment .content>.content ul,.popup-list .content>.content ul {
    list-style: disc
}

.modal-content .content>.content table,.content-fragment .content>.content table,.popup-list .content>.content table {
    margin: 0px;
    padding: 0px;
    width: 100%
}

.modal-content .content>.content table th,.content-fragment .content>.content table th,.popup-list .content>.content table th,.modal-content .content>.content table td,.content-fragment .content>.content table td,.popup-list .content>.content table td {
    word-wrap: normal;
    line-height: 1.5em;
    padding: 10px;
    border-bottom: 1px solid var(--color-gray-300)
}

.modal-content .content>.content table th,.content-fragment .content>.content table th,.popup-list .content>.content table th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid var(--color-black)
}

.modal-content .content>.content img.align-left,.content-fragment .content>.content img.align-left,.popup-list .content>.content img.align-left {
    margin: 0 15px 15px 0
}

.modal-content .content>.content img.align-right,.content-fragment .content>.content img.align-right,.popup-list .content>.content img.align-right {
    margin: 0 0 15px 15px
}

.modal-content .content>.content pre,.content-fragment .content>.content pre,.popup-list .content>.content pre {
    white-space: pre;
    word-wrap: normal
}

.modal-content .content>.content>div,.content-fragment .content>.content>div,.popup-list .content>.content>div {
    line-height: 1.5em
}

.modal-content .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,.content-fragment .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,.popup-list .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled {
    padding: 15px;
    border: 1px solid var(--color-gray-200)
}

.modal-content .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre,.content-fragment .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre,.popup-list .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre {
    display: inline-block;
    margin: 0;
    min-width: 100%
}

.modal-content .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,.content-fragment .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,.popup-list .content>.content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled {
    padding: 0
}

.modal-content .content .attachment,.content-fragment .content .attachment,.popup-list .content .attachment {
    clear: both;
    margin: 0 0 0 0
}

.modal-content .content .attachment .file-name:before,.content-fragment .content .attachment .file-name:before,.popup-list .content .attachment .file-name:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e823";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.modal-content .content .attachment .file-name:before,.content-fragment .content .attachment .file-name:before,.popup-list .content .attachment .file-name:before {
    width: 21px
}

.modal-content .content .attachment .attachment-view,.content-fragment .content .attachment .attachment-view,.popup-list .content .attachment .attachment-view {
    padding-top: 15px;
    padding-bottom: 15px
}

.modal-content .content .attachment .navigation-list,.content-fragment .content .attachment .navigation-list,.popup-list .content .attachment .navigation-list {
    font: var(--font-hmc-body-s);
    list-style: inline;
    list-style-type: none;
    overflow: hidden;
    padding: 7.5px 0 7.5px 0
}

.modal-content .content .attachment .navigation-list li,.content-fragment .content .attachment .navigation-list li,.popup-list .content .attachment .navigation-list li {
    float: left;
    margin: 0 30px 0 0
}

.modal-content .content .attachment .navigation-list li.view-attachment a:before,.content-fragment .content .attachment .navigation-list li.view-attachment a:before,.popup-list .content .attachment .navigation-list li.view-attachment a:before,.modal-content .content .attachment .navigation-list li.hide-attachment a:before,.content-fragment .content .attachment .navigation-list li.hide-attachment a:before,.popup-list .content .attachment .navigation-list li.hide-attachment a:before {
    width: 11.9px;
    height: 11.9px;
    display: inline-block;
    content: "\e803";
    font-family: Entypo;
    font-size: 11.9px;
    line-height: 11.9px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.modal-content .content .status,.content-fragment .content .status,.popup-list .content .status {
    color: var(--color-gray-400)
}

.modal-content .content .status .answered a,.content-fragment .content .status .answered a,.popup-list .content .status .answered a {
    color: var(--color-green-500)
}

.modal-content .content .status .answered a:before,.content-fragment .content .status .answered a:before,.popup-list .content .status .answered a:before {
    width: 11.9px;
    height: 11.9px;
    display: inline-block;
    content: "\e812";
    font-family: Entypo;
    font-size: 11.9px;
    line-height: 11.9px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.modal-content .content .status .attribute-list,.content-fragment .content .status .attribute-list,.popup-list .content .status .attribute-list {
    margin: 0 0 0 0;
    padding: 0;
    padding-bottom: 15px;
    list-style: none;
    font: var(--font-hmc-body-s);
}

.modal-content .content .status .attribute-list .attribute-item,.content-fragment .content .status .attribute-list .attribute-item,.popup-list .content .status .attribute-list .attribute-item {
    float: left;
    margin: 0 30px 0 0
}

.modal-content .content .status .attribute-list .attribute-item.view-attachment a:before,.content-fragment .content .status .attribute-list .attribute-item.view-attachment a:before,.popup-list .content .status .attribute-list .attribute-item.view-attachment a:before,.modal-content .content .status .attribute-list .attribute-item.hide-attachment a:before,.content-fragment .content .status .attribute-list .attribute-item.hide-attachment a:before,.popup-list .content .status .attribute-list .attribute-item.hide-attachment a:before {
    width: 11.9px;
    height: 11.9px;
    display: inline-block;
    content: "\e803";
    font-family: Entypo;
    font-size: 11.9px;
    line-height: 11.9px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.modal-content .content.abbreviated,.content-fragment .content.abbreviated,.popup-list .content.abbreviated {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    word-break: break-word;
    hyphens: auto
}

.modal-content .content.abbreviated>.avatar,.content-fragment .content.abbreviated>.avatar,.popup-list .content.abbreviated>.avatar {
    padding-left: 30px;
    border-radius: 5px
}

.modal-content .content.abbreviated>.avatar img,.content-fragment .content.abbreviated>.avatar img,.popup-list .content.abbreviated>.avatar img {
    border-radius: 3px;
    overflow: hidden
}

.modal-content .content.abbreviated>.avatar.round,.content-fragment .content.abbreviated>.avatar.round,.popup-list .content.abbreviated>.avatar.round {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.modal-content .content.abbreviated>.avatar.round img,.content-fragment .content.abbreviated>.avatar.round img,.popup-list .content.abbreviated>.avatar.round img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.modal-content .content.abbreviated .emoticon>img,.content-fragment .content.abbreviated .emoticon>img,.popup-list .content.abbreviated .emoticon>img {
    max-width: 1em;
    max-height: 1em;
    vertical-align: baseline
}

.modal-content .content.abbreviated>.summary,.content-fragment .content.abbreviated>.summary,.popup-list .content.abbreviated>.summary {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px 0 0 30px
}

.modal-content .content.abbreviated>.summary .name,.content-fragment .content.abbreviated>.summary .name,.popup-list .content.abbreviated>.summary .name {
    font: var(--font-hmc-title-m);
    word-wrap: break-word;
    margin: 0 0 15px 0
}

.modal-content .content.abbreviated>.summary .author,.content-fragment .content.abbreviated>.summary .author,.popup-list .content.abbreviated>.summary .author {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0
}

.modal-content .content.abbreviated>.summary .author .avatar,.content-fragment .content.abbreviated>.summary .author .avatar,.popup-list .content.abbreviated>.summary .author .avatar {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    overflow: hidden;
    margin: 0 15px 0 0
}

.modal-content .content.abbreviated>.summary .author .avatar img,.content-fragment .content.abbreviated>.summary .author .avatar img,.popup-list .content.abbreviated>.summary .author .avatar img {
    max-width: 24px;
    max-height: 24px;
    overflow: hidden;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.modal-content .content.abbreviated>.summary .content,.content-fragment .content.abbreviated>.summary .content,.popup-list .content.abbreviated>.summary .content {
    font: var(--font-hmc-body-m);
    line-height: 1.5em
}

.modal-content .content.abbreviated>.attributes,.content-fragment .content.abbreviated>.attributes,.popup-list .content.abbreviated>.attributes {
    min-width: 160px;
    padding-left: 0 0 15px 15px;
    color: var(--color-gray-300);
    line-height: 1.5em;
    font: var(--font-hmc-body-m);
    text-align: right
}

.modal-content .content.abbreviated .actions,.content-fragment .content.abbreviated .actions,.popup-list .content.abbreviated .actions {
    padding: 15px 0 15px 0
}

.modal-content .content.abbreviated .actions li a,.content-fragment .content.abbreviated .actions li a,.popup-list .content.abbreviated .actions li a {
    margin: 0
}

.modal-content .content.abbreviated .actions li:first-child a,.content-fragment .content.abbreviated .actions li:first-child a,.popup-list .content.abbreviated .actions li:first-child a {
    margin-left: 0;
    padding-left: 0
}

.modal-content .content.abbreviated.grid,.content-fragment .content.abbreviated.grid,.popup-list .content.abbreviated.grid {
    display: flex;
    flex-direction: column
}

.modal-content .content.abbreviated.grid>.avatar,.content-fragment .content.abbreviated.grid>.avatar,.popup-list .content.abbreviated.grid>.avatar {
    width: 100%;
    overflow: hidden
}

.modal-content .content.abbreviated.grid>.avatar img,.content-fragment .content.abbreviated.grid>.avatar img,.popup-list .content.abbreviated.grid>.avatar img {
    max-width: 100%;
    max-height: none
}

.modal-content .content.abbreviated.grid>.summary,.content-fragment .content.abbreviated.grid>.summary,.popup-list .content.abbreviated.grid>.summary {
    width: 100%;
    padding-left: 30px
}

.modal-content .content.abbreviated.grid>.summary>.name,.content-fragment .content.abbreviated.grid>.summary>.name,.popup-list .content.abbreviated.grid>.summary>.name {
    margin: 15px 0 15px 0
}

.modal-content .content.abbreviated.grid>.summary>.author,.content-fragment .content.abbreviated.grid>.summary>.author,.popup-list .content.abbreviated.grid>.summary>.author {
    order: 10
}

.modal-content .content.abbreviated.grid>.summary>.content,.content-fragment .content.abbreviated.grid>.summary>.content,.popup-list .content.abbreviated.grid>.summary>.content {
    margin: 0 0 15px 0
}

.modal-content .content.abbreviated.grid>.attributes,.content-fragment .content.abbreviated.grid>.attributes,.popup-list .content.abbreviated.grid>.attributes {
    display: none
}

.modal-content .content.full,.content-fragment .content.full,.popup-list .content.full {
    overflow: hidden
}

.modal-content .content.full .name,.content-fragment .content.full .name,.popup-list .content.full .name {
    margin: 28px 0 28px 0;
    font: var(--font-hmc-title-m);
    word-wrap: break-word;
    border-bottom: solid 1px var(--color-gray-300);
    padding-bottom: var(--space-2);
}

.modal-content .content.full .content,.content-fragment .content.full .content,.popup-list .content.full .content {
    clear: both
}

.modal-content .content.full .content a>img,.content-fragment .content.full .content a>img,.popup-list .content.full .content a>img {
    display: inline
}

.modal-content .content.full .status,.content-fragment .content.full .status,.popup-list .content.full .status {
    position: relative;
    color: var(--color-gray-400)
}

.modal-content .content.full .author,.content-fragment .content.full .author,.popup-list .content.full .author {
    text-align: right;
    font: var(--font-hmc-body-m);
    min-height: 32px;
    width: 30%;
    float: right;
    margin: 15px 0;
    height: 62px;
    overflow: hidden;
    padding: 15px 0;
    border-top: solid 1px var(--color-gray-200)
}

.modal-content .content.full .author .avatar,.content-fragment .content.full .author .avatar,.popup-list .content.full .author .avatar {
    float: right;
    margin-right: 15px;
    overflow: hidden;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.modal-content .content.full .author .user-name,.content-fragment .content.full .author .user-name,.popup-list .content.full .author .user-name {
    padding-top: 7.5px;
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.modal-content .content.full .actions,.content-fragment .content.full .actions,.popup-list .content.full .actions {
    width: 100%;
    float: left;
    margin: 15px 0;
    font: var(--font-hmc-body-m);
    height: 62px;
    padding: 24px 0 15px 0;
    border-top: solid 1px var(--color-gray-200)
}

.modal-content .content.full .actions .navigation-list-item,.content-fragment .content.full .actions .navigation-list-item,.popup-list .content.full .actions .navigation-list-item {
    color: var(--color-gray-400);
    white-space: nowrap
}

.modal-content .content.full .actions .navigation-list-item:first-child>span,.content-fragment .content.full .actions .navigation-list-item:first-child>span,.popup-list .content.full .actions .navigation-list-item:first-child>span,.modal-content .content.full .actions .navigation-list-item:first-child>a,.content-fragment .content.full .actions .navigation-list-item:first-child>a,.popup-list .content.full .actions .navigation-list-item:first-child>a {
    padding-left: 0
}

.modal-content .content.full .actions .navigation-list-item a.links-expanded,.content-fragment .content.full .actions .navigation-list-item a.links-expanded,.popup-list .content.full .actions .navigation-list-item a.links-expanded {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="downright"],.content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="downright"],.popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="downright"],.modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="downleft"],.content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="downleft"],.popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="upright"],.content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="upright"],.popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="upright"],.modal-content .content.full .actions .navigation-list-item a.links-expanded[data-position="upleft"],.content-fragment .content.full .actions .navigation-list-item a.links-expanded[data-position="upleft"],.popup-list .content.full .actions .navigation-list-item a.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-content .content.full .actions .navigation-list-item a.links-expanded:hover,.content-fragment .content.full .actions .navigation-list-item a.links-expanded:hover,.popup-list .content.full .actions .navigation-list-item a.links-expanded:hover,.modal-content .content.full .actions .navigation-list-item a.links-expanded:active,.content-fragment .content.full .actions .navigation-list-item a.links-expanded:active,.popup-list .content.full .actions .navigation-list-item a.links-expanded:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.modal-content .content.full .actions .navigation-list-item.primary a,.content-fragment .content.full .actions .navigation-list-item.primary a,.popup-list .content.full .actions .navigation-list-item.primary a {
    padding: 1px 10px 1px 10px;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    background-color: var(--color-green-700);
    color: var(--color-white);
    font: var(--font-hmc-body-m);
    margin-right: 20px;
    padding-left: 10px
}

.modal-content .content.full .actions .navigation-list-item.primary a:active,.content-fragment .content.full .actions .navigation-list-item.primary a:active,.popup-list .content.full .actions .navigation-list-item.primary a:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.modal-content .content.full .actions .navigation-list-item.primary a:focus,.content-fragment .content.full .actions .navigation-list-item.primary a:focus,.popup-list .content.full .actions .navigation-list-item.primary a:focus {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.modal-content .content.full .actions .navigation-list-item.primary a:hover,.content-fragment .content.full .actions .navigation-list-item.primary a:hover,.popup-list .content.full .actions .navigation-list-item.primary a:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

.modal-content .content.full .actions .navigation-list-item.primary a.disabled,.content-fragment .content.full .actions .navigation-list-item.primary a.disabled,.popup-list .content.full .actions .navigation-list-item.primary a.disabled {
    background-color: var(--color-blue-500);
    cursor: default
}

.modal-content .content.full .actions .navigation-list-item.primary a.disabled:hover,.content-fragment .content.full .actions .navigation-list-item.primary a.disabled:hover,.popup-list .content.full .actions .navigation-list-item.primary a.disabled:hover {
    color: var(--color-white)
}

.modal-content .content.full .content-tags,.content-fragment .content.full .content-tags,.popup-list .content.full .content-tags {
    margin: 1.5em 0 0 0;
    width: 100%;
    overflow: hidden
}

.modal-content .content.full .content-tags .tag-list,.content-fragment .content.full .content-tags .tag-list,.popup-list .content.full .content-tags .tag-list {
    overflow: hidden;
    width: 100%;
    margin-bottom: 7.5px
}

.modal-content .content.full .content-tags .tag-list .tag-item,.content-fragment .content.full .content-tags .tag-list .tag-item,.popup-list .content.full .content-tags .tag-list .tag-item {
    overflow: hidden;
    display: inline
}

.modal-content .content.full .content-tags .tag-list .tag-item a,.content-fragment .content.full .content-tags .tag-list .tag-item a,.popup-list .content.full .content-tags .tag-list .tag-item a {
    float: left;
    font: var(--font-hmc-body-m);
    display: block;
    margin-bottom: 7.5px;
    margin-right: 7.5px;
    padding: 2px 15px 4px 4px;
    text-align: left;
    color: var(--color-black);
    background-color: var(--color-gray-200);
    border-radius: 3px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.modal-content .content.full .content-tags .tag-list .tag-item a:before,.content-fragment .content.full .content-tags .tag-list .tag-item a:before,.popup-list .content.full .content-tags .tag-list .tag-item a:before {
    width: 11.2px;
    height: 11.2px;
    display: inline-block;
    content: "\e827";
    font-family: Entypo;
    font-size: 11.2px;
    line-height: 11.2px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.modal-content .content.full .content-tags .tag-list .tag-item a:before,.content-fragment .content.full .content-tags .tag-list .tag-item a:before,.popup-list .content.full .content-tags .tag-list .tag-item a:before {
    margin: 0 15px 0 15px;
    left: 0px;
    top: -1px
}

.modal-content .content.full .content-tags .tag-list .tag-item a:hover,.content-fragment .content.full .content-tags .tag-list .tag-item a:hover,.popup-list .content.full .content-tags .tag-list .tag-item a:hover,.modal-content .content.full .content-tags .tag-list .tag-item a:active,.content-fragment .content.full .content-tags .tag-list .tag-item a:active,.popup-list .content.full .content-tags .tag-list .tag-item a:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.modal-content .content.full .attributes .attribute-list .attribute-item,.content-fragment .content.full .attributes .attribute-list .attribute-item,.popup-list .content.full .attributes .attribute-list .attribute-item {
    margin: 0 0 15px 0
}

.modal-content .content.full .attributes .attribute-list .attribute-item .attribute-name,.content-fragment .content.full .attributes .attribute-list .attribute-item .attribute-name,.popup-list .content.full .attributes .attribute-list .attribute-item .attribute-name {
    margin: 0 7.5px 0 0;
    color: var(--color-gray-700)
}

.modal-content .content.full .attributes.top,.content-fragment .content.full .attributes.top,.popup-list .content.full .attributes.top {
    margin: -21px 0 28px 0
}

.modal-content .content.full .attributes.top .attribute-list .attribute-item,.content-fragment .content.full .attributes.top .attribute-list .attribute-item,.popup-list .content.full .attributes.top .attribute-list .attribute-item {
    margin: 0 0 7.5px 0
}

.modal-content .content.full.without-author .actions,.content-fragment .content.full.without-author .actions,.popup-list .content.full.without-author .actions {
    width: 100%;
    float: left
}

.modal-content .content.full.text,.content-fragment .content.full.text,.popup-list .content.full.text {
    font: var(--font-hmc-body-m);
}

.modal-content .content.full.text .name,.content-fragment .content.full.text .name,.popup-list .content.full.text .name {
    font: var(--font-hmc-title-l);
}

.modal-content .content.full.text p,.content-fragment .content.full.text p,.popup-list .content.full.text p,.modal-content .content.full.text a,.content-fragment .content.full.text a,.popup-list .content.full.text a,.modal-content .content.full.text ol,.content-fragment .content.full.text ol,.popup-list .content.full.text ol,.modal-content .content.full.text ul,.content-fragment .content.full.text ul,.popup-list .content.full.text ul,.modal-content .content.full.text table,.content-fragment .content.full.text table,.popup-list .content.full.text table,.modal-content .content.full.text em,.content-fragment .content.full.text em,.popup-list .content.full.text em {
    font: var(--font-hmc-body-m);
}

.modal-content .content.full.text pre,.content-fragment .content.full.text pre,.popup-list .content.full.text pre {
    font: var(--font-hmc-body-m);
}

.modal-content .content.full.text .actions,.content-fragment .content.full.text .actions,.popup-list .content.full.text .actions {
    font: var(--font-hmc-body-m);
}

.modal-content .content.full.text .actions ul,.content-fragment .content.full.text .actions ul,.popup-list .content.full.text .actions ul {
    font: var(--font-hmc-body-m);
}

.modal-content .content.full .pull-quote p,.content-fragment .content.full .pull-quote p,.popup-list .content.full .pull-quote p {
    font: var(--font-hmc-title-m);
}

.modal-content .content.full .pull-quote .pull-quote-attribution,.content-fragment .content.full .pull-quote .pull-quote-attribution,.popup-list .content.full .pull-quote .pull-quote-attribution {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-900);
    display: flex;
    align-items: center;
    margin-top: 15px
}

.modal-content .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar,.content-fragment .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar,.popup-list .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar {
    line-height: initial;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 7.5px
}

.modal-content .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar img,.content-fragment .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar img,.popup-list .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar img {
    border-radius: 100px;
    overflow: hidden
}

.modal-content .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar a,.content-fragment .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar a,.popup-list .content.full .pull-quote .pull-quote-attribution .pull-quote-avatar a {
    padding: 0;
    background-color: none;
    border: 0px
}

.modal-content .content.full .pull-quote.pull-quote-left,.content-fragment .content.full .pull-quote.pull-quote-left,.popup-list .content.full .pull-quote.pull-quote-left {
    float: left;
    text-align: left;
    max-width: 50%;
    margin: 0 1.5em 1.5em 0
}

.modal-content .content.full .pull-quote.pull-quote-left .pull-quote-attribution,.content-fragment .content.full .pull-quote.pull-quote-left .pull-quote-attribution,.popup-list .content.full .pull-quote.pull-quote-left .pull-quote-attribution {
    justify-content: flex-start
}

.modal-content .content.full .pull-quote.pull-quote-center,.content-fragment .content.full .pull-quote.pull-quote-center,.popup-list .content.full .pull-quote.pull-quote-center {
    text-align: center
}

.modal-content .content.full .pull-quote.pull-quote-center .pull-quote-attribution,.content-fragment .content.full .pull-quote.pull-quote-center .pull-quote-attribution,.popup-list .content.full .pull-quote.pull-quote-center .pull-quote-attribution {
    justify-content: center
}

.modal-content .content.full .pull-quote.pull-quote-right,.content-fragment .content.full .pull-quote.pull-quote-right,.popup-list .content.full .pull-quote.pull-quote-right {
    float: right;
    text-align: right;
    max-width: 50%;
    margin: 0 0 1.5em 1.5em
}

.modal-content .content.full .pull-quote.pull-quote-right .pull-quote-attribution,.content-fragment .content.full .pull-quote.pull-quote-right .pull-quote-attribution,.popup-list .content.full .pull-quote.pull-quote-right .pull-quote-attribution {
    justify-content: flex-end
}

.modal-content .content.comment,.content-fragment .content.comment,.popup-list .content.comment {
    clear: both;
    padding-left: 60px;
    position: relative;
    font: var(--font-hmc-body-m);
    overflow: hidden
}

.modal-content .content.comment .author .avatar,.content-fragment .content.comment .author .avatar,.popup-list .content.comment .author .avatar {
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.modal-content .content.comment .author .avatar img,.content-fragment .content.comment .author .avatar img,.popup-list .content.comment .author .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.modal-content .content.comment .author .user-name,.content-fragment .content.comment .author .user-name,.popup-list .content.comment .author .user-name {
    font: var(--font-hmc-body-m);
    float: left;
    margin-right: 0.5em;
    line-height: 1.425em
}

.modal-content .content.comment .content,.content-fragment .content.comment .content,.popup-list .content.comment .content {
    font: var(--font-hmc-body-m);
    word-wrap: break-word
}

.modal-content .content.comment .content p,.content-fragment .content.comment .content p,.popup-list .content.comment .content p {
    font: var(--font-hmc-body-m);
    margin: 0 0 1em 0;
    word-wrap: break-word
}

.modal-content .content.comment .content p:last-child,.content-fragment .content.comment .content p:last-child,.popup-list .content.comment .content p:last-child {
    margin: 0
}

.modal-content .content.comment .attributes,.content-fragment .content.comment .attributes,.popup-list .content.comment .attributes {
    float: left;
    margin: 15px 15px 15px 0;
    color: var(--color-gray-400)
}

.modal-content .content.comment .attributes .attribute-list,.content-fragment .content.comment .attributes .attribute-list,.popup-list .content.comment .attributes .attribute-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font: var(--font-hmc-body-s);
}

.modal-content .content.comment .actions,.content-fragment .content.comment .actions,.popup-list .content.comment .actions {
    margin: 15px 15px 15px 0;
    font: var(--font-hmc-body-s);
    min-width: 150px
}

.modal-content .content.comment .actions a,.content-fragment .content.comment .actions a,.popup-list .content.comment .actions a {
    color: var(--color-gray-400);
    padding: 0 15px 0 15px;
    border: 0px;
    font: var(--font-hmc-body-s);
}

.modal-content .content.comment .actions a:hover,.content-fragment .content.comment .actions a:hover,.popup-list .content.comment .actions a:hover {
    color: var(--color-blue-700)
}

.modal-content .content.comment .actions li:first-child a,.content-fragment .content.comment .actions li:first-child a,.popup-list .content.comment .actions li:first-child a {
    padding-left: 0px
}

.modal-content .content.with-thumbnail,.content-fragment .content.with-thumbnail,.popup-list .content.with-thumbnail {
    padding-left: 65px;
    position: relative;
    min-height: 55px
}

.modal-content .content.with-thumbnail>.thumbnail,.content-fragment .content.with-thumbnail>.thumbnail,.popup-list .content.with-thumbnail>.thumbnail {
    position: absolute;
    width: 55px;
    height: 55px;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center
}

.modal-content .content.with-thumbnail .content.inline,.content-fragment .content.with-thumbnail .content.inline,.popup-list .content.with-thumbnail .content.inline {
    margin-left: -65px
}

.modal-content .content.thumbnail,.content-fragment .content.thumbnail,.popup-list .content.thumbnail {
    position: relative;
    overflow: hidden;
    width: 140px;
    border: 0px;
    background-color: var(--color-gray-300);
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.modal-content .content.thumbnail .name,.content-fragment .content.thumbnail .name,.popup-list .content.thumbnail .name {
    font: var(--font-hmc-body-s);
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    color: var(--color-black)
}

.modal-content .content.thumbnail .name a,.content-fragment .content.thumbnail .name a,.popup-list .content.thumbnail .name a {
    color: var(--color-black)
}

.modal-content .content.thumbnail .avatar,.content-fragment .content.thumbnail .avatar,.popup-list .content.thumbnail .avatar {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s
}

.modal-content .content.thumbnail .avatar>img,.content-fragment .content.thumbnail .avatar>img,.popup-list .content.thumbnail .avatar>img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.modal-content .content.thumbnail .avatar:after,.content-fragment .content.thumbnail .avatar:after,.popup-list .content.thumbnail .avatar:after {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 300px;
    background-color: rgba(255,255,255,0);
    content: " ";
    -webkit-box-shadow: inset 0 0 70px rgba(255,255,255,0.1);
    -moz-box-shadow: inset 0 0 70px rgba(255,255,255,0.1);
    box-shadow: inset 0 0 70px rgba(255,255,255,0.1);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s
}

.modal-content .content.thumbnail .actions,.content-fragment .content.thumbnail .actions,.popup-list .content.thumbnail .actions {
    width: 100%;
    margin: 0;
    padding: 0 15px 15px 15px;
    font: var(--font-hmc-body-s);
    min-width: 150px
}

.modal-content .content.thumbnail .actions a,.content-fragment .content.thumbnail .actions a,.popup-list .content.thumbnail .actions a {
    color: var(--color-gray-400);
    padding: 0;
    border: 0px;
    font: var(--font-hmc-body-s);
}

.modal-content .content.thumbnail .actions a:hover,.content-fragment .content.thumbnail .actions a:hover,.popup-list .content.thumbnail .actions a:hover {
    color: var(--color-white)
}

.modal-content .content.thumbnail.small,.content-fragment .content.thumbnail.small,.popup-list .content.thumbnail.small {
    width: 48px;
    background-color: inherit;
    border-width: 0
}

.modal-content .content.thumbnail.small .name,.content-fragment .content.thumbnail.small .name,.popup-list .content.thumbnail.small .name {
    display: none
}

.modal-content .content.thumbnail.small .avatar:after,.content-fragment .content.thumbnail.small .avatar:after,.popup-list .content.thumbnail.small .avatar:after {
    width: auto;
    height: auto
}

.modal-content .content.thumbnail[data-url]:hover,.content-fragment .content.thumbnail[data-url]:hover,.popup-list .content.thumbnail[data-url]:hover {
    cursor: pointer;
    background-color: var(--color-black);
    color: var(--color-white)
}

.modal-content .content.thumbnail[data-url]:hover .name,.content-fragment .content.thumbnail[data-url]:hover .name,.popup-list .content.thumbnail[data-url]:hover .name {
    color: var(--color-white)
}

.modal-content .content.thumbnail[data-url]:hover .name a,.content-fragment .content.thumbnail[data-url]:hover .name a,.popup-list .content.thumbnail[data-url]:hover .name a {
    color: var(--color-white)
}

.modal-content .content.thumbnail[data-url]:hover .avatar,.content-fragment .content.thumbnail[data-url]:hover .avatar,.popup-list .content.thumbnail[data-url]:hover .avatar {
    transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    -moz-transform: scale(1.02,1.02);
    -o-transform: scale(1.02,1.02);
    -ms-transform: scale(1.02,1.02)
}

.modal-content .content.thumbnail[data-url]:hover .avatar:after,.content-fragment .content.thumbnail[data-url]:hover .avatar:after,.popup-list .content.thumbnail[data-url]:hover .avatar:after {
    -webkit-box-shadow: inset 0 0 70px rgba(255,255,255,0.05);
    -moz-box-shadow: inset 0 0 70px rgba(255,255,255,0.05);
    box-shadow: inset 0 0 70px rgba(255,255,255,0.05);
    background-color: rgba(17,23,26,0.1)
}

.left-sidebar .content-fragment .content-list.content,.split-sidebar-right .content-fragment .content-list.content,.split-sidebar-left .content-fragment .content-list.content,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content {
    font: var(--font-hmc-body-m);
    border-bottom: 0px
}

.left-sidebar .content-fragment .content-list.content>.content-item,.split-sidebar-right .content-fragment .content-list.content>.content-item,.split-sidebar-left .content-fragment .content-list.content>.content-item,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content>.content-item,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content>.content-item,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content>.content-item,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content>.content-item,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content>.content-item,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content>.content-item,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content>.content-item {
    border-bottom: 0px;
    padding: 0px;
    margin: 0px
}

.left-sidebar .content-fragment .content-list.content .content.abbreviated,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid var(--color-gray-200)
}

.left-sidebar .content-fragment .content-list.content .content.abbreviated .author,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .author,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .author,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .author,.left-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .attributes,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .attributes,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,.left-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .attribute-list,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .attribute-list,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,.left-sidebar .content-fragment .content-list.content .content.abbreviated .content,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .content,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .content,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .content,.left-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .attachment,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .attachment,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .attachment,.left-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .avatar,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .avatar,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .avatar {
    display: none
}

.left-sidebar .content-fragment .content-list.content .content.abbreviated .name,.split-sidebar-right .content-fragment .content-list.content .content.abbreviated .name,.split-sidebar-left .content-fragment .content-list.content .content.abbreviated .name,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .name,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.content .content.abbreviated .name {
    width: 100%;
    margin: 0;
    font: var(--font-hmc-body-m);
    color: var(--color-blue-700)
}

.content-fragment .content-list.simple .content-item {
    padding: 15px 0 15px 0
}

.content-fragment .content-list.simple .content-item .content.abbreviated {
    overflow: hidden
}

.content-fragment .content-list.simple .content-item .content.abbreviated .name {
    width: 100%;
    float: none;
    font: var(--font-hmc-title-m);
    margin: 0
}

.content-fragment .content-list.simple .content-item .content.abbreviated .attributes {
    font: var(--font-hmc-body-m);
    clear: none;
    float: none;
    width: 100%;
    padding-left: 0px;
    color: var(--color-gray-300);
    overflow: hidden
}

.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item {
    float: left;
    margin: 0 30px 0 0
}

.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a {
    color: var(--color-gray-300)
}

.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a:hover,.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a:active {
    color: var(--color-blue-700)
}

.content-fragment .content-list.simple .content-item .content.abbreviated .content {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-300)
}

.content-fragment .content-list.tabular {
    display: table;
    border-collapse: collapse;
    width: 100%
}

.content-fragment .content-list.tabular .content-item {
    display: table-row;
    border-bottom: 0
}

.content-fragment .content-list.tabular .content-item:last-child .cell {
    border-bottom: 0
}

.content-fragment .content-list.tabular .content-item.with-href:hover {
    cursor: pointer;
    background-color: var(--color-gray-100);
}

.content-fragment .content-list.tabular .content-item.with-href:hover .name.cell h2 a,.content-fragment .content-list.tabular .content-item.with-href:hover .name.cell h3 a {
    text-decoration: underline;
}

.content-fragment .content-list.tabular .content-item .cell {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-900);
    vertical-align: top;
    display: table-cell;
}

.content-fragment .content-list.tabular .content-item .cell:first-child {
    padding-left: 0
}

.content-fragment .content-list.tabular .content-item .cell:last-child {
    padding-right: 0
}

.content-fragment .content-list.tabular .content-item .cell.icon {
    vertical-align: middle;
    padding-top: 7.5px
}

.content-fragment .content-list.tabular .content-item .cell.name {
    word-wrap: break-word;
    vertical-align: middle
}

.content-fragment .content-list.tabular .content-item .cell.name .identifier.locked {
    display: inline-block;
    width: 9px;
    height: 9px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.content-fragment .content-list.tabular .content-item .cell.name .identifier.locked:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 9px;
    height: 9px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e824";
    font-family: Entypo;
    font-size: 9px;
    line-height: 9px
}

.content-fragment .content-list.tabular .content-item .cell.nowrap {
    white-space: nowrap
}

.content-fragment .content-list.tabular .content-item .cell.minimal {
    width: 4%
}

.content-fragment .content-list.tabular .content-item .cell.header {
    border-top: 0;
    border-bottom: 1px solid var(--color-black);
    color: var(--color-black)
}

.content-fragment .content-list.tabular .content-item .cell p {
    font: var(--font-hmc-body-m);
}

.content-fragment .content-list.tabular .content-item .cell .value {
    display: block;
    text-align: right;
    font: var(--font-hmc-body-m);
    color: var(--color-black);
    margin-bottom: 3px
}

.content-fragment .content-list.tabular .content-item .cell .description {
    display: block;
    text-align: right
}

.content-fragment .content-list.tabular .content-item .cell .thumbnail {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: var(--color-gray-300);
    margin: 0 -10px 0 15px;
    overflow: hidden
}

.content-fragment .content-list.tabular .content-item .cell .thumbnail>a {
    width: 40px;
    height: 40px
}

.content-fragment .content-list.tabular .content-item .cell .thumbnail>a>img {
    margin: auto;
    display: inline
}

.content-fragment .content-list.tabular .content-item .cell.latest .value {
    display: block;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left
}

.content-fragment .content-list.tabular .content-item .cell.latest .value a {
    display: inline-block;
    max-width: 100%;
    color: var(--color-gray-900)
}

.content-fragment .content-list.tabular .content-item .cell.latest .description {
    text-align: left
}

.content-fragment .content-list.tabular .content-item .cell a {
    color: var(--color-blue-700)
}

.content-fragment .content-list.tabular .content-item .cell a:hover {
    color: var(--color-blue-700)
}

.content-fragment .content-list.tabular .content-item .cell a.inline-button {
    color: var(--color-blue-700)
}

.content-fragment .content-list.tabular .content-item .cell.align-right {
    text-align: right
}

.content-fragment .content-list.tabular .content-item .cell .content:empty {
    display: none
}

.content-fragment .content-list.tabular .content-item .cell .suggested {
    color: var(--color-white);
    background-color: var(--color-yellow-500);
    border: solid 1px var(--color-yellow-700);
}

.content-fragment .content-list.tabular .content-item .cell .suggested:hover {
    color: var(--color-yellow-700);
}

.content-fragment .content-list.tabular .content-item .cell .verified {
    color: var(--color-white);
    background-color: var(--color-green-500);
    border: solid 1px var(--color-green-700);
}

.content-fragment .content-list.tabular .content-item .cell .verified:hover {
    color: var(--color-green-700);
}

.content-fragment .content-list.tabular .content-item .icon {
    width: 15px;
    padding-right: 0px;
    padding-bottom: 0px
}

.content-fragment .content-list.tabular .content-item .avatar {
    width: 45px;
    padding-right: 0px
}

.content-fragment .content-list.tabular .content-item .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.content-fragment .content-list.tabular .content-item .name h2,.content-fragment .content-list.tabular .content-item .name h3 {
    font: var(--font-hmc-title-xs);
    margin: 0
}

.content-fragment .content-list.tabular .content-item .name h2 a.unread,.content-fragment .content-list.tabular .content-item .name h3 a.unread {
    font-weight: 600
}

.content-fragment .content-list.tabular .content-item .name h2 .view-container,.content-fragment .content-list.tabular .content-item .name h3 .view-container {
    color: var(--color-gray-600)
}

.content-fragment .content-list.tabular .content-item .name h2 .view-container:hover,.content-fragment .content-list.tabular .content-item .name h3 .view-container:hover {
    color: var(--color-blue-700)
}

.content-fragment .content-list.tabular .content-item .name h2 .ui-forumvotes,.content-fragment .content-list.tabular .content-item .name h3 .ui-forumvotes {
    position: relative;
    font: var(--font-hmc-body-m);
    top: -1px;
    padding-left: 7.5px;
    white-space: nowrap
}

.content-fragment .content-list.tabular .content-item .name .content {
    color: var(--color-gray-500);
    font: var(--font-hmc-body-m);
    padding: 7.5px 0 0 0
}

.content-fragment .content-list.tabular .content-item.previewing .cell {
    border-bottom: 0px
}

.content-fragment .content-list.tabular .content-item.preview .cell {
    border-bottom: 0px;
    padding: 0px
}

.content-fragment .content-list.tabular .content-item.preview.previewing .cell {
    border-bottom: 1px solid var(--color-gray-200);
    padding: 15px
}

.content-fragment .content-list.tabular.simple .content-item .cell.nowrap {
    padding-top: 15px
}

.left-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.split-sidebar-right .content-fragment .content-list.tabular .content-item:first-child .cell,.split-sidebar-left .content-fragment .content-list.tabular .content-item:first-child .cell,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .content-item:first-child .cell {
    border-top: 0px
}

.left-sidebar .content-fragment .content-list.tabular .cell,.split-sidebar-right .content-fragment .content-list.tabular .cell,.split-sidebar-left .content-fragment .content-list.tabular .cell,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell {
    display: none;
    padding: 7.5px 0 7.5px 7.5px
}

.left-sidebar .content-fragment .content-list.tabular .cell.name,.split-sidebar-right .content-fragment .content-list.tabular .cell.name,.split-sidebar-left .content-fragment .content-list.tabular .cell.name,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name {
    display: block
}

.left-sidebar .content-fragment .content-list.tabular .cell.name h1,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h1,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h1,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1,.left-sidebar .content-fragment .content-list.tabular .cell.name h2,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h2,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h2,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2,.left-sidebar .content-fragment .content-list.tabular .cell.name h3,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h3,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h3,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 {
    font: var(--font-hmc-body-m);
}

.left-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .ui-forumvotes,.left-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .ui-forumvotes,.left-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .ui-forumvotes {
    display: none
}

.left-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h1 .unread,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h1 .unread,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h1 .unread,.left-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h2 .unread,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h2 .unread,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h2 .unread,.left-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.split-sidebar-right .content-fragment .content-list.tabular .cell.name h3 .unread,.split-sidebar-left .content-fragment .content-list.tabular .cell.name h3 .unread,.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.header-top-content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.header-top-content-left-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .content-fragment .content-list.tabular .cell.name h3 .unread {
    font-weight: 400
}

.content-list.simple .content-item .content.abbreviated .content {
    float: left;
    max-width: 60%;
    clear: none
}

.push-notification {
    background-color: var(--color-black);
    padding: 15px;
    color: var(--color-white);
    font: var(--font-hmc-body-m);
    width: 200px;
    -webkit-box-shadow: 0px 1px 9px rgba(17,23,26,0.2);
    -moz-box-shadow: 0px 1px 9px rgba(17,23,26,0.2);
    box-shadow: 0px 1px 9px rgba(17,23,26,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s
}

.push-notification .close {
    float: right;
    color: var(--color-white);
    opacity: 0.2;
    margin: 0 0 7.5px 7.5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.push-notification .close:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e814";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.push-notification.active {
    cursor: pointer
}

.push-notification.active:hover {
    background-color: var(--color-blue-700)
}

.push-notification.active:hover .close {
    opacity: 0.99
}

.push-notification.warning,.push-notification.error {
    background-color: var(--color-red-700)
}

.push-notification.warning.active:hover,.push-notification.error.active:hover {
    background-color: var(--color-red-700)
}

.banner-notifications-container {
    color: var(--color-white)
}

.banner-notifications-container a,.banner-notifications-container a:hover {
    color: var(--color-white)
}

.banner-notifications-container::before {
    background-color: var(--color-black)
}

.banner-notifications-container .banner-notifications-controls.close .banner-notifications-controls-close {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    font: var(--font-hmc-body-m);
}

.banner-notifications-container .banner-notifications-controls.close .banner-notifications-controls-close:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 22px;
    height: 22px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e814";
    font-family: Entypo;
    font-size: 22px;
    line-height: 22px
}

.banner-notifications-container .banner-notifications-controls.close .banner-notifications-controls-close::before {
    top: -1px
}

.banner-notifications-container .banner-notifications-controls.navigator .banner-notifications-controls-forward {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.banner-notifications-container .banner-notifications-controls.navigator .banner-notifications-controls-forward:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 22px;
    height: 22px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e875";
    font-family: Entypo;
    font-size: 22px;
    line-height: 22px
}

.banner-notifications-container .banner-notifications-controls.navigator .banner-notifications-controls-forward::before {
    top: -1px
}

.banner-notifications-container .banner-notifications-controls.navigator .banner-notifications-controls-backward {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.banner-notifications-container .banner-notifications-controls.navigator .banner-notifications-controls-backward:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 22px;
    height: 22px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e874";
    font-family: Entypo;
    font-size: 22px;
    line-height: 22px
}

.banner-notifications-container .banner-notifications-controls.navigator .banner-notifications-controls-backward::before {
    top: -1px
}

.banner-notifications-container.warning,.banner-notifications-container.system-notification {
    color: var(--color-black)
}

.banner-notifications-container.warning::before,.banner-notifications-container.system-notification::before {
    background-color: var(--color-yellow-500)
}

.banner-notifications-container.warning a,.banner-notifications-container.system-notification a,.banner-notifications-container.warning a:hover,.banner-notifications-container.system-notification a:hover {
    color: var(--color-black)
}

.banner-notifications-container.error {
    color: var(--color-white)
}

.banner-notifications-container.error::before {
    background-color: var(--color-red-700)
}

.banner-notifications-container.error a,.banner-notifications-container.error a:hover {
    color: var(--color-white)
}

.popup-list.notification {
    border-radius: 0 0 3px 3px;
    overflow: hidden
}

.popup-list.notification .message {
    background-color: var(--color-black);
    opacity: 0.85;
    color: var(--color-white);
    margin: 0;
    font: var(--font-hmc-body-m);
    padding: 30px 45px 30px 45px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.popup-list.notification .message.error {
    background-color: var(--color-red-700);
    opacity: 0.95
}

.popup-list-content-item,.popup-list-content-item-header {
    padding: 7.5px 15px 7.5px 7px;
    border-top: 0px;
    border-bottom: 1px solid var(--color-gray-200);
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.popup-list-content-item:last-child,.popup-list-content-item-header:last-child {
    border-bottom: 0px
}

.popup-list-content-item-header {
    background-color: var(--color-gray-200);
    display: flex;
    justify-content: space-between
}

.popup-list-content-item-header .name {
    font-weight: 600
}

.popup-list-content-item-header a {
    color: var(--color-gray-1000)
}

.popup-list-content-item-header a:hover {
    color: var(--color-blue-700)
}

.popup-list-content-item {
    padding-bottom: 15px;
    padding-left: 50px;
    min-height: 51px
}

.popup-list-content-item.no-author {
    padding-left: 7px
}

.popup-list-content-item:hover,.popup-list-content-item.selected {
    background-color: var(--color-blue-700);
    color: rgba(255,255,255,0.9)
}

.popup-list-content-item:hover .description,.popup-list-content-item.selected .description,.popup-list-content-item:hover .post-date,.popup-list-content-item.selected .post-date,.popup-list-content-item:hover .post-like,.popup-list-content-item.selected .post-like {
    color: rgba(255,255,255,0.5)
}

.popup-list-content-item:hover a,.popup-list-content-item.selected a {
    color: var(--color-white)
}

.popup-list-content-item .user-name {
    display: none
}

.popup-list-content-item .avatar {
    position: absolute;
    top: 5px;
    left: 5px;
    overflow: hidden;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.popup-list-content-item .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.popup-list-content-item .description,.popup-list-content-item .post-date,.popup-list-content-item .post-like {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    font: var(--font-hmc-body-s);
    color: var(--color-gray-300)
}

.popup-list {
    font: var(--font-hmc-body-m);
    border: 0px;
    background-color: transparent;
    -ms-touch-action: none;
    touch-action: none;
    box-shadow: -6px 8px 10px 5px rgba(17, 23, 26, 0.25), 0 3px 15px rgba(17, 23, 26, 0.25);
    background-color: var(--color-white);
    border-radius: 3px
}

.popup-list[data-position="downright"] {
    border-top-left-radius: 0
}

.popup-list[data-position="upright"] {
    border-bottom-left-radius: 0
}

.popup-list[data-position="downleft"] {
    border-top-right-radius: 0
}

.popup-list[data-position="upleft"] {
    border-bottom-right-radius: 0
}

.popup-list .content-list {
    width: 373px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.popup-list .navigation-list.filter {
    border-bottom: 1px solid var(--color-gray-200);
    overflow: hidden;
    padding: 3px 6px
}

.popup-list .navigation-list.filter .navigation-item {
    display: inline
}

.popup-list .navigation-list.filter .navigation-item .internal-link {
    min-width: 40px;
    text-align: center;
    font: var(--font-hmc-body-s);
    border-radius: 50px;
    float: left;
    margin: 4px 2px;
    padding: 2px 7px;
    text-decoration: none;
    border: 1px solid var(--color-blue-700)
}

.popup-list .navigation-list.filter .navigation-item .internal-link:hover {
    background-color: var(--color-blue-700);
    border: 1px solid var(--color-blue-700);
    color: var(--color-white)
}

.popup-list .navigation-list.filter .navigation-item .internal-link.selected {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.popup-list.bookmarks .content-list .content-item,.popup-list.notifications .content-list .content-item,.popup-list.conversations .content-list .content-item,.popup-list.user .content-list .content-item,.popup-list.site .content-list .content-item {
    padding: 7.5px 15px 7.5px 7px;
    border-top: 0px;
    border-bottom: 1px solid var(--color-gray-200);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    padding-left: 50px;
    min-height: 51px
}

.popup-list.bookmarks .content-list .content-item:last-child,.popup-list.notifications .content-list .content-item:last-child,.popup-list.conversations .content-list .content-item:last-child,.popup-list.user .content-list .content-item:last-child,.popup-list.site .content-list .content-item:last-child {
    border-bottom: 0px
}

.popup-list.bookmarks .content-list .content-item.no-author,.popup-list.notifications .content-list .content-item.no-author,.popup-list.conversations .content-list .content-item.no-author,.popup-list.user .content-list .content-item.no-author,.popup-list.site .content-list .content-item.no-author {
    padding-left: 7px
}

.popup-list.bookmarks .content-list .content-item:hover,.popup-list.notifications .content-list .content-item:hover,.popup-list.conversations .content-list .content-item:hover,.popup-list.user .content-list .content-item:hover,.popup-list.site .content-list .content-item:hover,.popup-list.bookmarks .content-list .content-item.selected,.popup-list.notifications .content-list .content-item.selected,.popup-list.conversations .content-list .content-item.selected,.popup-list.user .content-list .content-item.selected,.popup-list.site .content-list .content-item.selected {
    background-color: var(--color-gray-200);
    color: var(--color-black);
}

.popup-list.bookmarks .content-list .content-item:hover .description,.popup-list.notifications .content-list .content-item:hover .description,.popup-list.conversations .content-list .content-item:hover .description,.popup-list.user .content-list .content-item:hover .description,.popup-list.site .content-list .content-item:hover .description,.popup-list.bookmarks .content-list .content-item.selected .description,.popup-list.notifications .content-list .content-item.selected .description,.popup-list.conversations .content-list .content-item.selected .description,.popup-list.user .content-list .content-item.selected .description,.popup-list.site .content-list .content-item.selected .description,.popup-list.bookmarks .content-list .content-item:hover .post-date,.popup-list.notifications .content-list .content-item:hover .post-date,.popup-list.conversations .content-list .content-item:hover .post-date,.popup-list.user .content-list .content-item:hover .post-date,.popup-list.site .content-list .content-item:hover .post-date,.popup-list.bookmarks .content-list .content-item.selected .post-date,.popup-list.notifications .content-list .content-item.selected .post-date,.popup-list.conversations .content-list .content-item.selected .post-date,.popup-list.user .content-list .content-item.selected .post-date,.popup-list.site .content-list .content-item.selected .post-date,.popup-list.bookmarks .content-list .content-item:hover .post-like,.popup-list.notifications .content-list .content-item:hover .post-like,.popup-list.conversations .content-list .content-item:hover .post-like,.popup-list.user .content-list .content-item:hover .post-like,.popup-list.site .content-list .content-item:hover .post-like,.popup-list.bookmarks .content-list .content-item.selected .post-like,.popup-list.notifications .content-list .content-item.selected .post-like,.popup-list.conversations .content-list .content-item.selected .post-like,.popup-list.user .content-list .content-item.selected .post-like,.popup-list.site .content-list .content-item.selected .post-like {
    color: var(--color-gray-700);
}

.popup-list.bookmarks .content-list .content-item:hover a,.popup-list.notifications .content-list .content-item:hover a,.popup-list.conversations .content-list .content-item:hover a,.popup-list.user .content-list .content-item:hover a,.popup-list.site .content-list .content-item:hover a,.popup-list.bookmarks .content-list .content-item.selected a,.popup-list.notifications .content-list .content-item.selected a,.popup-list.conversations .content-list .content-item.selected a,.popup-list.user .content-list .content-item.selected a,.popup-list.site .content-list .content-item.selected a {
    color: var(--color-black)
}

.popup-list.bookmarks .content-list .content-item .user-name,.popup-list.notifications .content-list .content-item .user-name,.popup-list.conversations .content-list .content-item .user-name,.popup-list.user .content-list .content-item .user-name,.popup-list.site .content-list .content-item .user-name {
    display: none
}

/*.popup-list.bookmarks .content-list .content-item .avatar,.popup-list.notifications .content-list .content-item .avatar,.popup-list.conversations .content-list .content-item .avatar,.popup-list.user .content-list .content-item .avatar,.popup-list.site .content-list .content-item .avatar {*/
/*    position: absolute;*/
/*    top: 5px;*/
/*    left: 5px;*/
/*    overflow: hidden;*/
/*    -webkit-border-radius: 500px;*/
/*    -moz-border-radius: 500px;*/
/*    border-radius: 500px*/
/*}*/

.popup-list.bookmarks .content-list .content-item .avatar img,.popup-list.notifications .content-list .content-item .avatar img,.popup-list.conversations .content-list .content-item .avatar img,.popup-list.user .content-list .content-item .avatar img,.popup-list.site .content-list .content-item .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.popup-list.bookmarks .content-list .content-item .description,.popup-list.notifications .content-list .content-item .description,.popup-list.conversations .content-list .content-item .description,.popup-list.user .content-list .content-item .description,.popup-list.site .content-list .content-item .description,.popup-list.bookmarks .content-list .content-item .post-date,.popup-list.notifications .content-list .content-item .post-date,.popup-list.conversations .content-list .content-item .post-date,.popup-list.user .content-list .content-item .post-date,.popup-list.site .content-list .content-item .post-date,.popup-list.bookmarks .content-list .content-item .post-like,.popup-list.notifications .content-list .content-item .post-like,.popup-list.conversations .content-list .content-item .post-like,.popup-list.user .content-list .content-item .post-like,.popup-list.site .content-list .content-item .post-like {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    font: var(--font-hmc-body-m);
    color: var(--color-gray-300)
}

.popup-list.bookmarks .content-list .content-item .post-authors,.popup-list.notifications .content-list .content-item .post-authors,.popup-list.conversations .content-list .content-item .post-authors,.popup-list.user .content-list .content-item .post-authors,.popup-list.site .content-list .content-item .post-authors {
    font-weight: 600
}

.popup-list.bookmarks .content-list .content-item-header,.popup-list.notifications .content-list .content-item-header,.popup-list.conversations .content-list .content-item-header,.popup-list.user .content-list .content-item-header,.popup-list.site .content-list .content-item-header {
    padding: 7.5px 15px 7.5px 7px;
    border-top: 0px;
    border-bottom: 1px solid var(--color-gray-200);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    display: flex;
    justify-content: space-between
}

.popup-list.bookmarks .content-list .content-item-header:last-child,.popup-list.notifications .content-list .content-item-header:last-child,.popup-list.conversations .content-list .content-item-header:last-child,.popup-list.user .content-list .content-item-header:last-child,.popup-list.site .content-list .content-item-header:last-child {
    border-bottom: 0px
}

.popup-list.bookmarks .content-list .content-item-header .name,.popup-list.notifications .content-list .content-item-header .name,.popup-list.conversations .content-list .content-item-header .name,.popup-list.user .content-list .content-item-header .name,.popup-list.site .content-list .content-item-header .name {
    font-weight: normal;
}

.popup-list.bookmarks .content-list .content-item-header a,.popup-list.notifications .content-list .content-item-header a,.popup-list.conversations .content-list .content-item-header a,.popup-list.user .content-list .content-item-header a,.popup-list.site .content-list .content-item-header a {
    color: var(--color-gray-1000)
}

.popup-list.bookmarks .content-list .content-item-header a:hover,.popup-list.notifications .content-list .content-item-header a:hover,.popup-list.conversations .content-list .content-item-header a:hover,.popup-list.user .content-list .content-item-header a:hover,.popup-list.site .content-list .content-item-header a:hover {
    color: var(--color-gray-700);
    text-decoration: underline;
}

.popup-list.bookmarks .content-list .content-item .content-group a,.popup-list.notifications .content-list .content-item .content-group a,.popup-list.conversations .content-list .content-item .content-group a,.popup-list.user .content-list .content-item .content-group a,.popup-list.site .content-list .content-item .content-group a {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    font: var(--font-hmc-body-m);
}

.popup-list.bookmarks .user,.popup-list.notifications .user,.popup-list.conversations .user,.popup-list.user .user,.popup-list.site .user {
    min-height: 60px;
    border-bottom: 1px solid var(--color-gray-200);
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px
}

.popup-list.bookmarks .user>div,.popup-list.notifications .user>div,.popup-list.conversations .user>div,.popup-list.user .user>div,.popup-list.site .user>div {
    display: flex;
    flex-direction: row;
    align-items: center
}

.popup-list.bookmarks .user .avatar,.popup-list.notifications .user .avatar,.popup-list.conversations .user .avatar,.popup-list.user .user .avatar,.popup-list.site .user .avatar {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    margin-right: 15px
}

.popup-list.bookmarks .user .avatar img,.popup-list.notifications .user .avatar img,.popup-list.conversations .user .avatar img,.popup-list.user .user .avatar img,.popup-list.site .user .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.popup-list.bookmarks .user .user-name,.popup-list.notifications .user .user-name,.popup-list.conversations .user .user-name,.popup-list.user .user .user-name,.popup-list.site .user .user-name {
    font: var(--font-hmc-body-m);
}

.popup-list.bookmarks .user .oauth-provider,.popup-list.notifications .user .oauth-provider,.popup-list.conversations .user .oauth-provider,.popup-list.user .user .oauth-provider,.popup-list.site .user .oauth-provider {
    position: absolute;
    top: 0;
    left: 0
}

.popup-list.bookmarks .user.navigation-list,.popup-list.notifications .user.navigation-list,.popup-list.conversations .user.navigation-list,.popup-list.user .user.navigation-list,.popup-list.site .user.navigation-list {
    display: block
}

.popup-list.bookmarks .user.with-cover-photo,.popup-list.notifications .user.with-cover-photo,.popup-list.conversations .user.with-cover-photo,.popup-list.user .user.with-cover-photo,.popup-list.site .user.with-cover-photo {
    align-items: flex-end;
    height: 120px;
    border-bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.popup-list.bookmarks .user.with-cover-photo .avatar,.popup-list.notifications .user.with-cover-photo .avatar,.popup-list.conversations .user.with-cover-photo .avatar,.popup-list.user .user.with-cover-photo .avatar,.popup-list.site .user.with-cover-photo .avatar {
    border: 2px solid var(--color-white)
}

.popup-list.bookmarks .user.with-cover-photo .user-name,.popup-list.notifications .user.with-cover-photo .user-name,.popup-list.conversations .user.with-cover-photo .user-name,.popup-list.user .user.with-cover-photo .user-name,.popup-list.site .user.with-cover-photo .user-name,.popup-list.bookmarks .user.with-cover-photo .user-name a,.popup-list.notifications .user.with-cover-photo .user-name a,.popup-list.conversations .user.with-cover-photo .user-name a,.popup-list.user .user.with-cover-photo .user-name a,.popup-list.site .user.with-cover-photo .user-name a {
    color: var(--color-white);
    text-shadow: 0px 0px 7px var(--color-black)
}

.popup-list.bookmarks .navigation-list.user,.popup-list.notifications .navigation-list.user,.popup-list.conversations .navigation-list.user,.popup-list.user .navigation-list.user,.popup-list.site .navigation-list.user {
    padding: 15px
}

.popup-list.bookmarks .notification-preference,.popup-list.notifications .notification-preference,.popup-list.conversations .notification-preference,.popup-list.user .notification-preference,.popup-list.site .notification-preference {
    background-color: var(--color-white);
    color: var(--color-black)
}

.popup-list.bookmarks .notification-preference:hover,.popup-list.notifications .notification-preference:hover,.popup-list.conversations .notification-preference:hover,.popup-list.user .notification-preference:hover,.popup-list.site .notification-preference:hover {
    color: var(--color-black)
}

.popup-list.bookmarks .notification-preference .description,.popup-list.notifications .notification-preference .description,.popup-list.conversations .notification-preference .description,.popup-list.user .notification-preference .description,.popup-list.site .notification-preference .description {
    float: left;
    width: 60%;
    padding: 6px 8px 8px 8px;
    color: var(--color-black)
}

.popup-list.bookmarks .notification-preference .button,.popup-list.notifications .notification-preference .button,.popup-list.conversations .notification-preference .button,.popup-list.user .notification-preference .button,.popup-list.site .notification-preference .button {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: right;
    margin: 4px 4px 0;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    width: 60px;
    font: var(--font-hmc-body-m);
}

.popup-list.bookmarks .notification-preference .button:hover,.popup-list.notifications .notification-preference .button:hover,.popup-list.conversations .notification-preference .button:hover,.popup-list.user .notification-preference .button:hover,.popup-list.site .notification-preference .button:hover {
    background-color: var(--color-blue-700)
}

.popup-list.bookmarks .notification-preference .button.cancel,.popup-list.notifications .notification-preference .button.cancel,.popup-list.conversations .notification-preference .button.cancel,.popup-list.user .notification-preference .button.cancel,.popup-list.site .notification-preference .button.cancel {
    background-color: var(--color-gray-300)
}

.popup-list.bookmarks .notification-preference .button.cancel:hover,.popup-list.notifications .notification-preference .button.cancel:hover,.popup-list.conversations .notification-preference .button.cancel:hover,.popup-list.user .notification-preference .button.cancel:hover,.popup-list.site .notification-preference .button.cancel:hover {
    background-color: var(--color-gray-300)
}

.popup-list.bookmarks .mark,.popup-list.notifications .mark,.popup-list.conversations .mark,.popup-list.user .mark,.popup-list.site .mark,.popup-list.bookmarks .preference,.popup-list.notifications .preference,.popup-list.conversations .preference,.popup-list.user .preference,.popup-list.site .preference {
    position: absolute;
    top: 3px;
    right: 5px;
    display: none
}

.popup-list.bookmarks .mark a,.popup-list.notifications .mark a,.popup-list.conversations .mark a,.popup-list.user .mark a,.popup-list.site .mark a,.popup-list.bookmarks .preference a,.popup-list.notifications .preference a,.popup-list.conversations .preference a,.popup-list.user .preference a,.popup-list.site .preference a {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.popup-list.bookmarks .mark a:before,.popup-list.notifications .mark a:before,.popup-list.conversations .mark a:before,.popup-list.user .mark a:before,.popup-list.site .mark a:before,.popup-list.bookmarks .preference a:before,.popup-list.notifications .preference a:before,.popup-list.conversations .preference a:before,.popup-list.user .preference a:before,.popup-list.site .preference a:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e815";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.popup-list.bookmarks .content-item .mark,.popup-list.notifications .content-item .mark,.popup-list.conversations .content-item .mark,.popup-list.user .content-item .mark,.popup-list.site .content-item .mark {
    top: 23px
}

.popup-list.bookmarks .content-item .mark a,.popup-list.notifications .content-item .mark a,.popup-list.conversations .content-item .mark a,.popup-list.user .content-item .mark a,.popup-list.site .content-item .mark a {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: var(--space-3);
}

.popup-list.bookmarks .content-item .mark a:before,.popup-list.notifications .content-item .mark a:before,.popup-list.conversations .content-item .mark a:before,.popup-list.user .content-item .mark a:before,.popup-list.site .content-item .mark a:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.popup-list.bookmarks .content-item-header .mark-all,.popup-list.notifications .content-item-header .mark-all,.popup-list.conversations .content-item-header .mark-all,.popup-list.user .content-item-header .mark-all,.popup-list.site .content-item-header .mark-all {
    white-space: nowrap
}

.popup-list.bookmarks .content-item-header:hover .mark,.popup-list.notifications .content-item-header:hover .mark,.popup-list.conversations .content-item-header:hover .mark,.popup-list.user .content-item-header:hover .mark,.popup-list.site .content-item-header:hover .mark {
    display: block;
    top: 5px
}

.popup-list.bookmarks .content-item-header:hover .mark a,.popup-list.notifications .content-item-header:hover .mark a,.popup-list.conversations .content-item-header:hover .mark a,.popup-list.user .content-item-header:hover .mark a,.popup-list.site .content-item-header:hover .mark a {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.popup-list.bookmarks .content-item-header:hover .mark a:before,.popup-list.notifications .content-item-header:hover .mark a:before,.popup-list.conversations .content-item-header:hover .mark a:before,.popup-list.user .content-item-header:hover .mark a:before,.popup-list.site .content-item-header:hover .mark a:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.popup-list.bookmarks .content-item:hover .mark,.popup-list.notifications .content-item:hover .mark,.popup-list.conversations .content-item:hover .mark,.popup-list.user .content-item:hover .mark,.popup-list.site .content-item:hover .mark,.popup-list.bookmarks .content-item:hover .preference,.popup-list.notifications .content-item:hover .preference,.popup-list.conversations .content-item:hover .preference,.popup-list.user .content-item:hover .preference,.popup-list.site .content-item:hover .preference {
    display: block
}

.popup-list .loading {
    min-height: 20px;
    padding: 15px;
    text-align: center;
    font-style: italic;
    background-color: var(--color-gray-100);
    color: var(--color-gray-700);
    border: 0px;
    width: 373px
}

.popup-list.composer-suggestion-selector .loading {
    width: 100%;
    position: static;
    background-color: transparent
}

.popup-list .content-list-footer {
    min-height: 20px;
    border-top: 1px solid var(--color-gray-200);
    padding: 15px;
    overflow: hidden
}

.popup-list .content-list-footer .right {
    float: right;
    text-align: right;
    max-width: 50%
}

.popup-list .content-list-footer .left {
    float: left;
    max-width: 50%
}

.popup-list .message.norecords {
    border: 0px;
    padding: 15px;
    margin: 0px;
    font: var(--font-hmc-body-m);
}

.popup-list.search {
    padding-top: 0px
}

.popup-list.search .loading {
    width: 100%
}

.popup-list.search .multiple-column-list {
    position: relative;
    top: 0px
}

.popup-list.search .multiple-column-list .content-list.content .content-item {
    padding: 0;
    margin: 0
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated {
    margin: 0;
    font: var(--font-hmc-body-m);
    padding: 15px;
    cursor: pointer
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.avatar.round {
    min-width: 54px
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.avatar img {
    width: 44px;
    height: 44px
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.summary .name {
    font: var(--font-hmc-title-s);
    margin-bottom: 10px
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.summary .author {
    margin-bottom: 10px
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.summary .author a {
    color: var(--color-gray-500)
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.summary .content {
    font: var(--font-hmc-body-s);
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.attributes {
    font: var(--font-hmc-body-m);
}

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated>.attributes a {
    color: var(--color-black)
}

.popup-list.search .multiple-column-list .content-list.content .content-item:hover,.popup-list.search .multiple-column-list .content-list.content .content-item.selected {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.popup-list.search .multiple-column-list .content-list.content .content-item:hover a,.popup-list.search .multiple-column-list .content-list.content .content-item.selected a {
    color: var(--color-white)
}

.popup-list.search .multiple-column-list .content-list.content .content-item:hover .content.abbreviated>.summary .author a,.popup-list.search .multiple-column-list .content-list.content .content-item.selected .content.abbreviated>.summary .author a {
    color: var(--color-white)
}

.popup-list.search .multiple-column-list .content-list.content .content-item:hover .content.abbreviated>.attributes,.popup-list.search .multiple-column-list .content-list.content .content-item.selected .content.abbreviated>.attributes {
    color: var(--color-white)
}

.popup-list.search .multiple-column-list .content-list.content .content-item:hover .content.abbreviated>.attributes a,.popup-list.search .multiple-column-list .content-list.content .content-item.selected .content.abbreviated>.attributes a {
    color: var(--color-white)
}

.popup-list.without-avatar .content-list .content-item {
    padding: 15px;
    min-height: 0px
}

.tab-set {
    font: var(--font-hmc-body-m);
    margin: 0 0 45px 0
}

.tab-set table {
    width: 100%;
    table-layout: fixed
}

.tab-set table td {
    white-space: nowrap;
    vertical-align: bottom
}

.tab-set table a {
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    display: block;
    padding: 7.5px 0 5px 0;
    border-bottom: 2px solid var(--color-gray-300);
    text-align: center;
    color: var(--color-gray-300);
    font: var(--font-hmc-body-m);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tab-set table a:active {
    background-color: var(--color-white)
}

.tab-set table a.selected {
    color: var(--color-gray-900);
    border-bottom: 2px solid var(--color-gray-900)
}

.tab-set table a:hover,.tab-set table a:focus {
    color: var(--color-blue-700);
    border-bottom: 2px solid var(--color-blue-700)
}

.tab-set table a div {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag-list {
    display: flex;
    flex-wrap: wrap
}

.tag-list .tag-item {
    margin-right: 15px
}

.tag-list .tag-item a {
    padding-right: 15px;
    margin-bottom: 0
}

.tag-list.cloud {
    /*margin-top: 15px;*/
    overflow: hidden;
    /*padding: 15px;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tag-list.cloud .tag-item {
    display: inline-block;
    text-align: center;
    margin: 0 0.25em;
    line-height: 120%
}

.tag-list.cloud .tag-item.level-1 {
    font-size: 28px
}

.tag-list.cloud .tag-item.level-2 {
    font-size: 25.2px
}

.tag-list.cloud .tag-item.level-3 {
    font-size: 22.4px
}

.tag-list.cloud .tag-item.level-4 {
    font-size: 19.6px
}

.tag-list.cloud .tag-item.level-5 {
    font-size: 16.8px
}

.tag-list.cloud .tag-item.level-6 {
    font-size: 14px
}

.tag-list.cloud .tag-item a {
    display: inline-block;
    padding: 3.75px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: inherit
}

.tag-list.cloud .tag-item a:hover {
    background-color: var(--color-gray-200)
}

.right-sidebar .tag-list,.left-sidebar .tag-list {
    display: initial
}

.right-sidebar .tag-list .tag-item,.left-sidebar .tag-list .tag-item {
    margin-right: initial
}

.right-sidebar .tag-list .tag-item a,.left-sidebar .tag-list .tag-item a {
    padding-right: initial;
    margin-bottom: 6px;
    font-size: inherit
}

div.modal-mask {
    opacity: 0.7
}

div.modal {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
    margin: 20px;
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    background-color: var(--color-white)
}

div.modal .modal-footer,div.modal .modal-resize {
    display: none
}

div.modal .modal-close-wrapper {
    float: right;
    position: relative;
    top: -7.5px;
    right: -15px
}

div.modal .modal-close-wrapper .modal-close {
    background-image: none;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

div.modal .modal-close-wrapper .modal-close:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 22px;
    height: 22px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e814";
    font-family: Entypo;
    font-size: 22px;
    line-height: 22px
}

div.modal .modal-close-wrapper .modal-close:hover {
    color: var(--color-blue-700)
}

div.modal .modal-title {
    margin: 0 0 var(--space-6) 0;
    padding: 0 0 var(--space-2) 0;
    border-bottom: 1px solid var(--color-gray-300);
    font: var(--font-hmc-title-s);
    color: var(--color-black);
}

div.modal .modal-content {
    background-color: var(--color-white)
}

div.modal .modal-content iframe {
    -webkit-overflow-scrolling: touch
}

div.modal:focus {
    outline: 1px dotted var(--color-blue-900);
    outline: 1px dotted invert;
    outline-offset: -1px
}

.masonry-column {
    width: 150px;
    margin-right: 5px
}

.masonry-column:last-child {
    margin-right: 0
}

@media only screen and (max-width: 875px) {
    .masonry-column {
        width:320px
    }

    .item {
        font: var(--font-hmc-body-s);
    }
}

.tip {
    background-color: rgba(17,23,26,0.9);
    color: var(--color-white);
    max-width: 200px;
    padding: 2px 6px 2px 6px;
    font: var(--font-hmc-body-s);
    margin-bottom: 8px;
    z-index: 1000000;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.tip a {
    color: var(--color-white)
}

.tip.above:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: rgba(17,23,26,0.9);
    border-width: 6px;
    margin-left: -6px
}

.tip.above.left:after {
    left: 12px
}

.tip.above.center:after {
    left: 50%
}

.tip.above.right:after {
    right: 6px
}

.tip.below {
    margin-top: 8px
}

.tip.below:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: rgba(17,23,26,0.9);
    border-width: 6px;
    margin-left: -6px
}

.tip.below.left:after {
    left: 12px
}

.tip.below.center:after {
    left: 50%
}

.tip.below.right:after {
    right: 6px
}

.hierarchy-list .hierarchy-item {
    position: relative
}

.hierarchy-list .hierarchy-item a {
    font: var(--font-hmc-body-m);
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    color: var(--color-black);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.hierarchy-list .hierarchy-item a:hover {
    background-color: var(--color-gray-100)
}

.hierarchy-list .hierarchy-item .expand-collapse {
    position: absolute
}

.hierarchy-list .hierarchy-item .expand-collapse.expanded {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 2px
}

.hierarchy-list .hierarchy-item .expand-collapse.expanded:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e877";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.hierarchy-list .hierarchy-item .expand-collapse.collapsed {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 2px
}

.hierarchy-list .hierarchy-item .expand-collapse.collapsed:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e879";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.hierarchy-list .hierarchy-item.selected a {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.hierarchy-list li a {
    padding-left: 24px
}

.hierarchy-list li .expand-collapse {
    left: 4px
}

.hierarchy-list li li a {
    padding-left: 44px
}

.hierarchy-list li li .expand-collapse {
    left: 24px
}

.hierarchy-list li li li a {
    padding-left: 64px
}

.hierarchy-list li li li .expand-collapse {
    left: 44px
}

.hierarchy-list li li li li a {
    padding-left: 84px
}

.hierarchy-list li li li li .expand-collapse {
    left: 64px
}

.hierarchy-list li li li li li a {
    padding-left: 104px
}

.hierarchy-list li li li li li .expand-collapse {
    left: 84px
}

.hierarchy-list li li li li li li a {
    padding-left: 124px
}

.hierarchy-list li li li li li li .expand-collapse {
    left: 104px
}

.hierarchy-list li li li li li li li a {
    padding-left: 144px
}

.hierarchy-list li li li li li li li .expand-collapse {
    left: 124px
}

.hierarchy-list li li li li li li li li a {
    padding-left: 164px
}

.hierarchy-list li li li li li li li li .expand-collapse {
    left: 144px
}

.page .page-name {
    font: var(--font-hmc-title-m);
}

.page .page-content {
    margin: 1em 0
}

.theater-content>a {
    display: block;
    width: 100%
}

.theater-content>a>img {
    margin-left: auto;
    margin-right: auto
}

.theater-content>embed,.theater-content>object,.theater-content>img,.theater-content>video,.theater-content>audio {
    max-height: 100%;
    max-width: 100%
}

.theater-content>img {
    border: 0 none;
    margin: 0;
    vertical-align: bottom
}

.theater-content>.ui-viewhtml>embed,.theater-content>.ui-viewhtml>object,.theater-content>.ui-viewhtml>img,.theater-content>.ui-viewhtml>video,.theater-content>.ui-viewhtml>audio {
    max-height: 100%;
    max-width: 100%
}

.theater-content>.ui-viewhtml>img {
    border: 0 none;
    margin: 0;
    vertical-align: bottom
}

.theater-content>.ui-viewhtml>* {
    margin-left: auto;
    margin-right: auto
}

.theater-content .content-list .content-item.activity-story,.theater-content .activity-story {
    border: 0px;
    padding-left: 80px;
    padding-bottom: 30px
}

.theater-content .content-list .content-item.activity-story .navigation-list .navigation-item:first-child,.theater-content .activity-story .navigation-list .navigation-item:first-child {
    padding-left: 0
}

.theater-content .content-list .content-item.activity-story .like-indicator,.theater-content .activity-story .like-indicator {
    display: none
}

.theater-content .content-list .content-item.activity-story .content-list.comments .content-item.action,.theater-content .activity-story .content-list.comments .content-item.action {
    display: none
}

.theater-content .content-list .content-item.activity-story .post-author .avatar img,.theater-content .activity-story .post-author .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.theater-container a.theater-back:before {
    width: 16.8px;
    height: 16.8px;
    display: inline-block;
    content: "\e87c";
    font-family: Entypo;
    font-size: 16.8px;
    line-height: 16.8px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.theater-container a.theater-next:before {
    width: 16.8px;
    height: 16.8px;
    display: inline-block;
    content: "\e87d";
    font-family: Entypo;
    font-size: 16.8px;
    line-height: 16.8px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.theater-container a.theater-next,.theater-container a.theater-back {
    background-color: transparent;
    box-shadow: none;
    opacity: 0.6;
    color: var(--color-white);
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    transition: 0.15s;
    overflow: hidden;
    line-height: 14px;
    width: 46.8px px;
    height: 46.8px px
}

.theater-container a.theater-next:hover,.theater-container a.theater-back:hover {
    opacity: 1
}

.theater-content-container {
    padding: 0px;
    box-shadow: none
}

.theater-content-container a.theater-close:link,.theater-content-container a.theater-close:visited,.theater-content-container a.theater-close:active {
    display: inline-block;
    width: 46.8px;
    height: 46.8px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    background-color: rgba(17,23,26,0.7);
    opacity: 0.7;
    color: var(--color-white);
    width: 46.8px px;
    height: 46.8px px;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    transition: 0.15s
}

.theater-content-container a.theater-close:link:before,.theater-content-container a.theater-close:visited:before,.theater-content-container a.theater-close:active:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 46.8px;
    height: 46.8px;
    top: 15px;
    left: 0;
    display: block;
    content: "\e814";
    font-family: Entypo;
    font-size: 16.8px;
    line-height: 16.8px
}

.theater-content-container a.theater-close:link :before,.theater-content-container a.theater-close:visited :before,.theater-content-container a.theater-close:active :before {
    position: absolute;
    top: 0px;
    right: 0px
}

.theater-content-container a.theater-close:link:hover,.theater-content-container a.theater-close:visited:hover,.theater-content-container a.theater-close:active:hover {
    background-color: var(--color-blue-700)
}

.theater-content-container:hover a.theater-close:link,.theater-content-container:hover a.theater-close:visited,.theater-content-container:hover a.theater-close:active {
    opacity: 1
}

.banner.site {
    width: 100%;
    display: flex;
    padding: 0px;
    overflow: hidden;
    height: 44px;
    align-items: center;
    justify-content: space-between;
    max-width: 1920px;
    margin: 0 auto;
}

.banner.site.all fieldset {
    padding-left: 35px
}

.banner.site .popup-list-count {
    position: absolute;
    top: 0px;
    left: -3px;
    background-color: var(--color-green-500);
    color: var(--color-white);
    font: var(--font-hmc-body-s);
    display: block;
    width: 15.4px;
    height: 15.4px;
    text-align: center;
    z-index: 100;
    -webkit-text-stroke-width: 0px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.banner.site .avatar {
    margin: 0 0 0 var(--space-5);
    overflow: hidden;
    border-spacing: 0px;
    vertical-align: middle;
    padding-left: 0;
    flex: 0 1 auto;
}

.banner.site .avatar a {
    display: block
}

.banner.site fieldset {
    display: table-cell
}

.banner.site fieldset ul.field-list {
    display: block;
    width: 100%
}

.banner.site fieldset ul.field-list li.field-item {
    display: block;
    width: 100%;
    margin: 0px
}

.banner.site fieldset ul.field-list li.field-item label {
    display: none
}

.banner.site fieldset ul.field-list li.field-item .field-item-input {
    display: block;
    width: 100%;
    margin: 0px;
    position: relative
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input {
    width: 100%;
    border: 0px;
    height: 44px;
    padding: 0 0 0 60px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    background-color: var(--color-white);
    color: var(--color-off-white)
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input::placeholder,.banner.site fieldset ul.field-list li.field-item .field-item-input input:-ms-input-placeholder,.banner.site fieldset ul.field-list li.field-item .field-item-input input::-ms-input-placeholder {
    color: var(--color-off-white);
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    transition: color 0.1s
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input.active {
    color: var(--color-off-white)
}

.banner.site fieldset ul.field-list li.field-item .field-item-input:after {
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    transition: color 0.1s;
    font-size: 20px;
    height: 20px;
    width: 20px;
    display: block;
    font-family: Entypo;
    content: "\e803";
    position: absolute;
    color: var(--color-off-white);
    top: 15px;
    left: 15px
}

.banner.site .navigation-list {
    display: table-cell;
    vertical-align: middle;
    padding-right: var(--space-5);
    flex:  0 0 auto;
}

.banner.site .navigation-list .navigation-list-item>span {
    display: block;
    float: right;
    position: relative
}

.banner.site .navigation-list ul {
    float: right;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: var(--space-1);
}

.banner.site .navigation-list ul a {
    float: right;
    color: var(--color-off-white);
    -webkit-transition: 'background-color .2s';
    -moz-transition: 'background-color .2s';
    transition: 'background-color .2s'
}

.banner.site .navigation-list ul a.active {
    background-color: var(--color-gray-400);
    color: var(--color-white);
    -webkit-border-radius: var(--space-2);
    -moz-border-radius: var(--space-2);
    border-radius: var(--space-2);
}

.banner.site .navigation-list ul a.active[data-position="downright"],.banner.site .navigation-list ul a.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.site .navigation-list ul a.active[data-position="upright"],.banner.site .navigation-list ul a.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.site .navigation-list ul a.active:hover,.banner.site .navigation-list ul a.active:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.banner.site .navigation-list ul .notifications {
    top: 0px
}

.banner.site .navigation-list ul .conversations {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 0px
}

.banner.site .navigation-list ul .conversations:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 28px;
    height: 28px;
    top: 4px;
    left: 0;
    display: block;
    content: "\e83b";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.banner.site .navigation-list ul .bookmarks {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 0px
}

.banner.site .navigation-list ul .bookmarks:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 28px;
    height: 28px;
    top: 4px;
    left: 0;
    display: block;
    content: "\e828";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.banner.site .navigation-list ul .bookmarks.bookmarked {
    color: var(--color-green-500)
}

.banner.site .navigation-list ul .user {
    overflow: hidden;
    position: relative
}

.banner.site .navigation-list ul .user.with-icon {
    top: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.banner.site .navigation-list ul .user.with-icon:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e80a";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.banner.site .navigation-list ul .user img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    height: 24px;
    width: 24px;
    margin-top: -2px;
}

.banner.site .navigation-list ul .notifications,.banner.site .navigation-list ul .conversations,.banner.site .navigation-list ul .bookmarks,.banner.site .navigation-list ul .user {
    padding: 4px
}

.banner.site .navigation-list.site-links {
    width: 35px
}

.banner.site .navigation-list.site-links ul {
    width: 35px
}

.banner.site .navigation-list.site-links ul .site-navigation {
    display: inline-block;
    width: 41px;
    height: 41px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    float: right;
    top: 0px;
    margin-right: 0px;
    margin-left: 6px
}

.banner.site .navigation-list.site-links ul .site-navigation:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 41px;
    height: 41px;
    top: 4px;
    left: 0;
    display: block;
    content: "\e811";
    font-family: Entypo;
    font-size: 33px;
    line-height: 33px
}

.banner.site .handheld {
    display: none
}

.banner.site.with-site-navigation .avatar {
    width: 125px
}

.banner.site.with-site-navigation fieldset {
    padding-left: 0px
}

.banner.context {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 88px;
    position: relative;
    z-index: 2
}

.banner.context>.avatar {
    flex: 0 0 68px;
    margin-right: 15px;
    position: relative;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    overflow: hidden
}

.banner.context>.avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.banner.context>.avatar .caption {
    position: absolute;
    display: block;
    width: 100%;
    background-color: var(--color-black);
    opacity: 0.85;
    top: 24px;
    padding: 3px 0 3px 0;
    text-align: center;
    font: var(--font-hmc-body-s);
    z-index: 4;
    color: var(--color-white)
}

.banner.context.with-ancestors:not(.home)>.hierarchy {
    position: relative;
    top: -13.19px
}

.banner.context>.hierarchy {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.banner.context>.hierarchy>.parent-navigation {
    width: 100%;
    height: 16.38px;
    margin-bottom: 10px;
    position: relative
}

.banner.context>.hierarchy>.parent-navigation .selected {
    display: none
}

.banner.context>.hierarchy>.parent-navigation>div {
    width: 100%;
    position: absolute;
    bottom: 0px
}

.banner.context>.hierarchy>.parent-navigation ul li:first-of-type a {
    padding-left: 0px
}

.banner.context>.hierarchy>.parent-navigation ul li:first-of-type a:before {
    display: none
}

.banner.context>.hierarchy>.parent-navigation ul li a {
    padding: 0 5px 0 5px;
    margin: 0 0 0 0;
    color: var(--color-black);
    font: var(--font-hmc-body-s);
    opacity: 0.65;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    transition: 150ms
}

.banner.context>.hierarchy>.parent-navigation ul li a:hover {
    color: var(--color-blue-700);
    opacity: 1
}

.banner.context>.hierarchy>.parent-navigation ul li a:hover:before {
    opacity: 0.5
}

.banner.context>.hierarchy>.parent-navigation ul li a:before {
    width: 10px;
    height: 10px;
    display: inline-block;
    content: "\e875";
    font-family: Entypo;
    font-size: 10px;
    line-height: 10px;
    margin-right: 0px;
    position: relative;
    top: 1px
}

.banner.context>.hierarchy>.parent-navigation ul li a:before {
    top: 0px;
    color: var(--color-black);
    opacity: 0.4
}

.banner.context>.hierarchy>.parent-navigation ul li a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.banner.context>.hierarchy>.parent-navigation ul li a.more:before {
    color: var(--color-gray-300);
    line-height: 0
}

.banner.context>.hierarchy>.parent-navigation ul li a.more.links-expanded {
    opacity: 1;
    color: var(--color-black)
}

.banner.context>.hierarchy>.parent-navigation ul li a.more.links-expanded:before {
    opacity: 1;
    color: var(--color-black)
}

.banner.context>.hierarchy>.current-hierarchy {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component {
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    transition: 150ms;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: var(--font-hmc-title-xs);
    -webkit-font-smoothing: antialiased;
    color: var(--color-black)
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component a {
    color: var(--color-black)
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component a:hover {
    color: var(--color-blue-700)
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component:before {
    width: 15px;
    height: 15px;
    display: inline-block;
    content: "\e875";
    font-family: Entypo;
    font-size: 15px;
    line-height: 15px;
    margin-right: 0px;
    position: relative;
    top: 1px
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component:before {
    top: 0px;
    opacity: 0.4;
    margin-left: 10px;
    width: 10px
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component:first-child:before {
    display: none
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component.content {
    display: none
}

.banner.context>.hierarchy>.current-hierarchy>.applications {
    overflow: hidden;
    margin-top: 0;
    flex: 0 0 auto;
    min-height: 16.38px
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul li:first-of-type a {
    padding-left: 0px
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a {
    padding: 0 15px 0 15px;
    margin: 0 0 0 0;
    color: var(--color-black);
    font: var(--font-hmc-link-m);
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a:hover {
    text-decoration:underline;
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a:before {
    display: none
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 0px;
    border-radius: 3px;
    margin-left: 0px;
    display: block
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.banner.context>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.links-expanded {
    border-radius: 2px;
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.links-expanded:before {
    color: var(--color-white)
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.links-expanded[data-position="downright"],.banner.context>.hierarchy>.current-hierarchy>.applications ul a.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.context>.hierarchy>.current-hierarchy>.applications ul a.links-expanded[data-position="upright"],.banner.context>.hierarchy>.current-hierarchy>.applications ul a.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.context>.new {
    flex: 0 0 115px;
    margin-left: 15px;
    -webkit-transition: 100ms;
    -moz-transition: 100ms;
    transition: 100ms;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

.banner.context>.new:hover {
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    border-radius: 10px
}

.banner.context>.new:active {
    box-shadow: 0 0px 1px rgba(17,23,26,0.25),0 2px 5px rgba(17,23,26,0.25)
}

.banner.context>.new.disabled:hover {
    box-shadow: none
}

.banner.context>.new ul li {
    float: right;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.banner.context>.new ul a {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    font: var(--font-hmc-body-m);
    background-color: var(--color-blue-700);
    color: var(--color-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    transition: 300ms
}

.banner.context>.new ul a:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "\e816";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px;
    margin-right: 10px;
    position: relative;
}

.banner.context>.new ul a:hover {
    background-color: var(--color-blue-700)
}

.banner.context>.new ul a.links-expanded {
    background-color: var(--color-green-900);
    color: var(--color-white);
    border-color: var(--color-green-900)
}

.banner.context>.new ul a.links-expanded[data-position="downright"],.banner.context>.new ul a.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.context>.new ul a.links-expanded[data-position="upright"],.banner.context>.new ul a.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.context>.new ul a.links-expanded:hover,.banner.context>.new ul a.links-expanded:active {
    background-color: var(--color-green-900);
    color: var(--color-white)
}
.banner.context .join-alert {
    display: block;
    position: fixed;
    z-index: 100000;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 15px;
    border-radius: 3px;
    text-align: center;
    opacity: 0.85;
    font: var(--font-hmc-body-m);
    background-color: var(--color-black);
    color: var(--color-off-white)
}

.banner.context .join-alert a {
    color: var(--color-white)
}

.banner.context .join-alert a:hover {
    color: var(--color-blue-700)
}

.banner.context h1,.banner.context h2,.banner.context h3,.banner.context h4,.banner.context h5 {
    font: var(--font-hmc-body-m);
    display: inline;
    margin-top: 0;
    margin-bottom: 0
}

.banner.context.home>.hierarchy>.current-hierarchy {
    flex-direction: column;
    align-items: flex-start
}

.banner.context.home>.hierarchy>.current-hierarchy>.hierarchy-component {
    width: 100%
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications {
    width: 100%;
    margin-top: var(--space-2);
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.links-expanded {
    color: var(--color-white)
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.links-expanded:before {
    color: var(--color-white)
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.more {
    position: relative;
    top: 1px
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 0.5
}

.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.application {
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: normal;
    color: var(--color-black);
    position: relative
}

.banner.application::after {
    content: " ";
    position: absolute;
    height: 1px;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    background-color: var(--color-black);
    opacity: 0.25
}

.banner.application .name {
    padding-bottom: 22px;
    word-wrap: break-word
}

.banner.application .name .title {
    margin: 0;
    font: var(--font-hmc-title-l);
}

.banner.application .name .title a {
    font: var(--font-hmc-title-l);
    color: var(--color-black)
}

.banner.application .name .description {
    font: var(--font-hmc-body-m);
    margin-top: 0.5em;
    opacity: 0.7
}

.banner.application .navigation-list {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.banner.application .navigation-list a {
    color: var(--color-black)
}

.banner.application .navigation-list li:first-child a {
    margin-left: 0;
    padding-left: 0
}

.with-cover-photo .banner.context.home {
    min-height: 88px
}

.no-cover .banner.application {
    min-height: 176px
}

.scrolled .banner.application {
    height: 0px;
    min-height: 0;
    overflow: hidden
}

.scrolled .banner.context.home .avatar {
    top: 0px
}

.scrolled .banner.context.home .navigation-list.new {
    top: 5px
}

.scrolled .with-cover-photo .cover-photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.scrolled .with-cover-photo.with-blur .cover-photo {
    top: -40%;
    left: -40%;
    bottom: -40%;
    right: -40%
}

.with-cover-photo .cover-photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.with-cover-photo.with-blur .cover-photo {
    top: -20%;
    left: -20%;
    bottom: -20%;
    right: -20%
}

.with-cover-photo.with-shadow {
    text-shadow: 0px 0px 5px rgba(0,0,0,0.7)
}

.with-cover-photo.with-shadow a {
    text-shadow: 0px 0px 5px rgba(0,0,0,0.7)
}

.with-cover-photo.with-shadow a.links-expanded,.with-cover-photo.with-shadow a.links-expanded:before {
    text-shadow: none
}

.with-cover-photo.with-shadow .new a {
    text-shadow: none
}

.with-cover-photo.with-shadow .new a:before {
    text-shadow: none
}

.with-cover-photo.with-shadow .avatar img {
    border: 2px solid var(--color-white)
}

.with-cover-photo.with-shadow .cover-photo::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.6));
    opacity: 1;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s
}

.scrolled .with-cover-photo .banner.context.home {
    min-height: initial
}

.scrolled .with-cover-photo .cover-photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.scrolled .with-cover-photo.with-blur .cover-photo {
    top: -40%;
    left: -40%;
    bottom: -40%;
    right: -40%
}

.scrolled .with-cover-photo.with-shadow .cover-photo::after {
    opacity: 0.5
}

.header-fragments .layout .header-top-content .layout-region.header {
    z-index: 100;
    position: relative
}

.header-fragments .layout .header-top-content.scrolled .layout-region.header {
    position: relative
}

.header-fragments:hover .banner.site .navigation-list ul a {
    color: var(--color-off-white)
}

.header-fragments:hover .banner.site .navigation-list ul a.active {
    background-color: var(--color-blue-700);
    color: var(--color-off-white)
}

.header-fragments:hover .banner.site fieldset ul li .field-item-input input {
    color: var(--color-off-white)
}

.header-fragments:hover .banner.site fieldset ul li .field-item-input input.active {
    color: var(--color-off-white)
}

.header-fragments:hover .banner.site fieldset ul li .field-item-input:after {
    color: var(--color-off-white)
}

.touch .banner.context .avatar img {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.touch .banner.context .name,.touch .banner.context .description {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.touch .banner.context .navigation-list.applications ul a {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.touch .banner.context .navigation-list.new {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.touch .banner.context .navigation-list.new ul a {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.touch .banner.context .alert a {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none
}

.slim_banner {
    min-height: 44px;
    padding: 10px 0;
    height: 50px
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.slim_banner:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.slim_banner>.avatar {
    flex: 0 0 32px
}

.slim_banner>.avatar img {
    width: 32px;
    height: 32px
}

.slim_banner>.avatar .caption {
    display: none
}

.slim_banner.with-ancestors>.hierarchy {
    top: 0px
}

.slim_banner .hierarchy {
    flex-direction: row;
    align-items: center
}

.slim_banner .hierarchy>.parent-navigation {
    width: auto;
    flex: 0 0 19px;
    font-style: normal;
    color: blue;
    position: relative;
    top: 7.5px
}

.slim_banner .hierarchy>.parent-navigation a.more {
    opacity: 1;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.slim_banner .hierarchy>.parent-navigation a.more:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e892";
    font-family: Entypo;
    font-size: 15px;
    line-height: 15px
}

.slim_banner .hierarchy>.parent-navigation a.more:before {
    color: var(--color-black);
    opacity: 0.4;
    top: -1px
}

.slim_banner .hierarchy .current-hierarchy {
    flex-direction: row;
    align-items: center;
    width: auto
}

.slim_banner .hierarchy .current-hierarchy>.hierarchy-component {
    font: var(--font-hmc-body-m);
}

.slim_banner .hierarchy .current-hierarchy>.hierarchy-component.content {
    display: inline
}

.slim_banner .hierarchy .current-hierarchy>.applications {
    flex: 0 0 35px;
    margin-top: 0px;
    max-height: none
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block;
    width: 25px;
    top: 0px
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.slim_banner .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.slim_banner .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.slim_banner .hierarchy .current-hierarchy>.applications ul a.more:before {
    left: -2px
}

.slim_banner.with-alert .parent-navigation {
    top: 50%
}

.banner.context.slim {
    min-height: 44px;
    padding: 10px 0;
    height: 50px
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.banner.context.slim:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.context.slim>.avatar {
    flex: 0 0 32px
}

.banner.context.slim>.avatar img {
    width: 32px;
    height: 32px
}

.banner.context.slim>.avatar .caption {
    display: none
}

.banner.context.slim.with-ancestors>.hierarchy {
    top: 0px
}

.banner.context.slim .hierarchy {
    flex-direction: row;
    align-items: center
}

.banner.context.slim .hierarchy>.parent-navigation {
    width: auto;
    flex: 0 0 19px;
    font-style: normal;
    color: blue;
    position: relative;
    top: 7.5px
}

.banner.context.slim .hierarchy>.parent-navigation a.more {
    opacity: 1;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.banner.context.slim .hierarchy>.parent-navigation a.more:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e892";
    font-family: Entypo;
    font-size: 15px;
    line-height: 15px
}

.banner.context.slim .hierarchy>.parent-navigation a.more:before {
    color: var(--color-black);
    opacity: 0.4;
    top: -1px
}

.banner.context.slim .hierarchy .current-hierarchy {
    flex-direction: row;
    align-items: center;
    width: auto
}

.banner.context.slim .hierarchy .current-hierarchy>.hierarchy-component {
    font: var(--font-hmc-body-m);
}

.banner.context.slim .hierarchy .current-hierarchy>.hierarchy-component.content {
    display: inline
}

.banner.context.slim .hierarchy .current-hierarchy>.applications {
    flex: 0 0 48px;
    margin-top: 0px;
    max-height: none
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block;
    width: 25px;
    top: 0px
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.banner.context.slim .hierarchy .current-hierarchy>.applications ul a.more:before {
    left: -2px
}

.banner.context.slim.with-alert .parent-navigation {
    top: 50%
}

.banner.context.slim.inherited .hierarchy .current-hierarchy>.hierarchy-component {
    display: none
}

.banner.context.slim.inherited .hierarchy .current-hierarchy>.hierarchy-component.container {
    display: inline
}

.banner.context.slim.with-application .hierarchy .current-hierarchy>.hierarchy-component.application {
    display: inline
}

.scrolled .banner.context {
    min-height: 44px;
    padding: 10px 30px 10px 0;
    height: 50px
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-blue-700);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.scrolled .banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.scrolled .banner.context>.avatar {
    flex: 0 0 32px
}

.scrolled .banner.context>.avatar img {
    width: 32px;
    height: 32px
}

.scrolled .banner.context>.avatar .caption {
    display: none
}

.scrolled .banner.context.with-ancestors>.hierarchy {
    top: 0px
}

.scrolled .banner.context .hierarchy {
    flex-direction: row;
    align-items: center
}

.scrolled .banner.context .hierarchy>.parent-navigation {
    width: auto;
    flex: 0 0 19px;
    font-style: normal;
    color: blue;
    position: relative;
    top: 7.5px
}

.scrolled .banner.context .hierarchy>.parent-navigation a.more {
    opacity: 1;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.scrolled .banner.context .hierarchy>.parent-navigation a.more:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e892";
    font-family: Entypo;
    font-size: 15px;
    line-height: 15px
}

.scrolled .banner.context .hierarchy>.parent-navigation a.more:before {
    color: var(--color-black);
    opacity: 0.4;
    top: -1px
}

.scrolled .banner.context .hierarchy .current-hierarchy {
    flex-direction: row;
    align-items: center;
    width: auto
}

.scrolled .banner.context .hierarchy .current-hierarchy>.hierarchy-component {
    font-size: 14px
}

.scrolled .banner.context .hierarchy .current-hierarchy>.hierarchy-component.content {
    display: inline
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications {
    flex: 0 0 var(--space-12);
    margin-top: 0px;
    max-height: none
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more {
    white-space: nowrap;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: 3px;
    margin-left: 15px;
    line-height: 1.7em;
    display: block;
    width: 25px;
    top: 0px
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px;
    margin-right: 2px;
    position: relative;
    top: 2px;
    left: -5px;
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more:before {
    color: var(--color-black);
    opacity: 1
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more.links-expanded {
    border: 1px solid var(--color-green-8000);
    background-color: var(--color-green-700);
    color: var(--color-white)
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more.links-expanded:before {
    color: var(--color-white)
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="downright"],.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="upright"],.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.scrolled .banner.context.with-alert .parent-navigation {
    top: 50%
}

.scrolled .banner.context.slim.inherited .hierarchy .current-hierarchy>.hierarchy-component {
    display: inline
}

.sort {
    float: right;
    margin-bottom: var(--space-2);
}

.sort .by,.sort .order {
    margin-left: 15px
}

.sort .by .uiselect,.sort .order .uiselect {
    display: inline-block;
    position: relative;
    background-image: none;
    border: 1px solid var(--color-gray-300);
    background-color: var(--color-white);
    padding: 0px;
    padding-right: 17px;
    border-radius: 3px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    border: 0px;
    padding: 0 0 0 0;
    border-radius: 0px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.sort .by .uiselect>span,.sort .order .uiselect>span {
    padding: 7.5px 15px 7.5px 15px;
    display: inline-block;
    border: 0px;
    margin: 0px;
    overflow: visible;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.sort .by .uiselect>span:after,.sort .order .uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-300);
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 28px
}

.sort .by .uiselect>span:after:hover,.sort .order .uiselect>span:after:hover {
    color: var(--color-white)
}

.sort .by .uiselect:hover,.sort .order .uiselect:hover,.sort .by .uiselect.active,.sort .order .uiselect.active {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-color: var(--color-blue-700)
}

.sort .by .uiselect:hover>span,.sort .order .uiselect:hover>span,.sort .by .uiselect.active>span,.sort .order .uiselect.active>span {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.sort .by .uiselect:hover>span:after,.sort .order .uiselect:hover>span:after,.sort .by .uiselect.active>span:after,.sort .order .uiselect.active>span:after {
    color: var(--color-white)
}

.sort .by .uiselect.active[data-position="downright"],.sort .order .uiselect.active[data-position="downright"],.sort .by .uiselect.active[data-position="downleft"],.sort .order .uiselect.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.sort .by .uiselect.active[data-position="upright"],.sort .order .uiselect.active[data-position="upright"],.sort .by .uiselect.active[data-position="upleft"],.sort .order .uiselect.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.sort .by .uiselect>span,.sort .order .uiselect>span {
    padding: 0px 37.5px 0 0;
    font: var(--font-hmc-body-m);
    background-color: var(--color-white);
    color: var(--color-gray-400);
    position: relative;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.sort .by .uiselect>span:after,.sort .order .uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-400);
    position: absolute;
    top: 1px;
    right: 15px;
    line-height: 14px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.sort .by .uiselect>span:after:hover,.sort .order .uiselect>span:after:hover {
    color: var(--color-white)
}

.sort .by .uiselect:hover,.sort .order .uiselect:hover,.sort .by .uiselect.active,.sort .order .uiselect.active {
    background-color: transparent;
    color: var(--color-black)
}

.sort .by .uiselect:hover>span,.sort .order .uiselect:hover>span,.sort .by .uiselect.active>span,.sort .order .uiselect.active>span {
    color: var(--color-black);
    background-color: transparent
}

.sort .by .uiselect:hover>span:after,.sort .order .uiselect:hover>span:after,.sort .by .uiselect.active>span:after,.sort .order .uiselect.active>span:after {
    color: var(--color-black)
}

.sort .by .uiselect.active,.sort .order .uiselect.active {
    color: var(--color-blue-700)
}

.sort .by .uiselect.active>span,.sort .order .uiselect.active>span {
    color: var(--color-blue-700)
}

.sort .by .uiselect.active>span:after,.sort .order .uiselect.active>span:after {
    color: var(--color-blue-700)
}

.left-sidebar .sort,.split-sidebar-right .sort,.split-sidebar-left .sort,.content-left-sidebar-right .right-sidebar .sort,.sidebar-left-content-center-sidebar-right .right-sidebar .sort,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .sort,.header-top-content-left-sidebar-right .right-sidebar .sort,.header-top-content-left-sidebar-right-footer .right-sidebar .sort,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .sort,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .sort {
    display: none
}

.filter {
    clear: both;
    width: 100%;
    display: flex
}

.filter .uiselect {
    display: inline-block;
    position: relative;
    background-image: none;
    border: 1px solid var(--color-gray-300);
    background-color: var(--color-white);
    padding: 0px;
    padding-right: 17px;
    border-radius: 3px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    border: 0px;
    padding: 0 0 0 0;
    border-radius: 0px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.filter .uiselect>span {
    padding: 7.5px 15px 7.5px 15px;
    display: inline-block;
    border: 0px;
    margin: 0px;
    overflow: visible;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.filter .uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-300);
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 28px
}

.filter .uiselect>span:after:hover {
    color: var(--color-white)
}

.filter .uiselect:hover,.filter .uiselect.active {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-color: var(--color-blue-700)
}

.filter .uiselect:hover>span,.filter .uiselect.active>span {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.filter .uiselect:hover>span:after,.filter .uiselect.active>span:after {
    color: var(--color-white)
}

.filter .uiselect.active[data-position="downright"],.filter .uiselect.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.filter .uiselect.active[data-position="upright"],.filter .uiselect.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.filter .uiselect>span {
    padding: 0px 37.5px 0 0;
    font: var(--font-hmc-body-m);
    background-color: var(--color-white);
    color: var(--color-gray-400);
    position: relative;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.filter .uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-400);
    position: absolute;
    top: 1px;
    right: 15px;
    line-height: 14px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.filter .uiselect>span:after:hover {
    color: var(--color-white)
}

.filter .uiselect:hover,.filter .uiselect.active {
    background-color: transparent;
    color: var(--color-black)
}

.filter .uiselect:hover>span,.filter .uiselect.active>span {
    color: var(--color-black);
    background-color: transparent
}

.filter .uiselect:hover>span:after,.filter .uiselect.active>span:after {
    color: var(--color-black)
}

.filter .uiselect.active {
    color: var(--color-blue-700)
}

.filter .uiselect.active>span {
    color: var(--color-blue-700)
}

.filter .uiselect.active>span:after {
    color: var(--color-blue-700)
}

.filter .filter-option {
    text-align: center;
    flex: 1 1 0;
    width: 100%
}

.filter .filter-option a {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    display: block;
    padding: 7.5px 0 5px 0;
    border-bottom: 1px solid var(--color-gray-200);
    text-align: center;
    border-right: 0px;
    color: var(--color-green-700);
    font: var(--font-hmc-body-l);
}

.filter .filter-option a:active {
    background-color: var(--color-white)
}

.filter .filter-option a:hover {
    border-bottom: 5px solid var(--color-green-900);
    font-weight: 500;
    color: var(--color-green-900);
}

.filter .filter-option.selected a {
    color: var(--color-green-800);
    border-bottom: 5px solid var(--color-green-700);
    font-weight: 500;
}

.filter-selector {
    float: right;
    margin: 0 15px 15px 15px
}

.left-sidebar .filter-selector,.right-sidebar .filter-selector {
    float: none;
    clear: both;
    width: 100%;
    margin: 0
}

.left-sidebar .filter-selector div,.right-sidebar .filter-selector div {
    float: none;
    clear: both;
    width: 100%;
    margin: 0 0 0 0;
    overflow: hidden
}

.left-sidebar .filter-selector div .uiselect,.right-sidebar .filter-selector div .uiselect {
    float: left;
    width: 100%
}

.view {
    margin-bottom: var(--space-2);
}

.view .uiselect {
    display: inline-block;
    position: relative;
    background-image: none;
    border: 1px solid var(--color-gray-300);
    background-color: var(--color-white);
    padding: 0px;
    padding-right: 17px;
    border-radius: 3px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    border: 0px;
    padding: 0 0 0 0;
    border-radius: 0px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.view .uiselect>span {
    padding: 7.5px 15px 7.5px 15px;
    display: inline-block;
    border: 0px;
    margin: 0px;
    overflow: visible;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.view .uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-300);
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 28px
}

.view .uiselect>span:after:hover {
    color: var(--color-white)
}

.view .uiselect:hover,.view .uiselect.active {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-color: var(--color-blue-700)
}

.view .uiselect:hover>span,.view .uiselect.active>span {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.view .uiselect:hover>span:after,.view .uiselect.active>span:after {
    color: var(--color-white)
}

.view .uiselect.active[data-position="downright"],.view .uiselect.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.view .uiselect.active[data-position="upright"],.view .uiselect.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.view .uiselect>span {
    padding: 0px 37.5px 0 0;
    font: var(--font-hmc-body-m);
    background-color: var(--color-white);
    color: var(--color-gray-400);
    position: relative;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.view .uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-400);
    position: absolute;
    top: 1px;
    right: 15px;
    line-height: 14px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.view .uiselect>span:after:hover {
    color: var(--color-white)
}

.view .uiselect:hover,.view .uiselect.active {
    background-color: transparent;
    color: var(--color-black)
}

.view .uiselect:hover>span,.view .uiselect.active>span {
    color: var(--color-black);
    background-color: transparent
}

.view .uiselect:hover>span:after,.view .uiselect.active>span:after {
    color: var(--color-gray-700)
}

.view .uiselect.active {
    color: var(--color-gray-700)
}

.view .uiselect.active>span {
    color: var(--color-gray-700)
}

.view .uiselect.active>span:after {
    color: var(--color-gray-700)
}

.left-sidebar .view,.split-sidebar-right .view,.split-sidebar-left .view,.content-left-sidebar-right .right-sidebar .view,.sidebar-left-content-center-sidebar-right .right-sidebar .view,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .view,.header-top-content-left-sidebar-right .right-sidebar .view,.header-top-content-left-sidebar-right-footer .right-sidebar .view,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .view,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .view {
    display: none
}

.navigation-list.links {
    display: none
}

.navigation-list.links .inline a {
    background-color: var(--color-white);
    color: var(--color-blue-700);
    text-align: left;
    padding: 0;
    margin: 0
}

.navigation-list[data-direction='horizontal'] {
    margin-bottom: 0px
}

.navigation-list[data-direction='horizontal'] li>span,.navigation-list[data-direction='horizontal'] li>a {
    margin-right: 7.5px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px
}

.navigation-list[data-direction='horizontal'] li:first-child>span,.navigation-list[data-direction='horizontal'] li:first-child>a {
    padding-left: 0
}

.navigation-list[data-direction='vertical'] a {
    padding: 4px 4px 4px 4px;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: block;
    font: var(--font-hmc-body-m);
    margin-right: 0;
    background-color: var(--color-gray-100);
    color: var(--color-black);
    margin-bottom: 6px
}

.navigation-list[data-direction='vertical'] a:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.navigation-list[data-direction='vertical'] a:focus {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.navigation-list[data-direction='vertical'] a:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

.navigation-list[data-direction='vertical'] a.disabled {
    background-color: var(--color-blue-500);
    cursor: default
}

.navigation-list[data-direction='vertical'] a.disabled:hover {
    color: var(--color-white)
}

.navigation-list[data-direction='vertical'] a:active,.navigation-list[data-direction='vertical'] a:hover {
    color: var(--color-white)
}

.navigation-list[data-direction='vertical'] a:hover,.navigation-list[data-direction='vertical'] a:active,.navigation-list[data-direction='vertical'] a.links-expanded {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.navigation-list[data-direction='vertical'] a:hover[data-position="downright"],.navigation-list[data-direction='vertical'] a:active[data-position="downright"],.navigation-list[data-direction='vertical'] a.links-expanded[data-position="downright"],.navigation-list[data-direction='vertical'] a:hover[data-position="downleft"],.navigation-list[data-direction='vertical'] a:active[data-position="downleft"],.navigation-list[data-direction='vertical'] a.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.navigation-list[data-direction='vertical'] a:hover[data-position="upright"],.navigation-list[data-direction='vertical'] a:active[data-position="upright"],.navigation-list[data-direction='vertical'] a.links-expanded[data-position="upright"],.navigation-list[data-direction='vertical'] a:hover[data-position="upleft"],.navigation-list[data-direction='vertical'] a:active[data-position="upleft"],.navigation-list[data-direction='vertical'] a.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navigation-list.actions {
    display: none;
    float: right;
    margin: 0 15px 0 15px
}

.navigation-list.actions a {
    padding: 7.5px 0 7.5px 30px
}

.navigation-list.actions a[data-more] {
    display: inline-block;
    width: 31px;
    height: 31px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.navigation-list.actions a[data-more]:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 31px;
    height: 31px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8bf";
    font-family: Entypo;
    font-size: 31px;
    line-height: 31px
}

.navigation-list.navigation {
    float: right;
    margin: 0 0 15px 15px;
    font: var(--font-hmc-body-s);
}

.navigation-list.navigation a[data-more] {
    color: var(--color-gray-300);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    display: inline-block;
    width: 31.4px;
    height: 31.4px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.navigation-list.navigation a[data-more]:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 31.4px;
    height: 31.4px;
    top: 8px;
    left: 0;
    display: block;
    content: "\e855";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.navigation-list.navigation a[data-more]:hover,.navigation-list.navigation a[data-more]:active {
    color: var(--color-blue-700)
}

.navigation-list.navigation a[data-more].links-expanded {
    border-radius: 3px;
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.navigation-list.navigation a[data-more].links-expanded[data-position="downright"],.navigation-list.navigation a[data-more].links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.navigation-list.navigation a[data-more].links-expanded[data-position="upright"],.navigation-list.navigation a[data-more].links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navigation-list.navigation a[data-more]:before {
    top: 0
}

.content-fragment .content ul.navigation-tile-list,ul.navigation-tile-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    margin: -15px 0 0 -15px;
    width: calc(100% + 15px )
}

.content-fragment .content ul.navigation-tile-list>*,ul.navigation-tile-list>* {
    margin: 15px 0 0 15px
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item,ul.navigation-tile-list .navigation-tile-list-item {
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 1;
    list-style: none;
    padding: 0;
    min-width: 0
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile {
    margin: 0;
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    border: solid 1px var(--color-gray-200);
    border-radius: 7.5px;
    background-color: var(--color-white);
    position: relative
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile.selected,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile.selected {
    border-color: var(--color-gray-200);
    background-color: var(--color-gray-200)
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile:hover,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile:hover {
    border-color: var(--color-gray-300);
    text-decoration: none
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile:active,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile:active {
    border-color: var(--color-gray-200)
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .avatar,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .avatar {
    margin: 15px;
    display: flex;
    justify-content: center;
    position: initial;
    width: initial
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .avatar img,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .avatar img {
    display: block
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .name,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .name {
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--color-gray-1000);
    font: var(--font-hmc-title-xs);
    height: 1.5em;
    text-align: center
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .description,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .description {
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--color-gray-500);
    font: var(--font-hmc-body-m);
    height: 1.5em;
    text-align: center
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .description:empty,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile .description:empty {
    display: none
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list {
    list-style: none;
    margin: 15px
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link {
    display: block;
    margin: 0 0 7.5px 0
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link .avatar img,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link .avatar img {
    width: 12px;
    height: 12px;
    border-radius: 500px;
    vertical-align: center
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link .name,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link .name {
    color: inherit;
    display: inline;
    font: var(--font-hmc-body-m);
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link .description,ul.navigation-tile-list .navigation-tile-list-item .navigation-tile-link-list .navigation-tile-link-item .navigation-tile-link .description {
    color: var(--color-gray-500);
    font: var(--font-hmc-body-m);
}

.content-fragment .content ul.navigation-tile-list .navigation-tile-list-item.round .navigation-tile .avatar img,ul.navigation-tile-list .navigation-tile-list-item.round .navigation-tile .avatar img {
    border-radius: 500px
}

.content-fragment .content ul.navigation-tile-list.wrap-1,ul.navigation-tile-list.wrap-1 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-1 .navigation-tile-list-item,ul.navigation-tile-list.wrap-1 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 100% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-2,ul.navigation-tile-list.wrap-2 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-2 .navigation-tile-list-item,ul.navigation-tile-list.wrap-2 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 50% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-3,ul.navigation-tile-list.wrap-3 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-3 .navigation-tile-list-item,ul.navigation-tile-list.wrap-3 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 33.333333333% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-4,ul.navigation-tile-list.wrap-4 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-4 .navigation-tile-list-item,ul.navigation-tile-list.wrap-4 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 25% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-5,ul.navigation-tile-list.wrap-5 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-5 .navigation-tile-list-item,ul.navigation-tile-list.wrap-5 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 20% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-6,ul.navigation-tile-list.wrap-6 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-6 .navigation-tile-list-item,ul.navigation-tile-list.wrap-6 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 16.666666667% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-7,ul.navigation-tile-list.wrap-7 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-7 .navigation-tile-list-item,ul.navigation-tile-list.wrap-7 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 14.285714286% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-8,ul.navigation-tile-list.wrap-8 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-8 .navigation-tile-list-item,ul.navigation-tile-list.wrap-8 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 12.5% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-9,ul.navigation-tile-list.wrap-9 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-9 .navigation-tile-list-item,ul.navigation-tile-list.wrap-9 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 11.111111111% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-10,ul.navigation-tile-list.wrap-10 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-10 .navigation-tile-list-item,ul.navigation-tile-list.wrap-10 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 10% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-11,ul.navigation-tile-list.wrap-11 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-11 .navigation-tile-list-item,ul.navigation-tile-list.wrap-11 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 9.090909091% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-12,ul.navigation-tile-list.wrap-12 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-12 .navigation-tile-list-item,ul.navigation-tile-list.wrap-12 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 8.333333333% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-13,ul.navigation-tile-list.wrap-13 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-13 .navigation-tile-list-item,ul.navigation-tile-list.wrap-13 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 7.692307692% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-14,ul.navigation-tile-list.wrap-14 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-14 .navigation-tile-list-item,ul.navigation-tile-list.wrap-14 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 7.142857143% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-15,ul.navigation-tile-list.wrap-15 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-15 .navigation-tile-list-item,ul.navigation-tile-list.wrap-15 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 6.666666667% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-16,ul.navigation-tile-list.wrap-16 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-16 .navigation-tile-list-item,ul.navigation-tile-list.wrap-16 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 6.25% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-17,ul.navigation-tile-list.wrap-17 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-17 .navigation-tile-list-item,ul.navigation-tile-list.wrap-17 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 5.882352941% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-18,ul.navigation-tile-list.wrap-18 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-18 .navigation-tile-list-item,ul.navigation-tile-list.wrap-18 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 5.555555556% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-19,ul.navigation-tile-list.wrap-19 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-19 .navigation-tile-list-item,ul.navigation-tile-list.wrap-19 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 5.263157895% - 15px )
}

.content-fragment .content ul.navigation-tile-list.wrap-20,ul.navigation-tile-list.wrap-20 {
    flex-wrap: wrap
}

.content-fragment .content ul.navigation-tile-list.wrap-20 .navigation-tile-list-item,ul.navigation-tile-list.wrap-20 .navigation-tile-list-item {
    flex-grow: initial;
    flex-basis: initial;
    flex-shrink: initial;
    width: calc( 5% - 15px )
}

.breadcrumbs {
    display: inline-flex;
    flex-wrap: wrap;
    color: var(--color-gray-400);
    /*background-color: var(--color-gray-100);*/
    font: var(--font-hmc-body-s);
    padding: 15px 19.5px 15px 19.5px;
    border-radius: 3px;
    margin-bottom: 15px
}

.breadcrumbs .breadcrumb {
    margin-right: 15px
}

.breadcrumbs .breadcrumb:before {
    width: 12.6px;
    height: 12.6px;
    display: inline-block;
    content: "\e879";
    font-family: Entypo;
    font-size: 12.6px;
    line-height: 12.6px;
    margin-right: -2px;
    position: relative;
    top: 1px
}

.breadcrumbs .breadcrumb:first-child:before {
    display: none
}

.breadcrumbs .breadcrumb:last-child {
    margin-right: 0
}

.breadcrumbs .breadcrumb a {
    color: var(--color-gray-900)
}

.breadcrumbs .breadcrumb a:hover {
    color: var(--color-blue-700)
}

.pager {
    clear: both;
    font: var(--font-hmc-body-m);
    display: table;
    margin: var(--space-1) var(--space-4);
}

.pager .previous,.pager .next {
    display: table-cell;
    padding: 6px 12px 6px 12px;
    background-color: var(--color-blue-700);
    color: var(--color-white);
    min-width: 88px;
    text-align: center;
    border-radius: 3px
}

.pager .previous:hover,.pager .next:hover {
    background-color: rgba(2,94,169,0.8)
}

.pager .previous.disabled,.pager .next.disabled {
    background-color: var(--color-gray-300);
    cursor: default
}

.pager .previous {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    height: 44px
}

.pager .previous:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87c";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.pager .previous:before {
    top: 12px;
    left: 32px
}

.pager .next {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    height: 44px
}

.pager .next:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87d";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.pager .next:before {
    left: auto;
    top: 12px;
    right: 32px
}

.pager .ends {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: top;
    top: 0px
}

.pager .ends a {
    color: var(--color-gray-500)
}

.pager .ends a:hover {
    color: var(--color-green-900)
}

.pager .ends div .page {
    font: var(--font-hmc-body-m);
    display: inline-block;
    position: relative;
    top: 12px;
    height: 20px;
    overflow: hidden;
    padding: 0 7.5px
}

.pager .ends div .page.selected {
    color: var(--color-gray-900);
    font-weight: 700
}

.pager .ends div .first {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 12px;
    right: 6px
}

.pager .ends div .first:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89e";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.pager .ends div .last {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 12px;
    left: 6px
}

.pager .ends div .last:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e89d";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.single-column .pager .previous,.layout-region.right-sidebar .pager .previous,.layout-region.left-sidebar .pager .previous,.single-column .pager .next,.layout-region.right-sidebar .pager .next,.layout-region.left-sidebar .pager .next {
    min-width: 44px;
    padding: 0px
}

.single-column .pager .previous,.layout-region.right-sidebar .pager .previous,.layout-region.left-sidebar .pager .previous {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    height: 33px
}

.single-column .pager .previous:before,.layout-region.right-sidebar .pager .previous:before,.layout-region.left-sidebar .pager .previous:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87c";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.single-column .pager .previous:before,.layout-region.right-sidebar .pager .previous:before,.layout-region.left-sidebar .pager .previous:before {
    top: 6px;
    left: 12px
}

.single-column .pager .next,.layout-region.right-sidebar .pager .next,.layout-region.left-sidebar .pager .next {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    height: 33px
}

.single-column .pager .next:before,.layout-region.right-sidebar .pager .next:before,.layout-region.left-sidebar .pager .next:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87d";
    font-family: Entypo;
    font-size: 20px;
    line-height: 20px
}

.single-column .pager .next:before,.layout-region.right-sidebar .pager .next:before,.layout-region.left-sidebar .pager .next:before {
    top: 6px;
    left: 12px
}

.single-column .pager .ends div .page,.layout-region.right-sidebar .pager .ends div .page,.layout-region.left-sidebar .pager .ends div .page {
    display: none
}

.single-column .pager .ends div .first,.layout-region.right-sidebar .pager .ends div .first,.layout-region.left-sidebar .pager .ends div .first {
    top: 8px
}

.single-column .pager .ends div .last,.layout-region.right-sidebar .pager .ends div .last,.layout-region.left-sidebar .pager .ends div .last {
    top: 8px
}

.layout-region.right-sidebar .pager .previous,.layout-region.left-sidebar .pager .previous,.layout-region.right-sidebar .pager .next,.layout-region.left-sidebar .pager .next {
    min-width: 44px;
    padding: 0px
}

.layout-region.right-sidebar .pager .previous,.layout-region.left-sidebar .pager .previous {
    background-color: transparent;
    color: var(--color-gray-300)
}

.layout-region.right-sidebar .pager .previous:hover,.layout-region.left-sidebar .pager .previous:hover {
    color: var(--color-blue-700)
}

.layout-region.right-sidebar .pager .previous.disabled,.layout-region.left-sidebar .pager .previous.disabled {
    color: var(--color-gray-200)
}

.layout-region.right-sidebar .pager .previous:before,.layout-region.left-sidebar .pager .previous:before {
    left: 0px
}

.layout-region.right-sidebar .pager .next,.layout-region.left-sidebar .pager .next {
    background-color: transparent;
    color: var(--color-gray-300)
}

.layout-region.right-sidebar .pager .next:hover,.layout-region.left-sidebar .pager .next:hover {
    color: var(--color-blue-700)
}

.layout-region.right-sidebar .pager .next.disabled,.layout-region.left-sidebar .pager .next.disabled {
    color: var(--color-gray-200)
}

.layout-region.right-sidebar .pager .next:before,.layout-region.left-sidebar .pager .next:before {
    right: 0px;
    left: auto
}

.layout-region.right-sidebar .pager:hover .previous,.layout-region.left-sidebar .pager:hover .previous {
    color: var(--color-blue-700)
}

.layout-region.right-sidebar .pager:hover .previous.disabled,.layout-region.left-sidebar .pager:hover .previous.disabled {
    color: var(--color-gray-200)
}

.layout-region.right-sidebar .pager:hover .next,.layout-region.left-sidebar .pager:hover .next {
    color: var(--color-blue-700)
}

.layout-region.right-sidebar .pager:hover .next.disabled,.layout-region.left-sidebar .pager:hover .next.disabled {
    color: var(--color-gray-200)
}

.layout-region.right-sidebar .pager .ends div .page,.layout-region.left-sidebar .pager .ends div .page {
    display: none
}

.layout-region.right-sidebar .pager .ends div .first,.layout-region.left-sidebar .pager .ends div .first,.layout-region.right-sidebar .pager .ends div .last,.layout-region.left-sidebar .pager .ends div .last {
    left: 0px;
    color: var(--color-gray-200)
}

.layout-region.right-sidebar .pager .ends div .first:hover,.layout-region.left-sidebar .pager .ends div .first:hover,.layout-region.right-sidebar .pager .ends div .last:hover,.layout-region.left-sidebar .pager .ends div .last:hover {
    color: var(--color-blue-700)
}

.threaded-wrapper-outer {
    position: relative;
    min-height: 10px;
    margin-top: 15px
}

.threaded-wrapper-outer>.typing-status-wrapper {
    position: absolute;
    z-index: 500;
    right: 0;
    font: var(--font-hmc-body-m);
    font-style: italic;
    color: var(--color-gray-500)
}

.threaded-wrapper {
    display: none
}

.content-list.threaded .load-more,.content-list.threaded .content-item {
    position: relative;
    z-index: 0;
    padding-bottom: 15px
}

.content-list.threaded .load-more .load-more,.content-list.threaded .content-item .load-more,.content-list.threaded .load-more .content-item,.content-list.threaded .content-item .content-item {
    margin-left: 59px
}

.content-list.threaded .load-more .load-more,.content-list.threaded .content-item .load-more {
    border-left: 4px solid var(--color-gray-200);
    padding: 0 0 0 7px
}

.content-list.threaded .load-more .rendered-content,.content-list.threaded .content-item .rendered-content {
    padding-left: 59px;
    position: relative;
    z-index: 1
}

.content-list.threaded .load-more .rendered-content ul,.content-list.threaded .content-item .rendered-content ul,.content-list.threaded .load-more .rendered-content pre,.content-list.threaded .content-item .rendered-content pre,.content-list.threaded .load-more .rendered-content p,.content-list.threaded .content-item .rendered-content p,.content-list.threaded .load-more .rendered-content ol,.content-list.threaded .content-item .rendered-content ol,.content-list.threaded .load-more .rendered-content blockquote,.content-list.threaded .content-item .rendered-content blockquote {
    margin-top: 0;
    margin-bottom: 7px
}

.content-list.threaded .load-more .rendered-content ul:last-of-type,.content-list.threaded .content-item .rendered-content ul:last-of-type,.content-list.threaded .load-more .rendered-content pre:last-of-type,.content-list.threaded .content-item .rendered-content pre:last-of-type,.content-list.threaded .load-more .rendered-content p:last-of-type,.content-list.threaded .content-item .rendered-content p:last-of-type,.content-list.threaded .load-more .rendered-content ol:last-of-type,.content-list.threaded .content-item .rendered-content ol:last-of-type,.content-list.threaded .load-more .rendered-content blockquote:last-of-type,.content-list.threaded .content-item .rendered-content blockquote:last-of-type {
    margin-bottom: 0px
}

.content-list.threaded .load-more .rendered-content .edit-form,.content-list.threaded .content-item .rendered-content .edit-form {
    margin-top: 0px
}

.content-list.threaded .load-more .rendered-content .edit-form .reply-form,.content-list.threaded .content-item .rendered-content .edit-form .reply-form {
    margin-top: 0
}

.content-list.threaded .load-more .rendered-content.suggested,.content-list.threaded .content-item .rendered-content.suggested,.content-list.threaded .load-more .rendered-content.verified,.content-list.threaded .content-item .rendered-content.verified {
    /*padding-top: 15px;*/
    /*padding-right: 15px;*/
    /*padding-bottom: 10px;*/
    /*padding-left: 74px;*/
    border-radius: var(--space-1)
}

.content-list.threaded .load-more .rendered-content.suggested .avatar,.content-list.threaded .content-item .rendered-content.suggested .avatar,.content-list.threaded .load-more .rendered-content.verified .avatar,.content-list.threaded .content-item .rendered-content.verified .avatar {
    top: 15px
}

.content-list.threaded .load-more .rendered-content.suggested .avatar img,.content-list.threaded .content-item .rendered-content.suggested .avatar img,.content-list.threaded .load-more .rendered-content.verified .avatar img,.content-list.threaded .content-item .rendered-content.verified .avatar img {
    border: 1px solid var(--color-white)
}

.content-list.threaded .load-more .rendered-content.suggested .edit-form:not(:empty),.content-list.threaded .content-item .rendered-content.suggested .edit-form:not(:empty),.content-list.threaded .load-more .rendered-content.verified .edit-form:not(:empty),.content-list.threaded .content-item .rendered-content.verified .edit-form:not(:empty) {
    margin-top: 22.5px
}

/*.content-list.threaded .load-more .rendered-content.suggested:after,.content-list.threaded .content-item .rendered-content.suggested:after,.content-list.threaded .load-more .rendered-content.verified:after,.content-list.threaded .content-item .rendered-content.verified:after {*/
/*    content: " ";*/
/*    z-index: -1;*/
/*    width: 100%;*/
/*    height: 48.9px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0*/
/*}*/

.content-list.threaded .load-more .rendered-content.suggested .author .meta,.content-list.threaded .content-item .rendered-content.suggested .author .meta,.content-list.threaded .load-more .rendered-content.verified .author .meta,.content-list.threaded .content-item .rendered-content.verified .author .meta {
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content.suggested .author .meta a,.content-list.threaded .content-item .rendered-content.suggested .author .meta a,.content-list.threaded .load-more .rendered-content.verified .author .meta a,.content-list.threaded .content-item .rendered-content.verified .author .meta a {
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content.suggested .author .meta .qa-votes .ui-forumvotes:before,.content-list.threaded .content-item .rendered-content.suggested .author .meta .qa-votes .ui-forumvotes:before,.content-list.threaded .load-more .rendered-content.verified .author .meta .qa-votes .ui-forumvotes:before,.content-list.threaded .content-item .rendered-content.verified .author .meta .qa-votes .ui-forumvotes:before {
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content.suggested .author .meta .ui-userpresence,.content-list.threaded .content-item .rendered-content.suggested .author .meta .ui-userpresence,.content-list.threaded .load-more .rendered-content.verified .author .meta .ui-userpresence,.content-list.threaded .content-item .rendered-content.verified .author .meta .ui-userpresence {
    border: 1px solid var(--color-white);
    width: 15px;
    height: 15px
}

.content-list.threaded .load-more .rendered-content.suggested .threaded-reply-content,.content-list.threaded .content-item .rendered-content.suggested .threaded-reply-content,.content-list.threaded .load-more .rendered-content.verified .threaded-reply-content,.content-list.threaded .content-item .rendered-content.verified .threaded-reply-content {
    padding-top: 1.5em;
    padding-bottom: 0.6em
}

.content-list.threaded .load-more .rendered-content.suggested,.content-list.threaded .content-item .rendered-content.suggested {
    border: 1px solid var(--color-yellow-500);
    border-color: var(--color-yellow-500)
}


.content-list.threaded .load-more .rendered-content.verified,.content-list.threaded .content-item .rendered-content.verified {
    border: 1px solid var(--color-green-500);
    border-color: var(--color-green-500)
}

.content-list.threaded .load-more .rendered-content .content.full ul,.content-list.threaded .content-item .rendered-content .content.full ul,.content-list.threaded .load-more .rendered-content .content.full .content ul,.content-list.threaded .content-item .rendered-content .content.full .content ul,.content-list.threaded .load-more .rendered-content .content.full pre,.content-list.threaded .content-item .rendered-content .content.full pre,.content-list.threaded .load-more .rendered-content .content.full .content pre,.content-list.threaded .content-item .rendered-content .content.full .content pre,.content-list.threaded .load-more .rendered-content .content.full p,.content-list.threaded .content-item .rendered-content .content.full p,.content-list.threaded .load-more .rendered-content .content.full .content p,.content-list.threaded .content-item .rendered-content .content.full .content p,.content-list.threaded .load-more .rendered-content .content.full ol,.content-list.threaded .content-item .rendered-content .content.full ol,.content-list.threaded .load-more .rendered-content .content.full .content ol,.content-list.threaded .content-item .rendered-content .content.full .content ol,.content-list.threaded .load-more .rendered-content .content.full blockquote,.content-list.threaded .content-item .rendered-content .content.full blockquote,.content-list.threaded .load-more .rendered-content .content.full .content blockquote,.content-list.threaded .content-item .rendered-content .content.full .content blockquote {
    margin-top: 0;
    margin-bottom: 0.65em
}

.content-list.threaded .load-more .rendered-content .content.full ul:last-child,.content-list.threaded .content-item .rendered-content .content.full ul:last-child,.content-list.threaded .load-more .rendered-content .content.full .content ul:last-child,.content-list.threaded .content-item .rendered-content .content.full .content ul:last-child,.content-list.threaded .load-more .rendered-content .content.full pre:last-child,.content-list.threaded .content-item .rendered-content .content.full pre:last-child,.content-list.threaded .load-more .rendered-content .content.full .content pre:last-child,.content-list.threaded .content-item .rendered-content .content.full .content pre:last-child,.content-list.threaded .load-more .rendered-content .content.full p:last-child,.content-list.threaded .content-item .rendered-content .content.full p:last-child,.content-list.threaded .load-more .rendered-content .content.full .content p:last-child,.content-list.threaded .content-item .rendered-content .content.full .content p:last-child,.content-list.threaded .load-more .rendered-content .content.full ol:last-child,.content-list.threaded .content-item .rendered-content .content.full ol:last-child,.content-list.threaded .load-more .rendered-content .content.full .content ol:last-child,.content-list.threaded .content-item .rendered-content .content.full .content ol:last-child,.content-list.threaded .load-more .rendered-content .content.full blockquote:last-child,.content-list.threaded .content-item .rendered-content .content.full blockquote:last-child,.content-list.threaded .load-more .rendered-content .content.full .content blockquote:last-child,.content-list.threaded .content-item .rendered-content .content.full .content blockquote:last-child {
    margin-bottom: 0
}

.content-list.threaded .load-more .new-replies-wrapper,.content-list.threaded .content-item .new-replies-wrapper,.content-list.threaded .load-more .typing-status-wrapper,.content-list.threaded .content-item .typing-status-wrapper {
    position: absolute;
    bottom: 7.5px;
    right: 0px;
    font: var(--font-hmc-body-m);
    font-style: italic;
    color: var(--color-gray-500)
}

.content-list.threaded .load-more .avatar img,.content-list.threaded .content-item .avatar img {
    max-width: 44px;
    max-height: 44px
}

.content-list.threaded .load-more .content-item,.content-list.threaded .content-item .content-item {
    padding-bottom: 0
}

.content-list.threaded .load-more .content-item .avatar,.content-list.threaded .content-item .content-item .avatar {
    left: 9px
}

.content-list.threaded .load-more .content-item .rendered-content,.content-list.threaded .content-item .content-item .rendered-content {
    padding-left: 60px;
    border-left: 4px solid var(--color-gray-200);
    padding-bottom: 15px;
    -webkit-transition: border-left-color 0.5s;
    -moz-transition: border-left-color 0.5s;
    transition: border-left-color 0.5s
}

.content-list.threaded .load-more .content-item .rendered-content .new-replies-wrapper,.content-list.threaded .content-item .content-item .rendered-content .new-replies-wrapper,.content-list.threaded .load-more .content-item .rendered-content .typing-status-wrapper,.content-list.threaded .content-item .content-item .rendered-content .typing-status-wrapper {
    bottom: 45px
}

.content-list.threaded .load-more .content-item .rendered-content.suggested,.content-list.threaded .content-item .content-item .rendered-content.suggested,.content-list.threaded .load-more .content-item .rendered-content.verified,.content-list.threaded .content-item .content-item .rendered-content.verified {
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 22.5px
}

.content-list.threaded .load-more .content-item .rendered-content.suggested,.content-list.threaded .content-item .content-item .rendered-content.suggested {
    border-color: var(--color-yellow-500)
}

.content-list.threaded .load-more .content-item .rendered-content.verified,.content-list.threaded .content-item .content-item .rendered-content.verified {
    border-color: var(--color-green-500)
}

.content-list.threaded .load-more .content-item .content-list.threaded,.content-list.threaded .content-item .content-item .content-list.threaded {
    border-left: 4px solid var(--color-gray-200)
}

.content-list.threaded .load-more .content-item:last-child>.rendered-content.suggested,.content-list.threaded .content-item .content-item:last-child>.rendered-content.suggested,.content-list.threaded .load-more .content-item:last-child>.rendered-content.verified,.content-list.threaded .content-item .content-item:last-child>.rendered-content.verified {
    padding-bottom: 10px
}

.content-list.threaded .load-more .content-item:last-child>.rendered-content .new-replies-wrapper,.content-list.threaded .content-item .content-item:last-child>.rendered-content .new-replies-wrapper,.content-list.threaded .load-more .content-item:last-child>.rendered-content .typing-status-wrapper,.content-list.threaded .content-item .content-item:last-child>.rendered-content .typing-status-wrapper {
    bottom: 7.5px
}

.content-list.threaded .load-more .content-item:last-child .content-list.threaded:not(:empty),.content-list.threaded .content-item .content-item:last-child .content-list.threaded:not(:empty) {
    padding-top: 15px;
    padding-bottom: 0
}

.content-list.threaded .load-more .content-item:last-child>.newreply:not(:empty),.content-list.threaded .content-item .content-item:last-child>.newreply:not(:empty) {
    padding-top: 15px
}

.content-list.threaded .load-more .content-item:last-child>.newreply:not(:empty) .reply-form,.content-list.threaded .content-item .content-item:last-child>.newreply:not(:empty) .reply-form {
    padding-top: 0;
    padding-bottom: 0
}

.content-list.threaded .load-more .content-item .reply-form,.content-list.threaded .content-item .content-item .reply-form {
    margin-top: 0
}

.content-list.threaded .load-more.permalinked>.rendered-content,.content-list.threaded .content-item.permalinked>.rendered-content,.content-list.threaded .load-more.new>.rendered-content,.content-list.threaded .content-item.new>.rendered-content {
    border-left: 4px solid var(--color-blue-700);
    padding-left: 60px
}

.content-list.threaded .load-more.permalinked>.rendered-content .avatar,.content-list.threaded .content-item.permalinked>.rendered-content .avatar,.content-list.threaded .load-more.new>.rendered-content .avatar,.content-list.threaded .content-item.new>.rendered-content .avatar {
    left: 9px
}

.content-list.threaded .load-more>.rendered-content.suggested,.content-list.threaded .content-item>.rendered-content.suggested,.content-list.threaded .load-more>.rendered-content.verified,.content-list.threaded .content-item>.rendered-content.verified {
    padding-left: 60px
}

.content-list.threaded .load-more>.rendered-content.suggested .avatar,.content-list.threaded .content-item>.rendered-content.suggested .avatar,.content-list.threaded .load-more>.rendered-content.verified .avatar,.content-list.threaded .content-item>.rendered-content.verified .avatar {
    left: 9px
}

.content-list.threaded .load-more .reply-form,.content-list.threaded .content-item .reply-form {
    position: relative;
    margin-top: 15px
}

.content-list.threaded .load-more .reply-form.create,.content-list.threaded .content-item .reply-form.create {
    margin-left: 58px;
    padding-left: 55px
}

.content-list.threaded .load-more .reply-form .button,.content-list.threaded .content-item .reply-form .button {
    padding: 5px 10px;
    border: 1px solid transparent;
    display: inline-block
}

.content-list.threaded .load-more .reply-form .button:hover,.content-list.threaded .content-item .reply-form .button:hover {
    border: 1px solid var(--color-gray-200)
}

.content-list.threaded .load-more .reply-form .avatar,.content-list.threaded .content-item .reply-form .avatar {
    left: 9px;
    width: 39px;
    height: 39px
}

.content-list.threaded .load-more .reply-form .avatar img,.content-list.threaded .content-item .reply-form .avatar img {
    max-width: 39px;
    max-height: 39px
}

.content-list.threaded .load-more .content-item .rendered-content,.content-list.threaded .content-item .content-item .rendered-content {
    padding-left: 55px
}

.content-list.threaded .load-more .content-item .avatar img,.content-list.threaded .content-item .content-item .avatar img {
    max-width: 39px;
    max-height: 39px
}

.content-list.threaded .load-more .content-item>.rendered-content .avatar,.content-list.threaded .content-item .content-item>.rendered-content .avatar {
    width: 39px;
    height: 39px
}

.content-list.threaded .load-more .content-item .newreply,.content-list.threaded .content-item .content-item .newreply {
    border-left: 4px solid var(--color-gray-200)
}

.content-list.threaded .load-more .content-item .reply-form.create,.content-list.threaded .content-item .content-item .reply-form.create {
    margin-left: 58px;
    padding-left: 50px;
    padding-bottom: 15px
}

.content-list.threaded .load-more .content-item .reply-form .avatar,.content-list.threaded .content-item .content-item .reply-form .avatar {
    width: 34px;
    height: 34px
}

.content-list.threaded .load-more .content-item .reply-form .avatar img,.content-list.threaded .content-item .content-item .reply-form .avatar img {
    max-width: 34px;
    max-height: 34px
}

.content-list.threaded .load-more .content-item .content-list.threaded:not(:empty),.content-list.threaded .content-item .content-item .content-list.threaded:not(:empty) {
    padding-bottom: 15px;
    padding-top: 0
}

.content-list.threaded .load-more .content-item .content-item .rendered-content,.content-list.threaded .content-item .content-item .content-item .rendered-content {
    padding-left: 50px
}

.content-list.threaded .load-more .content-item .content-item .avatar img,.content-list.threaded .content-item .content-item .content-item .avatar img {
    max-width: 34px;
    max-height: 34px
}

.content-list.threaded .load-more .content-item .content-item>.rendered-content .avatar,.content-list.threaded .content-item .content-item .content-item>.rendered-content .avatar {
    width: 34px;
    height: 34px
}

.content-list.threaded .load-more .content-item .content-item .reply-form.create,.content-list.threaded .content-item .content-item .content-item .reply-form.create {
    margin-left: 46px;
    padding-left: 45px
}

.content-list.threaded .load-more .content-item .content-item .reply-form .avatar,.content-list.threaded .content-item .content-item .content-item .reply-form .avatar {
    width: 29px;
    height: 29px
}

.content-list.threaded .load-more .content-item .content-item .reply-form .avatar img,.content-list.threaded .content-item .content-item .content-item .reply-form .avatar img {
    max-width: 29px;
    max-height: 29px
}

.content-list.threaded .load-more .avatar,.content-list.threaded .content-item .avatar {
    position: absolute;
    left: 0;
    top: 0
}

.content-list.threaded .load-more .avatar img,.content-list.threaded .content-item .avatar img {
    border-radius: 45px
}

.content-list.threaded .load-more .meta,.content-list.threaded .content-item .meta {
    padding: 7.5px 0 0 0;
    font: var(--font-hmc-body-m);
    color: var(--color-gray-900)
}

.content-list.threaded .load-more .meta a,.content-list.threaded .content-item .meta a {
    color: var(--color-blue-700)
}

.content-list.threaded .load-more .meta a.links-expanded,.content-list.threaded .content-item .meta a.links-expanded {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content-list.threaded .load-more .meta a.links-expanded[data-position="downright"],.content-list.threaded .content-item .meta a.links-expanded[data-position="downright"],.content-list.threaded .load-more .meta a.links-expanded[data-position="downleft"],.content-list.threaded .content-item .meta a.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.content-list.threaded .load-more .meta a.links-expanded[data-position="upright"],.content-list.threaded .content-item .meta a.links-expanded[data-position="upright"],.content-list.threaded .load-more .meta a.links-expanded[data-position="upleft"],.content-list.threaded .content-item .meta a.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.content-list.threaded .load-more .meta a.links-expanded:hover,.content-list.threaded .content-item .meta a.links-expanded:hover,.content-list.threaded .load-more .meta a.links-expanded:active,.content-list.threaded .content-item .meta a.links-expanded:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-list.threaded .load-more .meta .votes,.content-list.threaded .content-item .meta .votes {
    display: flex;
    align-items: center;
    margin-right: 0;
    color: var(--color-black)
}

.content-list.threaded .load-more .meta .votes .current,.content-list.threaded .content-item .meta .votes .current {
    float: left;
    cursor: pointer
}

.content-list.threaded .load-more .meta .votes .up,.content-list.threaded .content-item .meta .votes .up {
    display: inline-block;
    width: 16.8px;
    height: 16.8px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    padding-right: 0;
    margin-right: 0;
    float: left;
    color: var(--color-blue-700)
}

.content-list.threaded .load-more .meta .votes .up:before,.content-list.threaded .content-item .meta .votes .up:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 16.8px;
    height: 16.8px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e876";
    font-family: Entypo;
    font-size: 16.8px;
    line-height: 16.8px
}

.content-list.threaded .load-more .meta .votes .down,.content-list.threaded .content-item .meta .votes .down {
    display: inline-block;
    width: 16.8px;
    height: 16.8px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    padding-right: 0;
    margin-right: 0;
    color: var(--color-blue-700)
}

.content-list.threaded .load-more .meta .votes .down:before,.content-list.threaded .content-item .meta .votes .down:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 16.8px;
    height: 16.8px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e873";
    font-family: Entypo;
    font-size: 16.8px;
    line-height: 16.8px
}

.content-list.threaded .load-more .meta .votes .selected,.content-list.threaded .content-item .meta .votes .selected {
    color: var(--color-red-700)
}

.content-list.threaded .load-more .meta .primary,.content-list.threaded .content-item .meta .primary,.content-list.threaded .load-more .meta .new-reply,.content-list.threaded .content-item .meta .new-reply {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    background-color: var(--color-blue-700);
    color: var(--color-white);
    padding: var(--space-1);
    border-radius: var(--space-1)
}

.content-list.threaded .load-more .meta.edit,.content-list.threaded .content-item .meta.edit {
    display: none
}

.content-list.threaded .load-more .meta.standard,.content-list.threaded .content-item .meta.standard {
    display: block
}

.content-list.threaded .load-more .meta .host-address,.content-list.threaded .content-item .meta .host-address {
    margin-right: 7.5px
}

.content-list.threaded .load-more .author .meta,.content-list.threaded .content-item .author .meta {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-300);
    font-style: italic;
    padding: 5px 0
}

.content-list.threaded .load-more .author .meta a,.content-list.threaded .content-item .author .meta a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    color: var(--color-gray-500)
}

.content-list.threaded .load-more .author .user-name,.content-list.threaded .content-item .author .user-name {
    font: var(--font-hmc-body-m);
}

.content-list.threaded .load-more .author .user-name a,.content-list.threaded .content-item .author .user-name a {
    color: var(--color-blue-700)
}

.content-list.threaded .load-more .rendered-content:hover .meta a,.content-list.threaded .content-item .rendered-content:hover .meta a {
    color: var(--color-blue-700)
}

.content-list.threaded .load-more .rendered-content:hover .meta a:hover,.content-list.threaded .content-item .rendered-content:hover .meta a:hover {
    color: var(--color-blue-500)
}

.content-list.threaded .load-more .rendered-content:hover .meta a:active,.content-list.threaded .content-item .rendered-content:hover .meta a:active {
    color: var(--color-blue-900)
}

.content-list.threaded .load-more .rendered-content:hover .meta a.links-expanded,.content-list.threaded .content-item .rendered-content:hover .meta a.links-expanded {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content:hover .meta a.links-expanded:hover,.content-list.threaded .content-item .rendered-content:hover .meta a.links-expanded:hover,.content-list.threaded .load-more .rendered-content:hover .meta a.links-expanded:active,.content-list.threaded .content-item .rendered-content:hover .meta a.links-expanded:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content:hover .meta .primary,.content-list.threaded .content-item .rendered-content:hover .meta .primary,.content-list.threaded .load-more .rendered-content:hover .meta .new-reply,.content-list.threaded .content-item .rendered-content:hover .meta .new-reply {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content:hover .meta .primary:hover,.content-list.threaded .content-item .rendered-content:hover .meta .primary:hover,.content-list.threaded .load-more .rendered-content:hover .meta .new-reply:hover,.content-list.threaded .content-item .rendered-content:hover .meta .new-reply:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content:hover .meta .primary:active,.content-list.threaded .content-item .rendered-content:hover .meta .primary:active,.content-list.threaded .load-more .rendered-content:hover .meta .new-reply:active,.content-list.threaded .content-item .rendered-content:hover .meta .new-reply:active {
    background-color: var(--color-blue-900);
    color: var(--color-white)
}

.content-list.threaded .load-more .rendered-content:hover .vote .primary,.content-list.threaded .content-item .rendered-content:hover .vote .primary {
    background-color: var(--color-green-500)
}

.content-list.threaded .load-more .rendered-content:hover .vote .primary:hover,.content-list.threaded .content-item .rendered-content:hover .vote .primary:hover {
    background-color: var(--color-green-700)
}

.content-list.threaded .load-more .rendered-content:hover .vote .primary:active,.content-list.threaded .content-item .rendered-content:hover .vote .primary:active {
    background-color: var(--color-green-500)
}

.content-list.threaded .load-more .rendered-content:hover .unvote .primary,.content-list.threaded .content-item .rendered-content:hover .unvote .primary {
    background-color: var(--color-red-700)
}

.content-list.threaded .load-more .rendered-content:hover .unvote .primary:hover,.content-list.threaded .content-item .rendered-content:hover .unvote .primary:hover {
    background-color: var(--color-red-800)
}

.content-list.threaded .load-more .rendered-content:hover .unvote .primary:active,.content-list.threaded .content-item .rendered-content:hover .unvote .primary:active {
    background-color: var(--color-blue-800)
}

.content-list.threaded .load-more .new-replies-wrapper,.content-list.threaded .content-item .new-replies-wrapper {
    font-style: normal
}

.content-list.threaded .load-more .new-replies-wrapper a,.content-list.threaded .content-item .new-replies-wrapper a {
    border-left: 4px solid var(--color-blue-700);
    padding-left: 5px;
    padding-bottom: 1px;
    color: var(--color-gray-500)
}

.content-list.threaded .load-more .new-replies-wrapper a:hover,.content-list.threaded .content-item .new-replies-wrapper a:hover {
    color: var(--color-blue-500)
}

.content-list.threaded .load-more .new-replies-wrapper a:active,.content-list.threaded .content-item .new-replies-wrapper a:active {
    color: var(--color-blue-800)
}

.content-list.threaded .load-more.deleted>.rendered-content,.content-list.threaded .content-item.deleted>.rendered-content {
    opacity: 0.75;
    font-style: italic;
    color: var(--color-gray-500)
}

.content-list.threaded .load-more.deleted>.rendered-content .navigation-list[data-direction='horizontal'] a,.content-list.threaded .content-item.deleted>.rendered-content .navigation-list[data-direction='horizontal'] a {
    margin: 0;
    padding: 0
}

.content-list.threaded .load-more.hide-content .threaded-reply-content,.content-list.threaded .content-item.hide-content .threaded-reply-content {
    display: none
}

.content-list.threaded .load-more.hide-content .content-item .threaded-reply-content,.content-list.threaded .content-item.hide-content .content-item .threaded-reply-content {
    display: block
}

.content-list.threaded .load-more.edit .meta.edit,.content-list.threaded .content-item.edit .meta.edit {
    display: block
}

.content-list.threaded .load-more.edit .meta.default,.content-list.threaded .content-item.edit .meta.default {
    display: none
}

.content-list.threaded .load-more.edit .content-item .meta.edit,.content-list.threaded .content-item.edit .content-item .meta.edit {
    display: none
}

.content-list.threaded .load-more.edit .content-item .meta.default,.content-list.threaded .content-item.edit .content-item .meta.default {
    display: block
}

.content-list.threaded .load-more:first-child>.rendered-content.suggested,.content-list.threaded .content-item:first-child>.rendered-content.suggested,.content-list.threaded .load-more:first-child>.rendered-content.verified,.content-list.threaded .content-item:first-child>.rendered-content.verified {
    margin-top: 0
}

.content-list.threaded .content-list.threaded {
    border: 0px;
    border-left: 4px solid var(--color-gray-200);
}

.content-list.threaded .content-list.threaded:not(:empty) {
    padding-top: 15px;
    padding-bottom: 0
}

.content-list.threaded .load-more {
    padding: 0 0 0 0px;
    font: var(--font-hmc-body-m);
    position: relative
}

.content-list.threaded .load-more a {
    width: 100%;
    background-color: var(--color-gray-200);
    color: var(--color-gray-800);
    padding: 7.5px 45px 7.5px 45px;
    display: block;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s
}

.content-list.threaded .load-more a:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e883";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.content-list.threaded .load-more a:hover {
    color: var(--color-white);
    background-color: var(--color-green-700)
}

.content-list.threaded .load-more a:active {
    color: var(--color-white);
    background-color: var(--color-green-700)
}

.content-list.threaded .load-more.previous {
    padding: 0px 0 15px 0px
}

.content-list.threaded .load-more.previous a:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e886";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.content-list.threaded .load-more[data-inline] a:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.content-list.threaded .load-more .ui-loading {
    display: none
}

.content-list.threaded .load-more.loading a {
    display: none
}

.content-list.threaded .load-more.loading .ui-loading {
    display: block
}

.content-list.threaded .content-list.threaded .load-more {
    padding-left: 15px
}

.content-list.threaded .content-list.threaded .load-more.previous {
    padding-left: 15px
}

.content-list.threaded>li:first-child.load-more[data-inline] a:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e886";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.threaded-filter {
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px
}

.threaded-filter .filter.order {
    justify-content: center
}

.threaded-filter .filter.order .filter-option {
    flex: 0 0 0
}

.threaded-filter .filter.order a {
    font: var(--font-hmc-body-m);
    border-bottom: 0px;
    margin: 0 5px 0 5px;
    padding: 5px 15px 5px 15px;
    border-radius: 3px
}

.threaded-filter .filter.order li.selected a {
    border: 1px solid var(--color-gray-300)
}

.threaded-summary {
    margin-bottom: 37.5px
}

.threaded-summary h2,.threaded-summary h3 {
    margin: 15px 0 15px 0;
    font: var(--font-hmc-body-m);
    font-weight: 400;
    color: var(--color-gray-900);
    -webkit-font-smoothing: subpixel-antialiased
}

.threaded-summary .content-list .content-item {
    padding: 0 15px 0 0;
    padding-left: 54px;
    position: relative;
    min-height: 44px;
    margin: 0 0 15px 0
}

.threaded-summary .content-list .content-item .author .meta {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-900);
    font-style: italic;
    padding: 0 0 7.5px 0
}

.threaded-summary .content-list .content-item .author .meta a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    color: var(--color-blue-700)
}

.threaded-summary .content-list .content-item .author .votes {
    color: var(--color-gray-900);
    margin-left: 15px;
    font-weight: 600;
    font-style: normal;
    margin-right: 7.5px
}

.threaded-summary .content-list .content-item .author .status {
    font: var(--font-hmc-body-xs);
    padding: 2px;
    background-color: var(--color-red-700);
    color: var(--color-white);
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    top: 3px
}

.threaded-summary .content-list .content-item .author .status:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.threaded-summary .content-list .content-item .author .status:before {
    left: auto;
    right: 1px;
    font: var(--font-hmc-body-xs);
}

.threaded-summary .content-list .content-item .author .status.verified {
    background-color: var(--color-green-500);
    color: var(--color-white)
}

.threaded-summary .content-list .content-item .author .status.suggested {
    background-color: var(--color-yellow-500)
}

.threaded-summary .content-list .content-item .author .user-name {
    font: var(--font-hmc-body-m);
    padding-right: 7.5px;
    font-style: normal
}

.threaded-summary .content-list .content-item .author .user-name a {
    color: var(--color-blue-700)
}

.threaded-summary .content-list .content-item .content {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.threaded-summary .content-list .content-item .view-full-post {
    overflow: hidden;
    max-width: 100%;
    color: var(--color-black)
}

.threaded-summary .content-list .content-item .view-full-post:hover {
    color: var(--color-blue-700)
}

.threaded-summary .content-list .avatar {
    position: absolute;
    left: 0;
    top: 0
}

.threaded-summary .content-list .avatar img {
    border-radius: 3px
}

.threaded-wrapper .ui-loading {
    opacity: 0.3
}

.threaded.new-replies.offscreen {
    position: fixed;
    bottom: 0;
    z-index: 500;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font: var(--font-hmc-body-m);
    color: var(--color-white)
}

.threaded.new-replies.offscreen a {
    border-radius: 3px 3px 0 0;
    background-color: var(--color-black);
    opacity: 0.8;
    padding: 7.5px 0 7.5px 0;
    display: block;
    color: var(--color-white)
}

.threaded.new-replies.offscreen a:hover {
    color: var(--color-blue-500);
    opacity: 0.95
}

.threaded.new-replies.offscreen a:active {
    color: var(--color-blue-800);
    opacity: 0.95
}

.avatar-list {
    margin-bottom: 37.5px
}

.avatar-list h2,.avatar-list h3 {
    margin: 15px 0 15px 0;
    font: var(--font-hmc-body-s);
    color: var(--color-gray-300);
    -webkit-font-smoothing: subpixel-antialiased
}

.avatar-list .content-list .content-item {
    padding: 0 15px 0 0;
    padding-left: 45px;
    position: relative;
    min-height: 35px;
    margin: 0 0 15px 0
}

.avatar-list .content-list .content-item .author {
    padding-top: 5px
}

.avatar-list .content-list .content-item .author .meta {
    font: var(--font-hmc-body-s);
    color: var(--color-gray-300);
    font-style: italic;
    padding: 0 0 7.5px 0
}

.avatar-list .content-list .content-item .author .meta a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    color: var(--color-gray-500)
}

.avatar-list .content-list .content-item .author .votes {
    color: var(--color-gray-400);
    margin-left: 15px;
    font-weight: 600;
    font-style: normal;
    margin-right: 7.5px
}

.avatar-list .content-list .content-item .author .status {
    font: var(--font-hmc-body-xs);
    padding: 2px;
    background-color: var(--color-red-700);
    color: var(--color-white);
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    top: 3px
}

.avatar-list .content-list .content-item .author .status:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.avatar-list .content-list .content-item .author .status:before {
    left: auto;
    right: 1px;
    font: var(--font-hmc-body-xs);
}

.avatar-list .content-list .content-item .author .status.verified {
    background-color: var(--color-green-500)
}

.avatar-list .content-list .content-item .author .status.suggested {
    background-color: var(--color-yellow-500)
}

.avatar-list .content-list .content-item .author .user-name {
    font: var(--font-hmc-body-m);
    padding-right: 7.5px;
}

.avatar-list .content-list .content-item .author .user-name a {
    color: var(--color-blue-700)
}

.avatar-list .content-list .content-item .content {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font: var(--font-hmc-body-m);
}

.avatar-list .content-list .content-item .view-full-post {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    color: var(--color-black)
}

.avatar-list .content-list .content-item .view-full-post:hover {
    color: var(--color-blue-700)
}

.avatar-list .content-list .avatar {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    overflow: hidden
}

.avatar-list .content-list .avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.tabbed-contents {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.tabbed-contents .tabs {
    border-right: solid 1px var(--color-gray-200);
    list-style: none;
    padding: 0 0 30px 0;
    text-overflow: ellipsis;
    width: 25%;
    min-width: 125px;
    max-width: 200px
}

.tabbed-contents .tabs .tab {
    padding: 0;
    margin: 0
}

.tabbed-contents .tabs .tab>a {
    display: block;
    padding: 15px 30px 15px 0;
    text-decoration: none;
    color: var(--color-gray-300);
    transition: color 0.1s,padding 0.1s;
    font-weight: 600
}

.tabbed-contents .tabs .tab>a:hover {
    color: var(--color-black);
    padding: 15px 22.5px 15px 7.5px
}

.tabbed-contents .tabs .tab>a:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e875";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 7.5px;
    position: relative;
    top: 1px
}

.tabbed-contents .tabs .tab.selected {
    margin: -1px -1px -1px 0;
    border-top: solid 1px var(--color-gray-200);
    border-bottom: solid 1px var(--color-gray-200);
    background-color: var(--color-white)
}

.tabbed-contents .tabs .tab.selected>a {
    color: var(--color-gray-700)
}

.tabbed-contents .contents {
    padding: 15px 15px 15px 30px;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity .avatar {
    border-radius: 500px;
    overflow: hidden
}

.activity .avatar img {
    border-radius: 500px
}

.activity .activity-avatar .avatar {
    border-radius: 0px;
    overflow: hidden
}

.activity .activity-avatar .avatar img {
    border-radius: 0px
}

.activity-story {
    padding-left: 66px;
    font: var(--font-hmc-body-m);
    position: relative;
    overflow: hidden;
    word-wrap: break-word
}

.activity-story.with-updateidentifier .full-post.updateidentifier {
    position: relative;
    left: -66px
}

.activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary {
    margin-bottom: 1em;
    padding: 0
}

.activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: "\e8b4";
    font-family: Entypo;
    font-size: 16px;
    line-height: 16px;
    margin-right: -4px;
    position: relative;
    top: 1px
}

.activity-story.highlight {
    padding-left: 81px
}

.activity-story.highlight:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-left: solid 7.5px var(--color-blue-700)
}

.activity-story p {
    word-wrap: break-word;
    text-rendering: auto
}

.activity-story p:empty {
    display: none
}

.activity-story .post-moderate {
    display: none
}

.activity-story .post-actions.activity {
    font: var(--font-hmc-body-m);
}

.activity-story .navigation-list {
    left: 0px
}

.activity-story .navigation-list span.date,.activity-story .navigation-list a.date {
    margin: 0 22.5px 0 0;
    padding: 0;
    color: var(--color-gray-500)
}

.activity-story .navigation-list a {
    color: var(--color-blue-700)
}

.activity-story .navigation-list a:hover {
    color: var(--color-blue-500)
}

.activity-story .navigation-list a.links-expanded {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-radius: 3px
}

.activity-story .navigation-list a.links-expanded[data-position="downright"],.activity-story .navigation-list a.links-expanded[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.activity-story .navigation-list a.links-expanded[data-position="upright"],.activity-story .navigation-list a.links-expanded[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.activity-story .navigation-list a.links-expanded:hover,.activity-story .navigation-list a.links-expanded:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.activity-story .navigation-list .navigation-item {
    font: var(--font-hmc-body-m);
}

.activity-story .navigation-list .navigation-item:before {
    display: none
}

.activity-story .navigation-list:before {
    display: none
}

.activity-story .full-post {
    line-height: 1.5em
}

.activity-story .full-post .content-item.action {
    line-height: 1.5em
}

.activity-story .full-post .content-item.action a {
    color: var(--color-gray-600)
}

.activity-story .full-post .content-item.action a:hover {
    color: var(--color-blue-500)
}

.activity-story .full-post .content-item.action a.expand:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e877";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 15px;
    position: relative;
    top: 1px
}

.activity-story .full-post .post-actions.activity {
    margin-top: 12px
}

.activity-story .activity-summary {
    color: var(--color-gray-900)
}

.activity-story .activity-summary a {
    color: var(--color-blue-700)
}

.activity-story .activity-summary a:hover {
    color: var(--color-blue-700)
}

.activity-story .activity-summary .user-name a {
    color: var(--color-blue-700)
}

.activity-story .activity-summary .user-name a:hover {
    color: var(--color-blue-700)
}

.activity-story .navigation-list-item:first-child a {
    margin-left: 0;
    padding-left: 30px
}

.activity-story .content-list.comments {
    margin-top: 0px;
    line-height: 1.5em
}

.activity-story .content-list.comments .content-item.action,.activity-story .content-list.comments .content-item.comment {
    position: relative;
    background-color: transparent;
    font: var(--font-hmc-body-m);
    padding: 10px 15px 10px 15px;
    display: block;
    overflow: hidden;
    border: 0px;
    word-wrap: break-word
}

.activity-story .content-list.comments .content-item.action .ui-loading,.activity-story .content-list.comments .content-item.comment .ui-loading {
    color: var(--color-gray-300)
}

.activity-story .content-list.comments .content-item.action.collapse,.activity-story .content-list.comments .content-item.comment.collapse {
    padding-bottom: 0px
}

.activity-story .content-list.comments .content-item.action.answer .answer-status,.activity-story .content-list.comments .content-item.comment.answer .answer-status {
    display: inline-block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 3px;
    width: var(--space-5);
    height: var(--space-5);
}

.activity-story .content-list.comments .content-item.action.answer .answer-status:before,.activity-story .content-list.comments .content-item.comment.answer .answer-status:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 9px;
    height: 9px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 16px;
    line-height: 22px
}

.activity-story .content-list.comments .content-item.action.answer .answer-status::before,.activity-story .content-list.comments .content-item.comment.answer .answer-status::before {
    background-color: var(--color-green-500);
    color: var(--color-white);
    border-radius: 500px;
    height: var(--space-5);
    width: var(--space-5);
}

.activity-story .content-list.comments .content-item.action.suggested .answer-status,.activity-story .content-list.comments .content-item.comment.suggested .answer-status {
    display: inline-block;
    width: 9px;
    height: 9px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    width: 15px;
    height: 15px
}

.activity-story .content-list.comments .content-item.action.suggested .answer-status:before,.activity-story .content-list.comments .content-item.comment.suggested .answer-status:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 9px;
    height: 9px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 9px;
    line-height: 9px
}

.activity-story .content-list.comments .content-item.action.suggested .answer-status::before,.activity-story .content-list.comments .content-item.comment.suggested .answer-status::before {
    background-color: var(--color-yellow-500);
    color: var(--color-white);
    border-radius: 500px;
    height: 14px;
    width: 15px;
    padding: 2px 0 0 0px;
    top: 1px
}

.activity-story .content-list.comments .content-item.action.highlight:after,.activity-story .content-list.comments .content-item.comment.highlight:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-left: solid 5px var(--color-blue-700)
}

.activity-story .content-list.comments .content-item.action .full-post.comment,.activity-story .content-list.comments .content-item.comment .full-post.comment {
    line-height: 1.5em
}

.activity-story .content-list.comments .content-item.action .full-post.comment .avatar,.activity-story .content-list.comments .content-item.comment .full-post.comment .avatar {
    top: 5px
}

.activity-story .content-list.comments .content-item.action .full-post.comment .post-author,.activity-story .content-list.comments .content-item.comment .full-post.comment .post-author {
    float: none;
    display: block;
    color: var(--color-gray-600)
}

.activity-story .content-list.comments .content-item.action .full-post.comment .navigation-item,.activity-story .content-list.comments .content-item.comment .full-post.comment .navigation-item {
    color: var(--color-gray-600)
}

.activity-story .content-list.comments .content-item.action .full-post.comment .post-content,.activity-story .content-list.comments .content-item.comment .full-post.comment .post-content {
    padding: 5px 0;
    float: none
}

.activity-story .content-list.comments .content-item.action.likes.with-likes .like-message,.activity-story .content-list.comments .content-item.comment.likes.with-likes .like-message {
    color: var(--color-gray-600)
}

.activity-story .content-list.comments .content-item.action.likes.with-likes .ui-like:before,.activity-story .content-list.comments .content-item.comment.likes.with-likes .ui-like:before {
    display: none
}

.activity-story .content-list.comments .content-item.action.likes.without-likes,.activity-story .content-list.comments .content-item.comment.likes.without-likes {
    display: none
}

.activity-story .content-list.comments .content-item.action .post-author .user-name a,.activity-story .content-list.comments .content-item.comment .post-author .user-name a {
    font: var(--font-hmc-body-m);
}

.activity-story .content-list.comments .content-item.action p,.activity-story .content-list.comments .content-item.comment p {
    font: var(--font-hmc-body-m);
    margin: 15px 0 15px 0;
    word-wrap: break-word
}

.activity-story .content-list.comments .content-item.action p:first-child,.activity-story .content-list.comments .content-item.comment p:first-child {
    margin-top: 0
}

.activity-story .content-list.comments .content-item.action p:last-child,.activity-story .content-list.comments .content-item.comment p:last-child,.activity-story .content-list.comments .content-item.action p:last-of-type,.activity-story .content-list.comments .content-item.comment p:last-of-type {
    margin-bottom: 0
}

.activity-story .content-list.comments .content-item.action .navigation-list,.activity-story .content-list.comments .content-item.comment .navigation-list {
    left: 0px
}

.activity-story .content-list.comments .content-item.action .navigation-item,.activity-story .content-list.comments .content-item.comment .navigation-item {
    font: var(--font-hmc-body-m);
}

.activity-story .content-list.comments .content-item.action .navigation-item a,.activity-story .content-list.comments .content-item.comment .navigation-item a {
    font: var(--font-hmc-body-m);
}

.activity-story .content-list.comments .content-item.action.comment-form,.activity-story .content-list.comments .content-item.comment.comment-form,.activity-story .content-list.comments .content-item.action.reply-form,.activity-story .content-list.comments .content-item.comment.reply-form {
    margin: 15px 0 0 0
}

.activity-story .content-list.comments .content-item.action.comment-form fieldset .field-list .field-item .field-item-input,.activity-story .content-list.comments .content-item.comment.comment-form fieldset .field-list .field-item .field-item-input,.activity-story .content-list.comments .content-item.action.reply-form fieldset .field-list .field-item .field-item-input,.activity-story .content-list.comments .content-item.comment.reply-form fieldset .field-list .field-item .field-item-input {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    padding-left: 40px
}

.activity-story .content-list.comments .content-item.action.comment-form .avatar,.activity-story .content-list.comments .content-item.comment.comment-form .avatar,.activity-story .content-list.comments .content-item.action.reply-form .avatar,.activity-story .content-list.comments .content-item.comment.reply-form .avatar {
    position: absolute;
    display: inline;
    top: 0;
    left: 0
}

.activity-story .content-list.comments .content-item.action.comment-form.with-avatar .avatar img,.activity-story .content-list.comments .content-item.comment.comment-form.with-avatar .avatar img,.activity-story .content-list.comments .content-item.action.reply-form.with-avatar .avatar img,.activity-story .content-list.comments .content-item.comment.reply-form.with-avatar .avatar img {
    border-radius: 500px
}

.activity-story .content-list.comments .content-item.action.comment-form .suggest-field,.activity-story .content-list.comments .content-item.comment.comment-form .suggest-field,.activity-story .content-list.comments .content-item.action.reply-form .suggest-field,.activity-story .content-list.comments .content-item.comment.reply-form .suggest-field {
    overflow: hidden;
    display: inline-block;
    padding: 5px 5px 5px 5px
}

.activity-story .content-list.comments .content-item.action.comment-form .suggest-field input,.activity-story .content-list.comments .content-item.comment.comment-form .suggest-field input,.activity-story .content-list.comments .content-item.action.reply-form .suggest-field input,.activity-story .content-list.comments .content-item.comment.reply-form .suggest-field input {
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    top: 1px
}

.activity-story .content-list.comments .content-item.action.comment-form .suggest-field label,.activity-story .content-list.comments .content-item.comment.comment-form .suggest-field label,.activity-story .content-list.comments .content-item.action.reply-form .suggest-field label,.activity-story .content-list.comments .content-item.comment.reply-form .suggest-field label {
    cursor: pointer;
    position: relative;
    top: 0px
}

.activity-story .content-list.comments .content-item.action.comment-form,.activity-story .content-list.comments .content-item.comment.comment-form {
    padding-left: 0
}

.activity-story .content-list.comments .content-item.action.reply-form,.activity-story .content-list.comments .content-item.comment.reply-form {
    padding-left: 50px
}

.activity-story .content-list.comments.with-content {
    margin-top: 15px
}

.activity-story .content-list.comments.with-content .content-item.action.comment-form,.activity-story .content-list.comments.with-content .content-item.comment.comment-form,.activity-story .content-list.comments.with-content .content-item.action.reply-form,.activity-story .content-list.comments.with-content .content-item.comment.reply-form {
    margin-top: 0
}

.activity-story .content-list.comments.with-content .content-item.comment.comment-form {
    padding-left: 15px
}

.activity-story .content-list.comments.with-content .content-item.comment.comment-form.reply-form {
    padding-left: 50px
}

.activity-story a.internal-link.view-user-profile.activity-summary-user,.activity-story .activity-title a,.activity-story .activity-summary .user-name a,.activity-story .full-post .post-content {
    font: var(--font-hmc-body-m);
}

.activity-story a.internal-link.view-user-profile.activity-summary-user a,.activity-story .activity-title a a,.activity-story .activity-summary .user-name a a,.activity-story .full-post .post-content a {
    font-weight: normal
}

.activity-story .post-author .avatar {
    left: -90px
}

.activity-story .post-author .avatar img {
    border-radius: 500px
}

.activity-story .post-attachment-viewer,.activity-story .activity-avatar {
    margin-right: 15px;
    padding: 7.5px
}

.activity-story .post-attachment-viewer.edit,.activity-story .activity-avatar.edit {
    margin-bottom: 15px
}

.activity-story .post-attachment-viewer:empty,.activity-story .activity-avatar:empty {
    display: none
}

.activity-story .status-edit-action {
    display: inline-block;
    padding: 4px 7px 4px 7px;
    cursor: pointer
}

.activity-story .post-attachment-viewer.access-denied {
    color: var(--color-gray-400);
    font: var(--font-hmc-body-m);
}

.activity-story .user-defined-markup img {
    max-width: 320px;
    max-height: 240px
}

.activity-story a.internal-link.view-user-profile.activity-summary-user,.activity-story .activity-title a,.activity-story .activity-summary .user-name a {
    font-weight: normal
}

.activity-story .content-list.comments .content-item.comment .user-name a, .activity-story .content-list.comments .content-item.comment .user-name span {
    font: var(--font-hmc-body-m);
}

.content-list .content-item.activity-story {
    font: var(--font-hmc-body-m);
    padding: 15px 0 15px 66px;
    border-top: 0px
}

.content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier {
    position: relative;
    left: -66px
}

.content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary {
    margin-bottom: 1em;
    padding: 0
}

.content-list .content-item.activity-story.with-updateidentifier .full-post.updateidentifier .activity-summary:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: "\e8b4";
    font-family: Entypo;
    font-size: 16px;
    line-height: 16px;
    margin-right: -4px;
    position: relative;
    top: 1px
}

.content-list .content-item.activity-story.with-updateidentifier .full-post.activity .post-author.activity,.content-list .content-item.activity-story.with-updateidentifier .full-post.activity .post-content.activity {
    position: relative
}

.content-list.single .content-item.activity-story {
    border-top-width: 0
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .via {
    font: var(--font-hmc-body-m);
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .twitter-intents li a {
    font: var(--font-hmc-body-m);
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .date {
    font: var(--font-hmc-body-m);
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .twitter-follow-button {
    margin-right: 0px
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .navigation-list a {
    color: var(--color-blue-700)
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .internal-link {
    display: none
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .avatar.twitter {
    left: -65px
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .avatar.twitter .view-user-profile {
    display: block
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .user-name .internal-link {
    display: inline;
    font: var(--font-hmc-body-m);
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .navigation-list[data-direction='horizontal'] a {
    padding-left: 0px
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .navigation-list[data-direction='horizontal'] a.links-expanded {
    padding-left: 15px;
    color: var(--color-white)
}

li.activity-story.content-type-293f75d1-2a3e-43ed-9173-af885c593139 .post-actions.activity {
    display: block
}

.idea-status {
    color: var(--color-gray-200)
}

.idea-status.status-comingsoon,.idea-status.status-comingsoon .attribute-value {
    color: var(--color-yellow-500)
}

.idea-status.status-complete,.idea-status.status-complete .attribute-value {
    color: var(--color-green-500)
}

.idea-status.status-notplanned,.idea-status.status-notplanned .attribute-value {
    color: var(--color-red-700)
}

.idea-status.status-underreview,.idea-status.status-underreview .attribute-value {
    color: var(--color-gray-800)
}

.activity-story .ui-vote {
    display: block;
    width: 45px;
    margin: 5px 5px 0 0;
    position: static
}

.activity-story .activity-description.idea {
    padding-bottom: 0
}

.activity-story .post-voting {
    display: table-cell;
    height: 70px;
    width: 50px;
    vertical-align: top
}

.activity-story .activity-container.idea {
    display: table;
    width: 100%
}

.activity-story .activity-content.idea {
    display: table-cell;
    padding: 3px 5px;
    height: 66px;
    vertical-align: top
}

.activity-story .ui-vote .score-summary {
    position: relative;
    z-index: 9
}

.activity-container.calendar {
    position: relative;
    padding: 5px 5px 5px 55px;
    min-height: 55px
}

.activity-container.calendar:before {
    content: "\E85B";
    color: var(--color-gray-300);
    font-display: swap;
    font-family: Entypo;
    font-size: 50px;
    position: absolute;
    top: 2px;
    left: 0;
    line-height: 50px
}

.activity-title.calendar.cancelled {
    color: var(--color-red-700)
}

span.who-is-coming,span.remaining-users {
    font-weight: bold
}

.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-suggested-answer,.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-answer,.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-reply {
    margin-top: 15px
}

.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-suggested-answer .author,.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-answer .author,.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-reply .author {
    color: var(--color-gray-300);
    font: var(--font-hmc-body-m);
    display: block
}

.group-application-separator {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.group-application-separator:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 12px;
    height: 12px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e875";
    font-family: Entypo;
    font-size: 12px;
    line-height: 12px
}

.activity-story-filter {
    clear: both;
    overflow: hidden;
    border-top: 1px solid var(--color-gray-200);
    padding: 3px;
    margin: 3px 0px 0px 0px
}

.activity-story-filter label {
    width: 33%;
    float: left
}

.header-fragments .layout .layout-content .layout-region.header .layout-region-inner {
    max-width: 100%
}

.full-post.activity .abbreviated-post.shared-link,.abbreviated-post.shared-link.abbreviated-post,.abbreviated-post.shared-link {
    display: block;
    text-decoration: none;
    min-height: auto;
    margin: 0;
    max-width: 375px;
    font: var(--font-hmc-body-m);
    color: var(--color-black);
    background-color: var(--color-white);
    border: 0px
}

.full-post.activity .abbreviated-post.shared-link .post-name a:link,.abbreviated-post.shared-link.abbreviated-post .post-name a:link,.abbreviated-post.shared-link .post-name a:link,.full-post.activity .abbreviated-post.shared-link .post-name a:visited h4,.abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4,.abbreviated-post.shared-link .post-name a:visited h4,.full-post.activity .abbreviated-post.shared-link .post-name,.abbreviated-post.shared-link.abbreviated-post .post-name,.abbreviated-post.shared-link .post-name {
    font: var(--font-hmc-title-xs);
}

.full-post.activity .abbreviated-post.shared-link .post-name a:link a,.abbreviated-post.shared-link.abbreviated-post .post-name a:link a,.abbreviated-post.shared-link .post-name a:link a,.full-post.activity .abbreviated-post.shared-link .post-name a:visited h4 a,.abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4 a,.abbreviated-post.shared-link .post-name a:visited h4 a,.full-post.activity .abbreviated-post.shared-link .post-name a,.abbreviated-post.shared-link.abbreviated-post .post-name a,.abbreviated-post.shared-link .post-name a {
    font: var(--font-hmc-title-xs);
}

.full-post.activity .abbreviated-post.shared-link .post-name a:link a a:link,.abbreviated-post.shared-link.abbreviated-post .post-name a:link a a:link,.abbreviated-post.shared-link .post-name a:link a a:link,.full-post.activity .abbreviated-post.shared-link .post-name a:visited h4 a a:link,.abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4 a a:link,.abbreviated-post.shared-link .post-name a:visited h4 a a:link,.full-post.activity .abbreviated-post.shared-link .post-name a a:link,.abbreviated-post.shared-link.abbreviated-post .post-name a a:link,.abbreviated-post.shared-link .post-name a a:link,.full-post.activity .abbreviated-post.shared-link .post-name a:link a:visited,.abbreviated-post.shared-link.abbreviated-post .post-name a:link a:visited,.abbreviated-post.shared-link .post-name a:link a:visited,.full-post.activity .abbreviated-post.shared-link .post-name a:visited h4 a:visited,.abbreviated-post.shared-link.abbreviated-post .post-name a:visited h4 a:visited,.abbreviated-post.shared-link .post-name a:visited h4 a:visited,.full-post.activity .abbreviated-post.shared-link .post-name a:visited,.abbreviated-post.shared-link.abbreviated-post .post-name a:visited,.abbreviated-post.shared-link .post-name a:visited {
    font: var(--font-hmc-title-xs);
}

.full-post.activity .abbreviated-post.shared-link a,.abbreviated-post.shared-link.abbreviated-post a,.abbreviated-post.shared-link a {
    text-decoration: none;
    color: var(--color-black)
}

.full-post.activity .abbreviated-post.shared-link.with-image,.abbreviated-post.shared-link.abbreviated-post.with-image,.abbreviated-post.shared-link.with-image {
    padding-left: 0;
    padding-top: 203.5px
}

.full-post.activity .abbreviated-post.shared-link .post-application a,.abbreviated-post.shared-link.abbreviated-post .post-application a,.abbreviated-post.shared-link .post-application a {
    color: var(--color-gray-700);
    font-style: italic
}

.full-post.activity .abbreviated-post.shared-link .post-summary,.abbreviated-post.shared-link.abbreviated-post .post-summary,.abbreviated-post.shared-link .post-summary {
    margin: 0;
    margin-top: 7.5px
}

.content-fragment .content>.content .abbreviated-post.shared-link.abbreviated-post,.content-fragment .content>.content .abbreviated-post.shared-link {
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--color-gray-200);
    overflow: hidden;
    padding: 15px
}

.content-fragment .content>.content .abbreviated-post.shared-link.abbreviated-post.with-image,.content-fragment .content>.content .abbreviated-post.shared-link.with-image {
    padding-top: 203.5px
}

.content-fragment .content>.content a:hover .abbreviated-post.shared-link.abbreviated-post,.content-fragment .content>.content a:hover .abbreviated-post.shared-link {
    text-decoration: none
}

.full-post.activity .abbreviated-post.shared-link.with-image,.full-post.activity .abbreviated-post.shared-link {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.ui-vote {
    display: block;
    width: 45px;
    position: absolute;
    top: 9px;
    left: 0;
    text-align: center;
    border: solid 1px var(--color-gray-200);
    border-radius: 3px
}

.ui-vote div.vote-score {
    font: var(--font-hmc-body-m);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-gray-500)
}

.ui-vote img {
    height: 20px;
    width: 45px;
    display: block;
    padding: 0 4px
}

.ui-vote .upvote,.ui-vote .downvote,.ui-vote .votearrowplaceholder {
    display: block;
    width: 100%;
    height: 20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 0;
    margin-top: 0
}

.ui-vote .score-summary {
    margin: 0;
    border-top: solid 1px var(--color-gray-100);
    border-bottom: solid 1px var(--color-gray-100)
}

.ui-vote .score-summary a {
    padding: 7.5px 0;
    height: 100%;
    width: 100%;
    display: block
}

.ui-vote .upvote:before,.ui-vote .downvote:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    display: block;
    font-family: Entypo;
    font-size: 14px;
    line-height: 20px;
    font-weight: 900
}

.ui-vote .upvote {
    padding: 4px 0 4px 0;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    background-color: var(--color-white);
    color: var(--color-blue-700);
    font: var(--font-hmc-body-m);
    margin-right: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: block
}

.ui-vote .upvote:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.ui-vote .upvote:focus {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.ui-vote .upvote:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

.ui-vote .upvote.disabled {
    background-color: var(--color-blue-500);
    cursor: default
}

.ui-vote .upvote.disabled:hover {
    color: var(--color-blue-700)
}

.ui-vote .upvote:before {
    content: "\e87e"
}

.ui-vote .upvote:hover {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.ui-vote .downvote {
    padding: 4px 0 4px 0;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    background-color: var(--color-white);
    color: var(--color-blue-700);
    font: var(--font-hmc-body-m);
    margin-right: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block
}

.ui-vote .downvote:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.ui-vote .downvote:focus {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.ui-vote .downvote:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

.ui-vote .downvote.disabled {
    background-color: var(--color-blue-500);
    cursor: default
}

.ui-vote .downvote.disabled:hover {
    color: var(--color-blue-700)
}

.ui-vote .downvote:before {
    content: "\e87b"
}

.ui-vote .downvote:hover {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.ui-vote .selected {
    color: var(--color-white);
    background-color: var(--color-gray-300)
}

.ui-vote .selected:hover {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.ui-vote .multiple:before {
    width: 20px;
    left: 1px
}

.ui-vote .multiple .multiple-value {
    position: absolute;
    height: 20px;
    font: var(--font-hmc-body-xs);
    text-align: right;
    right: 3px;
    top: 0;
    line-height: 20px;
    font-weight: 100;
    text-indent: 0
}

.ui-vote .multiple .multiple-value:before {
    content: 'x';
    display: inline;
    position: relative;
    top: -1px;
    left: -1px;
    font: var(--font-hmc-body-xs);
}

.ui-vote .readonly {
    color: var(--color-gray-300);
    background-color: var(--color-white)
}

.ui-vote .readonly:hover {
    color: var(--color-gray-300);
    background-color: var(--color-white)
}

.ui-links {
    display: none
}

.ui-rate {
    overflow: hidden;
    padding: 0px
}

.ui-rate a {
    margin: 0;
    padding: 0
}

.ui-forumvotes.reply {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.ui-forumvotes.reply:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e812";
    font-family: Entypo;
    font-size: 24px;
    line-height: 24px
}

.ui-forumvotes.thread {
    margin-left: 1px
}

.ui-forumvotes.thread:before {
    width: 15.4px;
    height: 15.4px;
    display: inline-block;
    content: '\e900';
    font-family: Entypo;
    font-size: 15.4px;
    line-height: 15.4px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.ui-forumvotes[data-count="0"] {
    display: none
}

.ui-forumvotes[data-voted="false"] {
    color: var(--color-gray-300)
}

.navigation-list[data-direction="horizontal"] a.ui-forumvotes {
    padding-right: 0px
}

.navigation-list[data-direction="horizontal"] a.ui-forumvotes:before {
    margin-left: 15px
}

.ui-moderate a {
    text-indent: 0;
    width: 100%;
    height: auto;
    padding: 0px
}

.ui-moderate a:hover {
    background-color: transparent
}

.ui-masonry {
    visibility: hidden
}

.ui-like {
    color: var(--color-gray-400)
}

.ui-like .like-count {
    color: var(--color-gray-400);
    margin-right: 0
}

.ui-like .like-count:before {
    width: 9.8px;
    height: 9.8px;
    display: inline-block;
    content: "\e82b";
    font-family: Entypo;
    font-size: 9.8px;
    line-height: 9.8px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.ui-like .like-count:before {
    top: -1px
}

.ui-like .like-count[data-count="0"] {
    display: none
}

.ui-like .like-toggle a {
    padding: 8px 7.5px 0 0
}

.ui-like[data-initialstate="true"] {
    color: var(--color-blue-700)
}

.ui-like[data-initialstate="true"] a {
    color: var(--color-blue-700)
}

.ui-like[data-initialstate="true"] .like-count {
    color: var(--color-blue-700)
}

.ui-like[data-initialstate="false"][data-count="0"]:before {
    display: none
}

.modal-content .who-likes-list ul {
    overflow: hidden
}

.modal-content .who-likes-list .show-more {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-300);
    padding-top: 15px
}

.modal-content .who-likes-list .show-more:hover {
    color: var(--color-blue-700)
}

.modal-content .who-likes-list .content-list .content-item .avatar {
    top: 0px
}

.modal-content .who-likes-list .content-list .content-item img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.ui-select {
    display: none
}

.uiselect-full {
    display: inline-block;
    position: relative;
    background-image: none;
    border: 1px solid var(--color-gray-300);
    background-color: var(--color-white);
    padding: 0px;
    padding-right: 17px;
    border-radius: 3px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect-full>span {
    padding: 7.5px 15px 7.5px 15px;
    display: inline-block;
    border: 0px;
    margin: 0px;
    overflow: visible;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect-full>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-300);
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 28px
}

.uiselect-full>span:after:hover {
    color: var(--color-white)
}

.uiselect-full:hover,.uiselect-full.active {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-color: var(--color-blue-700)
}

.uiselect-full:hover>span,.uiselect-full.active>span {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.uiselect-full:hover>span:after,.uiselect-full.active>span:after {
    color: var(--color-white)
}

.uiselect-full.active[data-position="downright"],.uiselect-full.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.uiselect-full.active[data-position="upright"],.uiselect-full.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.uiselect-slim {
    display: inline-block;
    position: relative;
    background-image: none;
    border: 1px solid var(--color-gray-300);
    background-color: var(--color-white);
    padding: 0px;
    padding-right: 17px;
    border-radius: 3px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    border: 0px;
    padding: 0 0 0 0;
    border-radius: 0px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.uiselect-slim>span {
    padding: 7.5px 15px 7.5px 15px;
    display: inline-block;
    border: 0px;
    margin: 0px;
    overflow: visible;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect-slim>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-300);
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 28px
}

.uiselect-slim>span:after:hover {
    color: var(--color-white)
}

.uiselect-slim:hover,.uiselect-slim.active {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-color: var(--color-blue-700)
}

.uiselect-slim:hover>span,.uiselect-slim.active>span {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.uiselect-slim:hover>span:after,.uiselect-slim.active>span:after {
    color: var(--color-white)
}

.uiselect-slim.active[data-position="downright"],.uiselect-slim.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.uiselect-slim.active[data-position="upright"],.uiselect-slim.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.uiselect-slim>span {
    padding: 0px 37.5px 0 0;
    font: var(--font-hmc-body-m);
    background-color: var(--color-white);
    color: var(--color-gray-400);
    position: relative;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.uiselect-slim>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-400);
    position: absolute;
    top: 1px;
    right: 15px;
    line-height: 14px;
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    transition: color 0.15s
}

.uiselect-slim>span:after:hover {
    color: var(--color-white)
}

.uiselect-slim:hover,.uiselect-slim.active {
    background-color: transparent;
    color: var(--color-black)
}

.uiselect-slim:hover>span,.uiselect-slim.active>span {
    color: var(--color-black);
    background-color: transparent
}

.uiselect-slim:hover>span:after,.uiselect-slim.active>span:after {
    color: var(--color-black)
}

.uiselect-slim.active {
    color: var(--color-blue-700)
}

.uiselect-slim.active>span {
    color: var(--color-blue-700)
}

.uiselect-slim.active>span:after {
    color: var(--color-blue-700)
}

span.uiselect {
    display: inline-block;
    position: relative;
    background-image: none;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    border-width: 0px !important;
    border-bottom: solid 1px var(--color-gray-300) !important;
    padding: var(--space-1) var(--space-2) !important;
    margin-top: var(--space-1) !important;
    background-color: var(--color-white) !important;
}

span.uiselect>span {
    display: inline-block;
    overflow: visible;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s;
    padding: 0 var(--space-6) 0 0 !important;
    border: none !important;
}

span.uiselect>span:after {
    font-family: Entypo;
    content: "\e877";
    color: var(--color-gray-300);
    position: absolute;
    top: var(--space-1);
    font-size: var(--space-8) !important;
    line-height: var(--space-5) !important;
    right: 0px !important;
}
span.uiselect:hover{
    border-bottom: solid 1px var(--color-gray-600) !important;
}

span.uiselect:hover,span.uiselect.active {
    background-color: var(--color-blue-700);
    color: var(--color-white);
    border-color: var(--color-blue-700)
}

span.uiselect:hover>span,span.uiselect.active>span {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

span.uiselect:hover>span:after,span.uiselect.active>span:after {
    color: var(--color-white)
}

span.uiselect.active[data-position="downright"],span.uiselect.active[data-position="downleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

span.uiselect.active[data-position="upright"],span.uiselect.active[data-position="upleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.view .uiselect:hover, .by .uiselect:hover, .order .uiselect:hover {
    
}
.uiselect-options-full {
    background-image: none;
    background-color: Transparent;
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.uiselect-options-full>div>div {
    background-color: var(--color-white);
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: none;
    overflow: hidden
}

.uiselect-options-full>div>div>div {
    color: var(--color-blue-700);
    padding: 7.5px 15px 7.5px 15px;
    border: 0px;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect-options-full>div>div>div:hover,.uiselect-options-full>div>div>div.selected {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.uiselect-options-full:hover {
    background-color: transparent
}

.uiselect-options-full[data-position="downright"],.uiselect-options-full[data-position="downleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.uiselect-options-full[data-position="upright"],.uiselect-options-full[data-position="upleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.uiselect-options-slim {
    background-image: none;
    background-color: Transparent;
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.uiselect-options-slim>div>div {
    background-color: var(--color-white);
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: none;
    overflow: hidden
}

.uiselect-options-slim>div>div>div {
    color: var(--color-blue-700);
    padding: 7.5px 15px 7.5px 15px;
    border: 0px;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect-options-slim>div>div>div:hover,.uiselect-options-slim>div>div>div.selected {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.uiselect-options-slim:hover {
    background-color: transparent
}

.uiselect-options-slim[data-position="downright"],.uiselect-options-slim[data-position="downleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.uiselect-options-slim[data-position="upright"],.uiselect-options-slim[data-position="upleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.uiselect-options-slim div {
    font: var(--font-hmc-body-m);
}

.uiselect-options-slim div>div>div {
    padding: 7.5px 15px 7.5px 15px
}

.uiselect-options-slim[data-position="downright"],.uiselect-options-slim[data-position="downleft"] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.uiselect-options-slim[data-position="upright"],.uiselect-options-slim[data-position="upleft"] {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.uiselect.options {
    background-image: none;
    background-color: Transparent;
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-height: 500px;
    overflow-y: auto !important;
    overflow-x: hidden
}

.uiselect.options>div>div {
    background-color: var(--color-white);
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: none;
    overflow: hidden
}

.uiselect.options>div>div>div {
    color: var(--color-blue-700);
    padding: 7.5px 15px 7.5px 15px;
    border: 0px;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect.options>div>div>div:hover,.uiselect.options>div>div>div.selected {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.uiselect.options:hover {
    background-color: transparent
}

.uiselect.options[data-position="downright"],.uiselect.options[data-position="downleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.uiselect.options[data-position="upright"],.uiselect.options[data-position="upleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.uiselect.options.options-slim {
    background-image: none;
    background-color: Transparent;
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.uiselect.options.options-slim>div>div {
    background-color: var(--color-white);
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: none;
    overflow: hidden;
    border: none !important;
}

.uiselect.options.options-slim>div>div>div {
    color: var(--color-black);
    padding: var(--space-1) var(--space-2) !important;
    border: 0px;
    background-color: var(--color-white);
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    transition: background-color 0.15s
}

.uiselect.options.options-slim>div>div>div:hover,.uiselect.options.options-slim>div>div>div.selected {
    background-color: var(--color-blue-900) !important;
    color: var(--color-white)
}

.uiselect.options.options-slim:hover {
    background-color: transparent
}

.uiselect.options.options-slim[data-position="downright"],.uiselect.options.options-slim[data-position="downleft"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.uiselect.options.options-slim[data-position="upright"],.uiselect.options.options-slim[data-position="upleft"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.uiselect.options.options-slim div {
    font: var(--font-hmc-body-m);
}

.uiselect.options.options-slim div>div>div {
    padding: 7.5px 15px 7.5px 15px
}

.uiselect.options.options-slim[data-position="downright"],.uiselect.options.options-slim[data-position="downleft"] {
    border-radius: var(--space-2);
}

.uiselect.options.options-slim[data-position="upright"],.uiselect.options.options-slim[data-position="upleft"] {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.left-sidebar .uiselect,.split-sidebar-right .uiselect,.split-sidebar-left .uiselect,.content-left-sidebar-right .right-sidebar .uiselect,.sidebar-left-content-center-sidebar-right .right-sidebar .uiselect,.header-top-sidebar-left-content-center-sidebar-right .right-sidebar .uiselect,.header-top-content-left-sidebar-right .right-sidebar .uiselect,.header-top-content-left-sidebar-right-footer .right-sidebar .uiselect,.header-top-sidebar-left-content-center-sidebar-right-footer .right-sidebar .uiselect,.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .right-sidebar .uiselect {
    margin-bottom: 7.5px
}

.user-file-url>.user-file-url-preview {
    border: 1px solid var(--color-gray-300);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 4px;
    margin: 0 0 7.5px 0;
    background-color: var(--color-gray-200)
}

.user-file-url>.user-file-url-preview>img {
    margin: 0 auto;
    display: inherit
}

.user-file-url>a.upload:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e82e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.ui-forumqualityvotes {
    margin-left: 1px
}

.ui-forumqualityvotes .vote-indicator {
    color: var(--color-blue-700);
    display: inline-block;
    width: 15.4px;
    height: 15.4px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: 3px
}

.ui-forumqualityvotes .vote-indicator:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 15.4px;
    height: 15.4px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e872";
    font-family: Entypo;
    font-size: 15.4px;
    line-height: 15.4px
}

.ui-forumqualityvotes .thread-vote {
    display: inline-block
}

.ui-forumqualityvotes a.vote.up {
    display: inline-block;
    width: 21px;
    height: 21px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    padding-right: 0;
    margin-right: 0;
    height: 16px
}

.ui-forumqualityvotes a.vote.up:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 21px;
    height: 21px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e876";
    font-family: Entypo;
    font-size: 21px;
    line-height: 21px
}

.ui-forumqualityvotes a.vote.down {
    display: inline-block;
    width: 21px;
    height: 21px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    padding-right: 0;
    margin-right: 15px;
    height: 16px
}

.ui-forumqualityvotes a.vote.down:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 21px;
    height: 21px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e873";
    font-family: Entypo;
    font-size: 21px;
    line-height: 21px
}

.ui-forumqualityvotes a.vote {
    color: var(--color-gray-500)
}

.ui-forumqualityvotes a.vote:hover,.ui-forumqualityvotes a.vote:active {
    color: var(--color-blue-700)
}

.ui-forumqualityvotes .score {
    cursor: pointer
}

.ui-forumqualityvotes a.vote.selected {
    color: var(--color-red-700)
}

.content-fragment.thread-list .ui-forumqualityvotes .score:before {
    width: 15.4px;
    height: 15.4px;
    display: inline-block;
    content: "\e872";
    font-family: Entypo;
    font-size: 15.4px;
    line-height: 15.4px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.alreadyVotedOn,.internal-link.voteButton,.votedOn {
    margin-bottom: 10px
}

.poll.voting .poll-content .button.poll-vote {
    background-color: var(--color-blue-700);
    font: var(--font-hmc-body-m);
    color: var(--color-white);
    text-decoration: none
}

.poll.voting .poll-content .button.poll-vote:hover {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.poll.voting .poll-content .button.poll-vote:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.poll.results .poll-content .poll-graph-container {
    background-color: var(--color-gray-200)
}

.poll.results .poll-content .poll-graph {
    background-color: var(--color-blue-700)
}

.composer-mentionable-mention-highlight {
    background-color: var(--color-blue-200);
    color: var(--color-blue-200)
}

.composer-mentionable-selector li {
    border-bottom: 1px solid var(--color-blue-200)
}

.composer-mentionable-selector li.highlight {
    background-color: var(--color-blue-200)
}

.composer-hashtag-highlight {
    background-color: var(--color-blue-200);
    color: var(--color-blue-200)
}

.composer-hashtag-selector li {
    border-bottom: 1px solid var(--color-blue-200)
}

.composer-hashtag-selector li.highlight {
    background-color: var(--color-blue-200)
}

.composer-url-highlight {
    background-color: var(--color-blue-200);
    color: var(--color-blue-200)
}

.image-viewer .close:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e814";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.image-viewer .zoom-in:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e869";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.image-viewer .zoom-out:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e86a";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.progress-indicator .progress-graph-wrapper .progress-graph .half {
    border-color: var(--color-blue-700)
}

.progress-indicator .progress-graph-wrapper .progress-label {
    color: var(--color-gray-600)
}

.progress-indicator .progress-graph-wrapper .progress-label .progress-percent-smaller {
    color: var(--color-gray-600)
}

.progress-indicator .progress-graph-wrapper .progress-label .progress-pending {
    color: var(--color-gray-600)
}

.progress-indicator .progress-graph-wrapper .progress-shadow {
    border-color: var(--color-gray-100)
}

.progress-indicator .progress-note {
    border: 1px solid var(--color-gray-600);
    color: var(--color-gray-600)
}

.progress-indicator .progress-log {
    color: var(--color-gray-600)
}

.progress-indicator-progress .progress-graph-wrapper .progress-graph .half {
    border-color: var(--color-blue-700)
}

.progress-indicator-complete .progress-graph-wrapper .progress-graph .half {
    border-color: var(--color-green-500)
}

.progress-indicator-error .progress-graph-wrapper .progress-graph .half {
    border-color: var(--color-red-700)
}

.ui-loading .spinner div {
    background-color: var(--color-gray-400)
}

.socket-state {
    background-color: var(--color-white)
}

.socket-state .socket-state-border {
    background: var(--color-black)
}

.socket-state .socket-state-indicator-wrapper {
    background-color: var(--color-white)
}

.socket-state .socket-state-indicator {
    background-color: var(--color-black)
}

.content-peek {
    font: var(--font-hmc-body-m);
    padding: 15px
}

.content-peek .content-peek-media {
    background-color: var(--color-gray-100);
    display: flex;
    justify-content: center;
    margin: -15px -15px 15px -15px
}

.content-peek .content-peek-heading {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px
}

.content-peek .content-peek-heading .content-peek-avatar {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    width: 32px;
    height: 32px;
    margin: 0 15px 0 0
}

.content-peek .content-peek-heading .content-peek-avatar a {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.content-peek .content-peek-heading .content-peek-avatar img {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    max-height: 100%
}

.content-peek .content-peek-heading .content-peek-avatar.no-rounding {
    border-radius: 0
}

.content-peek .content-peek-heading .content-peek-avatar.no-rounding a,.content-peek .content-peek-heading .content-peek-avatar.no-rounding img {
    border-radius: 0
}

.content-peek .content-peek-heading .content-peek-name {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-peek .content-peek-heading .content-peek-name a {
    color: var(--color-black)
}

.content-peek .content-peek-heading .content-peek-name a:hover,.content-peek .content-peek-heading .content-peek-name a:active {
    color: var(--color-blue-700)
}

.content-peek .content-peek-heading .content-peek-name .content-peek-title {
    font: var(--font-hmc-body-l);
    font-weight: 500
}

.content-peek .content-peek-heading .content-peek-name .content-peek-title a:before,.content-peek .content-peek-heading .content-peek-name .content-peek-title span:before {
    width: 18px;
    height: 18px;
    display: inline-block;
    content: "\e875";
    font-family: Entypo;
    font-size: 18px;
    line-height: 18px;
    margin-right: 0px;
    position: relative;
    top: 1px
}

.content-peek .content-peek-heading .content-peek-name .content-peek-title a:before,.content-peek .content-peek-heading .content-peek-name .content-peek-title span:before {
    top: 0px;
    margin-left: 5px;
    width: 10px;
    color: var(--color-gray-300)
}

.content-peek .content-peek-heading .content-peek-name .content-peek-title a:before:hover,.content-peek .content-peek-heading .content-peek-name .content-peek-title span:before:hover,.content-peek .content-peek-heading .content-peek-name .content-peek-title a:before:active,.content-peek .content-peek-heading .content-peek-name .content-peek-title span:before:active {
    color: var(--color-gray-300)
}

.content-peek .content-peek-heading .content-peek-name .content-peek-title a:first-child:before,.content-peek .content-peek-heading .content-peek-name .content-peek-title span:first-child:before {
    display: none
}

.content-peek .content-peek-heading .content-peek-name .content-peek-subtitle {
    font: var(--font-hmc-body-s);
    color: var(--color-gray-700)
}

.content-peek .content-peek-excerpt {
    margin-bottom: 15px;
    font: var(--font-hmc-body-m);
}

.content-peek .content-peek-details .content-peek-detail {
    color: var(--color-gray-700);
    font: var(--font-hmc-body-m);
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component {
    display: inline-block
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e8bd";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px;
    position: relative;
    top: 1px
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:after {
    color: var(--color-gray-300)
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .hierarchy {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .hierarchy:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e879";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .hierarchy:before {
    top: 1px
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:last-child {
    padding-right: 0;
    margin-right: 0
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component:last-child:after {
    display: none
}

.content-peek .content-peek-details .content-peek-detail .content-peek-detail-component .avatar img {
    display: inline;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    position: relative;
    top: 5px;
    margin-right: 5px
}

.content-peek .content-peek-details .content-peek-detail:last-child {
    border-bottom: 0px;
    margin-bottom: 0px
}

.content-peek .content-peek-actions {
    margin-top: 15px;
    height: 26px
}

.content-peek .content-peek-actions li a {
    padding: 3px 15px 3px 15px;
    border: 0px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    background-color: var(--color-gray-100);
    color: var(--color-blue-700);
    font: var(--font-hmc-body-m);
    margin-right: 15px;
    padding: 3px 15px 3px 15px
}

.content-peek .content-peek-actions li a:active {
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-peek .content-peek-actions li a:focus {
    background-color: var(--color-blue-200);
    color: var(--color-blue-700)
}

.content-peek .content-peek-actions li a:hover {
    background-color: var(--color-blue-800);
    color: var(--color-white)
}

.content-peek .content-peek-actions li a.disabled {
    background-color: var(--color-blue-500);
    cursor: default
}

.content-peek .content-peek-actions li a.disabled:hover {
    color: var(--color-blue-700)
}

.content-peek .content-peek-actions li a:hover {
    color: var(--color-white)
}

.content-peek .content-peek-actions a .more {
    padding-right: 0px;
    margin-right: 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px
}

.content-peek .content-peek-actions a .more:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e8bf";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.content-peek .content-peek-actions a .more:before {
    top: 1px
}

.content-peek.with-large-avatar .content-peek-heading {
    text-align: center;
    flex-direction: column
}

.content-peek.with-large-avatar .content-peek-heading .content-peek-avatar {
    width: 100%;
    height: 68px;
    margin: 7.5px 0 15px 0
}

.content-peek.with-large-avatar .content-peek-heading .content-peek-avatar img {
    margin-left: auto;
    margin-right: auto
}

.content-fragment .content-peek-inline,.content-fragment .content .content-peek-inline,.content-fragment .content>.content .content-peek-inline {
    max-width: 375px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--color-gray-200);
    overflow: hidden
}

.content-fragment .content-peek-inline a,.content-fragment .content .content-peek-inline a,.content-fragment .content>.content .content-peek-inline a {
    text-decoration: none;
    color: var(--color-blue-700)
}

.content-fragment .content-peek-inline a:hover,.content-fragment .content .content-peek-inline a:hover,.content-fragment .content>.content .content-peek-inline a:hover {
    color: var(--color-blue-500);
    text-decoration: none
}

.content-fragment .content-peek-inline a:active,.content-fragment .content .content-peek-inline a:active,.content-fragment .content>.content .content-peek-inline a:active {
    color: var(--color-blue-900)
}

.content-fragment .content-peek-inline ul,.content-fragment .content .content-peek-inline ul,.content-fragment .content>.content .content-peek-inline ul {
    margin-left: 0;
    padding-left: 0
}

.content-fragment .content-peek-inline .content-peek-title a,.content-fragment .content .content-peek-inline .content-peek-title a,.content-fragment .content>.content .content-peek-inline .content-peek-title a {
    color: var(--color-black)
}

.content-fragment .content-peek-inline .content-peek-title a:hover,.content-fragment .content .content-peek-inline .content-peek-title a:hover,.content-fragment .content>.content .content-peek-inline .content-peek-title a:hover {
    color: var(--color-blue-500)
}

.content-peek-popup {
    border: 0px;
    box-shadow: 0 0px 2px rgba(17,23,26,0.25),0 3px 15px rgba(17,23,26,0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 375px;
    overflow: visible;
    margin: 3.75px 0 3.75px 0
}

.content-peek-popup .content-peek-popup-inner {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1002;
    background-color: var(--color-white)
}

.content-peek-popup:after {
    content: ' ';
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: var(--color-white);
    border: 1px solid rgba(17,23,26,0.2);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: 1001
}

.content-peek-popup[data-position="downright"]:after {
    top: -4px;
    left: 10px
}

.content-peek-popup[data-position="upright"]:after {
    bottom: -4px;
    left: 10px
}

.content-peek-popup[data-position="downleft"]:after {
    top: -4px;
    right: 10px
}

.content-peek-popup[data-position="upleft"]:after {
    bottom: -4px;
    right: 10px
}

.content-peek-popup[data-position=""]:after {
    display: none
}

.scrollable-load-more {
    padding: 5px;
    display: block;
    cursor: pointer;
    background-color: var(--color-gray-200);
    color: var(--color-gray-800);
    font: var(--font-hmc-body-m);
    text-align: center;
    border-radius: 3px;
    clear: both;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s
}

.scrollable-load-more:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    content: "\e883";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.scrollable-load-more:hover {
    color: var(--color-white);
    background-color: var(--color-blue-700)
}

.scrollable-loading {
    clear: both;
    display: block;
    height: 26px
}

.scrollable-top {
    cursor: pointer;
    color: var(--color-gray-800);
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
    top: auto;
    right: 30px;
    bottom: 30px
}

.scrollable-top:before {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    display: block;
    content: "\e87e";
    font-family: Entypo;
    font-size: 14px;
    line-height: 14px
}

.evolution-code-editor {
    border: 1px solid var(--color-gray-200)
}

.evolution-code-editor .fullscreen {
    background-color: var(--color-black);
    color: var(--color-white);
    opacity: 0.8
}

.evolution-code-editor:hover .fullscreen {
    opacity: 0.9
}

.padding {
    padding-left: 30px;
    padding-right: 30px
}

.page-editing {
    padding-left: 30px;
    padding-right: 30px
}

.layout-content.content-left-sidebar-right {
    max-width: 1800px;
    margin: 0 auto
}

.layout-content.header-top-content-left-sidebar-right {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.layout-content.header-top-content-left-sidebar-right .layout-region.header {
    flex: 1 100%;
    flex-direction: column;
    width: 100%
}

.layout-content.header-top-content-left-sidebar-right .layout-region.header .content-fragment {
    max-width: 1800px;
    margin: 0 auto
}

.layout-content.header-top-content-left-sidebar-right .layout-region.header .analog-page-header {
    max-width: 9000px
}

.layout-content.header-top-content-left-sidebar-right .layout-region.header .analog-search-widget {
    width: 100%;
    max-width: 100%
}

.layout-content.header-top-content-left-sidebar-right .layout-region.content {
    max-width: 1264px;
    flex-direction: column;
    align-self: flex-start;
    flex: 4;
    order: 2
}

.layout-content.header-top-content-left-sidebar-right .layout-region.right-sidebar {
    max-width: 600px;
    flex: 2;
    flex-direction: column;
    align-self: flex-start;
    order: 3
}

.layout-content.content .analog-page-header {
    margin: -60px
}

.layout-content .layout-region .layout-region-inner {
    overflow: visible
}

/*.header-fragments .layout .layout-content {*/
/*    padding-left: 30px;*/
/*    padding-right: 30px*/
/*}*/

.header-fragments .layout .layout-content .layout-region.header {
    padding-left: 30px;
    padding-right: 30px
}

.header-fragments .layout .header-top-content .layout-region-inner {
    max-width: 1800px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px
}

.content-fragment-page>.layout {
    padding-left: 0px;
    padding-right: 0px
}

.content-fragment-page>.layout .layout-content.header-top-content-left-sidebar-right {
    padding-left: 0px;
    padding-right: 0px
}

.content-fragment-page>.layout .layout-region.content,.content-fragment-page>.layout .layout-region.right-sidebar {
    padding-left: 30px;
    padding-right: 30px
}

.content-fragment-page>.layout .layout-content {
    padding-left: 0px;
    padding-right: 0px
}

.content-fragment-page>.layout>.layout-content.header-top-content-left-sidebar-right {
    overflow: visible
}

.content-fragment-page>.layout>.layout-content.header-top-content-left-sidebar-right .layout-region.header>.layout-region-inner {
    overflow: visible
}

.footer-fragments>.layout {
    padding-left: 30px;
    padding-right: 30px
}

.author .meta body {
    font: var(--font-hmc-body-m);
    font-display: swap
}

strong {
    font-weight: bold;
}

strong a {
    font-weight: 800
}

.pager .previous:hover,.pager .next:hover {
    background-color: var(--color-green-900);
    color: var(--color-white)
}

.pager .previous,.pager .next {
    background-color: var(--color-green-700);
    border-radius: var(--space-1);
    width: 107px;
    height: 49px
}

.pager .next:before {
    margin-right: var(--space-3);
    margin-top: var(--space-1);
    font-weight: 900
}

.pager .previous:before {
    top: var(--space-4);
    left: var(--space-10);
    font-weight: 900
}

.layout,.content-fragment-page {
    background-color: var(--color-off-white)
}

h1,h2,h3,h4,h5 {
    margin: 0px
}

.ui-viewhtml video {
    margin-top: -85px
}

.popup-list.bookmarks .content-list.content {
    width: 100%
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input {
    color: var(--color-off-white);
    padding-left: var(--space-3);
}

.banner.site .avatar {
    width: 250px;
    margin-bottom: -5px;
}

.banner .applications {
    overflow: visible
}

.banner .hierarchy-component a {
    color: var(--color-blue-700)
}

.banner.context>.new ul a,.banner.context>.new ul a:hover {
    border-radius: var(--space-1);
    font: var(--font-hmc-title-s);
    padding: var(--space-2);
}

.header-fragments .layout .header-top-content .layout-region.header {
    box-shadow: 0px var(--space-3) var(--space-5) var(--space-1) rgba(0,0,0,0.05);
    border-bottom: 0px;
    background-color: var(--color-white)
}

.header-fragments .layout .header-top-content.scrolled #ez-custom-header {
    display: none
}

.header-fragments .layout .header-top-content.scrolled .banner.site.all {
    margin-top: 0px
}

.layout-region header input[type="search"] {
    background-color: var(--color-off-white);
    padding: var(--space-1);
}

.rounded-bordered-img {
    text-align: left;
    z-index: 1;
    border-radius: var(--space-1);
    box-shadow: 10px 10px 0px -2px var(--color-blue-500);
    -webkit-box-shadow: 10px 10px 0px -2px var(--color-blue-500);
    -moz-box-shadow: 10px 10px 0px -2px var(--color-blue-500)
}

.round-corners {
    border-radius: var(--space-2);
}

.internal-link.btn a {
    background: var(--color-green-500);
    border-radius: var(--space-2);
    padding: var(--space-1);
    font: var(--font-hmc-title-s);
    text-align: center;
    color: var(--color-white)
}

.popup-list.notifications .content-list .content-item-header {
    background-color: var(--color-white)
}

.role-badge-display-list {
    display: inline-block;
    vertical-align: middle;
}

.role-badge-display-list li {
    display: inline-block
}

.attribute-item.badge {
    display: inline-block
}

.header-fragments .layout .header-top-content.scrolled .layout-region.header .layout-region-inner {
    padding: 0px
}

.content-fragment-page>.layout .layout-region-inner.content {
    max-width: 1800px;
    margin: 0 auto
}

.content-fragment-page.forums-createeditpost .content-fragment-content,.content-fragment-page.forums-thread .content-fragment-content,.content-fragment-page.forums-threadlist .content-fragment-content,.content-fragment-page.forums-grouplist .content-fragment-content,.content-fragment-page.wikis-pagelist .content-fragment-content,.content-fragment-page.wikis-page .content-fragment-content,.content-fragment-page.mentionlist .content-fragment-content,.content-fragment-page.articles-article .content-fragment-content,.content-fragment-page.articles-application-home .content-fragment-content,.content-fragment-page.notifications-list .content-fragment-content,.content-fragment-page.user-conversationlist .content-fragment-content,.content-fragment-page.media-post .content-fragment-content,.content-fragment-page.ideas-idealist .content-fragment-content,.content-fragment-page.tags-taglist .content-fragment-content {
    margin-top: 0px
}

.content-fragment-page.forums-createeditpost .layout,.content-fragment-page.forums-thread .layout,.content-fragment-page.forums-threadlist .layout,.content-fragment-page.forums-grouplist .layout,.content-fragment-page.wikis-pagelist .layout,.content-fragment-page.wikis-page .layout,.content-fragment-page.mentionlist .layout,.content-fragment-page.articles-article .layout,.content-fragment-page.articles-application-home .layout,.content-fragment-page.notifications-list .layout,.content-fragment-page.user-conversationlist .layout,.content-fragment-page.media-post .layout,.content-fragment-page.ideas-idealist .layout,.content-fragment-page.tags-taglist .layout {
    background-color: var(--color-white);
    box-shadow: 0px 13px 13px -1px rgba(0,0,0,0.05);
    border-radius: var(--space-2);
    padding: var(--space-4);
    margin: 0 auto;
    max-width: 1800px
}

.content-fragment-page.forums-createeditpost .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-thread .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-threadlist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-grouplist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.wikis-pagelist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.wikis-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.mentionlist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.articles-article .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.articles-application-home .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.notifications-list .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.user-conversationlist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.media-post .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.ideas-idealist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.tags-taglist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-createeditpost .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-thread .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-threadlist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.forums-grouplist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.wikis-pagelist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.wikis-page .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.mentionlist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.articles-article .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.articles-application-home .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.notifications-list .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.user-conversationlist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.media-post .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.ideas-idealist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,.content-fragment-page.tags-taglist .content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content {
    margin-top: 0px
}

.layout-region-inner.right-sidebar {
    max-width: 100%;
    padding-left: 16px;
    border-left: solid 1px lightgray;
    padding-bottom: var(--space-7);
}

.content-fragment.page h1 {
    color: var(--color-blue-700);
    padding: var(--space-4) 0 0 0;
    font: var(--font-hmc-title-m);
    line-height: var(--space-8);
}

.white-background:not(.open-question),.content-fragment.search-result-list {
    background-color: var(--color-white);
    box-shadow: 0px 13px 13px -1px rgba(0,0,0,0.05);
    border-radius: var(--space-1);
    margin-bottom: var(--space-6);
    padding: var(--space-4);
}

.white-background:not(.open-question) .content-fragment-header,.content-fragment.search-result-list .content-fragment-header {
    color: var(--color-blue-700);
    padding: 0;
    font: var(--font-hmc-title-m);
}

.white-background:not(.open-question) .content-fragment-content .view .uiselect,.content-fragment.search-result-list .content-fragment-content .view .uiselect,.white-background:not(.open-question) .content-fragment-content .view .uiselect.active,.content-fragment.search-result-list .content-fragment-content .view .uiselect.active {
    color: var(--color-white)
}

.open-question .content-fragment-content {
    background-color: var(--color-white);
    box-shadow: 0px 13px 13px -1px rgba(0,0,0,0.05);
    border-radius: var(--space-3);
    padding: var(--space-6);
}

.links-popup-panel {
    z-index: 250000
}

.content-peek-actions,.links-popup-panel {
    border-radius: 10px
}

.content-peek-actions ul a,.links-popup-panel ul a,.content-peek-actions .container ul a,.links-popup-panel .container ul a,.content-peek-actions ul .internal-link a,.links-popup-panel ul .internal-link a,.content-peek-actions .container ul .internal-link a,.links-popup-panel .container ul .internal-link a {
    background: var(--color-white);
    color: var(--color-green-500)
}

.content-peek-actions ul a:hover,.links-popup-panel ul a:hover,.content-peek-actions .container ul a:hover,.links-popup-panel .container ul a:hover,.content-peek-actions ul .internal-link a:hover,.links-popup-panel ul .internal-link a:hover,.content-peek-actions .container ul .internal-link a:hover,.links-popup-panel .container ul .internal-link a:hover {
    background: var(--color-green-500);
    color: var(--color-white)
}

.thread-list .tab .active,.thread-list .tab button {
    color: var(--color-green-700)
}

.navigation-custom .mm-big-container .mm-title {
    color: var(--color-blue-700)
}

.activity-story .navigation-list a {
    color: var(--color-blue-700)
}

.content-fragment.center-header {
    text-align: center
}

.page-header-holder p {
    font-style: normal;
    font: var(--font-hmc-body-m);
    color: var(--color-blue-900)
}

.page-header-holder h1 {
    font: var(--font-hmc-title-xl);
    color: var(--color-black)
}

.content-fragment.html-content p {
    font: var(--font-hmc-body-m);
    color: var(--color-blue-900);
    margin: 0;
}

.content-fragment.html-content h1 {
    font: var(--font-hmc-title-xs);
    color: var(--color-blue-700)
}

.content-fragment.with-header.top-border .content-fragment-header {
    margin-bottom: 0px;
    border-bottom: 0px;
    color: var(--color-blue-1000);
    font-weight: 600;
}

.full-post.white-background {
    margin: 0px var(--space-4) var(--space-4) var(--space-4);
}

.activity-story .navigation-list a,.activity-story .full-post .content-item.action a {
    color: var(--color-blue-700)
}

.activity-story .user-name a {
    color: var(--color-blue-700);
    font-weight: normal
}

.content-fragment .content>.content table td,.user-defined-markup table td {
    border: 1px solid var(--color-gray-300)
}

.styledAlert {
    display: flex;
    align-items: center
}

.styledAlert>span>p {
    display: inline;
    font: var(--font-hmc-body-m);
}

.styledAlert.default {
    background-color: var(--color-white);
    border: 2px solid var(--color-yellow-500);
}

.styledAlert.red {
    background-color: var(--color-red-200);
    border: 1px solid var(--color-yellow-200)
}

.styledAlert.orange {
    background: var(--color-yellow-200);
    border: 1px solid var(--color-yellow-500);
    display: flex;
}

.styledAlert.green {
    background-color: var(--color-gray-200);
    border: 1px solid var(--color-green-500)
}

.styledAlert.blue {
    background-color: var(--color-gray-200);
    border: 1px solid var(--color-blue-700)
}

.logic-lounge-top .lounge-tile.first {
    flex: 1 1 58%
}

.logic-lounge-top .lounge-tile.second {
    flex: 1 1 39%
}

.logic-lounge-top .lounge-tile-inner {
    flex: 1 1
}

.logic-lounge-top .flex-col {
    flex-direction: column;
    gap: var(--space-11);
    margin-top: 0px
}

@media only screen and (max-width: 1054px) {
    .logic-lounge-top .lounge-tile img {
        max-height:300px
    }

    .logic-lounge-top .lounge-tile-inner img {
        max-height: 200px
    }
}

@media only screen and (max-width: 670px) {
    .logic-lounge-top .lounge-tile.first {
        flex:1 1 100%
    }

    .logic-lounge-top .lounge-tile.second {
        flex: 1 1 100%
    }

    .logic-lounge-top .lounge-tile img {
        max-height: 200px
    }

    .logic-lounge-top .flexbox .content-fragment-content {
        gap: 0px
    }

    .logic-lounge-top .lounge-tile-inner {
        flex: 1 1 50%
    }
}

@media only screen and (max-width: 435px) {
    .logic-lounge-top .lounge-tile img {
        object-fit:cover
    }
}

.content-fragment.navigation-custom .navigation-list a,.content-fragment.blog-links .navigation-list a,.content-fragment.forum-links .navigation-list a {
    display: block;
    border-radius: var(--space-2);
    padding: var(--space-2) var(--space-1);
    text-decoration: none;
    margin: var(--space-2) 0;
    text-align: center;
    font: var(--font-hmc-body-m);
    border: 1px solid var(--color-green-700);
    background: var(--color-white);
    color: var(--color-green-700)
}

.content-fragment.navigation-custom .navigation-list a.subnav-open,.content-fragment.blog-links .navigation-list a.subnav-open,.content-fragment.forum-links .navigation-list a.subnav-open {
    border-radius: var(--space-1);
    background-color: var(--color-blue-700);
    color: var(--color-white)
}

.content-fragment.navigation-custom .navigation-list a[data-more].links-expanded,.content-fragment.blog-links .navigation-list a[data-more].links-expanded,.content-fragment.forum-links .navigation-list a[data-more].links-expanded,.content-fragment.navigation-custom .navigation-list a[data-more].links-expanded:hover,.content-fragment.blog-links .navigation-list a[data-more].links-expanded:hover,.content-fragment.forum-links .navigation-list a[data-more].links-expanded:hover {
    border-radius: 10px
}

.content-fragment.navigation-custom .navigation-list a:hover,.content-fragment.blog-links .navigation-list a:hover,.content-fragment.forum-links .navigation-list a:hover {
    background: var(--color-gray-100);
    text-decoration: underline
}

.content-fragment.navigation-custom .navigation-list li:first-child a,.content-fragment.blog-links .navigation-list li:first-child a,.content-fragment.forum-links .navigation-list li:first-child a {
    padding-left: 0px
}

.slant-line {
    width: 100%;
    height: var(--space-12);
    background-color: var(--color-off-white);
    -webkit-transform: translateY(22px) translateX(0px) rotate(-1deg);
    position: absolute;
    bottom: 0px
}

.group-top-message {
    margin-bottom: var(--space-4);
}

.text-center {
    text-align: center
}

.blog-post-list {
    max-width: 1800px;
    width: 100%;
    margin: 0 auto
}

.mentionlist {
    max-width: 1800px;
    width: 100%;
    margin: var(--space-4) auto;
    border-radius: var(--space-2);
}

.mentionlist .content-fragment-content {
    margin-top: 0px
}

.mentionlist .layout {
    border-radius: var(--space-2);
    box-shadow: 0px 13px 13px -1px rgba(0,0,0,0.15)
}

.content-fragment.leaderboard ul.leaderboards li.leaderboard .leaders .name-column .badge img {
    border-radius: 0px;
    margin-top: 10px
}

.replace-with-icon.chat {
    background-color: var(--color-white);
    border: 0px;
    border-radius: 0px;
    width: var(--space-7);
    height: var(--space-7);
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2725%27%20height%3D%2725%27%20viewBox%3D%270%200%2025%2025%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M22.9173%204.16666H2.08398V19.7917H22.9173V4.16666Z%27%20fill%3D%27%233a8ee9%27/%3E%3Cpath%20d%3D%27M4.16602%2017.7083V25L11.6764%2017.7083H4.16602Z%27%20fill%3D%27%233a8ee9%27/%3E%3Cpath%20d%3D%27M12.7598%206.25H10.416V8.33333H12.7598C13.4775%208.33333%2014.0618%208.91771%2014.0618%209.63542C14.0618%2010.3531%2013.4775%2010.9375%2012.7598%2010.9375H10.416V14.5833H12.4993V13.0208H12.7598C14.6264%2013.0208%2016.1452%2011.5021%2016.1452%209.63542C16.1452%207.76875%2014.6264%206.25%2012.7598%206.25Z%27%20fill%3D%27%23ffffff%27/%3E%3Cpath%20d%3D%27M12.4993%2015.625H10.416V17.7083H12.4993V15.625Z%27%20fill%3D%27%23ffffff%27/%3E%3C/svg%3E")
}

.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .cell {
    border: 0px;
    display: table-cell
}

.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular .minimal.cell {
    display: none
}

.content-left-sidebar-right .right-sidebar .content-fragment .content-list.tabular li {
    border-bottom: 1px solid var(--color-gray-200)
}

.layout-content.header-top-content-left-sidebar-right .layout-region.header .content-fragment.se-profile-container {
    width: 100%;
    max-width: 100%
}

.page-header-holder {
    display: block;
    clear: both;
    margin-bottom: var(--space-5);
    padding-top: var(--space-14);
    position: relative
}

.page-header-holder.background-treatments {
    min-height: 280px;
    background: rgba(0,57,101,0.05)
}

.page-header-holder.background-treatments .text-holder {
    margin: var(--space-4) 0
}

.page-header-holder.background-treatments .text-center .text-with-image {
    height: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0
}

.page-header-holder .text {
    max-width: 900px;
    margin: 0 auto
}

.page-header-holder .image-holder {
    margin: var(--space-5) 0 0 13%;
    display: inline;
    float: left;
    width: 30%;
    position: relative;
    text-align: center;
    display: flex
}

.page-header-holder .image-holder .presentor {
    margin-right: var(--space-4);
    flex: 33%;
    gap: var(--space-4);
}

.page-header-holder .image-holder .presentor .rounded-bordered-img {
    border-radius: 200px
}

.page-header-holder .image-holder .presentor .name {
    display: block;
    font: var(--font-hmc-title-xs);
    color: var(--color-blue-700)
}

.page-header-holder .image-holder .presentor .title {
    display: block
}

.page-header-holder .text-holder {
    width: 40%;
    display: inline;
    float: left;
    margin-bottom: 75px
}

.page-header-holder .text-center {
    width: 100%
}

.page-header-holder h1 {
    margin-bottom: var(--space-3);
}

.page-header-holder .text-center .text {
    width: 50%;
    max-width: 900px;
    margin: 0 auto;
    display: block;
    position: relative
}

.page-header-holder .text-center .text-with-image {
    margin: 0 auto;
    display: block;
    position: relative;
    text-align: left;
    padding: var(--space-7) 0
}

.page-header-holder .text-with-image {
    min-height: 169px;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-header-holder .text-holder p {
    margin: 0px
}

.page-header-holder .buttons {
    position: relative;
}

.page-header-holder .buttons .left {
    text-align: left
}

.page-header-holder .buttons .position {
    text-align: left
}

.links-popup-panel ul a {
    color: var(--color-black)
}

.links-popup-panel ul a:hover {
    color: var(--color-white);
    background-color: var(--color-green-700)
}

.se-profile-container .page-header-holder {
    padding-top: 0px
}

@media only screen and (max-width: 670px) {
    .page-header-holder .buttons.position {
        text-align:center
    }
}


@media (max-width: 1550px) {
    .page-header-holder .image-holder {
        margin:var(--space-5) var(--space-5) 0 10%
    }

    .page-header-holder .text-holder {
        width: 50%
    }
}

.icon-hyperlink-embeddable {
    flex-direction: column;
    width: 100px;
    text-align: center;
    flex-grow: 1
}

.icon-hyperlink-embeddable .icon-holder {
    margin: 0 auto;
    text-align: center;
    width: 80px;
    height: 80px;
    background: rgba(189,191,202,0.15);
    border-bottom: var(--space-1) solid var(--color-gray-200);
    border-radius: var(--space-2);
}

.icon-hyperlink-embeddable .icon-holder img {
    padding: 15px
}

.icon-hyperlink-embeddable a,.icon-hyperlink-embeddable a:visited {
    font: var(--font-hmc-subtitle-m);
    color: var(--color-green-500)
}

.featured-place {
    background-color: var(--color-white);
    box-shadow: 0px 13px 13px -1px rgba(0,0,0,0.05);
    border-radius: var(--space-1);
    max-width: 300px;
    margin-bottom: var(--space-5);
    border: solid 1px var(--color-gray-200);
}

.featured-place a:hover {
    text-decoration: none
}

.featured-place .img-wrapper img {
    border-radius: var(--space-1) var(--space-1) 0 0;
    height: 200px;
    aspect-ratio: 1.5;
}

.featured-place .img-wrapper span {
    position: absolute;
    right: 0px;
    top: 0px;
    color: var(--color-black);
    background-color: rgba(255,255,255,0.85);
    padding: var(--space-3);
    font: var(--font-hmc-body-m);
}

.featured-place span {
    font: var(--font-hmc-title-xs);
    display: flex;
    align-items: center;
    color: var(--color-gray-900);
    padding: var(--space-2) var(--space-6) 0 var(--space-4);
}

.featured-place p {
    font: var(--font-hmc-body-m);
    color: var(--color-gray-900);
    padding: var(--space-4);
}

.promotional-embeddable {
    position: relative;
}

.promotional-embeddable a img {
    border-radius: var(--space-1);
    width: 100%;
}

.promotional-embeddable a img.rounded-bordered-img {
    width: 99%;    
}

.promotional-embeddable .promotional-text {
    position: absolute;
    bottom: var(--space-2);
    left: 0px;
    color: var(--color-white);
    margin-bottom: var(--space-6);
    width: 100%;
}

.promotional-embeddable .promotional-text.has-bg { 
    width:99%;
}

.promotional-embeddable .promotional-text h4 {
    padding-left: var(--space-5);
    font: var(--font-hmc-body-m);
    color: White;
    text-transform: uppercase;
    font-weight: bolder
}

.promotional-embeddable .promotional-text .blue {
    padding-left: var(--space-5);
    background-color: var(--color-blue-700);
    font: var(--font-hmc-body-m);
    color: White;
    text-transform: uppercase;
    font-weight: bolder;
    display: block;
}

.promotional-embeddable .promotional-text .promo-description {
    padding: 0 var(--space-5);
    font: var(--font-hmc-body-m);
    background-color: rgba(0,0,0,0.5)
}

.promotional-embeddable .promotional-text .promo-description p {
    color: var(--color-white)
}

.styledAlert {
    width: fit-content;
    display: flex;
    padding: var(--space-2) var(--space-4);
    background-color: var(--color-white);
    border-radius: var(--space-1);
    border: 1px solid var(--color-gray-300);
    min-height: var(--space-14);
    margin: 0 auto
}

.styledAlert .alert-icon {
    display: inline;
    float: left;
    padding: var(--space-1);
}

.styledAlert span {
    display: inline;
    font: var(--font-hmc-body-m);
}

.styledAlert span a {
    font-weight: bold;
    color: var(--color-blue-700)
}

.styled-hyperlink {
    border-radius: var(--space-1);
    padding: var(--space-4) var(--space-6);
    text-decoration: none;
    margin: var(--space-3) 0px;
    text-align: center;
    font: var(--font-hmc-title-s);
    border: 1px solid var(--color-green-500)
}

.styled-hyperlink.primary {
    background: var(--color-green-700);
    color: var(--color-white);
    min-width: 134px;
    display: inline-block
}

.styled-hyperlink.primary:visited {
    background: var(--color-green-700);
    color: var(--color-white)
}

.styled-hyperlink.primary:hover {
    background-color: var(--color-green-900);
    color: var(--color-white);
    text-decoration: underline
}

.styled-hyperlink.secondary {
    background: var(--color-white);
    color: var(--color-green-700);
    min-width: 134px;
    display: inline-block
}

.styled-hyperlink.secondary:visited {
    background: var(--color-white);
    color: var(--color-green-700)
}

.styled-hyperlink.secondary:hover {
    background: var(--color-gray-100);
    text-decoration: underline
}

.styled-hyperlink.block {
    display: block;
    width: 100%;
    clear: both
}

.popup-list .navigation-list.filter .navigation-item .internal-link.selected {
    color: var(--color-green-500);
    background-color: var(--color-off-white)
}

.popup-list .navigation-list.filter .navigation-item .internal-link {
    color: var(--color-gray-600);
    border: 0px
}

.popup-list .navigation-list.filter .navigation-item .internal-link:hover {
    border: 0 0 1px 0 solid var(--color-green-500);
    color: var(--color-gray-500);
    background-color: var(--color-off-white)
}

.mce-submitpanel-button {
    background-color: var(--color-green-700) !important;
    border-radius: var(--space-2) !important;
    padding: var(--space-1) var(--space-3) !important;
}

.content-fragment .content.full .actions .navigation-list-item.primary a:hover,.mce-submitpanel-button:hover {
    background-color: var(--color-green-800)
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border .content-fragment-header,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-header,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-header,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header .content-fragment-header,.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-header,.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-header {
    width: 96%
}

.view .uiselect,.view .uiselect.active {
    color: var(--color-gray-900)
}

.flexbox.blog-post-list.content-fragment .content-list.grid.content {
    display: inline-flex;
    justify-content: space-between;
    clear: both;
    width: 100%;
    gap: var(--space-5);
}

.flexbox.blog-post-list.content-fragment .content-list.grid.content .blog-post-list-item {
    flex: 1 28%;
    max-width: 512px;
    border: solid 1px var(--color-gray-200);
    border-radius: var(--space-1);
    background: var(--color-white);
}

.flexbox .user-defined-markup,.flexbox .content-fragment-content,.flexbox.featured-blog-posts {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    clear: both;
    width: 100%;
    gap: var(--space-5);
}

.flexbox .user-defined-markup .icon-hyperlink-embeddable,.flexbox .content-fragment-content .icon-hyperlink-embeddable,.flexbox.featured-blog-posts .icon-hyperlink-embeddable {
    max-width: 125px
}

.flexbox .user-defined-markup .promotional-embeddable,.flexbox .content-fragment-content .promotional-embeddable,.flexbox.featured-blog-posts .promotional-embeddable,.flexbox .user-defined-markup .featured-place,.flexbox .content-fragment-content .featured-place,.flexbox.featured-blog-posts .featured-place {
    flex-direction: column;
    flex: 1
}

.flexbox .user-defined-markup .featured-place,.flexbox .content-fragment-content .featured-place,.flexbox.featured-blog-posts .featured-place {
    flex: 1 0 300px;
}

.flexbox .user-defined-markup .promotional-embeddable :not(.rounded-bordered-img),.flexbox .content-fragment-content .promotional-embeddable :not(.rounded-bordered-img),.flexbox.featured-blog-posts .promotional-embeddable :not(.rounded-bordered-img) {
    flex: 1;
    gap: var(--space-6);
}

.flexbox.flex-4 .icon-hyperlink-embeddable {
    flex: 1 0 21%;
    max-width: 500px
}

.flexbox.flex-5 .icon-hyperlink-embeddable {
    flex: 1 0 17%;
    max-width: 500px
}

.flexbox.flex-5 h1 {
    flex: 1 1 100%;
}

.flexbox.featured-places .user-defined-markup {
    max-width: 1320px;
    gap: var(--space-10);
}

.flexbox .user-defined-markup>p,.flexbox .user-defined-markup div[style*="clear:both;"] {
    display: none
}

.flexbox-top-padding {
    margin-top: var(--space-9);
}

.lounge-update .blue {
    width: 94.9%
}

.header-fragments .layout .layout-content .layout-region.header,.header-fragments .layout .layout-content .layout-region.header .layout-region-inner {
    padding: 0px
}

@media (max-width: 1800px) {
    .content-fragment-page .layout-region-inner.header .blog-post-list {
        padding:0 var(--space-14);
    }

    .content-fragment-page .layout-region-inner.header .content-fragment-content {
        padding: 0 var(--space-14);
    }

    .content-fragment-page .layout-region-inner.header .analog-search-widget .content-fragment-content,.content-fragment-page .layout-region-inner.header .analog-page-header .content-fragment-content,.content-fragment-page .layout-region-inner.header .blog-post-list .content-fragment-content,.content-fragment-page .layout-region-inner.header .se-profile-container .content-fragment-content {
        padding: 0
    }

    .layout-region-inner.content .group-banner .content-fragment-content {
        padding-left: var(--space-13);
    }

    .content-fragment-page>.layout .layout-region.content {
        padding-left: var(--space-14);
        padding-right: var(--space-14);
    }

    .content-fragment-page>.layout .layout-region.right-sidebar {
        padding-left: 5px;
        padding-right: 55px
    }
}

@media (max-width: 1400px) {
    .lounge-update .blue {
        width:94.1%
    }

    .flexbox.featured-places .content-fragment-content {
        gap: 35px
    }
}

@media (max-width: 1200px) {
    .lounge-update .blue {
        width:93%
    }

    .flexbox.featured-places .content-fragment-content {
        gap: var(--space-6);
    }
}

@media (max-width: 1000px) {
    .lounge-update .blue {
        width:92%
    }

    .flexbox.featured-places .content-fragment-content {
        gap: var(--space-4);
    }

    .flexbox.featured-blog-posts {
        flex-direction: column
    }

    .se-profile-container .page-header-holder .buttons a {
        padding: var(--space-1);
        min-width: 50px
    }

    .se-profile-container .pill {
        display: block;
        white-space: nowrap;
        line-height: 40px
    }
}

@media (max-width: 800px) {
    #ez-custom-header #top-stripe #analog-links {
        display:none
    }

    .page-header-holder .image-holder {
        display: none
    }

    .page-header-holder .text-holder {
        width: 100%
    }

    .content-fragment-page>.layout .layout-region.content {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .content-fragment-page>.layout .layout-region.right-sidebar {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .content-fragment-page .layout-region-inner.header .blog-post-list {
        padding: 0 var(--space-4);
    }
}

@media (max-width: 690px) {
    .flexbox .content-fragment-content .featured-place {
        flex:1 0 70%
    }

    .flexbox.blog-post-list.content-fragment .content-list.grid.content .blog-post-list-item {
        flex: 1 0 100%;
        margin: 0 auto
    }

    .content-fragment .content-list.tabular .content-item .cell.supplementary {
        display: none
    }
}

.footer-fragments {
    background-color: var(--color-gray-700)
}

.footer-fragments>.layout {
    padding: 0px;
    width: 100%
}

.avatar-list .content-list .content-item .author .meta a,.content-list.threaded .content-item .author .meta a,.content-list.threaded .content-item .author .meta {
    color: var(--color-gray-900)
}

.content-tags-pills .content-tag-pill a {
    padding: 1px 3px;
    border-radius: var(--space-1);
    background-color: var(--color-green-700);
    display: inline-block;
    margin-top: var(--space-1);
    color: var(--color-white);
    border: 1px solid var(--color-green-800);
    font: var(--font-hmc-body-s);
    margin-right: var(--space-2);
}

.content-fragment .content>.content a {
    text-decoration: underline
}