@font-face {
    font-family: 'Entypo';
    src: url('https://community.usms.org/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/entypo.eot?_=638398005466536705');
    src: url('https://community.usms.org/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/entypo.eot?_=638398005466536705#iefix') format('embedded-opentype'),url('https://community.usms.org/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/entypo.woff?_=638398005467521509') format('woff'),url('https://community.usms.org/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/entypo.ttf?_=638398005467271523') format('truetype'),url('https://community.usms.org/cfs-filesystemfile/__key/themefiles/f-s-3fc3f82483d14ec485ef92e206116d49-files/entypo.svg?_=638398005466971375#fontello') format('svg');
    font-weight: normal;
    font-style: normal
}

.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: transparent
}

@-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(0,0,0,0.25),0 3px 15px rgba(0,0,0,0.25)
}

.columns-no-break {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column
}

.banner.context.slim {
    margin-top: 5px
}

span.field-item-input input[name="Address"] {
    margin-right: 60px !important;
    width: 80%
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component {
    width: auto;
    margin: 0;
    padding: 0
}

.banner.context>.hierarchy>.current-hierarchy>.name.hierarchy-component {
    padding-left: 15px !important
}

.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component,.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component li,.banner.context>.hierarchy>.current-hierarchy>.hierarchy-component a {
    color: #fff !important
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more:before,.scrolled .banner.context .hierarchy .current-hierarchy>.applications ul a.more,.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.more:before,.banner.context.home>.hierarchy>.current-hierarchy>.applications ul a.more,.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more:before,.banner.context:not(.home)>.hierarchy>.current-hierarchy>.applications ul a.more {
    border-color: #fff !important;
    color: #fff !important
}

.scrolled .banner.context .hierarchy .current-hierarchy>.applications {
    flex: 0 0 55px
}

.banner .heirarchy .parent-navigation .container,.banner .hierarchy .current-hierarchy h1,.layout-region.right-sidebar .navigation-list .container {
    padding-left: 0 !important
}

.popup-list.site .content-list {
    border-bottom: 12px solid #0068ad;
    padding: 15px 0 !important;
    width: 100% !important
}

.popup-list.site .content-list .content-item {
    border: 0 none !important;
    font-size: 15px !important;
    padding-left: 30px !important;
    color: #0068ad
}

.popup-list.user {
    border-radius: 0 !important
}

.popup-list.user .user {
    border-bottom: 0 none
}

.popup-list.user,.navigation-list.user {
    border-bottom: 12px solid #0068ad
}

.popup-list.user .user .user-name a {
    font-weight: bold;
    color: #0068ad
}

.popup-list.user .navigation-list.user {
    padding: 15px 15px 25px
}

.navigation-list.user li {
    padding: 5px 0;
    text-align: right
}

.navigation-list.user li a {
    color: #0068ad;
    font-size: 15px
}

.activity-story .post-attachment-viewer,.activity-story .activity-avatar {
    border: 0 none !important
}

.user-achievementlist .avatar img {
    max-width: 80px !important
}

.activity-story .achievement-badge img,.activity-story .activity-avatar img {
    max-width: 70px !important
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border.with-header:first-of-type,.content-fragment-page .layout-region.content .layout-region-inner .content-fragment:first-of-type {
    border-top: 0 none !important
}

.content-fragment .content-list.tabular .content-item .name h3 .view-container {
    font-size: 13px !important;
    color: #0068ad !important;
    display: block;
    margin-bottom: -2px;
    font-weight: normal
}

.banner.context>.hierarchy>.parent-navigation ul li a,.banner.context>.hierarchy>.parent-navigation ul li a:hover {
    color: #fff !important;
    opacity: 1 !important
}

.header-fragments::after {
    background-color: #fff !important
}

.header-fragments .layout .header-top-content .layout-region.content {
    background: #1e3666 !important
}

.header-fragments .layout .header-top-content .layout-region.content.empty {
    background-color: #fff !important
}

.single-column.header-fragments,.header-fragments .layout .header-top-content.with-adaptable-elements .layout-region.content {
    background: #1e3666 !important;
    color: #fff !important
}

.layout-content .layout-region .layout-region-inner .content-fragment.custom-title .content-fragment-content h1 {
    font-size: 21px;
    font-size: 23px;
    color: #999;
    border-top: 1px solid #e1e8ec;
    padding-bottom: 17px;
    padding-top: 41px;
    margin: 0 auto
}

.my-usms--wrapper .col-xs-1,.my-usms--wrapper .col-sm-1,.my-usms--wrapper .col-md-1,.my-usms--wrapper .col-lg-1,.my-usms--wrapper .col-xs-2,.my-usms--wrapper .col-sm-2,.my-usms--wrapper .col-md-2,.my-usms--wrapper .col-lg-2,.my-usms--wrapper .col-xs-3,.my-usms--wrapper .col-sm-3,.my-usms--wrapper .col-md-3,.my-usms--wrapper .col-lg-3,.my-usms--wrapper .col-xs-4,.my-usms--wrapper .col-sm-4,.my-usms--wrapper .col-md-4,.my-usms--wrapper .col-lg-4,.my-usms--wrapper .col-xs-5,.my-usms--wrapper .col-sm-5,.my-usms--wrapper .col-md-5,.my-usms--wrapper .col-lg-5,.my-usms--wrapper .col-xs-6,.my-usms--wrapper .col-sm-6,.my-usms--wrapper .col-md-6,.my-usms--wrapper .col-lg-6,.my-usms--wrapper .col-xs-7,.my-usms--wrapper .col-sm-7,.my-usms--wrapper .col-md-7,.my-usms--wrapper .col-lg-7,.my-usms--wrapper .col-xs-8,.my-usms--wrapper .col-sm-8,.my-usms--wrapper .col-md-8,.my-usms--wrapper .col-lg-8,.my-usms--wrapper .col-xs-9,.my-usms--wrapper .col-sm-9,.my-usms--wrapper .col-md-9,.my-usms--wrapper .col-lg-9,.my-usms--wrapper .col-xs-10,.my-usms--wrapper .col-sm-10,.my-usms--wrapper .col-md-10,.my-usms--wrapper .col-lg-10,.my-usms--wrapper .col-xs-11,.my-usms--wrapper .col-sm-11,.my-usms--wrapper .col-md-11,.my-usms--wrapper .col-lg-11,.my-usms--wrapper .col-xs-12,.my-usms--wrapper .col-sm-12,.my-usms--wrapper .col-md-12,.my-usms--wrapper .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px
}

.layout-content.content-left-sidebar-right .layout-region.right-sidebar {
    padding-top: 30px
}

.browse-forums+.blog-post-list {
    border: 1px solid #eee;
    margin-bottom: 50px;
    padding-bottom: 0
}

.browse-forums+.blog-post-list .content-list.content {
    margin-bottom: 30px !important
}

.browse-forums+.blog-post-list .pager {
    margin-bottom: 30px !important
}

.browse-forums+.blog-post-list .content-fragment-content {
    padding: 0 40px
}

.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.blog-post-list.with-header {
    background-color: #eee;
    padding: 20px 20px !important;
    border-radius: 4px
}

.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.blog-post-list.with-header .content-fragment-header {
    font-size: 18px
}

.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.blog-post-list .avatar-list .content-list>li {
    margin-top: 3px;
    padding-bottom: 6px
}

.avatar-list .content-list .content-item .author .meta {
    color: red
}

.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.blog-post-list .avatar-list .content-list>li:last-of-type {
    border: none
}

.banner.site {
    height: 80px;
    padding-right: 22px
}

.header-fragments .layout .header-top-content .layout-region.header {
    background-color: #fff !important;
    border-bottom: 0 none !important;
    margin-top: 6px
}

.banner.site .navigation-list.site-links ul .site-navigation {
    left: 15px
}

.banner.site .navigation-list.site-links ul .site-navigation:before {
    font-size: 32px
}

.banner.site .navigation-list.site-links ul {
    padding-right: 21px
}

.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a {
    color: #0068ae !important
}

.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a.user.with-icon {
    color: #0068ae !important;
    width: 30px;
    height: 37px;
    padding: 0
}

.banner.site .navigation-list.site-links ul .site-navigation:before {
    background: url('https://www.usms.org/-/media/usms/developers/images/myusms/icon-bars.svg');
    background-size: 23px;
    background-repeat: no-repeat;
    top: 4px;
    left: 3px;
    content: ""
}

.banner.site .navigation-list.site-links ul .site-navigation.active:before {
    top: 4px;
    left: 3px;
    content: "";
    background: url('https://www.usms.org/-/media/usms/developers/images/myusms/icon-close.svg');
    background-size: 23px;
    background-repeat: no-repeat
}

.banner.site.all>.navigation-list.handheld ul .site:before {
    background: url('https://www.usms.org/-/media/usms/developers/images/myusms/icon-bars.svg');
    background-size: 23px;
    background-repeat: no-repeat;
    top: 4px;
    left: 3px;
    content: ""
}

.banner.site.all>.navigation-list.handheld ul .site.active:before {
    background: url('https://www.usms.org/-/media/usms/developers/images/myusms/icon-close.svg');
    background-size: 23px;
    background-repeat: no-repeat;
    top: 4px;
    left: 3px;
    content: ""
}

.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a.active {
    background-color: transparent !important;
    color: #1e3666 !important
}

.banner.site .navigation-list ul .user.with-icon:before {
    content: '';
    background: url('https://www.usms.org/-/media/usms/developers/images/myusms/icon-profile-login.svg');
    width: 23px;
    height: 23px;
    left: 3px
}

.banner.site .navigation-list ul .user.with-icon:after {
    content: "LOG IN";
    position: absolute;
    width: auto;
    left: 1px;
    bottom: 0;
    color: #0068ad;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 10px;
    text-indent: 0
}

.banner.site fieldset ul.field-list li.field-item .field-item-input:after {
    color: #0068ae !important;
    font-size: 24px;
    top: 14px
}

.banner.site .navigation-list.site-links {
    width: 70px;
    text-align: center
}

.banner.site .navigation-list.site-links ul {
    float: none;
    margin: 0 auto
}

.banner.site fieldset.search,.banner.site.with-site-navigation fieldset.search {
    height: 80px;
    border: 0 none !important
}

.banner.site fieldset ul.field-list li.field-item .field-item-input {
    border-radius: 5px;
    border: 1px solid #cfd8dc;
    margin-top: 17px
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input,.banner.site fieldset ul.field-list li.field-item .field-item-input input::placeholder {
    border-radius: 5px;
    color: #0068ae;
    font-size: 16px;
    font-weight: 300
}

.popup-list.site .content-list .content-item:hover {
    background-color: #9fd7fd;
    background-color: #cae9ff
}

.popup-list.site .content-list .content-item .content {
    color: #0068ae
}

.popup-list.site .content-list .content-item.selected .content,.popup-list.site .content-list .content-item.selected .description {
    color: #fff
}

.popup-list.site .content-list .content-item:hover .content {
    color: #0068ae
}

.popup-list.site .content-list .content-item:hover .description {
    color: #0068ae
}

fieldset a.submit-form,fieldset input[type="button"],fieldset a.save-form,fieldset .button {
    background-color: #0068ae
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
    border: 1px solid #0068ae !important;
    -webkit-text-fill-color: #0068ae;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s
}

fieldset input[type="search"],fieldset input[type="password"],fieldset input[type="text"],fieldset input[type="text"]::placeholder,fieldset input[type="input"],fieldset textarea {
    font-size: 14px;
    width: 100%
}

fieldset select {
    height: 31px;
    padding-left: 6px
}

h1,h2,h3,h4,h5,.content-fragment .content-fragment-header {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #0068ad
}

.content-fragment .content-list.tabular .content-item .cell h2 {
    font-size: 17px;
    margin: 5px 0 0;
    line-height: 19px
}

.content-fragment .content .name a,.popup-list .content .name a {
    color: #0068ad !important
}

.content-fragment .content-list.tabular .content-item .cell a,h1 a,h2 a,h3 a,h4 a,h5 a {
    color: #0068ad
}

.content-fragment .content-list.tabular .content-item .cell a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
    color: #0068ad;
    text-decoration: underline
}

.content-fragment.user-banner .cover-photo-links a,.banner.context>.hierarchy>.current-hierarchy>.applications ul a,.banner.context>.hierarchy>.current-hierar {
    color: #fff !important
}

.content-fragment.featured-content-carousel .slider-container .slider .content-list.content>.content-item>.content .name {
    font-weight: 800
}

.content-fragment .content-list.tabular .content-item .name .content {
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.content-fragment.with-header .content-fragment-header,.content-fragment.with-header.top-border .content-fragment-header {
    font-size: 27px;
    line-height: 29px;
    color: #0068ad;
    margin-bottom: 0px;
    border: 0 none
}

.content-fragment.blog-post-list .content-fragment-header {
    font-size: 27px;
    line-height: 29px;
    color: #0068ad;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    background-color: #eee;
    border: 0 none
}

.content-fragment.browse-forums+.content-fragment.thread-list.top-border.with-spacing.with-header .content-fragment-header {
    border: 0 none !important
}

.right-sidebar .content-fragment.with-header .content-fragment-header,.right-sidebar .content-fragment.with-header.top-border .content-fragment-header {
    font-size: 19px;
    line-height: 21px;
    margin: 0 0 25px;
    padding-bottom: 15px
}

.content-fragment.browse-forums {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.content-fragment.thread-list {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.blog-post-list+.thread-list {
    margin-top: 50px
}

.content-fragment.browse-forums+.content-fragment.thread-list {
    margin-top: 50px
}

.content-fragment.browse-forums+.content-fragment.thread-list .content-list.content>.content-item {
    padding: 15px 0 !important
}

.avatar-list .content-list .content-item .author .user-name a {
    color: #0068ad
}

.avatar-list .author+.internal-link {
    font-size: 12px !important
}

.content-fragment .content-list.tabular .content-item .cell {
    color: #999;
    padding: 15px 10px
}

.content-fragment .content-list.tabular .content-item .cell.name {
    vertical-align: baseline;
    text-align: left
}

.content-fragment .content.thumbnail,.popup-list .content.thumbnail {
    background: #fff
}

.content-fragment .content.thumbnail[data-url]:hover,.popup-list .content.thumbnail[data-url]:hover {
    background-color: transparent
}

.content-fragment .content.thumbnail[data-url]:hover .name {
    color: #1e3666
}

.content-fragment .content.thumbnail[data-url]:hover .name a,.popup-list .content.thumbnail[data-url]:hover .name a {
    color: #1e3666
}

.content-fragment .content.thumbnail .avatar {
    background: #fff !important;
    transition: none
}

.content-fragment .content.thumbnail .avatar:after,.popup-list .content.thumbnail .avatar:after {
    height: initial;
    width: initial
}

.content-fragment .content.thumbnail .actions .navigation-list-item,.content-fragment .content.thumbnail .name,.popup-list .content.thumbnail .name {
    text-align: center !important;
    margin: 0 auto !important
}

.content-fragment .content.thumbnail .actions a:hover {
    color: #1e3666
}

.right-sidebar .content-fragment .content.thumbnail .name a,.right-sidebar .popup-list .content.thumbnail .name a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 26px
}

.right-sidebar .content-fragment .content.thumbnail .avatar {
    width: 55px;
    margin: 0 auto -10px auto
}

.content-fragment .content.thumbnail .name a,.popup-list .content.thumbnail .name a {
    text-decoration: none
}

.common-home h2 {
    margin: 0 auto;
    font-size: 1.2rem
}

.content-fragment .content-list.tabular .content-item .avatar {
    width: 55px !important;
    margin: 0 !important;
    padding-top: 13px !important;
    padding-right: 0 !important
}

.thumbnail-column {
    width: 250px
}

.view-application.view-container {
    font-size: 15px;
    line-height: 15px;
    font-weight: normal;
    display: block
}

.my-usms--wrapper {
    margin-bottom: 80px
}

.myusms--tile {
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #0068ad
}

.myusms--tile--renew {
    background-color: #0068ad;
    border: 0 none
}

.myusms--tile.myusms--tile--renew>h4 {
    color: #fff
}

.myusms--tile:hover {
    border: 3px solid #c0eeff;
    padding: 8px;
    background-color: #c0eeff
}

.myusms--tile.myusms--tile--renew:hover {
    border: 3px solid #0068ad;
    padding: 7px;
    background-color: #0068ad
}

.myusms--tile--secondary {
    color: #ccc !important;
    border: 2px solid #0068ad
}

.myusms--tile--secondary h5 {
    font-size: 14px;
    padding: 5px 0;
    color: #565656;
    font-weight: normal;
    text-decoration: underline
}

.myusms--page-title>h1 {
    color: #0068ad;
    margin: 15px 0 5px 0
}

.myusms--tile>h4 {
    font-size: 18px;
    color: #0068ad;
    margin: 0 7px 0 0
}

.myusms--tile>h5 {
    font-size: 16px;
    color: #0068ad;
    margin: 0 7px 0 3px
}

.myusms__section-header {
    margin: 23px auto 10px;
    color: #0068ad
}

.myusms--tile img {
    height: 50px
}

.myusms--tile>a {
    position: absolute;
    width: calc(90%);
    height: calc(90%);
    margin: 0;
    padding: 0;
    top: 0
}

.myusms--tile-image {
    display: flex;
    align-items: center;
    height: 110px;
    border-radius: 4px;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden
}

.myusms--tile-image a {
    font-size: 19px;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-shadow: 0 0 10px #111;
    text-shadow: 0 0 30px #111
}

.myusms--tile-image a,.myusms--tile-image a:visited {
    color: #fff
}

.myusms--tile-image a:hover {
    text-decoration: none
}

.myusms--tile-image>h4 {
    color: #fff
}

.myusms--link a {
    color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.myusms--link a:visited {
    color: #fff
}

.myusms--link,#membership-info,#my-badges {
    background-color: #0068ad;
    border-radius: 4px;
    margin: 0 0 15px;
    padding: 15px 10px;
    color: #fff;
    text-align: center
}

.myusms__section-header {
    margin: 20px 15px 20px 0;
    color: #0068ad;
    display: inline-block
}

.my-usms__btn--renew {
    display: inline-block;
    position: relative;
    background-color: #d2202e;
    color: #fff;
    font-size: 13px;
    top: -3px;
    padding: 5px 8px;
    border-radius: 3px;
    border: 1px solid #d2202e;
    margin-bottom: 1rem
}

.my-usms__tile--edit {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none
}

.my-usms__tile--description {
    font-size: 13px;
    font-weight: normal;
    text-decoration: none
}

.myusms--tile--same {
    height: 70px
}

.content-fragment.blog-post-list.top-border.with-spacing.with-header .content-fragment-header {
    margin: 0 auto 0 !important
}

.content-fragment.blog-post-list .content-item {
    padding: 15px 0 12px
}

.content-fragment .content-list.tabular .content-item .cell {
    color: #999;
    padding: 10px 10px 20px
}

.content-fragment .content-list.tabular .content-item .cell h2 {
    margin: 5px auto
}

.content-fragment .content.abbreviated>.summary .name {
    font-size: 17px;
    margin: 5px 0 10px;
    line-height: 20px
}

.content-fragment .content.abbreviated>.summary .content p {
    margin: 0px auto 8px;
    line-height: 20px
}

.pager .previous,.pager .next {
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 17px;
    text-indent: 30px
}

.pager .previous:before,.pager .next:before {
    top: 7px;
    left: 0;
    width: 34px;
    height: 34px
}

.pager .next:before {
    left: 1px
}

.pager {
    margin-bottom: 50px
}

@media screen and (max-width: 670px) {
    body {
        padding-top:60px !important
    }

    .banner.site {
        height: 68px !important;
        padding-right: 0 !important
    }

    .banner.site.with-site-navigation .avatar {
        width: 185px;
        position: absolute
    }

    .banner.site.with-site-navigation .avatar img {
        padding-top: 8px
    }

    .banner.site.all>.navigation-list.handheld {
        width: 155px;
        padding-top: 12px !important
    }

    .banner.site.all>.navigation-list.handheld ul {
        width: auto;
        margin-right: 12px
    }

    .popup-list.user {
        border-radius: 0 !important;
        width: 100% !important;
        box-shadow: none !important
    }

    .popup-list.site.custom.without-avatar {
        width: 100% !important;
        inset: 68px 0 auto auto !important;
        box-shadow: none !important
    }

    .banner.site.all>.navigation-list.handheld ul .navigation-list-item {
        margin: 3px
    }

    .banner.site.all .container.handheld .user-links {
        height: 70px
    }

    .banner.site.all .container.handheld .user-links ul {
        height: 60px;
        padding-top: 10px;
        width: 100%
    }

    .navigation-list.user li {
        padding: 5px 0;
        max-width: 100%;
        text-align: right
    }

    .single-column.content-fragment-page {
        padding-top: 10px
    }

    #pifragment-2367-paged-content .cell.name,#pifragment-2337-paged-content .cell.name,#pifragment-2157-paged-content .cell.name,#pifragment-2466-paged-content .cell.name {
        vertical-align: baseline;
        text-align: left;
        margin: -50px 0 0 50px;
        padding: 0 50px 10px 10px
    }

    .single-column .banner.site>.navigation-list.handheld ul a,.single-column .banner.site .container.handheld .user-links ul a {
        color: #0068ad !important
    }

    .banner.site.all .popup-list.site.group {
        box-shadow: 0 -60px 0 rgba(0,0,0,0.7);
        height: auto !important
    }

    .popup-list .content-list.content {
        max-height: 100% !important;
        padding-bottom: 35px !important
    }

    .popup-list.site .content-list .content-item {
        padding: 15px 30px !important;
        font-size: 18px !important;
        line-height: 23px !important
    }

    .banner.site fieldset.search,.banner.site.with-site-navigation fieldset.search {
        height: 70px !important
    }

    .banner.site.all .container.handheld .search {
        padding: 15px 10px 5px 10px
    }

    .banner.site.all .container.handheld .search input {
        line-height: 40px;
        height: 40px;
        border: 0px;
        background-color: #fff
    }

    .banner.site.all .container.handheld .search input:hover,.banner.site.all .container.handheld .search input:focus {
        background-color: #fff
    }

    .banner.site.all .container.handheld .search .field-item-input:after {
        top: 11px
    }

    .banner.site.all .container.handheld .user-links ul .notifications,.banner.site.all .container.handheld .user-links ul .bookmarks,.banner.site.all .container.handheld .user-links ul .conversations {
        margin: 5px
    }

    .banner.site.all .container.handheld .user-links ul .user img {
        margin: 10px 15px 10px 5px
    }

    .banner.site.all .container.handheld .user-links ul .bookmarks {
        width: 50px
    }

    .content-item .cell.avatar {
        margin: 0 auto -30px
    }

    .content-item .name.cell {
        text-align: center
    }

    .content-fragment .content-list.tabular.simple .content-item .cell.nowrap {
        margin-left: 50px;
        text-align: left;
        padding-top: 0
    }

    .content-fragment .content-list.tabular .content-item .avatar {
        padding-bottom: 0 !important
    }

    .banner.context>.hierarchy>.current-hierarchy>.name.hierarchy-component {
        font-size: 20px
    }

    .navigation-list.user li a {
        font-size: 18px
    }

    .content-fragment .content.abbreviated>.summary .name,.content-fragment .content-list.tabular .content-item .cell h2 {
        margin-bottom: 0
    }
}

.content-fragment .content.abbreviated>.avatar.round img,.popup-list .content.abbreviated>.avatar.round img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 80px;
    margin: 0 10px
}