stackoverflow.com.css

body,.so-header {
    margin-top: 1.9em
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}

@-webkit-keyframes spinnerRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinnerRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.row {
    max-width: 1080px;
    width: 100%
}

.row::before,.row::after {
    display: table;
    content: " "
}

.row::after {
    clear: both
}

.col-1 {
    width: 8.33333333%;
    float: left
}

.col-1.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-1.with-padding:first-child {
    padding-left: 0
}

.col-1.with-padding:last-child {
    padding-right: 0
}

.col-1.col-centered {
    margin: 0 auto;
    float: none
}

.col-2 {
    width: 16.66666667%;
    float: left
}

.col-2.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-2.with-padding:first-child {
    padding-left: 0
}

.col-2.with-padding:last-child {
    padding-right: 0
}

.col-2.col-centered {
    margin: 0 auto;
    float: none
}

.col-3 {
    width: 25%;
    float: left
}

.col-3.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-3.with-padding:first-child {
    padding-left: 0
}

.col-3.with-padding:last-child {
    padding-right: 0
}

.col-3.col-centered {
    margin: 0 auto;
    float: none
}

.col-4 {
    width: 33.33333333%;
    float: left
}

.col-4.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-4.with-padding:first-child {
    padding-left: 0
}

.col-4.with-padding:last-child {
    padding-right: 0
}

.col-4.col-centered {
    margin: 0 auto;
    float: none
}

.col-5 {
    width: 41.66666667%;
    float: left
}

.col-5.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-5.with-padding:first-child {
    padding-left: 0
}

.col-5.with-padding:last-child {
    padding-right: 0
}

.col-5.col-centered {
    margin: 0 auto;
    float: none
}

.col-6 {
    width: 50%;
    float: left
}

.col-6.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-6.with-padding:first-child {
    padding-left: 0
}

.col-6.with-padding:last-child {
    padding-right: 0
}

.col-6.col-centered {
    margin: 0 auto;
    float: none
}

.col-7 {
    width: 58.33333333%;
    float: left
}

.col-7.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-7.with-padding:first-child {
    padding-left: 0
}

.col-7.with-padding:last-child {
    padding-right: 0
}

.col-7.col-centered {
    margin: 0 auto;
    float: none
}

.col-8 {
    width: 66.66666667%;
    float: left
}

.col-8.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-8.with-padding:first-child {
    padding-left: 0
}

.col-8.with-padding:last-child {
    padding-right: 0
}

.col-8.col-centered {
    margin: 0 auto;
    float: none
}

.col-9 {
    width: 75%;
    float: left
}

.col-9.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-9.with-padding:first-child {
    padding-left: 0
}

.col-9.with-padding:last-child {
    padding-right: 0
}

.col-9.col-centered {
    margin: 0 auto;
    float: none
}

.col-10 {
    width: 83.33333333%;
    float: left
}

.col-10.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-10.with-padding:first-child {
    padding-left: 0
}

.col-10.with-padding:last-child {
    padding-right: 0
}

.col-10.col-centered {
    margin: 0 auto;
    float: none
}

.col-11 {
    width: 91.66666667%;
    float: left
}

.col-11.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-11.with-padding:first-child {
    padding-left: 0
}

.col-11.with-padding:last-child {
    padding-right: 0
}

.col-11.col-centered {
    margin: 0 auto;
    float: none
}

.col-12 {
    width: 100%;
    float: left
}

.col-12.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-12.with-padding:first-child {
    padding-left: 0
}

.col-12.with-padding:last-child {
    padding-right: 0
}

.col-12.col-centered {
    margin: 0 auto;
    float: none
}

.blink {
    animation-name: blinking;
    animation-duration: 3.5s
}

@keyframes blinking {
    from {
        background: #f4a83d
    }

    to {
        background: rgba(244,168,61,0)
    }
}

@-webkit-keyframes blinking {
    from {
        background: #f4a83d
    }

    to {
        background: rgba(244,168,61,0)
    }
}

@-moz-keyframes blinking {
    from {
        background: #f4a83d
    }

    to {
        background: rgba(244,168,61,0)
    }
}

@-webkit-keyframes opacity-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes opacity-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes opacity-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.favicon {
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../img/favicons-sprite16.png?v=880e84c320ad')
}

div.favicon {
    display: inline-block
}

@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .favicon {
        background-image: url('../../img/favicons-sprite32.png?v=14f91c54bf39')
    }
}

@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .favicon {
        -moz-background-size: 16px 6480px;
        -o-background-size: 16px 6480px;
        -webkit-background-size: 16px 6480px;
        background-size: 16px 6480px
    }
}

.favicon-3dprinting {
    background-position: 0 0
}

.favicon-3dprintingmeta {
    background-position: 0 -18px
}

.favicon-academia {
    background-position: 0 -36px
}

.favicon-academiameta {
    background-position: 0 -54px
}

.favicon-ai {
    background-position: 0 -72px
}

.favicon-aimeta {
    background-position: 0 -90px
}

.favicon-alcohol {
    background-position: 0 -108px
}

.favicon-alcoholmeta {
    background-position: 0 -126px
}

.favicon-android {
    background-position: 0 -144px
}

.favicon-androidmeta {
    background-position: 0 -162px
}

.favicon-anime {
    background-position: 0 -180px
}

.favicon-animemeta {
    background-position: 0 -198px
}

.favicon-apple {
    background-position: 0 -216px
}

.favicon-applemeta {
    background-position: 0 -234px
}

.favicon-arabic {
    background-position: 0 -252px
}

.favicon-arabicmeta {
    background-position: 0 -270px
}

.favicon-arduino {
    background-position: 0 -288px
}

.favicon-arduinometa {
    background-position: 0 -306px
}

.favicon-area51 {
    background-position: 0 -324px
}

.favicon-area51discuss {
    background-position: 0 -342px
}

.favicon-askubuntu {
    background-position: 0 -360px
}

.favicon-askubuntumeta {
    background-position: 0 -378px
}

.favicon-astronomy {
    background-position: 0 -396px
}

.favicon-astronomymeta {
    background-position: 0 -414px
}

.favicon-aviation {
    background-position: 0 -432px
}

.favicon-aviationmeta {
    background-position: 0 -450px
}

.favicon-avp {
    background-position: 0 -468px
}

.favicon-avpmeta {
    background-position: 0 -486px
}

.favicon-beta {
    background-position: 0 -504px
}

.favicon-betameta {
    background-position: 0 -522px
}

.favicon-bicycles {
    background-position: 0 -540px
}

.favicon-bicyclesmeta {
    background-position: 0 -558px
}

.favicon-biology {
    background-position: 0 -576px
}

.favicon-biologymeta {
    background-position: 0 -594px
}

.favicon-bitcoin {
    background-position: 0 -612px
}

.favicon-bitcoinmeta {
    background-position: 0 -630px
}

.favicon-blender {
    background-position: 0 -648px
}

.favicon-blendermeta {
    background-position: 0 -666px
}

.favicon-boardgames {
    background-position: 0 -684px
}

.favicon-boardgamesmeta {
    background-position: 0 -702px
}

.favicon-br {
    background-position: 0 -720px
}

.favicon-bricks {
    background-position: 0 -738px
}

.favicon-bricksmeta {
    background-position: 0 -756px
}

.favicon-brmeta {
    background-position: 0 -774px
}

.favicon-buddhism {
    background-position: 0 -792px
}

.favicon-buddhismmeta {
    background-position: 0 -810px
}

.favicon-careers {
    background-position: 0 -828px
}

.favicon-chemistry {
    background-position: 0 -846px
}

.favicon-chemistrymeta {
    background-position: 0 -864px
}

.favicon-chess {
    background-position: 0 -882px
}

.favicon-chessmeta {
    background-position: 0 -900px
}

.favicon-chinese {
    background-position: 0 -918px
}

.favicon-chinesemeta {
    background-position: 0 -936px
}

.favicon-christianity {
    background-position: 0 -954px
}

.favicon-christianitymeta {
    background-position: 0 -972px
}

.favicon-civicrm {
    background-position: 0 -990px
}

.favicon-civicrmmeta {
    background-position: 0 -1008px
}

.favicon-codegolf {
    background-position: 0 -1026px
}

.favicon-codegolfmeta {
    background-position: 0 -1044px
}

.favicon-codereview {
    background-position: 0 -1062px
}

.favicon-codereviewmeta {
    background-position: 0 -1080px
}

.favicon-coffee {
    background-position: 0 -1098px
}

.favicon-coffeemeta {
    background-position: 0 -1116px
}

.favicon-cogsci {
    background-position: 0 -1134px
}

.favicon-cogscimeta {
    background-position: 0 -1152px
}

.favicon-communitybuilding {
    background-position: 0 -1170px
}

.favicon-communitybuildingmeta {
    background-position: 0 -1188px
}

.favicon-computergraphics {
    background-position: 0 -1206px
}

.favicon-computergraphicsmeta {
    background-position: 0 -1224px
}

.favicon-cooking {
    background-position: 0 -1242px
}

.favicon-cookingmeta {
    background-position: 0 -1260px
}

.favicon-craftcms {
    background-position: 0 -1278px
}

.favicon-craftcmsmeta {
    background-position: 0 -1296px
}

.favicon-crafts {
    background-position: 0 -1314px
}

.favicon-craftsmeta {
    background-position: 0 -1332px
}

.favicon-crypto {
    background-position: 0 -1350px
}

.favicon-cryptometa {
    background-position: 0 -1368px
}

.favicon-cs {
    background-position: 0 -1386px
}

.favicon-cs50 {
    background-position: 0 -1404px
}

.favicon-cs50meta {
    background-position: 0 -1422px
}

.favicon-csmeta {
    background-position: 0 -1440px
}

.favicon-cstheory {
    background-position: 0 -1458px
}

.favicon-cstheorymeta {
    background-position: 0 -1476px
}

.favicon-datascience {
    background-position: 0 -1494px
}

.favicon-datasciencemeta {
    background-position: 0 -1512px
}

.favicon-dba {
    background-position: 0 -1530px
}

.favicon-dbameta {
    background-position: 0 -1548px
}

.favicon-deepweb {
    background-position: 0 -1566px
}

.favicon-deepwebmeta {
    background-position: 0 -1584px
}

.favicon-devops {
    background-position: 0 -1602px
}

.favicon-devopsmeta {
    background-position: 0 -1620px
}

.favicon-diy {
    background-position: 0 -1638px
}

.favicon-diymeta {
    background-position: 0 -1656px
}

.favicon-docs-beta {
    background-position: 0 -1674px
}

.favicon-drupal {
    background-position: 0 -1692px
}

.favicon-drupalmeta {
    background-position: 0 -1710px
}

.favicon-dsp {
    background-position: 0 -1728px
}

.favicon-dspmeta {
    background-position: 0 -1746px
}

.favicon-earthscience {
    background-position: 0 -1764px
}

.favicon-earthsciencemeta {
    background-position: 0 -1782px
}

.favicon-ebooks {
    background-position: 0 -1800px
}

.favicon-ebooksmeta {
    background-position: 0 -1818px
}

.favicon-economics {
    background-position: 0 -1836px
}

.favicon-economicsmeta {
    background-position: 0 -1854px
}

.favicon-edx-cs169-1x {
    background-position: 0 -1872px
}

.favicon-edx-cs169-1xmeta {
    background-position: 0 -1890px
}

.favicon-electronics {
    background-position: 0 -1908px
}

.favicon-electronicsmeta {
    background-position: 0 -1926px
}

.favicon-elementaryos {
    background-position: 0 -1944px
}

.favicon-elementaryosmeta {
    background-position: 0 -1962px
}

.favicon-ell {
    background-position: 0 -1980px
}

.favicon-ellmeta {
    background-position: 0 -1998px
}

.favicon-emacs {
    background-position: 0 -2016px
}

.favicon-emacsmeta {
    background-position: 0 -2034px
}

.favicon-embedded {
    background-position: 0 -2052px
}

.favicon-embeddedmeta {
    background-position: 0 -2070px
}

.favicon-engineering {
    background-position: 0 -2088px
}

.favicon-engineeringmeta {
    background-position: 0 -2106px
}

.favicon-english {
    background-position: 0 -2124px
}

.favicon-englishmeta {
    background-position: 0 -2142px
}

.favicon-es {
    background-position: 0 -2160px
}

.favicon-esmeta {
    background-position: 0 -2178px
}

.favicon-esperanto {
    background-position: 0 -2196px
}

.favicon-esperantometa {
    background-position: 0 -2214px
}

.favicon-ethereum {
    background-position: 0 -2232px
}

.favicon-ethereummeta {
    background-position: 0 -2250px
}

.favicon-expatriates {
    background-position: 0 -2268px
}

.favicon-expatriatesmeta {
    background-position: 0 -2286px
}

.favicon-expressionengine {
    background-position: 0 -2304px
}

.favicon-expressionenginemeta {
    background-position: 0 -2322px
}

.favicon-fitness {
    background-position: 0 -2340px
}

.favicon-fitnessmeta {
    background-position: 0 -2358px
}

.favicon-freelancing {
    background-position: 0 -2376px
}

.favicon-freelancingmeta {
    background-position: 0 -2394px
}

.favicon-french {
    background-position: 0 -2412px
}

.favicon-frenchmeta {
    background-position: 0 -2430px
}

.favicon-gamedev {
    background-position: 0 -2448px
}

.favicon-gamedevmeta {
    background-position: 0 -2466px
}

.favicon-gamification {
    background-position: 0 -2484px
}

.favicon-gamificationmeta {
    background-position: 0 -2502px
}

.favicon-gaming {
    background-position: 0 -2520px
}

.favicon-gamingmeta {
    background-position: 0 -2538px
}

.favicon-gardening {
    background-position: 0 -2556px
}

.favicon-gardeningmeta {
    background-position: 0 -2574px
}

.favicon-genealogy {
    background-position: 0 -2592px
}

.favicon-genealogymeta {
    background-position: 0 -2610px
}

.favicon-german {
    background-position: 0 -2628px
}

.favicon-germanmeta {
    background-position: 0 -2646px
}

.favicon-gis {
    background-position: 0 -2664px
}

.favicon-gismeta {
    background-position: 0 -2682px
}

.favicon-graphicdesign {
    background-position: 0 -2700px
}

.favicon-graphicdesignmeta {
    background-position: 0 -2718px
}

.favicon-ham {
    background-position: 0 -2736px
}

.favicon-hammeta {
    background-position: 0 -2754px
}

.favicon-hardwarerecs {
    background-position: 0 -2772px
}

.favicon-hardwarerecsmeta {
    background-position: 0 -2790px
}

.favicon-health {
    background-position: 0 -2808px
}

.favicon-healthmeta {
    background-position: 0 -2826px
}

.favicon-hermeneutics {
    background-position: 0 -2844px
}

.favicon-hermeneuticsmeta {
    background-position: 0 -2862px
}

.favicon-hinduism {
    background-position: 0 -2880px
}

.favicon-hinduismmeta {
    background-position: 0 -2898px
}

.favicon-history {
    background-position: 0 -2916px
}

.favicon-historymeta {
    background-position: 0 -2934px
}

.favicon-homebrew {
    background-position: 0 -2952px
}

.favicon-homebrewmeta {
    background-position: 0 -2970px
}

.favicon-hsm {
    background-position: 0 -2988px
}

.favicon-hsmmeta {
    background-position: 0 -3006px
}

.favicon-i2p {
    background-position: 0 -3024px
}

.favicon-i2pmeta {
    background-position: 0 -3042px
}

.favicon-iot {
    background-position: 0 -3060px
}

.favicon-iotmeta {
    background-position: 0 -3078px
}

.favicon-islam {
    background-position: 0 -3096px
}

.favicon-islammeta {
    background-position: 0 -3114px
}

.favicon-italian {
    background-position: 0 -3132px
}

.favicon-italianmeta {
    background-position: 0 -3150px
}

.favicon-ja {
    background-position: 0 -3168px
}

.favicon-jameta {
    background-position: 0 -3186px
}

.favicon-japanese {
    background-position: 0 -3204px
}

.favicon-japanesemeta {
    background-position: 0 -3222px
}

.favicon-joomla {
    background-position: 0 -3240px
}

.favicon-joomlameta {
    background-position: 0 -3258px
}

.favicon-judaism {
    background-position: 0 -3276px
}

.favicon-judaismmeta {
    background-position: 0 -3294px
}

.favicon-korean {
    background-position: 0 -3312px
}

.favicon-koreanmeta {
    background-position: 0 -3330px
}

.favicon-languagelearning {
    background-position: 0 -3348px
}

.favicon-languagelearningmeta {
    background-position: 0 -3366px
}

.favicon-latin {
    background-position: 0 -3384px
}

.favicon-latinmeta {
    background-position: 0 -3402px
}

.favicon-law {
    background-position: 0 -3420px
}

.favicon-lawmeta {
    background-position: 0 -3438px
}

.favicon-lifehacks {
    background-position: 0 -3456px
}

.favicon-lifehacksmeta {
    background-position: 0 -3474px
}

.favicon-linguistics {
    background-position: 0 -3492px
}

.favicon-linguisticsmeta {
    background-position: 0 -3510px
}

.favicon-literature {
    background-position: 0 -3528px
}

.favicon-literaturemeta {
    background-position: 0 -3546px
}

.favicon-magento {
    background-position: 0 -3564px
}

.favicon-magentometa {
    background-position: 0 -3582px
}

.favicon-martialarts {
    background-position: 0 -3600px
}

.favicon-martialartsmeta {
    background-position: 0 -3618px
}

.favicon-math {
    background-position: 0 -3636px
}

.favicon-matheducators {
    background-position: 0 -3654px
}

.favicon-matheducatorsmeta {
    background-position: 0 -3672px
}

.favicon-mathematica {
    background-position: 0 -3690px
}

.favicon-mathematicameta {
    background-position: 0 -3708px
}

.favicon-mathmeta {
    background-position: 0 -3726px
}

.favicon-mathoverflow {
    background-position: 0 -3744px
}

.favicon-mathoverflowmeta {
    background-position: 0 -3762px
}

.favicon-mechanics {
    background-position: 0 -3780px
}

.favicon-mechanicsmeta {
    background-position: 0 -3798px
}

.favicon-moderators {
    background-position: 0 -3816px
}

.favicon-moderatorsmeta {
    background-position: 0 -3834px
}

.favicon-monero {
    background-position: 0 -3852px
}

.favicon-monerometa {
    background-position: 0 -3870px
}

.favicon-money {
    background-position: 0 -3888px
}

.favicon-moneymeta {
    background-position: 0 -3906px
}

.favicon-movies {
    background-position: 0 -3924px
}

.favicon-moviesmeta {
    background-position: 0 -3942px
}

.favicon-music {
    background-position: 0 -3960px
}

.favicon-musicfans {
    background-position: 0 -3978px
}

.favicon-musicfansmeta {
    background-position: 0 -3996px
}

.favicon-musicmeta {
    background-position: 0 -4014px
}

.favicon-mythology {
    background-position: 0 -4032px
}

.favicon-mythologymeta {
    background-position: 0 -4050px
}

.favicon-networkengineering {
    background-position: 0 -4068px
}

.favicon-networkengineeringmeta {
    background-position: 0 -4086px
}

.favicon-opendata {
    background-position: 0 -4104px
}

.favicon-opendatameta {
    background-position: 0 -4122px
}

.favicon-openscience {
    background-position: 0 -4140px
}

.favicon-opensciencemeta {
    background-position: 0 -4158px
}

.favicon-opensource {
    background-position: 0 -4176px
}

.favicon-opensourcemeta {
    background-position: 0 -4194px
}

.favicon-outdoors {
    background-position: 0 -4212px
}

.favicon-outdoorsmeta {
    background-position: 0 -4230px
}

.favicon-parenting {
    background-position: 0 -4248px
}

.favicon-parentingmeta {
    background-position: 0 -4266px
}

.favicon-patents {
    background-position: 0 -4284px
}

.favicon-patentsmeta {
    background-position: 0 -4302px
}

.favicon-pets {
    background-position: 0 -4320px
}

.favicon-petsmeta {
    background-position: 0 -4338px
}

.favicon-philosophy {
    background-position: 0 -4356px
}

.favicon-philosophymeta {
    background-position: 0 -4374px
}

.favicon-photo {
    background-position: 0 -4392px
}

.favicon-photometa {
    background-position: 0 -4410px
}

.favicon-physics {
    background-position: 0 -4428px
}

.favicon-physicsmeta {
    background-position: 0 -4446px
}

.favicon-pm {
    background-position: 0 -4464px
}

.favicon-pmmeta {
    background-position: 0 -4482px
}

.favicon-poker {
    background-position: 0 -4500px
}

.favicon-pokermeta {
    background-position: 0 -4518px
}

.favicon-politics {
    background-position: 0 -4536px
}

.favicon-politicsmeta {
    background-position: 0 -4554px
}

.favicon-portuguese {
    background-position: 0 -4572px
}

.favicon-portuguesemeta {
    background-position: 0 -4590px
}

.favicon-productivity {
    background-position: 0 -4608px
}

.favicon-productivitymeta {
    background-position: 0 -4626px
}

.favicon-puzzling {
    background-position: 0 -4644px
}

.favicon-puzzlingmeta {
    background-position: 0 -4662px
}

.favicon-quant {
    background-position: 0 -4680px
}

.favicon-quantmeta {
    background-position: 0 -4698px
}

.favicon-raspberrypi {
    background-position: 0 -4716px
}

.favicon-raspberrypimeta {
    background-position: 0 -4734px
}

.favicon-retrocomputing {
    background-position: 0 -4752px
}

.favicon-retrocomputingmeta {
    background-position: 0 -4770px
}

.favicon-reverseengineering {
    background-position: 0 -4788px
}

.favicon-reverseengineeringmeta {
    background-position: 0 -4806px
}

.favicon-robotics {
    background-position: 0 -4824px
}

.favicon-roboticsmeta {
    background-position: 0 -4842px
}

.favicon-rpg {
    background-position: 0 -4860px
}

.favicon-rpgmeta {
    background-position: 0 -4878px
}

.favicon-ru {
    background-position: 0 -4896px
}

.favicon-rumeta {
    background-position: 0 -4914px
}

.favicon-rus {
    background-position: 0 -4932px
}

.favicon-rusmeta {
    background-position: 0 -4950px
}

.favicon-russian {
    background-position: 0 -4968px
}

.favicon-russianmeta {
    background-position: 0 -4986px
}

.favicon-salesforce {
    background-position: 0 -5004px
}

.favicon-salesforcemeta {
    background-position: 0 -5022px
}

.favicon-scicomp {
    background-position: 0 -5040px
}

.favicon-scicompmeta {
    background-position: 0 -5058px
}

.favicon-scifi {
    background-position: 0 -5076px
}

.favicon-scifimeta {
    background-position: 0 -5094px
}

.favicon-security {
    background-position: 0 -5112px
}

.favicon-securitymeta {
    background-position: 0 -5130px
}

.favicon-serverfault {
    background-position: 0 -5148px
}

.favicon-serverfaultmeta {
    background-position: 0 -5166px
}

.favicon-sexuality {
    background-position: 0 -5184px
}

.favicon-sexualitymeta {
    background-position: 0 -5202px
}

.favicon-sharepoint {
    background-position: 0 -5220px
}

.favicon-sharepointmeta {
    background-position: 0 -5238px
}

.favicon-sitecore {
    background-position: 0 -5256px
}

.favicon-sitecoremeta {
    background-position: 0 -5274px
}

.favicon-skeptics {
    background-position: 0 -5292px
}

.favicon-skepticsmeta {
    background-position: 0 -5310px
}

.favicon-softwareengineering {
    background-position: 0 -5328px
}

.favicon-softwareengineeringmeta {
    background-position: 0 -5346px
}

.favicon-softwarerecs {
    background-position: 0 -5364px
}

.favicon-softwarerecsmeta {
    background-position: 0 -5382px
}

.favicon-sound {
    background-position: 0 -5400px
}

.favicon-soundmeta {
    background-position: 0 -5418px
}

.favicon-space {
    background-position: 0 -5436px
}

.favicon-spacemeta {
    background-position: 0 -5454px
}

.favicon-spanish {
    background-position: 0 -5472px
}

.favicon-spanishmeta {
    background-position: 0 -5490px
}

.favicon-sports {
    background-position: 0 -5508px
}

.favicon-sportsmeta {
    background-position: 0 -5526px
}

.favicon-sqa {
    background-position: 0 -5544px
}

.favicon-sqameta {
    background-position: 0 -5562px
}

.favicon-stackapps {
    background-position: 0 -5580px
}

.favicon-stackexchange {
    background-position: 0 -5598px
}

.favicon-stackexchangemeta {
    background-position: 0 -5616px
}

.favicon-stackoverflow {
    background-position: 0 -5634px
}

.favicon-stackoverflowmeta {
    background-position: 0 -5652px
}

.favicon-stackoverflowstaging {
    background-position: 0 -5670px
}

.favicon-startups {
    background-position: 0 -5688px
}

.favicon-startupsmeta {
    background-position: 0 -5706px
}

.favicon-stats {
    background-position: 0 -5724px
}

.favicon-statsmeta {
    background-position: 0 -5742px
}

.favicon-superuser {
    background-position: 0 -5760px
}

.favicon-superusermeta {
    background-position: 0 -5778px
}

.favicon-sustainability {
    background-position: 0 -5796px
}

.favicon-sustainabilitymeta {
    background-position: 0 -5814px
}

.favicon-tex {
    background-position: 0 -5832px
}

.favicon-texmeta {
    background-position: 0 -5850px
}

.favicon-tor {
    background-position: 0 -5868px
}

.favicon-tormeta {
    background-position: 0 -5886px
}

.favicon-travel {
    background-position: 0 -5904px
}

.favicon-travelmeta {
    background-position: 0 -5922px
}

.favicon-tridion {
    background-position: 0 -5940px
}

.favicon-tridionmeta {
    background-position: 0 -5958px
}

.favicon-ukrainian {
    background-position: 0 -5976px
}

.favicon-ukrainianmeta {
    background-position: 0 -5994px
}

.favicon-unix {
    background-position: 0 -6012px
}

.favicon-unixmeta {
    background-position: 0 -6030px
}

.favicon-ux {
    background-position: 0 -6048px
}

.favicon-uxmeta {
    background-position: 0 -6066px
}

.favicon-vegetarianism {
    background-position: 0 -6084px
}

.favicon-vegetarianismmeta {
    background-position: 0 -6102px
}

.favicon-vi {
    background-position: 0 -6120px
}

.favicon-video {
    background-position: 0 -6138px
}

.favicon-videometa {
    background-position: 0 -6156px
}

.favicon-vimeta {
    background-position: 0 -6174px
}

.favicon-webapps {
    background-position: 0 -6192px
}

.favicon-webappsmeta {
    background-position: 0 -6210px
}

.favicon-webmasters {
    background-position: 0 -6228px
}

.favicon-webmastersmeta {
    background-position: 0 -6246px
}

.favicon-windowsphone {
    background-position: 0 -6264px
}

.favicon-windowsphonemeta {
    background-position: 0 -6282px
}

.favicon-woodworking {
    background-position: 0 -6300px
}

.favicon-woodworkingmeta {
    background-position: 0 -6318px
}

.favicon-wordpress {
    background-position: 0 -6336px
}

.favicon-wordpressmeta {
    background-position: 0 -6354px
}

.favicon-workplace {
    background-position: 0 -6372px
}

.favicon-workplacemeta {
    background-position: 0 -6390px
}

.favicon-worldbuilding {
    background-position: 0 -6408px
}

.favicon-worldbuildingmeta {
    background-position: 0 -6426px
}

.favicon-writers {
    background-position: 0 -6444px
}

.favicon-writersmeta {
    background-position: 0 -6462px
}

.icon-imgur-white {
    background-image: url("../../img/img-upload.png?v=a99eb6c785e4");
    background-image: url("../../img/img-upload.svg?v=88d0cb836f89"),none;
    background-position: 0 -130px;
    display: inline-block;
    width: 50px;
    height: 18px;
    vertical-align: middle
}

.icon-pencil,.icon-bubble,.icon-trophy,.icon-up-down {
    background-image: url("../../img/share-sprite-new.png?v=e1b8bd67bc12");
    background-image: url("../../img/share-sprite-new.svg?v=78be252218f3"),none;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.icon-pencil {
    background-position: -123px 0
}

.icon-bubble {
    background-position: -103px -2px;
    width: 13px;
    height: 13px
}

.icon-trophy {
    background-position: -62px -1px;
    width: 15px
}

.icon-up-down {
    background-position: -80px -2px;
    width: 18px;
    height: 12px
}

.icon-site,.icon-location,.icon-github,.icon-twitter,.icon-time,.icon-calendar,.icon-eye,.icon-se,.icon-q,.icon-a,.icon-q-small,.icon-a-small,.icon-ppl-helped,.icon-helpful-edit,.icon-vote-cast,.icon-lock,.icon-so-gray,.icon-external-link,.icon-helpful-flags,.icon-history,.icon-settings,.icon-settings-off,.icon-arrow-bottom,.icon-user-dark {
    background-image: url("../../img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle
}

.icon-site {
    background-position: 0 -80px
}

.icon-location {
    background-position: 0 -97px
}

.icon-github {
    background-position: 0 -114px
}

.icon-twitter {
    background-position: 0 -131px
}

.icon-time {
    background-position: 0 -147px
}

.icon-calendar {
    background-position: 0 -163px
}

.icon-eye {
    background-position: 0 -182px
}

.icon-se {
    background-position: 0 -200px;
    position: relative;
    top: -1px
}

.icon-envelope-fill-gray {
    content: ' ';
    color: transparent;
    background-image: url("../../img/icon-envelope-fill-gray.png?v=b61f9c31beb2");
    background-image: url("../../img/icon-envelope-fill-gray.svg?v=ea9063ae1a15"),none;
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
    opacity: .6;
    text-indent: -10000px
}

.icon-user-dark {
    width: 13px;
    height: 13px;
    background-position: -46px -106px
}

.icon-arrow-bottom {
    width: 10px;
    height: 6px;
    background-position: -84px -411px
}

.icon-settings-off {
    height: 12px;
    width: 11px;
    background-position: 0 -355px
}

.icon-settings-off.hover:hover {
    background-position: 0 -370px
}

.icon-settings {
    height: 11px;
    width: 11px;
    background-position: 0 -370px
}

.icon-q {
    background-position: 1px 0;
    width: 19px;
    height: 22px
}

.icon-q.accepted {
    background-position: -49px 0
}

.icon-a {
    background-position: 1px -28px;
    width: 19px;
    height: 22px
}

.icon-a.accepted {
    background-position: -49px -28px
}

.icon-q-small {
    background-position: -28px 0;
    width: 11px;
    height: 13px
}

.icon-a-small {
    background-position: -28px -28px;
    width: 11px;
    height: 13px
}

.icon-ppl-helped {
    background-position: -28px -106px;
    width: 13px;
    height: 13px
}

.icon-helpful-edit {
    background-position: -28px -81px;
    width: 13px;
    height: 13px
}

.icon-helpful-flags {
    background-position: -28px -61px;
    width: 13px;
    height: 13px
}

.icon-history {
    background-position: 0 -63px;
    width: 12px;
    height: 10px
}

.icon-vote-cast {
    background-position: -28px -134px;
    width: 13px;
    height: 8px
}

.icon-lock {
    background-position: -28px -151px;
    width: 13px;
    height: 13px
}

.icon-so-gray {
    background-position: -56px -80px;
    width: 11px;
    height: 14px
}

.icon-external-link {
    width: 14px;
    height: 14px;
    background-position: -49px -369px
}

.input-icon {
    position: relative
}

.input-icon .icon {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    top: 50%;
    margin-top: -7px;
    left: 12px
}

.input-icon input {
    padding-left: 30px !important
}

.icon-check-on,.icon-check-off,.item-select-table .item input[type="checkbox"]:checked+.check,.item-select-table .item .check {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 16px;
    height: 16px;
    display: inline-block
}

.icon-check-off,.item-select-table .item .check {
    background-position: -51px -58px
}

.icon-check-on,.item-select-table .item input[type="checkbox"]:checked+.check {
    background-position: -74px -58px
}

.icon-check-small-on,.icon-check-small-off {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 13px;
    height: 10px;
    display: inline-block
}

.icon-check-small-on {
    background-position: -51px -40px
}

.icon-check-small-off {
    background-position: -74px -40px
}

.icon-lock-on,.icon-lock-off {
    background-image: url('../../img/user-profile-sprite.png?v=6829b895a42c');
    background-image: url('../../img/user-profile-sprite.svg?v=8cd8def8f520'),none;
    width: 10px;
    height: 13px;
    display: inline-block
}

.icon-lock-off {
    background-position: -50px -151px
}

.icon-lock-on {
    background-position: -28px -151px
}

.icon-bitbucket,.icon-gitlab,.icon-googlecode,.icon-codeplex,.icon-sourceforge {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block
}

.icon-bitbucket {
    background-position: 0 -224px
}

.icon-gitlab {
    background-position: 0 -244px
}

.icon-googlecode {
    background-position: 0 -265px
}

.icon-codeplex {
    background-position: 0 -304px
}

.icon-sourceforge {
    background-position: 0 -285px
}

.icon-privacy-public,.icon-privacy-private,.icon-privacy-public-btn,.icon-privacy-private-btn {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 11px;
    height: 11px;
    display: inline-block
}

.icon-privacy-public {
    background-position: -52px 0
}

.icon-privacy-private {
    background-position: -76px 0
}

.icon-privacy-public-btn {
    background-position: -52px -20px
}

.icon-privacy-private-btn {
    background-position: -76px -20px
}

.icon-job-big,.icon-project-opensource-big,.icon-project-apps-big,.icon-achievement-big,.icon-education-big,.icon-certification-big,.icon-artifact-big,.icon-generic-big {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 22px;
    height: 22px;
    display: inline-block
}

.icon-job-big {
    background-position: -120px -125px
}

.icon-project-opensource-big {
    background-position: -120px -75px
}

.icon-project-apps-big {
    background-position: -120px 0
}

.icon-achievement-big {
    background-position: -120px -23px
}

.icon-education-big {
    background-position: -120px -101px
}

.icon-certification-big {
    background-position: -120px -155px
}

.icon-artifact-big {
    background-position: -120px -46px
}

.icon-generic-big {
    background-position: -120px -184px
}

.icon-i,.icon-i-blue,.icon-i-orange {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 14px;
    height: 14px;
    display: inline-block;
    background-position: -54px -94px
}

.icon-i-orange {
    background-position: -54px -134px;
    width: 12px;
    height: 12px
}

.icon-warning-orange,.icon-warning-gray,.icon-warning-label:before {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 13px;
    height: 11px;
    display: inline-block
}

.icon-warning-orange,.icon-warning-label:before {
    background-position: -55px -114px
}

.icon-warning-gray {
    background-position: -55px -152px
}

.icon-warning-label {
    display: inline-block;
    background: #faeed6;
    border-radius: 3px;
    padding: 2px 4px;
    cursor: pointer
}

.icon-warning-label:before {
    content: ''
}

#location-home-item,.needs-visa {
    position: relative;
    padding-left: 1.8em !important
}

#location-home-item .visa-icon,.needs-visa .visa-icon,#location-home-item .home-icon,.needs-visa .home-icon {
    position: absolute;
    left: .4em;
    top: 50%;
    transform: translate(0, -50%)
}

.home-icon {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -76px -132px
}

.visa-icon {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -76px -114px
}

.geo-tag .visa-icon {
    display: none
}

.geo-tag.needs-visa .visa-icon {
    display: inline-block
}

.icon-image-upload {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-position: 0 -360px
}

.icon-external-link {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 12px;
    height: 10px;
    display: inline-block;
    background-position: 0 -430px
}

.icon-play-white {
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: 0 -258px
}

.btn .icon-play-white {
    position: relative;
    top: 1px
}

.icon-indent {
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: 0 -278px
}

.icon-indent._hover:hover,a:hover .icon-indent._hover {
    background-position: -20px -278px
}

.icon-cancel {
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: 0 -238px
}

.icon-cancel._hover:hover,a:hover .icon-cancel._hover {
    background-position: -20px -238px
}

a .icon-cancel,a .icon-indent {
    position: relative;
    top: 1px
}

.icon-print {
    background-image: url('../../img/developer-story/timeline.svg?v=aac0afd7f4ca'),none;
    width: 12px;
    height: 11px;
    display: inline-block;
    background-position: 0 -488px
}

.badge,.badge-tag {
    transition: background-color .15s ease-in-out,border .15s ease-in-out,color .15s ease-in-out;
    padding: .4em .8em .4em .4em;
    margin: 0 3px 3px 0;
    color: #FFF;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
    background-color: #2f3337;
    border: 1px solid transparent;
    display: inline-block;
    border-radius: 4px
}

.badge:hover,.badge-tag:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #0C0D0E
}

.badge-tag {
    color: #535a60;
    background-color: #eff0f1;
    border-color: #d6d9dc
}

.badge-tag:hover {
    color: #474d53;
    background-color: #d6d9dc;
    border-color: #c8ccd0
}

.badgecount {
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
    color: #848d95
}

.badge1,.badge2,.badge3 {
    display: inline-block;
    overflow: hidden;
    line-height: inherit;
    vertical-align: text-bottom;
    width: 14px;
    height: 14px
}

.badge1 {
    background-position: -97px -398px
}

.badge2 {
    background-position: -77px -398px
}

.badge3 {
    background-position: -57px -398px
}

.badge1-alternate,.badge2-alternate,.badge3-alternate,.badge-how-to {
    display: inline-block;
    margin-right: 1px;
    padding: 7px;
    border: 1px solid transparent;
    border-radius: 2px
}

.badge1-alternate:last-child,.badge2-alternate:last-child,.badge3-alternate:last-child,.badge-how-to:last-child {
    margin-right: 0
}

.badge1-alternate .badgecount,.badge2-alternate .badgecount,.badge3-alternate .badgecount,.badge-how-to .badgecount {
    color: #535a60
}

.badge1-alternate .badge1,.badge2-alternate .badge1,.badge3-alternate .badge1,.badge-how-to .badge1,.badge1-alternate .badge2,.badge2-alternate .badge2,.badge3-alternate .badge2,.badge-how-to .badge2,.badge1-alternate .badge3,.badge2-alternate .badge3,.badge3-alternate .badge3,.badge-how-to .badge3 {
    position: relative;
    top: -1px;
    margin: 0;
    margin-right: 4px;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-radius: 50%;
    background-image: none
}

.badge1-alternate {
    background: #fff8e2;
    border-color: #ece3c8
}

.badge1-alternate .badge1 {
    background: #FFCC01
}

.badge2-alternate,.badge-how-to {
    background: #edeeef;
    border-color: #e0e1e3
}

.badge2-alternate .badge2,.badge-how-to .badge2 {
    background: #B4B8BC
}

.badge3-alternate {
    background: #f9ebe1;
    border-color: #f1decc
}

.badge3-alternate .badge3 {
    background: #D1A684
}

a.badge1-alternate:hover,a.badge2-alternate:hover,a.badge3-alternate:hover {
    background: #535a60;
    border-color: transparent
}

input[type="submit"],input[type="button"],button,.button,.btn,[class*="btn-"],.hero-box.double-panel .panel.white .btn {
    display: inline-block;
    position: relative;
    padding: .61538462em 1em;
    vertical-align: middle;
    min-height: 2.46153846em;
    box-sizing: border-box;
    font-weight: 400;
    font-family: inherit;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid transparent;
    cursor: pointer;
    outline: none;
    touch-action: manipulation;
    transition: all .1s ease-in
}

input[type="submit"]:hover,input[type="button"]:hover,button:hover,.button:hover,.btn:hover,[class*="btn-"]:hover,input[type="submit"]:focus,input[type="button"]:focus,button:focus,.button:focus,.btn:focus,[class*="btn-"]:focus {
    text-decoration: none;
    transition: all .1s ease-in-out;
    outline: none
}

input[type="submit"][disabled],input[type="button"][disabled],button[disabled],.button[disabled],.btn[disabled],[class*="btn-"][disabled],input[type="submit"]._disabled,input[type="button"]._disabled,button._disabled,.button._disabled,.btn._disabled,[class*="btn-"]._disabled {
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    opacity: 1
}

input[type="submit"][disabled]:hover,input[type="button"][disabled]:hover,button[disabled]:hover,.button[disabled]:hover,.btn[disabled]:hover,[class*="btn-"][disabled]:hover,input[type="submit"]._disabled:hover,input[type="button"]._disabled:hover,button._disabled:hover,.button._disabled:hover,.btn._disabled:hover,[class*="btn-"]._disabled:hover {
    cursor: default;
    box-shadow: none
}

input[type="submit"],input[type="button"],button,.button,a.button,a.button:visited,.btn,.hero-box.double-panel .panel.white .btn {
    color: #FFF;
    background-color: #0095ff;
    border-color: #07c;
    box-shadow: inset 0 1px 0 #66bfff
}

input[type="submit"]:hover,input[type="button"]:hover,button:hover,.button:hover,a.button:hover,a.button:visited:hover,.btn:hover,input[type="submit"]:focus,input[type="button"]:focus,button:focus,.button:focus,a.button:focus,a.button:visited:focus,.btn:focus {
    color: rgba(255,255,255,0.9);
    background-color: #07c;
    border-color: #005999;
    box-shadow: inset 0 1px 0 #3af
}

input[type="submit"][disabled],input[type="button"][disabled],button[disabled],.button[disabled],a.button[disabled],a.button:visited[disabled],.btn[disabled],input[type="submit"]._disabled,input[type="button"]._disabled,button._disabled,.button._disabled,a.button._disabled,a.button:visited._disabled,.btn._disabled {
    color: #FFF;
    background-color: #cddbe4;
    border-color: #bdcfdb
}

input[type="submit"].btn-secondary,input[type="button"].btn-secondary,button.btn-secondary,.btn-secondary,.privacy-switch-btn {
    color: #39739d;
    background-color: #E1ECF4;
    border-color: #96bdd9;
    box-shadow: inset 0 1px 0 #f4f8fb
}

input[type="submit"].btn-secondary:hover,input[type="button"].btn-secondary:hover,button.btn-secondary:hover,.btn-secondary:hover,input[type="submit"].btn-secondary:focus,input[type="button"].btn-secondary:focus,button.btn-secondary:focus,.btn-secondary:focus {
    color: #2c5777;
    background-color: #bcd4e6;
    border-color: #4c8dbd;
    box-shadow: inset 0 1px 0 #E1ECF4
}

input[type="submit"].btn-secondary[disabled],input[type="button"].btn-secondary[disabled],button.btn-secondary[disabled],.btn-secondary[disabled],input[type="submit"].btn-secondary._disabled,input[type="button"].btn-secondary._disabled,button.btn-secondary._disabled,.btn-secondary._disabled {
    color: #9dadb9;
    background-color: #f6f7f9;
    border-color: #d8dee3
}

input[type="submit"].btn-outlined,input[type="button"].btn-outlined,button.btn-outlined,.btn-outlined {
    color: #07c;
    background-color: rgba(0,119,204,0);
    border-color: #0095ff;
    box-shadow: none
}

input[type="submit"].btn-outlined:hover,input[type="button"].btn-outlined:hover,button.btn-outlined:hover,.btn-outlined:hover,input[type="submit"].btn-outlined:focus,input[type="button"].btn-outlined:focus,button.btn-outlined:focus,.btn-outlined:focus {
    color: #005999;
    background-color: #e6f4ff;
    border-color: #07c;
    box-shadow: none
}

input[type="submit"].btn-outlined[disabled],input[type="button"].btn-outlined[disabled],button.btn-outlined[disabled],.btn-outlined[disabled],input[type="submit"].btn-outlined._disabled,input[type="button"].btn-outlined._disabled,button.btn-outlined._disabled,.btn-outlined._disabled {
    color: #a1a6aa;
    background-color: #f2f2f3;
    border-color: #d7d8db
}

input[type="submit"].btn-outlined.-warning,input[type="button"].btn-outlined.-warning,button.btn-outlined.-warning,.btn-outlined.-warning {
    color: #C91D2E;
    background-color: rgba(201,29,46,0);
    border-color: #e23748
}

input[type="submit"].btn-outlined.-warning:hover,input[type="button"].btn-outlined.-warning:hover,button.btn-outlined.-warning:hover,.btn-outlined.-warning:hover,input[type="submit"].btn-outlined.-warning:focus,input[type="button"].btn-outlined.-warning:focus,button.btn-outlined.-warning:focus,.btn-outlined.-warning:focus {
    color: #9c1724;
    background-color: #f9d3d7;
    border-color: #C91D2E
}

input[type="submit"].btn-outlined.-warning[disabled],input[type="button"].btn-outlined.-warning[disabled],button.btn-outlined.-warning[disabled],.btn-outlined.-warning[disabled],input[type="submit"].btn-outlined.-warning._disabled,input[type="button"].btn-outlined.-warning._disabled,button.btn-outlined.-warning._disabled,.btn-outlined.-warning._disabled {
    color: #999;
    background-color: #e6e6e6;
    border-color: #ccc
}

input[type="submit"].btn-outlined.white,input[type="button"].btn-outlined.white,button.btn-outlined.white,.btn-outlined.white,input[type="submit"].btn-outlined.-white,input[type="button"].btn-outlined.-white,button.btn-outlined.-white,.btn-outlined.-white {
    color: #FFF;
    background-color: rgba(255,255,255,0);
    border-color: #FFF
}

input[type="submit"].btn-outlined.white:hover,input[type="button"].btn-outlined.white:hover,button.btn-outlined.white:hover,.btn-outlined.white:hover,input[type="submit"].btn-outlined.-white:hover,input[type="button"].btn-outlined.-white:hover,button.btn-outlined.-white:hover,.btn-outlined.-white:hover,input[type="submit"].btn-outlined.white:focus,input[type="button"].btn-outlined.white:focus,button.btn-outlined.white:focus,.btn-outlined.white:focus,input[type="submit"].btn-outlined.-white:focus,input[type="button"].btn-outlined.-white:focus,button.btn-outlined.-white:focus,.btn-outlined.-white:focus {
    color: rgba(255,255,255,0.95);
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.6)
}

input[type="submit"].btn-outlined.white[disabled],input[type="button"].btn-outlined.white[disabled],button.btn-outlined.white[disabled],.btn-outlined.white[disabled],input[type="submit"].btn-outlined.-white[disabled],input[type="button"].btn-outlined.-white[disabled],button.btn-outlined.-white[disabled],.btn-outlined.-white[disabled],input[type="submit"].btn-outlined.white._disabled,input[type="button"].btn-outlined.white._disabled,button.btn-outlined.white._disabled,.btn-outlined.white._disabled,input[type="submit"].btn-outlined.-white._disabled,input[type="button"].btn-outlined.-white._disabled,button.btn-outlined.-white._disabled,.btn-outlined.-white._disabled {
    opacity: .5
}

input[type="submit"].btn-clear,input[type="button"].btn-clear,button.btn-clear,.btn-clear {
    color: #07C;
    background-color: rgba(0,119,204,0);
    border-color: transparent;
    box-shadow: none
}

input[type="submit"].btn-clear:hover,input[type="button"].btn-clear:hover,button.btn-clear:hover,.btn-clear:hover,input[type="submit"].btn-clear:focus,input[type="button"].btn-clear:focus,button.btn-clear:focus,.btn-clear:focus {
    color: #005999;
    background-color: rgba(0,119,204,0.1);
    border-color: transparent;
    box-shadow: none
}

input[type="submit"].btn-clear[disabled],input[type="button"].btn-clear[disabled],button.btn-clear[disabled],.btn-clear[disabled],input[type="submit"].btn-clear._disabled,input[type="button"].btn-clear._disabled,button.btn-clear._disabled,.btn-clear._disabled {
    color: #a1a6aa;
    background-color: #f2f2f3;
    border-color: transparent
}

input[type="submit"].btn-clear.-warning,input[type="button"].btn-clear.-warning,button.btn-clear.-warning,.btn-clear.-warning {
    color: #C91D2E;
    background-color: rgba(201,29,46,0);
    border-color: rgba(201,29,46,0)
}

input[type="submit"].btn-clear.-warning:hover,input[type="button"].btn-clear.-warning:hover,button.btn-clear.-warning:hover,.btn-clear.-warning:hover,input[type="submit"].btn-clear.-warning:focus,input[type="button"].btn-clear.-warning:focus,button.btn-clear.-warning:focus,.btn-clear.-warning:focus {
    color: #9c1724;
    background-color: #f9d3d7;
    border-color: #f9d3d7
}

input[type="submit"].btn-clear.-warning[disabled],input[type="button"].btn-clear.-warning[disabled],button.btn-clear.-warning[disabled],.btn-clear.-warning[disabled],input[type="submit"].btn-clear.-warning._disabled,input[type="button"].btn-clear.-warning._disabled,button.btn-clear.-warning._disabled,.btn-clear.-warning._disabled {
    color: #999;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

input[type="submit"].btn-clear.white,input[type="button"].btn-clear.white,button.btn-clear.white,.btn-clear.white,input[type="submit"].btn-clear.-white,input[type="button"].btn-clear.-white,button.btn-clear.-white,.btn-clear.-white {
    color: #FFF;
    background-color: rgba(255,255,255,0);
    border-color: transparent
}

input[type="submit"].btn-clear.white:hover,input[type="button"].btn-clear.white:hover,button.btn-clear.white:hover,.btn-clear.white:hover,input[type="submit"].btn-clear.-white:hover,input[type="button"].btn-clear.-white:hover,button.btn-clear.-white:hover,.btn-clear.-white:hover,input[type="submit"].btn-clear.white:focus,input[type="button"].btn-clear.white:focus,button.btn-clear.white:focus,.btn-clear.white:focus,input[type="submit"].btn-clear.-white:focus,input[type="button"].btn-clear.-white:focus,button.btn-clear.-white:focus,.btn-clear.-white:focus {
    color: rgba(255,255,255,0.95);
    background-color: rgba(255,255,255,0.05);
    border-color: transparent
}

input[type="submit"].btn-clear.white[disabled],input[type="button"].btn-clear.white[disabled],button.btn-clear.white[disabled],.btn-clear.white[disabled],input[type="submit"].btn-clear.-white[disabled],input[type="button"].btn-clear.-white[disabled],button.btn-clear.-white[disabled],.btn-clear.-white[disabled],input[type="submit"].btn-clear.white._disabled,input[type="button"].btn-clear.white._disabled,button.btn-clear.white._disabled,.btn-clear.white._disabled,input[type="submit"].btn-clear.-white._disabled,input[type="button"].btn-clear.-white._disabled,button.btn-clear.-white._disabled,.btn-clear.-white._disabled {
    opacity: .5
}

input[type="submit"].btn-confirm,input[type="button"].btn-confirm,button.btn-confirm,.btn-confirm {
    color: #FFF;
    background-color: #5fba7d;
    border-color: #45a163;
    box-shadow: inset 0 1px 0 #a6d9b7
}

input[type="submit"].btn-confirm:hover,input[type="button"].btn-confirm:hover,button.btn-confirm:hover,.btn-confirm:hover,input[type="submit"].btn-confirm:focus,input[type="button"].btn-confirm:focus,button.btn-confirm:focus,.btn-confirm:focus {
    color: rgba(255,255,255,0.9);
    background-color: #45a163;
    border-color: #367d4d;
    box-shadow: inset 0 1px 0 #82ca9a
}

input[type="submit"].btn-confirm[disabled],input[type="button"].btn-confirm[disabled],button.btn-confirm[disabled],.btn-confirm[disabled],input[type="submit"].btn-confirm._disabled,input[type="button"].btn-confirm._disabled,button.btn-confirm._disabled,.btn-confirm._disabled {
    color: #a7beaf;
    background-color: #d1e1d6;
    border-color: #c5d4ca
}

input[type="submit"].btn-warning,input[type="button"].btn-warning,button.btn-warning,.btn-warning {
    color: #FFF;
    background-color: #e23748;
    border-color: #9c1724;
    box-shadow: inset 0 1px 0 #ef9099
}

input[type="submit"].btn-warning:hover,input[type="button"].btn-warning:hover,button.btn-warning:hover,.btn-warning:hover,input[type="submit"].btn-warning:focus,input[type="button"].btn-warning:focus,button.btn-warning:focus,.btn-warning:focus {
    color: rgba(255,255,255,0.9);
    background-color: #C91D2E;
    border-color: #70101a;
    box-shadow: inset 0 1px 0 #e23748
}

input[type="submit"].btn-warning[disabled],input[type="button"].btn-warning[disabled],button.btn-warning[disabled],.btn-warning[disabled],input[type="submit"].btn-warning._disabled,input[type="button"].btn-warning._disabled,button.btn-warning._disabled,.btn-warning._disabled {
    color: #FFF;
    background-color: #d59197;
    border-color: #c6a0a4
}

input[type="submit"].btn-icon,input[type="button"].btn-icon,button.btn-icon,.btn-icon {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

input[type="submit"].btn-icon:hover,input[type="button"].btn-icon:hover,button.btn-icon:hover,.btn-icon:hover,input[type="submit"].btn-icon:focus,input[type="button"].btn-icon:focus,button.btn-icon:focus,.btn-icon:focus {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

input[type="submit"].btn-icon.-gray,input[type="button"].btn-icon.-gray,button.btn-icon.-gray,.btn-icon.-gray {
    color: #6a737c;
    background-color: #d6d9dc;
    border-color: #9fa6ad
}

input[type="submit"].btn-icon.-gray:hover,input[type="button"].btn-icon.-gray:hover,button.btn-icon.-gray:hover,.btn-icon.-gray:hover,input[type="submit"].btn-icon.-gray:focus,input[type="button"].btn-icon.-gray:focus,button.btn-icon.-gray:focus,.btn-icon.-gray:focus {
    color: #535a60;
    background-color: #c8ccd0;
    border-color: #9199a1
}

input[type=submit].loading,input[type=button].loading,button.loading,.button.loading,a.button.loading,a.button:visited.loading,.btn.loading,.btn:visited.loading,.btn-secondary.loading,.btn-outlined.loading,.btn-clear.loading,.btn-confirm.loading,.btn-warning.loading,.btn-icon.loading {
    pointer-events: none
}

input[type=submit].loading:before,input[type=button].loading:before,button.loading:before,.button.loading:before,a.button.loading:before,a.button:visited.loading:before,.btn.loading:before,.btn:visited.loading:before,.btn-secondary.loading:before,.btn-outlined.loading:before,.btn-clear.loading:before,.btn-confirm.loading:before,.btn-warning.loading:before,.btn-icon.loading:before {
    float: left;
    left: -4px;
    content: ""
}

.btn-secondaryinput[type=submit].loading:before,.btn-secondaryinput[type=button].loading:before,.btn-secondarybutton.loading:before,.btn-secondary.button.loading:before,.btn-secondarya.button.loading:before,.btn-secondarya.button:visited.loading:before,.btn-secondary.btn.loading:before,.btn-secondary.btn:visited.loading:before,.btn-secondary.btn-secondary.loading:before,.btn-secondary.btn-outlined.loading:before,.btn-secondary.btn-clear.loading:before,.btn-secondary.btn-confirm.loading:before,.btn-secondary.btn-warning.loading:before,.btn-secondary.btn-icon.loading:before,.btn-outlinedinput[type=submit].loading:before,.btn-outlinedinput[type=button].loading:before,.btn-outlinedbutton.loading:before,.btn-outlined.button.loading:before,.btn-outlineda.button.loading:before,.btn-outlineda.button:visited.loading:before,.btn-outlined.btn.loading:before,.btn-outlined.btn:visited.loading:before,.btn-outlined.btn-secondary.loading:before,.btn-outlined.btn-outlined.loading:before,.btn-outlined.btn-clear.loading:before,.btn-outlined.btn-confirm.loading:before,.btn-outlined.btn-warning.loading:before,.btn-outlined.btn-icon.loading:before,.btn-clearinput[type=submit].loading:before,.btn-clearinput[type=button].loading:before,.btn-clearbutton.loading:before,.btn-clear.button.loading:before,.btn-cleara.button.loading:before,.btn-cleara.button:visited.loading:before,.btn-clear.btn.loading:before,.btn-clear.btn:visited.loading:before,.btn-clear.btn-secondary.loading:before,.btn-clear.btn-outlined.loading:before,.btn-clear.btn-clear.loading:before,.btn-clear.btn-confirm.loading:before,.btn-clear.btn-warning.loading:before,.btn-clear.btn-icon.loading:before {
    border-top-color: #bcd4e6;
    border-right-color: #bcd4e6;
    border-bottom-color: #bcd4e6;
    border-left-color: #71a5cb
}

input[type="submit"]._block,input[type="button"]._block,button._block,.button._block,.btn._block,[class*="btn-"]._block {
    display: block;
    margin-bottom: .5em;
    width: 100%
}

input[type="submit"]._block+input[type="submit"]._block,input[type="submit"]._block+input[type="button"]._block,input[type="submit"]._block+button._block,input[type="submit"]._block+.button._block,input[type="submit"]._block+.btn._block,input[type="submit"]._block+[class*="btn-"]._block,input[type="button"]._block+input[type="submit"]._block,input[type="button"]._block+input[type="button"]._block,input[type="button"]._block+button._block,input[type="button"]._block+.button._block,input[type="button"]._block+.btn._block,input[type="button"]._block+[class*="btn-"]._block,button._block+input[type="submit"]._block,button._block+input[type="button"]._block,button._block+button._block,button._block+.button._block,button._block+.btn._block,button._block+[class*="btn-"]._block,.button._block+input[type="submit"]._block,.button._block+input[type="button"]._block,.button._block+button._block,.button._block+.button._block,.button._block+.btn._block,.button._block+[class*="btn-"]._block,.btn._block+input[type="submit"]._block,.btn._block+input[type="button"]._block,.btn._block+button._block,.btn._block+.button._block,.btn._block+.btn._block,.btn._block+[class*="btn-"]._block,[class*="btn-"]._block+input[type="submit"]._block,[class*="btn-"]._block+input[type="button"]._block,[class*="btn-"]._block+button._block,[class*="btn-"]._block+.button._block,[class*="btn-"]._block+.btn._block,[class*="btn-"]._block+[class*="btn-"]._block {
    margin-left: 0
}

input[type="submit"]._hide,input[type="button"]._hide,button._hide,.button._hide,.btn._hide,[class*="btn-"]._hide {
    display: none
}

input[type="submit"]._show,input[type="button"]._show,button._show,.button._show,.btn._show,[class*="btn-"]._show {
    display: inline-block
}

input[type="submit"]._xlarge,input[type="button"]._xlarge,button._xlarge,.button._xlarge,.btn._xlarge,[class*="btn-"]._xlarge {
    font-size: 24px
}

input[type="submit"]._large,input[type="button"]._large,button._large,.button._large,.btn._large,[class*="btn-"]._large {
    padding-left: 2em;
    padding-right: 2em;
    font-size: 18px
}

input[type="submit"]._medium,input[type="button"]._medium,button._medium,.button._medium,.btn._medium,[class*="btn-"]._medium {
    font-size: 15px
}

input[type="submit"]._small,input[type="button"]._small,button._small,.button._small,.btn._small,[class*="btn-"]._small {
    font-size: 12px
}

input[type="submit"]._left,input[type="button"]._left,button._left,.button._left,.btn._left,[class*="btn-"]._left {
    float: left
}

input[type="submit"]._right,input[type="button"]._right,button._right,.button._right,.btn._right,[class*="btn-"]._right {
    float: right;
    margin-right: 2px
}

input[type="submit"]._right:first-of-type,input[type="button"]._right:first-of-type,button._right:first-of-type,.button._right:first-of-type,.btn._right:first-of-type,[class*="btn-"]._right:first-of-type {
    margin-right: 0
}

select,input,button,.button,a.button:link,.btn,[class*="btn-"],.hero-box.double-panel .panel.white .btn {
    font-size: 100%
}

input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="datetime"],input[type="datetime-local"],input[type="date"],textarea {
    padding: 8px 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #3b4045;
    background: #FFF;
    border: 1px solid #c8ccd0
}

input[type="text"][disabled],input[type="password"][disabled],input[type="number"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="date"][disabled],textarea[disabled] {
    background: rgba(159,166,173,0.1);
    cursor: not-allowed
}

input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="datetime"]::-webkit-input-placeholder,input[type="datetime-local"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #9fa6ad
}

input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="number"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="url"]::-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="datetime"]::-moz-placeholder,input[type="datetime-local"]::-moz-placeholder,input[type="date"]::-moz-placeholder,textarea::-moz-placeholder {
    color: #9fa6ad;
    opacity: 1
}

input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="url"]:-ms-input-placeholder,input[type="search"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="datetime"]:-ms-input-placeholder,input[type="datetime-local"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #9fa6ad
}

input[type="text"]::-ms-input-placeholder,input[type="password"]::-ms-input-placeholder,input[type="number"]::-ms-input-placeholder,input[type="email"]::-ms-input-placeholder,input[type="url"]::-ms-input-placeholder,input[type="search"]::-ms-input-placeholder,input[type="tel"]::-ms-input-placeholder,input[type="datetime"]::-ms-input-placeholder,input[type="datetime-local"]::-ms-input-placeholder,input[type="date"]::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #9fa6ad
}

input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder,input[type="tel"]::placeholder,input[type="datetime"]::placeholder,input[type="datetime-local"]::placeholder,input[type="date"]::placeholder,textarea::placeholder {
    color: #9fa6ad
}

textarea.custom-reason-text {
    width: 600px
}

input {
    margin: 5px 0
}

input[type="checkbox"],input[type="radio"] {
    border: none;
    margin-right: 5px
}

.form-submit {
    display: block;
    padding: 10px 0 15px 0
}

.form-submit input:hover {
    cursor: pointer
}

.form-submit input:active {
    position: relative;
    top: 1px
}

.team-page .content input,.team-page .formGroup input,.team-page .content textarea,.team-page .formGroup textarea {
    box-sizing: border-box
}

.team-page .content input[type="text"],.team-page .formGroup input[type="text"],.team-page .content textarea,.team-page .formGroup textarea {
    width: 100%
}

.team-page .content label,.team-page .formGroup label {
    display: inline-block;
    margin-bottom: .5em;
    font-weight: 700;
    color: #535a60
}

.team-page .content label._large,.team-page .formGroup label._large {
    font-size: 18px
}

.team-page input[type="text"].date-range {
    width: 100px
}

.team-page textarea:hover,.team-page input[type="text"]:hover,.team-page input[type="password"]:hover,.team-page input[type="number"]:hover,.team-page input[type="email"]:hover,.team-page input[type="url"]:hover,.team-page input[type="search"]:hover,.team-page input[type="tel"]:hover,.team-page .tag-editor:hover,.team-page textarea:active,.team-page input[type="text"]:active,.team-page input[type="password"]:active,.team-page input[type="number"]:active,.team-page input[type="email"]:active,.team-page input[type="url"]:active,.team-page input[type="search"]:active,.team-page input[type="tel"]:active,.team-page .tag-editor:active {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 1px 2px #e4e6e8,0 0 2px rgba(0,149,255,0.2)
}

.team-page textarea:focus,.team-page input[type="text"]:focus,.team-page input[type="password"]:focus,.team-page input[type="number"]:focus,.team-page input[type="email"]:focus,.team-page input[type="url"]:focus,.team-page input[type="search"]:focus,.team-page input[type="tel"]:focus,.team-page .tag-editor:focus {
    background-color: #FFF;
    border-color: #0095ff;
    box-shadow: inset 0 2px 2px #fafafb,0 0 5px rgba(0,119,204,0.4);
    outline: 0;
    outline: thin dotted \9
}

.team-page textarea[disabled],.team-page input[type="text"][disabled],.team-page input[type="password"][disabled],.team-page input[type="number"][disabled],.team-page input[type="email"][disabled],.team-page input[type="url"][disabled],.team-page input[type="search"][disabled],.team-page input[type="tel"][disabled],.team-page .tag-editor[disabled] {
    background-color: #eff0f1;
    border-color: rgba(187,192,196,0.5);
    box-shadow: inset 0 1px 3px rgba(132,141,149,0.1),0 0 0 #FFF;
    color: #9fa6ad;
    cursor: not-allowed
}

.team-page textarea._warning,.team-page input[type="text"]._warning,.team-page input[type="password"]._warning,.team-page input[type="number"]._warning,.team-page input[type="email"]._warning,.team-page input[type="url"]._warning,.team-page input[type="search"]._warning,.team-page input[type="tel"]._warning,.team-page .tag-editor._warning,.team-page textarea.validation-info,.team-page input[type="text"].validation-info,.team-page input[type="password"].validation-info,.team-page input[type="number"].validation-info,.team-page input[type="email"].validation-info,.team-page input[type="url"].validation-info,.team-page input[type="search"].validation-info,.team-page input[type="tel"].validation-info,.team-page .tag-editor.validation-info {
    border-color: #ffd943
}

.team-page textarea._warning:hover,.team-page input[type="text"]._warning:hover,.team-page input[type="password"]._warning:hover,.team-page input[type="number"]._warning:hover,.team-page input[type="email"]._warning:hover,.team-page input[type="url"]._warning:hover,.team-page input[type="search"]._warning:hover,.team-page input[type="tel"]._warning:hover,.team-page .tag-editor._warning:hover,.team-page textarea.validation-info:hover,.team-page input[type="text"].validation-info:hover,.team-page input[type="password"].validation-info:hover,.team-page input[type="number"].validation-info:hover,.team-page input[type="email"].validation-info:hover,.team-page input[type="url"].validation-info:hover,.team-page input[type="search"].validation-info:hover,.team-page input[type="tel"].validation-info:hover,.team-page .tag-editor.validation-info:hover,.team-page textarea._warning:active,.team-page input[type="text"]._warning:active,.team-page input[type="password"]._warning:active,.team-page input[type="number"]._warning:active,.team-page input[type="email"]._warning:active,.team-page input[type="url"]._warning:active,.team-page input[type="search"]._warning:active,.team-page input[type="tel"]._warning:active,.team-page .tag-editor._warning:active,.team-page textarea.validation-info:active,.team-page input[type="text"].validation-info:active,.team-page input[type="password"].validation-info:active,.team-page input[type="number"].validation-info:active,.team-page input[type="email"].validation-info:active,.team-page input[type="url"].validation-info:active,.team-page input[type="search"].validation-info:active,.team-page input[type="tel"].validation-info:active,.team-page .tag-editor.validation-info:active {
    border-color: #ffd429;
    box-shadow: inset 0 1px 2px #e4e6e8,0 0 2px rgba(255,207,16,0.2)
}

.team-page textarea._warning:focus,.team-page input[type="text"]._warning:focus,.team-page input[type="password"]._warning:focus,.team-page input[type="number"]._warning:focus,.team-page input[type="email"]._warning:focus,.team-page input[type="url"]._warning:focus,.team-page input[type="search"]._warning:focus,.team-page input[type="tel"]._warning:focus,.team-page .tag-editor._warning:focus,.team-page textarea.validation-info:focus,.team-page input[type="text"].validation-info:focus,.team-page input[type="password"].validation-info:focus,.team-page input[type="number"].validation-info:focus,.team-page input[type="email"].validation-info:focus,.team-page input[type="url"].validation-info:focus,.team-page input[type="search"].validation-info:focus,.team-page input[type="tel"].validation-info:focus,.team-page .tag-editor.validation-info:focus {
    border-color: #ffcf10;
    box-shadow: inset 0 2px 2px #fafafb,0 0 5px rgba(255,207,16,0.4)
}

.team-page textarea._error,.team-page input[type="text"]._error,.team-page input[type="password"]._error,.team-page input[type="number"]._error,.team-page input[type="email"]._error,.team-page input[type="url"]._error,.team-page input[type="search"]._error,.team-page input[type="tel"]._error,.team-page .tag-editor._error,.team-page textarea.validation-error,.team-page input[type="text"].validation-error,.team-page input[type="password"].validation-error,.team-page input[type="number"].validation-error,.team-page input[type="email"].validation-error,.team-page input[type="url"].validation-error,.team-page input[type="search"].validation-error,.team-page input[type="tel"].validation-error,.team-page .tag-editor.validation-error {
    border-color: #e06c78
}

.team-page textarea._error:hover,.team-page input[type="text"]._error:hover,.team-page input[type="password"]._error:hover,.team-page input[type="number"]._error:hover,.team-page input[type="email"]._error:hover,.team-page input[type="url"]._error:hover,.team-page input[type="search"]._error:hover,.team-page input[type="tel"]._error:hover,.team-page .tag-editor._error:hover,.team-page textarea.validation-error:hover,.team-page input[type="text"].validation-error:hover,.team-page input[type="password"].validation-error:hover,.team-page input[type="number"].validation-error:hover,.team-page input[type="email"].validation-error:hover,.team-page input[type="url"].validation-error:hover,.team-page input[type="search"].validation-error:hover,.team-page input[type="tel"].validation-error:hover,.team-page .tag-editor.validation-error:hover,.team-page textarea._error._hover,.team-page input[type="text"]._error._hover,.team-page input[type="password"]._error._hover,.team-page input[type="number"]._error._hover,.team-page input[type="email"]._error._hover,.team-page input[type="url"]._error._hover,.team-page input[type="search"]._error._hover,.team-page input[type="tel"]._error._hover,.team-page .tag-editor._error._hover,.team-page textarea.validation-error._hover,.team-page input[type="text"].validation-error._hover,.team-page input[type="password"].validation-error._hover,.team-page input[type="number"].validation-error._hover,.team-page input[type="email"].validation-error._hover,.team-page input[type="url"].validation-error._hover,.team-page input[type="search"].validation-error._hover,.team-page input[type="tel"].validation-error._hover,.team-page .tag-editor.validation-error._hover {
    border-color: #db5764;
    box-shadow: inset 0 1px 2px #fafafb,0 0 3px rgba(201,29,46,0.2)
}

.team-page textarea._error:focus,.team-page input[type="text"]._error:focus,.team-page input[type="password"]._error:focus,.team-page input[type="number"]._error:focus,.team-page input[type="email"]._error:focus,.team-page input[type="url"]._error:focus,.team-page input[type="search"]._error:focus,.team-page input[type="tel"]._error:focus,.team-page .tag-editor._error:focus,.team-page textarea.validation-error:focus,.team-page input[type="text"].validation-error:focus,.team-page input[type="password"].validation-error:focus,.team-page input[type="number"].validation-error:focus,.team-page input[type="email"].validation-error:focus,.team-page input[type="url"].validation-error:focus,.team-page input[type="search"].validation-error:focus,.team-page input[type="tel"].validation-error:focus,.team-page .tag-editor.validation-error:focus,.team-page textarea._error._focus,.team-page input[type="text"]._error._focus,.team-page input[type="password"]._error._focus,.team-page input[type="number"]._error._focus,.team-page input[type="email"]._error._focus,.team-page input[type="url"]._error._focus,.team-page input[type="search"]._error._focus,.team-page input[type="tel"]._error._focus,.team-page .tag-editor._error._focus,.team-page textarea.validation-error._focus,.team-page input[type="text"].validation-error._focus,.team-page input[type="password"].validation-error._focus,.team-page input[type="number"].validation-error._focus,.team-page input[type="email"].validation-error._focus,.team-page input[type="url"].validation-error._focus,.team-page input[type="search"].validation-error._focus,.team-page input[type="tel"].validation-error._focus,.team-page .tag-editor.validation-error._focus {
    border-color: #dc3d4c;
    box-shadow: inset 0 2px 2px #e4e6e8,0 0 5px rgba(201,29,46,0.4)
}

.team-page .formGroup,.team-page .inputGroup,.team-page .buttonGroup,.team-page .fileSelect {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    width: 100%
}

.team-page .formGroup:before,.team-page .inputGroup:before,.team-page .buttonGroup:before,.team-page .fileSelect:before,.team-page .formGroup:after,.team-page .inputGroup:after,.team-page .buttonGroup:after,.team-page .fileSelect:after {
    content: "";
    display: table
}

.team-page .formGroup:after,.team-page .inputGroup:after,.team-page .buttonGroup:after,.team-page .fileSelect:after {
    clear: both
}

.team-page .formGroup._center {
    margin-top: 39px;
    margin-bottom: 117px;
    width: 400px
}

.team-page .formGroup._center h3 {
    margin-bottom: .5em
}

.team-page .inputGroup {
    margin-bottom: 26px
}

.team-page .inputGroup label,.team-page .inputGroup .-help {
    margin-bottom: 7px
}

.team-page .inputGroup .fileSelect {
    padding: 13px;
    background-color: #fafafb;
    border-color: #d6d9dc;
    border-style: dashed;
    border-width: 1px;
    border-radius: 4px;
    color: #535a60
}

.team-page .inputGroup .fileSelect>div {
    box-sizing: border-box;
    float: left;
    min-height: 1px
}

.team-page .inputGroup .fileSelect>div.-logo {
    width: 144px
}

.team-page .inputGroup .fileSelect>div.-description {
    width: calc(100% - 144px);
    padding: 7px 0;
    padding-left: 12px
}

.team-page .inputGroup .fileSelect p {
    margin-bottom: .5em
}

.team-page .inputGroup .fileSelect p:last-of-type {
    margin-bottom: 0
}

.team-page .inputGroup .fileSelect input[type="file"] {
    display: block;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
    font-size: 12px
}

.team-page .team-join .addtoprofile {
    margin-top: 6px;
    font-weight: 400
}

.team-page .team-join .join-date {
    margin-top: 6px
}

.privacy-wrapper {
    position: relative
}

.privacy-wrapper .privacy-checkbox {
    display: none;
    width: auto;
    padding: 3px 6px;
    border-radius: 3px 3px 0 0;
    position: absolute;
    top: -8px;
    right: 0;
    font-size: 11px;
    color: white;
    background: #0095ff
}

.privacy-wrapper .privacy-checkbox input[type="checkbox"] {
    position: relative;
    z-index: 1;
    margin-right: 8px
}

.privacy-wrapper .privacy-checkbox:focus {
    outline: 0
}

.privacy-wrapper .privacy-checkbox:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    background: #0071c2;
    z-index: 0;
    border-radius: 3px 0 0 0
}

.has-error .textarea-with-counter textarea:not(:focus) {
    border-color: #dc3d4c;
    border-bottom: 0
}

.has-error .textarea-with-counter textarea:not(:focus)+.-counter {
    border-color: #dc3d4c
}

.textarea-with-counter {
    margin: 5px 0
}

.textarea-with-counter+.help-text {
    display: block;
    margin-bottom: 5px !important
}

.textarea-with-counter textarea {
    margin: 0 !important;
    border-bottom: 0;
    display: block
}

.textarea-with-counter textarea:focus {
    border-bottom: 0
}

.textarea-with-counter textarea:focus+.-counter {
    border-color: #0095ff
}

.textarea-with-counter .-counter {
    display: flex;
    -ms-display: flex;
    align-items: center;
    -ms-align-items: center;
    background: #f6f8f9;
    padding: 4px;
    color: #848d95;
    font-size: 11px;
    border-bottom: 1px solid #c8ccd0;
    border-left: 1px solid #c8ccd0;
    border-right: 1px solid #c8ccd0
}

.textarea-with-counter .-counter.-fail .-dot,.textarea-with-counter .-counter.-success .-dot {
    display: inline-block
}

.textarea-with-counter .-counter.-fail .-dot {
    background: #f69c55
}

.textarea-with-counter .-counter.-success {
    color: #5fba7d
}

.textarea-with-counter .-counter.-success .-dot {
    background: #82ca9a
}

.textarea-with-counter .-dot {
    display: none;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-radius: 50%
}

.label-required {
    display: inline-block;
    margin-left: 2px;
    color: #848d95
}

.double-input:before,.double-input:after {
    content: "";
    display: table
}

.double-input:after {
    clear: both
}

.double-input input[type="text"],.double-input input[type="password"],.double-input input[type="email"],.double-input .separator {
    float: left;
    display: inline-block;
    width: auto;
    max-width: 155px
}

.double-input .separator {
    background: #eff0f1;
    color: #848d95;
    font-size: 13px;
    padding: 8px 10px;
    margin: 5px 0 5px 0;
    border-top: 1px solid #c8ccd0;
    border-bottom: 1px solid #c8ccd0;
    min-width: 12px;
    text-align: center
}

.double-input.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .4
}

.double-input.flex {
    display: flex;
    -ms-display: flex;
    margin-bottom: 18px
}

.double-input.flex .separator {
    float: none;
    flex-shrink: 0;
    -ms-flex-shrink: 0;
    margin: 5px 0 0 0
}

.double-input.flex input[type="text"],.double-input.flex input[type="password"],.double-input.flex input[type="email"] {
    float: none;
    flex-grow: 1;
    -ms-flex-grow: 1;
    margin-bottom: 0 !important;
    max-width: none
}

.radio-box {
    display: inline-block;
    background: #FFF;
    border: 1px solid #e4e6e8;
    border-radius: 3px;
    padding: 14px 14px 14px 50px;
    position: relative;
    text-align: left
}

.radio-box:hover {
    border-color: #bdcdd7
}

.radio-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: #e1edf5;
    width: 40px
}

.radio-box input[type="radio"] {
    margin-right: 20px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -6px;
    left: 14px
}

.switcher {
    margin: 5px auto 8px auto;
    display: inline-block;
    border: 1px solid #e4e6e8;
    border-radius: 3px;
    overflow: hidden
}

.switcher:before,.switcher:after {
    content: "";
    display: table
}

.switcher:after {
    clear: both
}

.switcher input[type="radio"] {
    display: none
}

.switcher label {
    background: #FFF;
    transition: background .15s ease;
    text-align: center;
    color: #6a737c;
    display: inline-block;
    padding: 10px 8px;
    min-width: 98px;
    float: left;
    cursor: pointer;
    border-right: 1px solid #e4e6e8;
    margin-top: 0
}

.switcher label:last-of-type {
    border-right: 0
}

.switcher label:hover {
    background: #F4F8FB
}

.switcher input[type="radio"]:checked+label {
    background: #E1ECF4;
    color: #3b4045;
    pointer-events: none
}

.switcher.three-choices label {
    width: 30.5%
}

.switcher.flex {
    display: flex;
    ms-display: flex;
    overflow: inherit
}

.switcher.flex label {
    min-width: 0;
    flex-grow: 1;
    -ms-flex-grow: 1
}

.switcher.flex.three label {
    width: 34%
}

.switcher.flex .informative-tooltip {
    width: 200px
}

.disabled-area {
    opacity: .5;
    pointer-events: none
}

label.block,input.block,textarea.block {
    display: block;
    width: 100%
}

.inline-field {
    -ms-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.inline-field .inline-label {
    text-align: left;
    padding-right: 10px
}

.inline-field.full-width .inline-label {
    padding-right: 20px
}

.inline-field.full-width .inline-column {
    width: 100%
}

.input-options {
    margin-bottom: 20px
}

label>input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 3px 3px 0
}

label>input[type="radio"] {
    margin: 0 3px 4px 0
}

input[type="radio"],input[type="checkbox"] {
    vertical-align: middle
}

.container .chosen-container .chosen-choices {
    border: 1px solid #c8ccd0;
    box-shadow: inset 0 1px 2px rgba(12,13,14,0.1);
    background: #FFF
}

.input-loader {
    position: relative
}

.input-loader.loading:before {
    content: '';
    position: absolute !important;
    top: 50%;
    margin-top: -7px;
    right: 7px
}

.f-label,label.f-label {
    display: inline-flex;
    margin: 0;
    font-size: 14px;
    line-height: 1.375;
    font-weight: 700;
    color: #3b4045;
    cursor: pointer
}

.f-label._muted,label.f-label._muted {
    color: #848d95
}

.f-label._small,label.f-label._small {
    font-size: 12px
}

.f-label._medium,label.f-label._medium {
    font-size: 18px
}

.f-label._large,label.f-label._large {
    font-size: 22px
}

.f-label._medium,label.f-label._medium,.f-label._large,label.f-label._large {
    font-weight: 400
}

.f-label .is-required,label.f-label .is-required,.f-label .is-optional,label.f-label .is-optional {
    display: inline-flex;
    align-self: flex-end;
    margin-bottom: 2px;
    margin-left: 8px;
    font-size: 86%;
    font-style: italic;
    font-weight: 400
}

p.is-required,span.is-required {
    color: #dc3d4c
}

p.is-optional,span.is-optional {
    color: #6a737c
}

.t-help {
    margin-top: 6px;
    margin-bottom: 12px;
    color: #848d95;
    font-size: 12px;
    line-height: 1.25
}

.t-help._medium {
    font-size: 14px
}

.f-input,textarea.f-input,input[type="text"].f-input,input[type="password"].f-input,input[type="number"].f-input,input[type="email"].f-input,input[type="url"].f-input,input[type="search"].f-input,input[type="tel"].f-input,input[type="datetime"].f-input {
    box-sizing: border-box;
    -webkit-flex: 1 auto;
    flex: 1 auto;
    padding: 8px 16px;
    min-height: auto;
    vertical-align: middle;
    border: 1px solid #c8ccd0;
    border-radius: 0;
    box-shadow: inset 0 0 1px rgba(145,153,161,0.2),0 0 0 rgba(255,255,255,0);
    font-size: 14px;
    line-height: 1.375;
    color: #3b4045;
    background-color: #FFF;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.f-input::-webkit-input-placeholder,textarea.f-input::-webkit-input-placeholder,input[type="text"].f-input::-webkit-input-placeholder,input[type="password"].f-input::-webkit-input-placeholder,input[type="number"].f-input::-webkit-input-placeholder,input[type="email"].f-input::-webkit-input-placeholder,input[type="url"].f-input::-webkit-input-placeholder,input[type="search"].f-input::-webkit-input-placeholder,input[type="tel"].f-input::-webkit-input-placeholder,input[type="datetime"].f-input::-webkit-input-placeholder {
    color: #c8ccd0
}

.f-input::-moz-placeholder,textarea.f-input::-moz-placeholder,input[type="text"].f-input::-moz-placeholder,input[type="password"].f-input::-moz-placeholder,input[type="number"].f-input::-moz-placeholder,input[type="email"].f-input::-moz-placeholder,input[type="url"].f-input::-moz-placeholder,input[type="search"].f-input::-moz-placeholder,input[type="tel"].f-input::-moz-placeholder,input[type="datetime"].f-input::-moz-placeholder {
    color: #c8ccd0;
    opacity: 1
}

.f-input:-ms-input-placeholder,textarea.f-input:-ms-input-placeholder,input[type="text"].f-input:-ms-input-placeholder,input[type="password"].f-input:-ms-input-placeholder,input[type="number"].f-input:-ms-input-placeholder,input[type="email"].f-input:-ms-input-placeholder,input[type="url"].f-input:-ms-input-placeholder,input[type="search"].f-input:-ms-input-placeholder,input[type="tel"].f-input:-ms-input-placeholder,input[type="datetime"].f-input:-ms-input-placeholder {
    color: #c8ccd0
}

.f-input::-ms-input-placeholder,textarea.f-input::-ms-input-placeholder,input[type="text"].f-input::-ms-input-placeholder,input[type="password"].f-input::-ms-input-placeholder,input[type="number"].f-input::-ms-input-placeholder,input[type="email"].f-input::-ms-input-placeholder,input[type="url"].f-input::-ms-input-placeholder,input[type="search"].f-input::-ms-input-placeholder,input[type="tel"].f-input::-ms-input-placeholder,input[type="datetime"].f-input::-ms-input-placeholder {
    color: #c8ccd0
}

.f-input::placeholder,textarea.f-input::placeholder,input[type="text"].f-input::placeholder,input[type="password"].f-input::placeholder,input[type="number"].f-input::placeholder,input[type="email"].f-input::placeholder,input[type="url"].f-input::placeholder,input[type="search"].f-input::placeholder,input[type="tel"].f-input::placeholder,input[type="datetime"].f-input::placeholder {
    color: #c8ccd0
}

.f-input:hover,textarea.f-input:hover,input[type="text"].f-input:hover,input[type="password"].f-input:hover,input[type="number"].f-input:hover,input[type="email"].f-input:hover,input[type="url"].f-input:hover,input[type="search"].f-input:hover,input[type="tel"].f-input:hover,input[type="datetime"].f-input:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d3d6da,0 0 2px rgba(0,149,255,0.2)
}

.f-input:focus,textarea.f-input:focus,input[type="text"].f-input:focus,input[type="password"].f-input:focus,input[type="number"].f-input:focus,input[type="email"].f-input:focus,input[type="url"].f-input:focus,input[type="search"].f-input:focus,input[type="tel"].f-input:focus,input[type="datetime"].f-input:focus {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5);
    outline: 0
}

.f-input[disabled],textarea.f-input[disabled],input[type="text"].f-input[disabled],input[type="password"].f-input[disabled],input[type="number"].f-input[disabled],input[type="email"].f-input[disabled],input[type="url"].f-input[disabled],input[type="search"].f-input[disabled],input[type="tel"].f-input[disabled],input[type="datetime"].f-input[disabled],.f-input.is-disabled,textarea.f-input.is-disabled,input[type="text"].f-input.is-disabled,input[type="password"].f-input.is-disabled,input[type="number"].f-input.is-disabled,input[type="email"].f-input.is-disabled,input[type="url"].f-input.is-disabled,input[type="search"].f-input.is-disabled,input[type="tel"].f-input.is-disabled,input[type="datetime"].f-input.is-disabled,.f-input[read-only],textarea.f-input[read-only],input[type="text"].f-input[read-only],input[type="password"].f-input[read-only],input[type="number"].f-input[read-only],input[type="email"].f-input[read-only],input[type="url"].f-input[read-only],input[type="search"].f-input[read-only],input[type="tel"].f-input[read-only],input[type="datetime"].f-input[read-only],.f-input.is-readonly,textarea.f-input.is-readonly,input[type="text"].f-input.is-readonly,input[type="password"].f-input.is-readonly,input[type="number"].f-input.is-readonly,input[type="email"].f-input.is-readonly,input[type="url"].f-input.is-readonly,input[type="search"].f-input.is-readonly,input[type="tel"].f-input.is-readonly,input[type="datetime"].f-input.is-readonly {
    border-color: #e4e6e8;
    box-shadow: inset 0 0 3px rgba(145,153,161,0.1);
    background-color: #eff0f1;
    color: #848d95
}

.f-input[disabled],textarea.f-input[disabled],input[type="text"].f-input[disabled],input[type="password"].f-input[disabled],input[type="number"].f-input[disabled],input[type="email"].f-input[disabled],input[type="url"].f-input[disabled],input[type="search"].f-input[disabled],input[type="tel"].f-input[disabled],input[type="datetime"].f-input[disabled],.f-input.is-disabled,textarea.f-input.is-disabled,input[type="text"].f-input.is-disabled,input[type="password"].f-input.is-disabled,input[type="number"].f-input.is-disabled,input[type="email"].f-input.is-disabled,input[type="url"].f-input.is-disabled,input[type="search"].f-input.is-disabled,input[type="tel"].f-input.is-disabled,input[type="datetime"].f-input.is-disabled {
    background-image: url("../../Img/forms/icon-disabled.svg?v=f6ebe7b9dd22"),none;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    cursor: not-allowed
}

.f-input._large,textarea.f-input._large,input[type="text"].f-input._large,input[type="password"].f-input._large,input[type="number"].f-input._large,input[type="email"].f-input._large,input[type="url"].f-input._large,input[type="search"].f-input._large,input[type="tel"].f-input._large,input[type="datetime"].f-input._large {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 25px
}

.f-input._medium,textarea.f-input._medium,input[type="text"].f-input._medium,input[type="password"].f-input._medium,input[type="number"].f-input._medium,input[type="email"].f-input._medium,input[type="url"].f-input._medium,input[type="search"].f-input._medium,input[type="tel"].f-input._medium,input[type="datetime"].f-input._medium {
    font-size: 18px
}

.f-input._small,textarea.f-input._small,input[type="text"].f-input._small,input[type="password"].f-input._small,input[type="number"].f-input._small,input[type="email"].f-input._small,input[type="url"].f-input._small,input[type="search"].f-input._small,input[type="tel"].f-input._small,input[type="datetime"].f-input._small {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px
}

textarea.f-input {
    padding: 12px;
    height: auto;
    resize: vertical
}

.f-select {
    position: relative
}

.f-select:before,.f-select:after {
    content: "";
    position: absolute;
    right: .75em;
    pointer-events: none;
    border-width: 3px;
    border-style: solid;
    border-color: #3b4045 transparent
}

.f-select:before {
    top: calc(50% - 6px);
    border-top-width: 0;
    border-bottom-width: 5px
}

.f-select:after {
    top: calc(50% + 1px);
    border-top-width: 5px;
    border-bottom-width: 0
}

.f-select>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-flex: 1 auto;
    flex: 1 auto;
    padding: 8px 16px;
    padding-right: 33px;
    font-size: 14px;
    line-height: 1.375;
    color: #3b4045;
    background-color: #FFF;
    border: 1px solid #c8ccd0;
    border-radius: 2px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out
}

.f-select>select:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d3d6da,0 0 2px rgba(0,149,255,0.2)
}

.f-select>select:focus {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5);
    outline: 0
}

.f-select.is-disabled:before,.f-select.is-disabled:after {
    opacity: .3
}

.f-select.is-disabled select {
    color: #adb3b9;
    background-color: #eff0f1;
    border-color: #e4e6e8
}

.f-select.is-disabled select:hover {
    border-color: #e4e6e8;
    box-shadow: none
}

.f-input-file {
    display: block;
    margin: 0;
    padding: 8px 0;
    font-size: 11px
}

.f-checkbox input[type="radio"],.f-radio input[type="radio"],.f-checkbox input[type="checkbox"],.f-radio input[type="checkbox"] {
    margin: 0
}

.f-checkbox .g-col,.f-radio .g-col {
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.f-checkbox>.-input,.f-radio>.-input {
    -webkit-flex: none;
    flex: none;
    padding-right: 8px
}

.f-checkbox>.-input>input,.f-radio>.-input>input {
    margin: 0
}

.f-checkbox>.-input>input[type="checkbox"],.f-radio>.-input>input[type="checkbox"] {
    margin-top: 2px
}

.f-checkbox>.-input>input:focus,.f-radio>.-input>input:focus {
    outline: 0
}

.f-checkbox .f-label,.f-radio .f-label {
    font-weight: 400
}

.f-checkbox .t-help,.f-radio .t-help {
    margin: 2px 0;
    padding-right: 1em
}

.f-checkbox+.f-checkbox,.f-checkbox+.f-radio,.f-radio+.f-checkbox,.f-radio+.f-radio {
    margin-top: 8px
}

.f-checkbox._end .g-col,.f-radio._end .g-col {
    -webkit-flex: 0 auto;
    flex: 0 auto
}

.input-group .message {
    display: block;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px
}

.input-group.has-warning .f-input,.input-group.has-error .f-input,.input-group.is-success .f-input,.input-group.has-warning .tag-editor,.input-group.has-error .tag-editor,.input-group.is-success .tag-editor,.input-group.has-warning .autocomplete input,.input-group.has-error .autocomplete input,.input-group.is-success .autocomplete input,.input-group.has-warning .f-select select,.input-group.has-error .f-select select,.input-group.is-success .f-select select {
    background-position: calc(100% - 12px) 50%;
    background-repeat: no-repeat
}

.input-group.has-warning .f-select select,.input-group.has-error .f-select select,.input-group.is-success .f-select select {
    background-position: calc(100% - 28px) 50%
}

.input-group.has-warning .f-input,.input-group.has-warning .f-select select {
    border-color: #ed9b0d;
    background-image: url("../../Img/forms/icon-warning.svg?v=62f8b71de62e"),none
}

.input-group.has-warning .f-input:hover,.input-group.has-warning .f-select select:hover {
    border-color: #f4af39;
    box-shadow: inset 0 0 1px #d6d9dc,0 0 2px #ffeea9
}

.input-group.has-warning .f-input:focus,.input-group.has-warning .f-select select:focus {
    border-color: #f99e01;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #ffeea9
}

.input-group.has-warning .message {
    color: #ed9b0d
}

.input-group.has-error .f-input,.input-group.has-error .tag-editor,.input-group.has-error .autocomplete input,.input-group.has-error .f-select select {
    border-color: #dc3d4c;
    background-image: url("../../Img/forms/icon-error.svg?v=18f3edcac792"),none
}

.input-group.has-error .f-input:hover,.input-group.has-error .tag-editor:hover,.input-group.has-error .autocomplete input:hover,.input-group.has-error .f-select select:hover {
    border-color: #e06c78;
    box-shadow: inset 0 0 1px #d6d9dc,0 0 2px #eec4c8
}

.input-group.has-error .f-input:focus,.input-group.has-error .tag-editor:focus,.input-group.has-error .autocomplete input:focus,.input-group.has-error .f-select select:focus {
    border-color: #C91D2E;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #e59aa1
}

.input-group.has-error .message {
    color: #C91D2E
}

.input-group.is-success .f-input,.input-group.is-success .f-select select {
    border-color: #5fba7d;
    background-image: url("../../Img/forms/icon-success.svg?v=075178ad2202"),none
}

.input-group.is-success .f-input:hover,.input-group.is-success .f-select select:hover {
    border-color: #82ca9a;
    box-shadow: inset 0 0 1px #d6d9dc,0 0 2px #cae8d4
}

.input-group.is-success .f-input:focus,.input-group.is-success .f-select select:focus {
    border-color: #45A163;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #a6d9b7
}

.input-group.is-success .message {
    color: #3d8f58
}

.input-group.is-disabled {
    opacity: .5;
    cursor: not-allowed
}

.input-group,.button-group {
    position: relative;
    display: -webkit-flex;
    display: flex
}

.input-group *,.button-group *,.input-group *:before,.button-group *:before,.input-group *:after,.button-group *:after {
    box-sizing: border-box
}

.input-group {
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 28px
}

.input-group>.input-group {
    margin-bottom: 0
}

.input-group>.f-label+* {
    margin-top: 6px
}

.input-group>.f-label+.t-help {
    margin-top: 2px
}

.input-group>.f-label+.input-group {
    margin-top: 16px
}

.input-group._clusters .g-row+.g-row {
    margin-top: 8px
}

.input-group._clusters .input-group {
    margin-bottom: 0
}

.input-group._clusters .input-group .f-label {
    font-weight: 400
}

.input-group .-fill {
    -webkit-flex: none;
    flex: none;
    align-items: center;
    padding: 8px 16px;
    color: #535a60;
    background-color: #eff0f1;
    border: 1px solid #c8ccd0;
    border-left-width: 0;
    border-right-width: 0
}

.input-group .-fill>label {
    font-size: inherit;
    line-height: inherit
}

.input-group .-fill._clean {
    border-color: transparent;
    background-color: transparent
}

.input-group .-fill.is-first {
    -webkit-order: -1;
    order: -1;
    border-left-width: 1px
}

.input-group .-fill.is-last {
    -webkit-order: 99;
    order: 99;
    border-right-width: 1px
}

.input-group [class^="btn"].is-last {
    -webkit-order: 100;
    order: 100;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.button-group [class^="btn"]+[class^="btn"] {
    margin-left: 2px
}

.button-group.g-column [class^="btn"]+[class^="btn"] {
    margin-top: 8px;
    margin-left: 0
}

.button-group .t-help {
    margin-top: 12px;
    margin-bottom: 0
}

.button-group.has-border {
    padding-top: 20px;
    border-top: 1px solid #d6d9dc
}

.f-radio-toggle .f-label {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 8px 16px;
    margin-left: -1px;
    border: 1px solid #c8ccd0;
    background-color: #FFF;
    font-weight: 400;
    line-height: 1.375;
    color: #3b4045;
    text-align: center;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.f-radio-toggle .f-label:hover {
    color: #242729;
    background-color: #e6f4ff;
    border-color: #99d4ff;
    z-index: 1
}

.f-radio-toggle input[type="radio"] {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.f-radio-toggle input[type="radio"]:checked+.f-label {
    color: #FFF;
    background-color: #0095ff;
    border-color: #0095ff;
    pointer-events: none
}

.f-radio-toggle .g-col:first-of-type .f-label {
    margin-left: 0;
    border-radius: 2px 0 0 2px
}

.f-radio-toggle .g-col:last-of-type .f-label {
    border-radius: 0 2px 2px 0
}

.container .chosen-container {
    margin-top: 0
}

.container .chosen-container.chosen-container-active {
    border-width: 0
}

.container .chosen-container.chosen-container-active .chosen-choices {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5)
}

.container .chosen-container .chosen-choices {
    display: -webkit-flex;
    display: flex;
    padding: 0 1px;
    min-height: 38px;
    background-image: none;
    border-radius: 2px;
    border-color: #c8ccd0
}

.container .chosen-container .chosen-choices:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d3d6da,0 0 2px rgba(0,149,255,0.2)
}

.container .chosen-container .chosen-choices li.search-choice,.container .chosen-container .chosen-choices li.search-field {
    display: inline-flex;
    align-items: center;
    margin: 4px 1px;
    padding: 2px 6px
}

.container .chosen-container .chosen-choices li.search-choice {
    float: none;
    box-shadow: none;
    background-image: none;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    color: #39739d;
    background-color: #E1ECF4;
    border-color: transparent;
    border-radius: 2px
}

.container .chosen-container .chosen-choices li.search-choice:first-child {
    margin-left: 3px
}

.container .chosen-container .chosen-choices li.search-choice .search-choice-close {
    position: relative;
    top: 0;
    right: -1px;
    margin-left: 4px;
    transition: none
}

.container .chosen-container li.search-field>input[type="text"] {
    padding: 0;
    margin: 0
}

ul,ol,li {
    margin: 0;
    padding: 0
}

ul,ol {
    margin-left: 30px;
    margin-bottom: 1em
}

ul ul,ol ul,ul ol,ol ol {
    margin-bottom: 0
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

.caption {
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: left
}

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

.table,.faq-page .help-table-docs table {
    margin-bottom: 15px;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-width: 0
}

.table th,.faq-page .help-table-docs table th {
    text-align: left
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td,.faq-page .help-table-docs table>thead>tr>th,.faq-page .help-table-docs table>tbody>tr>th,.faq-page .help-table-docs table>tfoot>tr>th,.faq-page .help-table-docs table>thead>tr>td,.faq-page .help-table-docs table>tbody>tr>td,.faq-page .help-table-docs table>tfoot>tr>td {
    padding: 13px;
    padding-left: 0;
    vertical-align: top
}

.table>thead>tr>th small,.table>tbody>tr>th small,.table>tfoot>tr>th small,.table>thead>tr>td small,.table>tbody>tr>td small,.table>tfoot>tr>td small,.faq-page .help-table-docs table>thead>tr>th small,.faq-page .help-table-docs table>tbody>tr>th small,.faq-page .help-table-docs table>tfoot>tr>th small,.faq-page .help-table-docs table>thead>tr>td small,.faq-page .help-table-docs table>tbody>tr>td small,.faq-page .help-table-docs table>tfoot>tr>td small {
    font-size: 11px
}

.table>thead>tr>th,.faq-page .help-table-docs table>thead>tr>th {
    vertical-align: bottom
}

.table>tfoot>tr>td,.faq-page .help-table-docs table>tfoot>tr>td {
    vertical-align: top
}

.table>caption+thead>tr:first-child>th,.table>.caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>.colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>.caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>.colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td,.faq-page .help-table-docs table>caption+thead>tr:first-child>th,.faq-page .help-table-docs table>.caption+thead>tr:first-child>th,.faq-page .help-table-docs table>colgroup+thead>tr:first-child>th,.faq-page .help-table-docs table>.colgroup+thead>tr:first-child>th,.faq-page .help-table-docs table>thead:first-child>tr:first-child>th,.faq-page .help-table-docs table>caption+thead>tr:first-child>td,.faq-page .help-table-docs table>.caption+thead>tr:first-child>td,.faq-page .help-table-docs table>colgroup+thead>tr:first-child>td,.faq-page .help-table-docs table>.colgroup+thead>tr:first-child>td,.faq-page .help-table-docs table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table ._textLeft,.faq-page .help-table-docs table ._textLeft {
    text-align: left
}

.table ._textCenter,.faq-page .help-table-docs table ._textCenter {
    text-align: center
}

.table ._textRight,.faq-page .help-table-docs table ._textRight {
    text-align: right
}

.table col[class*="-col"],.faq-page .help-table-docs table col[class*="-col"] {
    position: static;
    float: none;
    display: table-column
}

.table td[class*="-col"],.table th[class*="-col"],.faq-page .help-table-docs table td[class*="-col"],.faq-page .help-table-docs table th[class*="-col"] {
    position: static;
    float: none;
    display: table-cell
}

.table td.-col1,.table th.-col1,.faq-page .help-table-docs table td.-col1,.faq-page .help-table-docs table th.-col1 {
    width: 8.33333333%
}

.table td.-col2,.table th.-col2,.faq-page .help-table-docs table td.-col2,.faq-page .help-table-docs table th.-col2 {
    width: 16.66666667%
}

.table td.-col3,.table th.-col3,.faq-page .help-table-docs table td.-col3,.faq-page .help-table-docs table th.-col3 {
    width: 25%
}

.table td.-col4,.table th.-col4,.faq-page .help-table-docs table td.-col4,.faq-page .help-table-docs table th.-col4 {
    width: 33.33333333%
}

.table td.-col5,.table th.-col5,.faq-page .help-table-docs table td.-col5,.faq-page .help-table-docs table th.-col5 {
    width: 41.66666667%
}

.table td.-col6,.table th.-col6,.faq-page .help-table-docs table td.-col6,.faq-page .help-table-docs table th.-col6 {
    width: 50%
}

.table td.-col7,.table th.-col7,.faq-page .help-table-docs table td.-col7,.faq-page .help-table-docs table th.-col7 {
    width: 58.33333333%
}

.table td.-col8,.table th.-col8,.faq-page .help-table-docs table td.-col8,.faq-page .help-table-docs table th.-col8 {
    width: 66.66666667%
}

.table td.-col9,.table th.-col9,.faq-page .help-table-docs table td.-col9,.faq-page .help-table-docs table th.-col9 {
    width: 75%
}

.table td.-col10,.table th.-col10,.faq-page .help-table-docs table td.-col10,.faq-page .help-table-docs table th.-col10 {
    width: 83.33333333%
}

.table td.-col11,.table th.-col11,.faq-page .help-table-docs table td.-col11,.faq-page .help-table-docs table th.-col11 {
    width: 91.66666667%
}

.table td.-col12,.table th.-col12,.faq-page .help-table-docs table td.-col12,.faq-page .help-table-docs table th.-col12 {
    width: 100%
}

.table._hover>tbody>tr:hover,.faq-page .help-table-docs table._hover>tbody>tr:hover {
    background-color: #f7f7f7
}

.table._hover>tbody>tr:hover>td,.faq-page .help-table-docs table._hover>tbody>tr:hover>td {
    box-shadow: inset 0 2px 0 #FFF,inset 0 -2px 0 #FFF
}

.table._condensed>thead>tr>th,.table._condensed>tbody>tr>th,.table._condensed>tfoot>tr>th,.table._condensed>thead>tr>td,.table._condensed>tbody>tr>td,.table._condensed>tfoot>tr>td,.faq-page .help-table-docs table._condensed>thead>tr>th,.faq-page .help-table-docs table._condensed>tbody>tr>th,.faq-page .help-table-docs table._condensed>tfoot>tr>th,.faq-page .help-table-docs table._condensed>thead>tr>td,.faq-page .help-table-docs table._condensed>tbody>tr>td,.faq-page .help-table-docs table._condensed>tfoot>tr>td,.faq-page .help-table-docs table>thead>tr>th,.faq-page .help-table-docs table>tbody>tr>th,.faq-page .help-table-docs table>tfoot>tr>th,.faq-page .help-table-docs table>thead>tr>td,.faq-page .help-table-docs table>tbody>tr>td,.faq-page .help-table-docs table>tfoot>tr>td {
    padding: 7px;
    padding-left: 0
}

.table._condensed input[type="radio"],.table._condensed input[type="checkbox"],.faq-page .help-table-docs table._condensed input[type="radio"],.faq-page .help-table-docs table._condensed input[type="checkbox"],.faq-page .help-table-docs table input[type="radio"],.faq-page .help-table-docs table input[type="checkbox"] {
    margin-top: 0
}

.table._borders>thead>tr>th,.table._borders>tbody>tr>th,.table._borders>tfoot>tr>th,.table._borders>thead>tr>td,.table._borders>tbody>tr>td,.table._borders>tfoot>tr>td,.faq-page .help-table-docs table._borders>thead>tr>th,.faq-page .help-table-docs table._borders>tbody>tr>th,.faq-page .help-table-docs table._borders>tfoot>tr>th,.faq-page .help-table-docs table._borders>thead>tr>td,.faq-page .help-table-docs table._borders>tbody>tr>td,.faq-page .help-table-docs table._borders>tfoot>tr>td,.faq-page .help-table-docs table>thead>tr>th,.faq-page .help-table-docs table>tbody>tr>th,.faq-page .help-table-docs table>tfoot>tr>th,.faq-page .help-table-docs table>thead>tr>td,.faq-page .help-table-docs table>tbody>tr>td,.faq-page .help-table-docs table>tfoot>tr>td {
    border-top: 1px solid #e7e8ea
}

.table._borders>thead>tr>th,.faq-page .help-table-docs table._borders>thead>tr>th,.faq-page .help-table-docs table>thead>tr>th {
    border-bottom: 1px solid #e4e6e8
}

.table._borders>tbody+tbody,.faq-page .help-table-docs table._borders>tbody+tbody,.faq-page .help-table-docs table>tbody+tbody {
    border-top: 2px solid #e7e8ea
}

.table tfoot.-totals>tr>td,.faq-page .help-table-docs table tfoot.-totals>tr>td {
    font-size: 18px
}

.table tfoot.-totals:hover,.faq-page .help-table-docs table tfoot.-totals:hover {
    background-color: transparent;
    transition: none
}

.table .js-tableToggle,.faq-page .help-table-docs table .js-tableToggle {
    display: none
}

.table._whiteBg,.faq-page .help-table-docs table._whiteBg {
    background: #FFF
}

.table._whiteBg>thead>tr>th,.table._whiteBg>tbody>tr>th,.table._whiteBg>tfoot>tr>th,.table._whiteBg>thead>tr>td,.table._whiteBg>tbody>tr>td,.table._whiteBg>tfoot>tr>td,.faq-page .help-table-docs table._whiteBg>thead>tr>th,.faq-page .help-table-docs table._whiteBg>tbody>tr>th,.faq-page .help-table-docs table._whiteBg>tfoot>tr>th,.faq-page .help-table-docs table._whiteBg>thead>tr>td,.faq-page .help-table-docs table._whiteBg>tbody>tr>td,.faq-page .help-table-docs table._whiteBg>tfoot>tr>td {
    padding: 10px
}

.table._verticalCenter>thead>tr>th,.table._verticalCenter>tbody>tr>th,.table._verticalCenter>tfoot>tr>th,.table._verticalCenter>thead>tr>td,.table._verticalCenter>tbody>tr>td,.table._verticalCenter>tfoot>tr>td,.faq-page .help-table-docs table._verticalCenter>thead>tr>th,.faq-page .help-table-docs table._verticalCenter>tbody>tr>th,.faq-page .help-table-docs table._verticalCenter>tfoot>tr>th,.faq-page .help-table-docs table._verticalCenter>thead>tr>td,.faq-page .help-table-docs table._verticalCenter>tbody>tr>td,.faq-page .help-table-docs table._verticalCenter>tfoot>tr>td {
    vertical-align: middle
}

.table .firstColPadding,.faq-page .help-table-docs table .firstColPadding {
    padding-left: 13px
}

.table th.-checkbox,.table td.-checkbox,.faq-page .help-table-docs table th.-checkbox,.faq-page .help-table-docs table td.-checkbox {
    width: 2em
}

.data-table-referrers thead th {
    background-color: #FFF
}

.data-table-referrers tr.data-more {
    display: none
}

.l-dt-col-sm {
    width: 15%
}

.l-dt-col-med {
    width: 25%
}

.table td.empty,.table .no-referrer,.faq-page .help-table-docs table td.empty,.faq-page .help-table-docs table .no-referrer {
    font-style: italic;
    opacity: .75
}

.edit-table {
    border: 1px solid rgba(12,13,14,0.15);
    margin-top: 5px
}

.edit-table._short {
    max-height: 150px;
    overflow-y: auto
}

.edit-table._medium {
    max-height: 250px;
    overflow-y: auto
}

.edit-table>table,.edit-table>.table,.edit-table>.faq-page .help-table-docs table {
    margin-bottom: 0
}

.item-select-table {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-display: flex;
    -ms-align-items: flex-start;
    -ms-flex-wrap: wrap;
    background: #FFF;
    border-right: 1px solid #d6d9dc;
    border-bottom: 1px solid #d6d9dc;
    margin-bottom: 20px
}

.item-select-table.limit-height-300 {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden
}

.item-select-table.columns-3 .item {
    width: 33.3%
}

.item-select-table.tag-table .item {
    display: flex;
    -ms-display: flex;
    align-items: center;
    -ms-align-items: center
}

.item-select-table.tag-table .post-tag {
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px
}

.item-select-table label.item {
    cursor: pointer
}

.item-select-table .item {
    border: 1px solid #d6d9dc;
    padding: 10px;
    position: relative;
    flex-grow: 1;
    -ms-flex-grow: 1;
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px
}

.item-select-table .item:hover {
    background: #eff0f1
}

.item-select-table .item input[type="checkbox"] {
    display: none
}

.item-select-table .item .check {
    position: absolute;
    top: 4px;
    right: 4px
}

table.sorter {
    margin: 10px 0 15px;
    text-align: left;
    border-bottom: solid 1px #d6d9dc
}

table.sorter>thead>tr .headerSortDown,table.sorter>thead>tr .headerSortUp {
    background-color: #f90;
    color: #FFF
}

table.sorter>thead>tr .headerSortUp span:after {
    content: "▴"
}

table.sorter>thead>tr .headerSortDown span:after {
    content: "▾"
}

table.sorter>thead>tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer
}

table.sorter>thead>tr span:after {
    padding-left: 5px
}

table.sorter>thead>tr>th {
    text-align: center
}

table.sorter>thead>tr>th,table.sorter>tfoot>tr>td {
    background-color: #6a737c;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 110%;
    padding: 5px
}

table.sorter>tbody>tr>td {
    padding: 5px 10px;
    background-color: #FFF;
    vertical-align: top
}

table.sorter>tbody>tr.odd>td {
    background-color: #eff0f1
}

table.sorter>tbody>tr>td.mod-ip-banned {
    background-color: #eec4c8
}

table.sorter>tbody>tr>td.mod-ip-hobbled {
    background-color: #fbd4b6
}

table.sorter>tbody .row-data {
    text-align: right
}

.post-tag,.moderator-tag,.required-tag,.disliked-tag,.favorite-tag,.company-tag,.geo-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    display: inline-block;
    padding: .4em .5em;
    margin: 2px 2px 2px 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    transition: all .15s ease-in-out
}

.post-tag:hover,.moderator-tag:hover,.required-tag:hover,.disliked-tag:hover,.favorite-tag:hover,.company-tag:hover,.geo-tag:hover {
    text-decoration: none
}

.post-tag img,.moderator-tag img,.required-tag img,.disliked-tag img,.favorite-tag img,.company-tag img,.geo-tag img {
    margin-bottom: 0
}

.post-tag img.sponsor-tag-img,.moderator-tag img.sponsor-tag-img,.required-tag img.sponsor-tag-img,.disliked-tag img.sponsor-tag-img,.favorite-tag img.sponsor-tag-img,.company-tag img.sponsor-tag-img,.geo-tag img.sponsor-tag-img {
    margin-top: -2px;
    margin-bottom: -2px
}

.post-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    color: #39739d;
    background-color: #E1ECF4;
    border-color: transparent
}

.post-tag:hover {
    color: #33658a;
    background-color: #cee0ed;
    border-color: rgba(0,0,0,0)
}

.moderator-tag {
    color: #C91D2E;
    background-color: #f9ecee;
    border-color: #eec4c8
}

.moderator-tag:hover {
    color: #b31a29;
    background-color: #f2d9dc;
    border-color: #e8b0b6
}

.required-tag {
    color: #535a60;
    background-color: #e4e6e8;
    border-color: #bbc0c4
}

.required-tag:hover {
    color: #474d53;
    background-color: #d6d9dc;
    border-color: #adb3b9
}

.disliked-tag {
    color: #6a737c;
    background-color: #e4e6e8;
    border-color: transparent
}

.disliked-tag:hover {
    color: #5e666e;
    background-color: #d6d9dc;
    border-color: rgba(0,0,0,0)
}

.favorite-tag {
    padding-right: 1.8em
}

.favorite-tag:after {
    position: absolute;
    display: inline-block;
    content: "";
    margin-top: -6px;
    top: 50%;
    right: .4em;
    width: 12px;
    height: 12px;
    background-image: url("../../img/share-sprite-new.png?v=e1b8bd67bc12");
    background-image: url("../../img/share-sprite-new.svg?v=78be252218f3"),none;
    background-repeat: no-repeat;
    background-position: -163px 0
}

.company-tag {
    color: #0C0D0E;
    font-size: 12px;
    text-align: left;
    background-color: #eff0f1;
    border-radius: 0;
    border-color: transparent;
    border-left: 2px solid #F48024
}

.company-tag:hover {
    background-color: #ECEAEA;
    color: #242729
}

.company-tag img {
    margin-bottom: auto;
    padding-right: 4px;
    max-height: 20px;
    width: auto;
    vertical-align: middle
}

.autocomplete .company-tag {
    line-height: 1.5em
}

.geo-tag .delete-location {
    margin: -2px 0 0 3px;
    vertical-align: middle;
    width: 14px;
    height: 13px;
    line-height: 26px
}

.geo-tag .icon-visa-show[value="false"]~.icon-visa {
    display: none
}

.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    background-image: none;
    box-shadow: none;
    border-color: #E1ECF4;
    padding-right: 1.75em;
    padding-top: .5em;
    margin: 4px 4px 0 0 !important
}

.container .chosen-choices .search-choice .search-choice-close,.container .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    margin: 0 !important
}

.label-box {
    color: #FFF;
    font-weight: 400;
    background: #3af;
    border-radius: 3px;
    display: inline-block;
    padding: .3em .6em
}

.label-box._default-font-size {
    font-size: 13px
}

.label-box._gray {
    background: #9199a1
}

a {
    color: #07C;
    text-decoration: none;
    cursor: pointer
}

a:hover,a:active {
    color: #3af;
    text-decoration: none
}

a.comment-user {
    white-space: nowrap;
    padding: 0
}

a.comment-user.owner {
    padding: 1px 5px
}

a.doc-link:before {
    display: inline-block;
    position: relative;
    left: 0;
    margin-right: 5px;
    width: 11px;
    height: 12px;
    content: "";
    background-image: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background-image: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82"),none;
    background-position: -43px -93px
}

.post-text a:visited,.comment-text a:not(.comment-user):visited {
    color: #005999
}

a #tell-me-more {
    display: inline-block
}

a .mathjax {
    width: 115px;
    height: 55px;
    background-image: url("../../img/share-sprite.png?v=0734e5a54af0");
    background-position: -190px 5px
}

.external {
    position: relative;
    display: inline-block;
    padding-left: 20px
}

.external>.-icon {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background-image: url("../../img/share-sprite-new.png?v=e1b8bd67bc12");
    background-image: url("../../img/share-sprite-new.svg?v=78be252218f3"),none;
    background-position: 0 -220px;
    background-repeat: no-repeat
}

.external:visited {
    color: #07C
}

.external:hover,.external:active {
    text-decoration: none
}

.external:hover>.-icon,.external:active>.-icon {
    background-position: -13px -220px
}

.question-hyperlink {
    font-size: 16px;
    font-weight: 400
}

.question-hyperlink,.answer-hyperlink {
    color: #07C;
    line-height: 1.3;
    margin-bottom: 1.2em
}

.question-hyperlink:hover,.answer-hyperlink:hover,.question-hyperlink:active,.answer-hyperlink:active {
    color: #3af
}

.question-hyperlink:visited,.answer-hyperlink:visited,#hot-network-questions ul a:visited {
    color: #005999
}

b,strong {
    font-weight: bold
}

i,em {
    font-style: italic
}

sup,sub {
    font-size: 80%
}

ins {
    text-decoration: none
}

del,s {
    text-decoration: line-through
}

del .post-tag,s .post-tag,del .required-tag,s .required-tag,del .moderator-tag,s .moderator-tag {
    text-decoration: line-through !important
}

kbd {
    display: inline-block;
    margin: 0 .1em;
    padding: .1em .6em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.4;
    color: #242729;
    text-shadow: 0 1px 0 #FFF;
    background-color: #e1e3e5;
    border: 1px solid #adb3b9;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(12,13,14,0.2),0 0 0 2px #FFF inset;
    white-space: nowrap
}

.text-muted {
    color: #9199a1
}

.placeholder-text {
    color: #9fa6ad
}

.help-text {
    color: #5e666e;
    font-size: 11px
}

.mute-text {
    color: #6a737c
}

p {
    clear: both;
    margin-bottom: 1em;
    margin-top: 0
}

p code {
    padding: 1px 5px
}

p.lead {
    font-size: 1.3em;
    line-height: 1.5em
}

p.lead small {
    display: block;
    font-size: 13px;
    color: #5e666e
}

code {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    background-color: #eff0f1
}

pre {
    margin-bottom: 1em;
    padding: 5px;
    padding-bottom: 20px !ie7;
    width: auto;
    width: 650px !ie7;
    max-height: 600px;
    overflow: auto;
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    font-size: 13px;
    background-color: #eff0f1
}

.post-text pre>code:first-child,.wmd-preview pre>code:first-child {
    max-height: 600px\9;
    display: block\9
}

pre {
    max-height: none\9
}

li pre {
    margin: .5em 0 1em 0
}

h1,h2,h3 {
    line-height: 1.3;
    margin-bottom: 1em
}

h1 {
    font-size: 22px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 15px
}

h1.lead,h2.lead {
    font-weight: 400
}

h1.lead {
    font-size: 2.6em;
    margin-bottom: .3em
}

h2.lead {
    font-size: 1.7em
}

.post-text h1,.post-text h2,.post-text h3,.post-text h4,.post-text h5,.post-text h6 {
    word-wrap: break-word
}

.post-text ul p:last-of-type,.wmd-preview ul p:last-of-type,.post-text ol p:last-of-type,.wmd-preview ol p:last-of-type {
    margin-bottom: 0
}

.post-text li>ul,.wmd-preview li>ul,.post-text li>ol,.wmd-preview li>ol {
    padding-top: .5em
}

blockquote,q {
    quotes: none
}

blockquote:before,q:before,blockquote:after,q:after {
    content: "";
    content: none
}

blockquote {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FFF8DC;
    border-left: 2px solid #ffeb8e
}

blockquote *:last-child {
    margin-bottom: 0
}

li blockquote {
    margin: .5em 0 1em 0
}

.str,.lit,.tag {
    color: #7D2727
}

.kwd,.dec {
    color: #101094
}

.com {
    color: #858C93
}

.typ {
    color: #2B91AF
}

.pun,.pln {
    color: #303336
}

.atn {
    color: #E64320
}

.atv {
    color: #0F74BD
}

.prettyprint {
    display: block;
    color: #393318
}

@media print {
    .kwd,.typ,.tag {
        font-weight: bold
    }

    .str,.atv {
        color: #060
    }

    .kwd {
        color: #006
    }

    .typ,.atn {
        color: #404
    }

    .lit {
        color: #044
    }

    .pun {
        color: #440
    }

    .pln {
        color: #0C0D0E
    }

    .tag {
        color: #006
    }

    .com {
        color: #600;
        font-style: italic
    }
}

.g-row,.g-column {
    position: relative;
    display: -webkit-flex;
    display: flex
}

.g-row._gutters,.g-column._gutters {
    margin-left: -2px;
    margin-right: -2px
}

.g-row._gutters>[class^="g-col"],.g-column._gutters>[class^="g-col"] {
    margin: 2px
}

.g-row {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.g-column {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.g-col {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    max-width: 100%
}

.g-col._right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: auto
}

[class^="g-col"] {
    display: inline-flex;
    position: relative
}

.g-col1 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.g-col-push1 {
    margin-left: 8.33333333%
}

.g-col-pull1 {
    margin-left: -8.33333333%
}

.g-col2 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.g-col-push2 {
    margin-left: 16.66666667%
}

.g-col-pull2 {
    margin-left: -16.66666667%
}

.g-col3 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 25%;
    max-width: 25%
}

.g-col-push3 {
    margin-left: 25%
}

.g-col-pull3 {
    margin-left: -25%
}

.g-col4 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.g-col-push4 {
    margin-left: 33.33333333%
}

.g-col-pull4 {
    margin-left: -33.33333333%
}

.g-col5 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.g-col-push5 {
    margin-left: 41.66666667%
}

.g-col-pull5 {
    margin-left: -41.66666667%
}

.g-col6 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 50%;
    max-width: 50%
}

.g-col-push6 {
    margin-left: 50%
}

.g-col-pull6 {
    margin-left: -50%
}

.g-col7 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.g-col-push7 {
    margin-left: 58.33333333%
}

.g-col-pull7 {
    margin-left: -58.33333333%
}

.g-col8 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.g-col-push8 {
    margin-left: 66.66666667%
}

.g-col-pull8 {
    margin-left: -66.66666667%
}

.g-col9 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 75%;
    max-width: 75%
}

.g-col-push9 {
    margin-left: 75%
}

.g-col-pull9 {
    margin-left: -75%
}

.g-col10 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.g-col-push10 {
    margin-left: 83.33333333%
}

.g-col-pull10 {
    margin-left: -83.33333333%
}

.g-col11 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.g-col-push11 {
    margin-left: 91.66666667%
}

.g-col-pull11 {
    margin-left: -91.66666667%
}

.g-col12 {
    -webkit-flex: none;
    flex: none;
    flex-basis: 100%;
    max-width: 100%
}

.g-col-push12 {
    margin-left: 100%
}

.g-col-pull12 {
    margin-left: -100%
}

.g-center {
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center
}

.g-row.jc-end,.g-column.jc-end,[class^="g-col"].jc-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.g-row.jc-center,.g-column.jc-center,[class^="g-col"].jc-center {
    -webkit-justify-content: center;
    justify-content: center
}

.g-row.jc-sp-between,.g-column.jc-sp-between,[class^="g-col"].jc-sp-between {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.g-row.jc-sp-around,.g-column.jc-sp-around,[class^="g-col"].jc-sp-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.g-row.ai-center,.g-column.ai-center,[class^="g-col"].ai-center {
    align-items: center
}

.g-row.ai-right,.g-column.ai-right,[class^="g-col"].ai-right {
    align-items: right
}

.g-row.fw-wrap,.g-column.fw-wrap,[class^="g-col"].fw-wrap {
    flex-wrap: wrap
}

.autocomplete {
    position: relative
}

.autocomplete .autocomplete-suggestions-list {
    background: #FFF;
    border: 1px solid #c8ccd0;
    color: #6a737c;
    position: absolute;
    z-index: 999;
    bottom: 6px;
    left: 0;
    right: 0;
    transform: translate(0, 100%);
    box-shadow: 0 6px 6px rgba(12,13,14,0.1);
    max-height: 350px;
    overflow: auto
}

.autocomplete .autocomplete-suggestions-list a {
    color: #6a737c
}

.autocomplete .autocomplete-suggestions-list .autocomplete-category-name,.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion,.autocomplete .autocomplete-suggestions-list .autocomplete-default,.autocomplete .autocomplete-suggestions-list .autocomplete-default {
    padding: 10px
}

.autocomplete .autocomplete-suggestions-list .autocomplete-category-name {
    background: #f6f6f7;
    font-size: 11px;
    text-transform: uppercase
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion.child {
    padding-left: 26px;
    margin-top: -5px;
    position: relative
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion.child:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-left: 1px solid #b9c1c5;
    border-bottom: 1px solid #b9c1c5;
    position: relative;
    top: -6px;
    left: -6px
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion:hover,.autocomplete .autocomplete-suggestions-list .autocomplete-default:hover {
    background: #eeeef0;
    color: #0C0D0E
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-item {
    max-width: 90%;
    word-wrap: break-word;
    overflow: hidden;
    flex-grow: 1;
    margin-left: 6px
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-image {
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-image img {
    max-width: 100%;
    height: auto
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-match {
    color: #0C0D0E;
    font-weight: 700
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-url {
    font-size: 11px;
    color: #bbc0c4
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-count {
    font-size: 13px;
    color: #9199a1
}

.autocomplete .autocomplete-suggestions-list .autocomplete-default {
    border-top: 1px solid #c8ccd0;
    display: block
}

.autocomplete .company-tag {
    margin: 2px;
    flex-grow: 1
}

.autocomplete .company-tag .delete-tag {
    position: absolute;
    right: 9px;
    top: calc(50% - 7px);
    margin: 0
}

.title-corral,.suggestionList {
    width: 400px
}

.suggestionList {
    display: block;
    position: absolute;
    margin-top: 1px;
    font-size: 12px;
    border: 1px solid #bbc0c4;
    border-radius: 2px;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(159,166,173,0.4);
    z-index: 1000
}

.suggestionList *,.suggestionList *:before,.suggestionList *:after {
    box-sizing: border-box
}

.suggestionList:before,.suggestionList:after {
    content: "";
    display: table
}

.suggestionList:after {
    clear: both
}

.suggestionList>.-section {
    display: block;
    position: relative;
    margin-bottom: 4px
}

.suggestionList>.-section:first-of-type {
    margin-bottom: 1em
}

.suggestionList>.-section:first-of-type,.suggestionList>.-section:first-of-type .-header {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.suggestionList>.-section:last-of-type,.suggestionList>.-section:last-of-type .-content {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.suggestionList .-header,.suggestionList .-content {
    position: relative;
    padding: 4px;
    width: 100%
}

.suggestionList .-header {
    height: 25px;
    padding: 7px 8px;
    background-color: #eff0f1
}

.suggestionList .-header .-title {
    margin: 0;
    color: #9fa6ad;
    font-size: 10px;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.1
}

.suggestionList .-list,.suggestionList .-list>.-item {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.suggestionList .-list>.-item {
    display: block;
    position: relative;
    padding: 7px 4px 9px;
    background-color: #FFF;
    cursor: pointer;
    transition: background-color .1s ease-in-out
}

.suggestionList .-list>.-item._avatar {
    padding-left: 38px
}

.suggestionList .-list>.-item .-edit {
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 11px;
    line-height: 1.1;
    color: #bbc0c4;
    transition: color .1s ease-in-out
}

.suggestionList .-list>.-item .-edit:hover,.suggestionList .-list>.-item .-edit._hover {
    color: #9fa6ad;
    text-decoration: underline
}

.suggestionList .-list>.-item:hover,.suggestionList .-list>.-item._hover {
    background-color: #f4f8fb
}

.suggestionList .team-avatar {
    position: absolute;
    left: 5px;
    top: 9px;
    width: 24px;
    height: 24px;
    background-color: #d6d9dc
}

.suggestionList .team-avatar>img {
    width: 100%
}

.suggestionList .team-role,.suggestionList .team-name {
    display: block;
    line-height: 1.2
}

.suggestionList .team-role {
    font-size: 14px;
    color: #3b4045
}

.suggestionList .team-name {
    color: #7D848A
}

.suggestionList .empty-state {
    display: block;
    margin: 0;
    padding: 1.6em;
    background-color: #f4f8fb;
    color: #535a60;
    font-size: 12px
}

.suggestionList .-remove {
    display: block;
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
    padding: 9px 7px 8px;
    line-height: 1.1;
    color: #C72C0B;
    background-color: #FFF
}

.suggestionList .-remove:hover,.suggestionList .-remove._hover {
    color: #972108;
    background-color: #fef0ed
}

#permalink,#feed-link {
    text-align: left;
    min-width: 300px;
    float: right;
    clear: both;
    margin: 15px 0 15px 30px;
    white-space: normal
}

#permalink a:before {
    position: relative;
    content: "";
    padding: 0 8px;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    top: 0;
    right: 0;
    background: url("../../img/shared-icons.png?v=6ceeeabfb734") no-repeat -29px -33px;
    background: url("../../img/shared-icons.svg?v=426606a893b3") no-repeat -29px -33px
}

.newnav {
    position: relative
}

.newnav .subheader {
    position: relative;
    height: auto;
    border-bottom: none;
    margin-bottom: 0
}

.newnav .narrow .reputation-score {
    margin-left: 4px !important
}

.newnav .everyonelovesstackoverflow {
    margin-bottom: 0
}

.newnav .welovestackoverflow {
    margin-top: 34px
}

.newnav .tab-tag-callout {
    position: relative;
    float: left;
    display: block;
    box-sizing: border-box;
    padding: 0 72px 0 7px;
    max-width: 100%;
    height: 29px;
    overflow: hidden
}

.newnav .tab-tag-callout div {
    display: inline-block;
    float: left;
    margin-right: 24px;
    padding-top: 5px;
    font-size: 16px
}

.newnav .tab-tag-callout .post-tag {
    float: left
}

.newnav .find-newest {
    display: block;
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #6a737c;
    line-height: 1;
    text-align: center;
    padding: .4em .5em;
    white-space: nowrap;
    border: 1px solid #e4e6e8;
    margin: 2px 2px 2px 0;
    border-radius: 2px;
    transition: color .15s ease,background .15s ease,border .15s ease
}

.newnav .find-newest:hover {
    border-color: #bdcdd7
}

.newnav .tabs-list-container {
    width: 728px;
    height: 40px;
    border-bottom: 1px solid #e4e6e8;
    margin-bottom: 10px
}

.newnav .tabs-list-container .home-tab,.newnav .tabs-list-container .add-tab,.newnav .tabs-list-container .bounties-tab {
    flex: 0 1 auto;
    white-space: nowrap
}

.newnav .tabs-list-container .tabs-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    height: 40px;
    transition: all .15s ease-in-out
}

.newnav .tabs-list-container .tabs-list .intellitab {
    white-space: nowrap;
    position: relative;
    margin-right: 3px;
    overflow: hidden
}

.newnav .tabs-list-container .tabs-list .intellitab:after {
    z-index: 800;
    content: " ";
    width: 4px;
    height: 14px;
    top: 12px;
    right: 0;
    display: inline-block;
    position: absolute;
    background-image: url("../../img/fade.png?v=9d4117968c5c")
}

.newnav .tabs-list-container .tabs-list .intellitab.selected:after,.newnav .tabs-list-container .tabs-list .intellitab:hover:after {
    right: 1px
}

.newnav .tabs-list-container .tabs-list .intellitab:first-child,.newnav .tabs-list-container .tabs-list .intellitab.selected,.newnav .tabs-list-container .tabs-list .intellitab:hover,.newnav .tabs-list-container .tabs-list .intellitab.renaming {
    flex-shrink: 0;
    overflow: visible
}

.newnav .tabs-list-container .tabs-list .intellitab input[type="text"].tab-full-name {
    box-sizing: border-box;
    border: 1px solid #e4e6e8;
    border-top: 2px solid #CBCBCB;
    border-bottom: 1px solid #FFF;
    box-shadow: none;
    font-size: 12px;
    color: #0C0D0E;
    padding: 9px 10px;
    width: 100%;
    max-width: 100px;
    margin-top: 0
}

.youarehere~.newnav .tabs-list-container .tabs-list .intellitab input[type="text"].tab-full-name {
    border-top-color: #f69c55
}

.newnav .tabs-list-container .tabs-list .intellitab>a {
    max-width: 100px;
    flex-shrink: 1;
    position: relative;
    box-sizing: border-box;
    margin: 0 !important;
    transition: all,.15s,ease;
    padding: 10px 24px 11px 10px
}

.newnav .tabs-list-container .tabs-list .intellitab>a .tab-name {
    max-width: 70px;
    display: inline-block;
    overflow: hidden;
    margin-bottom: -2px;
    white-space: nowrap
}

.newnav .tabs-list-container .tabs-list .intellitab:first-child a {
    padding-right: 10px
}

.newnav .tabs-list-container .tabs-list .intellitab .menu-switcher {
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    margin-bottom: -6px;
    top: 11px;
    right: 4px;
    height: 16px;
    width: 16px;
    z-index: 500;
    border-radius: 2px;
    color: transparent;
    background-color: #FFF;
    box-shadow: 0 0 6px 3px #FFF;
    background-image: url("../../img/filter-sprites.svg?v=3cbea38b904b"),none;
    background-repeat: no-repeat;
    background-position: 0 -144px
}

.newnav .tabs-list-container .tabs-list .intellitab .menu-switcher:hover,.newnav .tabs-list-container .tabs-list .intellitab.dropdown-enabled:hover .menu-switcher {
    background-color: #eff0f1;
    box-shadow: inset 0 1px 1px rgba(214,217,220,0.8);
    box-shadow: 0 0 6px 3px #FFF;
    background-position: -16px -144px
}

.newnav .tabs-list-container .tabs-list .intellitab.dropdown-enabled:hover>.dropdown {
    display: block
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown {
    margin-left: 0;
    top: 32px;
    float: right;
    z-index: 100;
    right: 0;
    display: none;
    border-top: 1px solid #e4e6e8
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown:before {
    top: -12px
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown li.disabled {
    opacity: 1 !important
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown li.disabled a {
    color: #c8ccd0
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown li {
    border-bottom: none
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown li:first-child {
    border-top: none
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown a,.newnav .tabs-list-container .tabs-list .intellitab .dropdown a:hover {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 7px 10px;
    border-bottom-color: #e4e6e8
}

.newnav .tabs-list-container .tabs-list .intellitab .dropdown a:hover {
    background-color: rgba(214,217,220,0.2)
}

.newnav .tabs-list-container .tabs-list .youarehere .remove-tab {
    color: #c8ccd0;
    display: inline-block
}

.newnav .tabs-list-container .add-tab {
    display: inline-block;
    margin: 6px auto 6px 3px;
    padding: 2px 7px;
    height: 20px;
    color: #6a737c;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #e4e6e8;
    border-radius: 2px;
    background-color: transparent;
    transition: all .15s ease-in-out
}

.newnav .tabs-list-container .add-tab:hover {
    color: #3af;
    border-color: #c8ccd0
}

.newnav .tabs-list-container .help-tab {
    font-size: 12px;
    padding-top: 11px;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 1000;
    text-overflow: ellipsis
}

.newnav .tabs-list-container .help-tab::before {
    display: inline-block;
    content: ' ';
    width: 10px;
    cursor: default
}

.newnav .tabs-list-container .bounties-tab {
    margin-top: 11px;
    margin-left: 10px;
    margin-bottom: 5px;
    color: #FFF !important;
    display: inline-block;
    background-color: #07d;
    padding: .2em .5em .25em .5em;
    font-size: 10px;
    line-height: 1.3;
    border-radius: 2px;
    border: 1px solid transparent;
    height: 13px
}

.newnav .tabs-list-container .bounties-tab:hover {
    border: 1px solid transparent
}

a .newnav .tabs-list-container .bounties-tab:hover,.newnav .tabs-list-container .bounties-tab:active {
    border-bottom: 1px solid transparent
}

.newnav #loading-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0);
    z-index: 2000;
    text-align: center
}

.tab-content {
    display: none
}

.tab-parameters {
    display: table;
    box-sizing: border-box;
    width: 100%;
    min-height: 35px;
    position: relative;
    top: -1px;
    border-bottom: 1px solid rgba(159,166,173,0.1);
    padding-top: 0;
    padding-bottom: 9px;
    overflow: visible
}

.tab-parameters .tab-show,.tab-parameters .tab-tag-filter,.tab-parameters .tab-sort,.tab-parameters .tab-save {
    vertical-align: top;
    display: inline-block;
    border-top: none;
    position: relative
}

.tab-parameters .tab-show a,.tab-parameters .tab-tag-filter a,.tab-parameters .tab-sort a,.tab-parameters .tab-save a {
    transition: all .4s ease
}

.tab-parameters .tab-show .dropdown,.tab-parameters .tab-sort .dropdown {
    margin-left: 0;
    list-style: none;
    overflow: visible;
    list-style-type: none;
    position: relative;
    z-index: 200;
    top: 37px;
    box-shadow: 0 2px 5px rgba(12,13,14,0.3);
    border-radius: 0;
    background-color: #FFF
}

.tab-parameters .tab-show .dropdown span,.tab-parameters .tab-sort .dropdown span {
    font-size: 10px;
    text-transform: uppercase;
    color: #bbc0c4;
    padding: 5px 10px;
    display: block
}

.tab-parameters .tab-show .dropdown:before,.tab-parameters .tab-sort .dropdown:before {
    position: absolute;
    z-index: 101;
    content: "";
    width: 16px;
    height: 16px;
    top: -10px;
    left: 20px;
    background-image: url("../../img/filter-sprites.png?v=25267dbcd657");
    background-image: url("../../img/filter-sprites.svg?v=3cbea38b904b");
    background-repeat: no-repeat;
    background-position: -16px 0
}

.tab-parameters .tab-show .dropdown ul,.tab-parameters .tab-sort .dropdown ul {
    margin-left: 0;
    list-style: none
}

.tab-parameters .tab-show .dropdown li,.tab-parameters .tab-sort .dropdown li {
    display: block;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #eff0f1;
    line-height: 12px;
    background-color: #FFF;
    height: auto;
    margin-bottom: 0;
    transition: all .2s ease
}

.tab-parameters .tab-show .dropdown li.selected a,.tab-parameters .tab-sort .dropdown li.selected a,.tab-parameters .tab-show .dropdown li.selected a:hover,.tab-parameters .tab-sort .dropdown li.selected a:hover {
    color: #f69c55
}

.tab-parameters .tab-show .dropdown li a,.tab-parameters .tab-sort .dropdown li a {
    box-sizing: border-box;
    width: 100%;
    padding: 7px 10px;
    display: block;
    color: #6a737c
}

.tab-parameters .tab-show .dropdown li a:hover,.tab-parameters .tab-sort .dropdown li a:hover {
    color: #242729;
    background-color: rgba(214,217,220,0.2)
}

.tab-parameters .tab-show {
    width: 56px
}

.tab-parameters .tab-show .filter-switcher {
    display: block;
    box-sizing: border-box;
    width: 54px;
    height: 31px;
    line-height: 14px;
    padding: 8px 16px 9px 20px;
    position: relative;
    top: 3px;
    border-radius: 2px
}

.tab-parameters .tab-show .filter-switcher:hover {
    background-color: rgba(214,217,220,0.2)
}

.tab-parameters .tab-show .filter-switcher:before {
    left: 24px
}

.tab-parameters .tab-show .filter-switcher:after {
    display: block;
    width: 20px;
    height: 14px;
    content: "show";
    font-size: 0;
    background-image: url("../../img/filter-sprites.png?v=25267dbcd657");
    background-image: url("../../img/filter-sprites.svg?v=3cbea38b904b");
    background-position: 0 -97px;
    background-repeat: no-repeat
}

.tab-parameters .tab-tag-filter {
    width: 497px;
    display: inline-block;
    padding-bottom: 1px
}

.tab-parameters .tab-tag-filter .tag-filter {
    width: 482px;
    display: inline-block
}

.tab-parameters .tab-tag-filter .actual-edit-overlay {
    height: 37px !important;
    box-sizing: border-box;
    padding: 0 0 2px 2px;
    width: 563px !important;
    background-color: red;
    box-shadow: inset 0 1px 2px rgba(12,13,14,0.1)
}

.tab-parameters .tab-tag-filter .actual-edit-overlay .post-tag {
    -webkit-text-fill-color: #3E6D8E
}

.tab-parameters .tab-tag-filter .tag-editor {
    display: inline-block;
    width: 300px;
    margin: 0;
    padding-right: 56px;
    padding-left: 3px;
    position: relative;
    height: 35px !important
}

.tab-parameters .tab-tag-filter .tag-filter-isany {
    z-index: 100;
    background-color: #FFF;
    display: inline-block;
    margin: 0;
    position: absolute;
    font-size: 10px;
    line-height: 21px;
    right: -65px;
    top: 6px;
    height: 26px;
    width: 65px;
    list-style: none
}

.tab-parameters .tab-tag-filter .tag-filter-isany a.any,.tab-parameters .tab-tag-filter .tag-filter-isany a.all {
    position: relative;
    left: 7px;
    top: 1px;
    width: 24px;
    text-align: center;
    border: 1px solid rgba(200,204,208,0.5);
    height: 21px;
    overflow: hidden;
    display: inline-block;
    color: #6a737c;
    transition: all .4s ease
}

.tab-parameters .tab-tag-filter .tag-filter-isany a.any.selected,.tab-parameters .tab-tag-filter .tag-filter-isany a.all.selected {
    background-color: rgba(132,141,149,0.07);
    box-shadow: inset 0 1px 2px rgba(214,217,220,0.3)
}

.tab-parameters .tab-tag-filter .tag-filter-isany a.any:hover,.tab-parameters .tab-tag-filter .tag-filter-isany a.all:hover {
    background-color: rgba(132,141,149,0.2);
    box-shadow: none
}

.tab-parameters .tab-tag-filter .tag-filter-isany a.any {
    float: left;
    border-radius: 2px 0 0 2px
}

.tab-parameters .tab-tag-filter .tag-filter-isany a.all {
    border-radius: 0 2px 2px 0;
    border-left: none
}

.tab-parameters .tab-sort {
    width: 42px
}

.tab-parameters .tab-sort .dropdown {
    left: 71px
}

.tab-parameters .tab-sort .filter-switcher {
    display: block;
    box-sizing: border-box;
    height: 31px;
    width: 48px;
    line-height: 14px;
    padding: 8px 6px 9px 12px;
    position: relative;
    top: 3px;
    left: 70px;
    border-radius: 2px
}

.tab-parameters .tab-sort .filter-switcher:hover {
    background-color: rgba(214,217,220,0.2)
}

.tab-parameters .tab-sort .filter-switcher:after {
    display: block;
    width: 22px;
    height: 14px;
    content: "sort";
    font-size: 0;
    background-image: url("../../img/filter-sprites.png?v=25267dbcd657");
    background-image: url("../../img/filter-sprites.svg?v=3cbea38b904b");
    background-position: 0 -113px;
    background-repeat: no-repeat
}

.tab-parameters .tab-save {
    position: absolute;
    right: 0;
    top: 3px
}

.tab-parameters .tab-save a {
    color: #07C;
    border: 1px solid #07C;
    padding: .5em .8em;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: background .15s ease,color .15s ease
}

.tab-parameters .tab-save a:hover {
    background: rgba(204,234,255,0.25);
    color: #0068b3
}

.tab-parameters .tab-save a.disable {
    opacity: .3
}

.popup.help-popup {
    text-align: center;
    padding: 30px;
    position: absolute;
    width: 90%;
    box-sizing: border-box;
    margin: 15px auto 0 auto;
    box-shadow: 0 2px 5px rgba(12,13,14,0.3);
    background-color: #FFF;
    border: solid 1px #d1d1d1;
    left: 5%
}

.popup.help-popup .popup-close {
    position: relative;
    top: -15px;
    right: -20px
}

.popup.help-popup h1 {
    font-weight: 200;
    margin-bottom: 5px
}

.popup.help-popup p {
    margin-bottom: 20px;
    color: #6a737c
}

.popup.help-popup .button {
    margin-right: 20px
}

.popup.help-popup .help-restore-tabs {
    border-top: 1px solid #e4e6e8;
    margin-top: 30px;
    overflow: hidden;
    padding-top: 30px;
    margin: 30px auto 0 auto;
    text-align: center;
    width: 600px
}

.popup.help-popup .help-restore-tabs h2 {
    margin-bottom: 5px
}

.popup.help-popup .help-restore-tabs h3 {
    border-top: 2px solid #f69c55;
    display: inline-block;
    padding-top: 5px
}

.popup.help-popup .help-restore-tabs .tab-list {
    float: left;
    text-align: left;
    width: 170px;
    margin-left: 30px
}

.popup.help-popup .help-restore-tabs .tab-list ul {
    list-style-type: none;
    margin-left: 0
}

.popup.help-popup .help-restore-tabs .tab-list .disabled {
    color: #9199a1
}

.question-list-layout {
    display: inline-block;
    margin: 7px 1px 6px 9px;
    position: absolute;
    right: -333px;
    top: 11px;
    z-index: 1
}

.question-list-layout ul li {
    display: inline-block;
    float: left
}

.question-list-layout a {
    font-size: 0;
    width: 24px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    transition: all .4s ease
}

.question-list-layout a:hover {
    background-color: rgba(132,141,149,0.2);
    box-shadow: none
}

.question-list-layout a.collapsed {
    border: 1px solid #c8ccd0;
    border-radius: 2px 0 0 2px;
    border-right: none
}

.question-list-layout a.collapsed::after {
    content: "";
    float: right;
    width: 16px;
    height: 16px;
    margin: 2px 4px;
    background: url('../../img/filter-sprites.png?v=25267dbcd657') 0 -33px no-repeat;
    background: url('../../img/filter-sprites.svg?v=3cbea38b904b') 0 -33px no-repeat
}

.question-list-layout a.expanded {
    border: 1px solid #c8ccd0;
    border-radius: 0 2px 2px 0
}

.question-list-layout a.expanded::after {
    content: "";
    float: right;
    width: 16px;
    height: 16px;
    margin: 2px 4px;
    background: url('../../img/filter-sprites.png?v=25267dbcd657') 0 -49px no-repeat;
    background: url('../../img/filter-sprites.svg?v=3cbea38b904b') 0 -49px no-repeat
}

.question-list-layout a .collapsed,.question-list-layout a .expanded {
    transition: all .4s ease
}

.question-list-layout a .collapsed:hover,.question-list-layout a .expanded:hover {
    background-color: rgba(132,141,149,0.2);
    box-shadow: none
}

.question-list-layout a.selected {
    background-color: rgba(132,141,149,0.15);
    box-shadow: inset 0 1px 2px #d6d9dc
}

.newnav .filtered-tags:hover #edit-tags {
    display: inline-block;
    visibility: visible
}

.newnav .filtered-tags {
    position: relative;
    margin: 0 0 0 0;
    padding: 10px 72px 5px 10px;
    border: 1px solid rgba(159,166,173,0.1);
    border-top: 0;
    background-color: rgba(214,217,220,0.1)
}

.newnav .filtered-tags .post-tag {
    line-height: 14px;
    padding-top: .3em;
    padding-bottom: .3em;
    margin-top: 0;
    margin-bottom: 5px
}

.newnav .filtered-tags .post-tag .delete-tag {
    margin-top: 0;
    margin-bottom: 0
}

.newnav .filtered-tags #edit-tags {
    visibility: hidden
}

.newnav .filtered-tags #edit-tags.dno {
    display: inline-block
}

.newnav .tag-filter-input {
    float: right;
    margin: 0;
    height: 18px;
    width: 505px;
    transition: all .4s ease
}

.newnav #tag-filter-label {
    display: inline-block
}

.newnav .tag-filter-box {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 5px 10px 5px 5px;
    border: 1px solid rgba(159,166,173,0.1);
    background-color: rgba(214,217,220,0.1)
}

.newnav .tag-filter-box.dno {
    height: 45px
}

.newnav .tag-filter-box #tagForm {
    position: relative;
    left: -2px;
    top: -2px
}

.newnav .tag-filter-box #tagForm #tagSelector {
    float: left
}

.newnav .tag-filter-box #tagForm input[type="submit"] {
    margin-right: 10px;
    margin-top: 4px
}

.newnav .tag-editor {
    float: left;
    margin-right: 10px
}

.newnav .tag-editor .post-tag {
    margin-top: 3px
}

.newnav .tag-editor .invalid-tag:after {
    content: " ";
    border-bottom: 1px dotted #ff0000;
    display: block;
    margin-bottom: -1px
}

.newnav .tag-editor .delete-tag {
    margin-top: 0
}

.newnav .tag-suggestions {
    box-shadow: 0 3px 8px rgba(12,13,14,0.25);
    border-radius: 2px;
    border: 1px solid #e0e0df;
    background-color: #FFF
}

.newnav .tag-suggestions>div p .more-info a {
    font-size: 0;
    top: 11px;
    width: 16px;
    height: 16px;
    display: block;
    margin-bottom: 0;
    margin-top: 2px;
    background: url('../../img/filter-sprites.png?v=25267dbcd657') 0 -160px no-repeat;
    background: url('../../img/filter-sprites.svg?v=3cbea38b904b') 0 -160px no-repeat;
    transition: none
}

.newnav .tag-suggestions>div p .more-info a:hover {
    background-position: -16px -160px
}

.newnav .tag-suggestions>div p .more-info a:before,.newnav .tag-suggestions>div p .more-info a:after {
    display: none
}

.newnav .tag-suggestions>div p:hover .more-info {
    background-color: transparent
}

.newnav .welovestackoverflow {
    position: relative;
    top: 0;
    margin-top: -2px !important;
    margin-bottom: 10px;
    padding-top: 10px;
    border: 1px solid rgba(159,166,173,0.1);
    border-top: none;
    background-color: rgba(214,217,220,0.1)
}

.newnav .no-posts {
    padding-top: 200px;
    text-align: center;
    background-image: url('../../Img/battleship.png?v=f4a5592211c3');
    background-image: url('../../Img/battleship.svg?v=5117c3637ef5');
    background-repeat: no-repeat;
    background-position: center 40px
}

.newnav .no-posts h2 {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 1em
}

.newnav .no-posts p {
    color: #9fa6ad;
    margin: 0 auto;
    max-width: 350px
}

#loading-overlay .ajax-loader {
    position: absolute;
    top: 85px
}

.tag-editor .ajax-loader {
    right: 63px !important
}

#sidebar {
    position: relative
}

#sidebar .ajax-loader {
    position: absolute;
    top: 1px;
    right: 1px
}

#tabs,.tabs,.newnav .tabs-list-container .tabs-list .intellitab {
    float: right
}

#tabs a,.tabs a,.newnav .tabs-list-container .tabs-list .intellitab a {
    float: left;
    margin-right: 8px;
    padding: 12px 8px 14px;
    color: #848d95;
    line-height: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all .15s ease-in-out
}

#tabs a:last-child,.tabs a:last-child,.newnav .tabs-list-container .tabs-list .intellitab a:last-child {
    margin-right: 0
}

#tabs a:focus,.tabs a:focus,.newnav .tabs-list-container .tabs-list .intellitab a:focus {
    outline: none
}

#tabs a:hover,.tabs a:hover,.newnav .tabs-list-container .tabs-list .intellitab a:hover {
    color: #535a60;
    border-bottom-color: rgba(83,90,96,0.5)
}

#tabs a.youarehere,.tabs a.youarehere,.newnav .tabs-list-container .tabs-list .intellitab a.youarehere {
    font-weight: 700;
    color: #242729;
    border-bottom-color: #242729
}

#tabs a.youarehere:hover,.tabs a.youarehere:hover,.newnav .tabs-list-container .tabs-list .intellitab a.youarehere:hover {
    color: #0c0d0e;
    border-bottom-color: #0c0d0e
}

#tabs .mod-flag-indicator,.tabs .mod-flag-indicator,.newnav .tabs-list-container .tabs-list .intellitab .mod-flag-indicator {
    margin-left: -4px
}

#tabs .bounty-indicator-tab,.tabs .bounty-indicator-tab,.newnav .tabs-list-container .tabs-list .intellitab .bounty-indicator-tab {
    margin-right: 0;
    padding: .4em .5em .3em;
    vertical-align: middle;
    line-height: 1
}

.subtabs {
    width: 100%;
    float: right;
    box-sizing: border-box
}

.subtabs a {
    float: right;
    text-decoration: none;
    display: block
}

.subtabs.filters.tag-synonyms {
    width: auto
}

[class*="gravatar-wrapper-"] {
    padding: 0;
    overflow: hidden
}

[class*="gravatar-wrapper-"] img {
    margin: 0 auto
}

.gravatar-wrapper-256,.gravatar-wrapper-164,.gravatar-wrapper-128,.gravatar-wrapper-256 img,.gravatar-wrapper-164 img,.gravatar-wrapper-128 img {
    border-radius: 4px
}

.gravatar-wrapper-64,.gravatar-wrapper-50,.gravatar-wrapper-48,.gravatar-wrapper-64 img,.gravatar-wrapper-50 img,.gravatar-wrapper-48 img {
    border-radius: 2px
}

.gravatar-wrapper-256,.gravatar-wrapper-256 img {
    width: 256px;
    height: 256px
}

.gravatar-wrapper-164,.gravatar-wrapper-164 img {
    width: 164px;
    height: 164px
}

.gravatar-wrapper-128,.gravatar-wrapper-128 img {
    width: 128px;
    height: 128px
}

.gravatar-wrapper-64,.gravatar-wrapper-64 img {
    width: 64px;
    height: 64px
}

.gravatar-wrapper-50,.gravatar-wrapper-50 img {
    width: 50px;
    height: 50px
}

.gravatar-wrapper-48,.gravatar-wrapper-48 img {
    width: 48px;
    height: 48px
}

.gravatar-wrapper-42,.gravatar-wrapper-42 img {
    width: 42px;
    height: 42px
}

.gravatar-wrapper-40,.gravatar-wrapper-40 img {
    width: 40px;
    height: 40px
}

.gravatar-wrapper-32,.gravatar-wrapper-32 img {
    width: 32px;
    height: 32px
}

.gravatar-wrapper-25,.gravatar-wrapper-25 img {
    width: 25px;
    height: 25px
}

.dropdown.left:before {
    left: 4px
}

.dropdown.right:before {
    right: 4px
}

.dropdown {
    position: absolute !important;
    top: 25px;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(12,13,14,0.3);
    border-radius: 2px;
    background-color: #FFF;
    margin: 0
}

.dropdown:before {
    position: absolute;
    z-index: 101;
    content: "";
    width: 16px;
    height: 16px;
    top: -11px;
    right: 4px;
    background: url('../../img/filter-sprites.png?v=25267dbcd657') -16px 0 no-repeat;
    background: url('../../img/filter-sprites.svg?v=3cbea38b904b') -16px 0 no-repeat
}

.dropdown ul {
    margin: 0
}

.dropdown li {
    text-align: left;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #eff0f1;
    line-height: 12px;
    display: block;
    background-color: #FFF;
    height: auto;
    margin-bottom: 0;
    transition: all .2s ease
}

.dropdown li:hover {
    background-color: #fafafb
}

.dropdown li:active {
    background-color: #eff0f1
}

.dropdown li a.selected {
    background-color: #eff0f1;
    color: #9199a1
}

.dropdown li:first-child {
    border-top: 1px solid #eff0f1
}

.dropdown li .bounty-indicator-tab {
    margin-left: 10px
}

.dropdown li .bounty-indicator-tab a:hover {
    text-decoration: none
}

.dropdown li a {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px 10px 10px;
    display: inline-block
}

.dropdown li a#edit-favorite-tags {
    width: auto;
    font-size: 11px
}

.spinner,input[type=submit].loading:before,input[type=button].loading:before,button.loading:before,.button.loading:before,a.button.loading:before,a.button:visited.loading:before,.btn.loading:before,.btn:visited.loading:before,.btn-secondary.loading:before,.btn-outlined.loading:before,.btn-clear.loading:before,.btn-confirm.loading:before,.btn-warning.loading:before,.btn-icon.loading:before {
    position: relative;
    display: inline-block;
    border: 2px solid rgba(255,255,255,0.3);
    border-left-color: #FFF;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinnerRotate .8s infinite linear;
    animation: spinnerRotate .8s infinite linear
}

.spinner,.spinner:after,input[type=submit].loading:before,input[type=button].loading:before,button.loading:before,.button.loading:before,a.button.loading:before,a.button:visited.loading:before,.btn.loading:before,.btn:visited.loading:before,.btn-secondary.loading:before,.btn-outlined.loading:before,.btn-clear.loading:before,.btn-confirm.loading:before,.btn-warning.loading:before,.btn-icon.loading:before {
    border-radius: 50%;
    width: 9px;
    height: 9px
}

.spinner.gray:before {
    border-top-color: #bcd4e6;
    border-right-color: #bcd4e6;
    border-bottom-color: #bcd4e6;
    border-left-color: #71a5cb
}

.spinner-gray,.input-loader.loading:before {
    position: relative;
    display: inline-block;
    border: 2px solid #bcd4e6;
    border-left-color: #71a5cb;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinnerRotate .8s infinite linear;
    animation: spinnerRotate .8s infinite linear
}

.spinner-gray,.spinner-gray:after,.input-loader.loading:before {
    border-radius: 50%;
    width: 9px;
    height: 9px
}

a.loading:before {
    content: '';
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: relative;
    top: 1px;
    left: -4px;
    display: inline-block;
    border: 2px solid #bcd4e6;
    border-left-color: #71a5cb;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinnerRotate .8s infinite linear;
    animation: spinnerRotate .8s infinite linear
}

.hero-box {
    background: #437dcc;
    margin: 40px 0;
    color: #FFF;
    text-align: center;
    position: relative
}

.hero-box .hero-content {
    padding: 30px
}

.hero-box .hidden {
    display: none
}

.hero-box .hero-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px
}

.hero-box .hero-title small {
    display: block;
    font-size: 16px;
    padding-top: 4px
}

.hero-box .subtitle {
    font-size: 15px
}

.hero-box .hero-section-title {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0
}

.hero-box input[type="text"] {
    box-shadow: none
}

.hero-box input[type="text"][disabled],.hero-box input[type="text"].disabled {
    background-color: #FFF
}

.hero-box .hero-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #2057a1
}

.hero-box .hero-close:hover {
    color: #FFF
}

.hero-box .hero-cta {
    padding: 20px;
    background: #0099fd;
    width: 100%;
    transition: height .15s ease
}

.hero-box .hero-cta.full-tour-linked {
    max-width: 280px
}

.hero-box .hero-cta .full-tour-link::after {
    content: " \BB "
}

.hero-box .hero-cta.hero-cta-hidden {
    height: 0;
    padding: 0;
    overflow: hidden
}

.hero-box .hero-cta.no-bg {
    background: none;
    padding: 20px 0 0 0
}

.hero-box .hero-cta .hero-pager {
    position: relative;
    right: 0;
    height: 34px;
    box-sizing: border-box;
    position: absolute;
    right: 30px;
    top: 30px;
    margin: 0;
    display: inline-block
}

.hero-box .hero-cta .hero-pager ul {
    margin: 0
}

.hero-box .hero-cta .hero-pager li {
    list-style: none;
    display: inline-block
}

.hero-box .hero-cta .hero-pager li.youarehere a {
    background: #FFF;
    border: 1px solid #F48024
}

.hero-box .hero-cta .hero-pager a {
    box-sizing: border-box;
    margin: 11px 0 11px 1px;
    display: block;
    background: #eff0f1;
    height: 12px;
    width: 12px;
    border-radius: 6px
}

.hero-box .hero-cta .hero-pager a:hover {
    background: #d6d9dc
}

.hero-box .btn {
    background: #f48024;
    border-color: #9B6114;
    box-shadow: inset 0 1px 0 #ffc272
}

.hero-box .btn.loading {
    color: white
}

.hero-box .btn:hover {
    background: #da670b
}

.hero-box .hero-notice {
    background: #3470c1;
    font-size: 11px;
    color: #7fa7dc;
    padding: 4px 0
}

.hero-box .tag-suggestions {
    color: #0C0D0E
}

.hero-box.double-panel {
    background: #FFF
}

.hero-box.double-panel .step {
    display: flex;
    -ms-display: flex;
    justify-content: space-between;
    -ms-justify-content: space-between
}

.hero-box.double-panel .step.hidden {
    display: none
}

.hero-box.double-panel .step.blue {
    background: #437dcc;
    border-color: #437dcc;
    color: #FFF
}

.hero-box.double-panel .step.blue .subtitle {
    color: #FFF
}

.hero-box.double-panel .step.blue .help-text {
    color: #8cb6ef
}

.hero-box.double-panel .step.blue .hero-dismiss {
    color: #2057a1
}

.hero-box.double-panel .step.blue .hero-dismiss:hover {
    color: #FFF
}

.hero-box.double-panel .left_panel.white {
    border-left: 2px solid #e4e6e8
}

.hero-box.double-panel .right_panel.white {
    border-right: 2px solid #e4e6e8
}

.hero-box.double-panel .full_panel.white {
    border: 2px solid #e4e6e8
}

.hero-box.double-panel .panel {
    position: relative;
    flex-grow: 1;
    -ms-flex-grow: 1
}

.hero-box.double-panel .panel .hero-dismiss {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 11px;
    color: #c8ccd0;
    cursor: pointer
}

.hero-box.double-panel .panel .hero-dismiss:hover {
    color: #07C
}

.hero-box.double-panel .panel.blue {
    background: #437dcc;
    color: #FFF
}

.hero-box.double-panel .panel.blue .hero-dismiss {
    color: #2057a1
}

.hero-box.double-panel .panel.blue .hero-dismiss:hover {
    color: #FFF
}

.hero-box.double-panel .panel.white {
    background: #FFF;
    border-top: 2px solid #e4e6e8;
    border-bottom: 2px solid #e4e6e8;
    color: #242729
}

.hero-box.double-panel .panel.small {
    max-width: 150px
}

.hero-box.double-panel .panel .panel_title:before,.hero-box.double-panel .panel .hero_title:before {
    content: " ";
    display: block;
    height: 2px;
    width: 30px;
    margin-bottom: 7px;
    background-color: #F48024
}

.hero-box.double-panel .panel .panel_title {
    font-weight: 400
}

.hero-box.double-panel .hero-cta {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    -ms-display: flex;
    -ms-justify-content: space-between
}

.hero-box.double-panel .img {
    text-align: center
}

.hero-box.profile {
    margin-bottom: 40px
}

.hero-box.profile .hero-content {
    padding: 40px 40px 30px 40px
}

.hero-box.profile .img {
    background: url('../../img/user-profile-hero.png?v=f81f042ef55e');
    background: url('../../img/user-profile-hero.svg?v=7d36fbcb7ad7'),none;
    width: 95px;
    height: 95px;
    margin: 0 auto
}

.hero-box.profile .img.tech {
    background-position: 0 0
}

.hero-box.profile .img.xp {
    background-position: 0 -110px
}

.hero-box.profile .img.job {
    background-position: 0 -220px
}

.hero-box.profile .col {
    position: relative
}

.hero-box.profile .line {
    background: #0098fd;
    height: 1px;
    width: 206px;
    position: absolute;
    top: 47px
}

.hero-box.profile .line.line-left {
    left: -104px
}

.hero-box.profile .line.line-right {
    right: -100px;
    width: 202px
}

.hero-box.profile .hero-section-content .input-line,.hero-box.profile .hero-section-content .textarea-line {
    display: block;
    width: 218px;
    margin: 0 auto 10px auto
}

.hero-box.profile .disabled {
    pointer-events: none;
    opacity: .4
}

.hero-box.profile .step:before,.hero-box.profile .step:after {
    content: "";
    display: table
}

.hero-box.profile .step:after {
    clear: both
}

.hero-box.profile .step:not(.step_1) {
    text-align: left
}

.hero-box.profile .step .hero-title {
    margin-bottom: 4px
}

.hero-box.profile .step .step_img,.hero-box.profile .step .step_content {
    float: left
}

.hero-box.profile .step .step_content {
    max-width: 804px
}

.hero-box.profile .step .step_img {
    width: 96px;
    height: 95px;
    margin-right: 20px;
    background-image: url('../../img/user-profile-hero.png?v=f81f042ef55e');
    background-image: url('../../img/user-profile-hero.svg?v=7d36fbcb7ad7'),none;
    background-repeat: no-repeat
}

.hero-box.profile .step .step_form {
    position: relative
}

.hero-box.profile .step .step_form:before,.hero-box.profile .step .step_form:after {
    content: "";
    display: table
}

.hero-box.profile .step .step_form:after {
    clear: both
}

.hero-box.profile .step .cta {
    margin-top: 14px
}

.hero-box.profile .step_1 .images {
    background-image: url('../../img/user-profile-hero.png?v=f81f042ef55e');
    background-image: url('../../img/user-profile-hero.svg?v=7d36fbcb7ad7'),none;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 363px;
    height: 95px;
    margin: 30px auto
}

.hero-box.profile .step_1 .cta {
    margin-top: 0
}

.hero-box.profile .step_1 .step_content {
    text-align: left
}

.hero-box.profile .step_2 .interesting-tags {
    margin-bottom: 1em
}

.hero-box.profile .step_2 .step_img {
    background-position: -135px 0
}

.hero-box.profile .step_2 input {
    width: 460px
}

.hero-box.profile .step_1 .step_img {
    background-position: 0 0
}

.hero-box.profile .step_1 .switcher-container,.hero-box.profile .step_1 .input-area {
    float: left
}

.hero-box.profile .step_1 .switcher-container {
    margin-right: 20px
}

.hero-box.profile .step_1 .double-input input[type="text"] {
    max-width: none
}

.hero-box.profile .step_1 .hobby-area input[type="text"] {
    width: 418px
}

.hero-box.profile .step_4 .step_img {
    background-position: -274px -3px
}

.hero-box.profile .switcher-looking label:first-of-type {
    border-radius: 3px 0 0 3px
}

.hero-box.profile .switcher-looking label:last-of-type {
    border-radius: 0 3px 3px 0
}

.hero-box.profile .notice {
    font-size: 11px
}

.hero-box.profile input:hover+.informative-tooltip {
    opacity: 1
}

.hero-box.profile .switcher-looking {
    overflow: inherit
}

.hero-box.profile .switcher-looking .informative-tooltip {
    top: -40px;
    left: 50%;
    margin-left: -100px;
    visibility: hidden
}

.hero-box.profile .switcher-looking label {
    position: relative
}

.hero-box.profile .switcher-looking label:last-of-type:hover .informative-tooltip {
    top: -91px
}

.hero-box.profile .switcher-looking label:hover .informative-tooltip {
    opacity: 1;
    top: -59px;
    visibility: visible
}

.hero-box.profile .hobby-area {
    position: relative
}

.hero-box.profile .hobby-area .informative-tooltip {
    left: 248px;
    width: 200px;
    top: 0
}

.hero-box.careers-import {
    margin-top: 19px
}

.hero-box.careers-import .hero-title .check {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    background: url('../../img/hero-careers-import.png?v=03045d9cd64a');
    background: url('../../img/hero-careers-import.svg?v=c041f698ca24'),none;
    background-repeat: no-repeat;
    background-position: 0 -90px;
    position: relative;
    top: 3px
}

.hero-box.careers-import .img {
    background: url('../../img/hero-careers-import.png?v=03045d9cd64a');
    background: url('../../img/hero-careers-import.svg?v=c041f698ca24'),none;
    background-repeat: no-repeat;
    width: 105px;
    height: 84px;
    margin: 0 auto 10px auto
}

.hero-box.careers-import .img.img-1 {
    background-position: 0 0;
    width: 150px;
    position: relative;
    left: -27px
}

.hero-box.careers-import .img.img-2 {
    background-position: -166px 0
}

.hero-box.careers-import .img.img-3 {
    background-position: -300px 0
}

.modal {
    max-width: 700px;
    max-height: 900px;
    min-width: 400px;
    background: #FFF;
    border-radius: 3px;
    position: fixed !important;
    z-index: 9999;
    overflow: hidden
}

.modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.modal.size-medium {
    max-width: 500px
}

.modal.auto-center {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%)
}

.modal.wmd-prompt-dialog {
    padding: 0;
    border: 0
}

.modal:focus {
    outline: none
}

.modal .modal-close {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #b9bbc4;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
    cursor: pointer
}

.modal .modal-close:hover {
    color: #535a60;
    background: #eff0f1
}

.modal .modal-header {
    text-align: center
}

.modal .modal-content,.modal .modal-footer {
    padding: 30px
}

.modal .modal-footer {
    background: #3f4a59
}

.modal .modal-footer:before,.modal .modal-footer:after {
    content: "";
    display: table
}

.modal .modal-footer:after {
    clear: both
}

.modal .modal-footer p {
    font-size: 10px;
    color: #b3bfcf;
    margin-bottom: 0
}

.modal .modal-footer p a:not(.btn) {
    color: inherit;
    text-decoration: underline
}

.modal .modal-footer p a:not(.btn):hover {
    color: #FFF
}

.modal .modal-footer .modal-notice {
    float: left
}

.modal .modal-footer .modal-cta {
    float: right
}

.modal .modal-footer .modal-ctas {
    -ms-display: flex;
    display: flex;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(12,13,14,0.5);
    z-index: 1001
}

.modal.image-upload .modal-content {
    text-align: center
}

.modal.image-upload .modal-options {
    padding: 24px 0 9px 0;
    color: #3b4045
}

.modal.image-upload .modal-options p {
    margin-bottom: 0
}

.modal.image-upload .modal-options .ajax-loader {
    margin-left: 10px
}

.modal.image-upload .modal-input-url,.modal.image-upload .modal-options-separator {
    margin: 0 6px
}

.modal.image-upload .modal-dropzone-default,.modal.image-upload .modal-dropzone-preview {
    border: 2px dashed #dee3e7;
    height: 246px;
    border-radius: 3px;
    padding: 15px;
    width: 620px;
    position: relative
}

.modal.image-upload .modal-dropzone-default {
    background: #f0f2f4;
    cursor: pointer;
    transition: background .15s ease,border .15s ease
}

.modal.image-upload .modal-dropzone-default:hover,.modal.image-upload .modal-dropzone-default.hover {
    background: #e7eaee;
    border-color: #c0cad2
}

.modal.image-upload .modal-dropzone-default:hover .modal-dropzone-img:before,.modal.image-upload .modal-dropzone-default.hover .modal-dropzone-img:before {
    top: -50px
}

.modal.image-upload .modal-dropzone-default:hover .modal-dropzone-img:after,.modal.image-upload .modal-dropzone-default.hover .modal-dropzone-img:after {
    top: -76px
}

.modal.image-upload .modal-dropzone-default>* {
    pointer-events: none
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img {
    background-image: url("../../img/img-upload.png?v=a99eb6c785e4");
    background-image: url('../../img/img-upload.svg?v=88d0cb836f89'),none;
    background-position: 0 0;
    width: 86px;
    height: 78px;
    position: absolute;
    top: 88px;
    left: 50%;
    margin-left: -43px
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img:before,.modal.image-upload .modal-dropzone-default .modal-dropzone-img:after {
    position: absolute;
    background-image: url("../../img/img-upload.png?v=a99eb6c785e4");
    background-image: url('../../img/img-upload.svg?v=88d0cb836f89'),none;
    display: block;
    content: '';
    transition: all .15s ease
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img:before {
    background-position: -120px -21px;
    width: 156px;
    height: 65px;
    top: -44px;
    left: -33px
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img:after {
    background-position: -130px -90px;
    width: 53px;
    height: 61px;
    top: -66px;
    left: 18px
}

.modal.image-upload .modal-dropzone-default p {
    margin-top: 166px;
    margin-bottom: 0;
    color: #8495a4;
    font-size: 16px
}

.modal.image-upload .modal-dropzone-default p b {
    font-size: 28px;
    color: #677683;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.modal.image-upload .modal-input-file {
    display: none
}

.modal.image-upload .modal-input-url {
    width: 250px
}

.modal.image-upload .modal-options-error-message {
    color: red;
    font-weight: bold
}

.modal.image-upload .modal-footer p {
    padding-top: 12px
}

.modal.image-upload .modal-footer .icon-imgur-white {
    margin-right: 8px;
    margin-left: 2px
}

.modal.wmd-prompt-dialog.insert-link {
    padding: 20px;
    width: 470px;
    overflow: visible
}

.modal.wmd-prompt-dialog.insert-link .tabs,.modal.wmd-prompt-dialog.insert-link .newnav .tabs-list-container .tabs-list .intellitab {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    height: 41px;
    border-bottom: 1px solid #eaebec
}

.modal.wmd-prompt-dialog.insert-link .notes {
    padding: 5px
}

.modal.wmd-prompt-dialog.insert-link form {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative
}

.modal.wmd-prompt-dialog.insert-link form input[type=text] {
    display: block;
    width: 100%;
    margin: 0 auto
}

.modal.wmd-prompt-dialog.insert-link form input[type=button] {
    margin: 20px 10px 0 0;
    display: inline
}

.modal.wmd-prompt-dialog.insert-link form input[type=button].insert-hyperlink,.modal.wmd-prompt-dialog.insert-link form input[type=button].insert-doc-link {
    width: 5em
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab form label {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    text-align: right
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab form input[type=text] {
    display: inline-block;
    width: 395px;
    margin: 5px auto
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab form .tag-editor {
    display: inline-block;
    vertical-align: middle
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results {
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #eaebec;
    margin-top: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results .metrics {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    font-size: 11px
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results .search-result {
    display: inline-block;
    width: calc(100% - 80px)
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results .search-summary {
    margin-bottom: 5px
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results h2 {
    position: relative;
    display: inline-block;
    width: 95%;
    line-height: 1;
    font-size: 15px;
    margin-bottom: .5em
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results .last-modified-date {
    color: #9199a1
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results.no-results h2 {
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 13px
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results .doc-search-result {
    padding: 15px;
    border-bottom: 1px solid #eaebec
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .insert-link-search-results .doc-search-result.selected {
    background: #fafafb
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .icon-example,.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .icon-topic {
    display: inline-block;
    margin-right: 3px;
    background: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82")
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .icon-example {
    background-position: -33px -258px;
    width: 13px;
    height: 12px
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .icon-topic {
    background-position: -50px -258px;
    width: 11px;
    height: 12px
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .expansion-chevron {
    position: absolute;
    right: -20px;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82");
    background-position: -48px -21px;
    background-repeat: no-repeat
}

.modal.wmd-prompt-dialog.insert-link #insert-doc-link-tab .expansion-chevron.collapsed {
    background-position: -48px -5px
}

.message.message-config,.contributor-dropdown,.popup.popup-badges {
    border-radius: 3px;
    -webkit-box-shadow: 0 -1px 24px 0 rgba(36,39,41,0.2);
    -moz-box-shadow: 0 -1px 24px 0 rgba(36,39,41,0.2);
    box-shadow: 0 -1px 24px 0 rgba(36,39,41,0.2)
}

.message.message-config .message-close,.contributor-dropdown .message-close,.popup.popup-badges .message-close,.message.message-config .popup-close a,.contributor-dropdown .popup-close a,.popup.popup-badges .popup-close a {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: 11px;
    right: 10px;
    border: 0;
    font-size: 17px;
    cursor: pointer;
    color: #b9bbc4 !important;
    font-weight: 600
}

.message.message-config .message-close:hover,.contributor-dropdown .message-close:hover,.popup.popup-badges .message-close:hover,.message.message-config .popup-close a:hover,.contributor-dropdown .popup-close a:hover,.popup.popup-badges .popup-close a:hover {
    color: #535a60 !important
}

.message.message-config .popup-close a,.contributor-dropdown .popup-close a,.popup.popup-badges .popup-close a {
    background: none;
    right: 22px
}

.message.message-config .message-tip .popup-title {
    font-weight: 700 !important
}

.message.message-config .message-tip.message-tip-top-right:before,.message.message-config .message-tip.message-tip-top-left:before {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    top: -12px
}

.message.message-config .message-tip.message-tip-top-right:before {
    right: 12px
}

.message.message-config .message-tip.message-tip-top-left:before {
    left: 12px
}

.message.message-config h1,.message.message-config h2,.message.message-config h3,.message.message-config h4 {
    color: #0C0D0E;
    margin-bottom: 1em
}

.message.message-config h4 {
    text-align: left;
    letter-spacing: 0;
    margin-right: 10px
}

.message.message-config h4.popup-nav-title {
    text-align: center;
    margin: 0 15px 15px 10px
}

.message.message-config .actions {
    margin: 20px -20px -20px -20px;
    padding: 0 15px 0 15px;
    background: #3F4A59;
    height: 48px;
    border-radius: 0 0 3px 3px
}

.message.message-config .actions:before,.message.message-config .actions:after {
    content: "";
    display: table
}

.message.message-config .actions:after {
    clear: both
}

.message.message-config .actions .rep-number,.message.message-config .actions .button {
    text-align: center;
    font-size: 12px
}

.message.message-config .actions .rep-number {
    float: left;
    display: inline-block;
    color: #FFF;
    font-weight: 700;
    padding-top: 16px
}

.message.message-config .actions .button {
    float: right;
    padding: 8px 16px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    color: #FFF !important;
    font-weight: 600;
    background: #52a5ec;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    border: 0;
    border-radius: 3px
}

.message.message-config .actions .button:hover {
    background: #07C
}

.message.message-config .actions .button:after {
    content: " ";
    display: inline-block;
    background-image: url("../../img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    background-position: -15px -409px;
    width: 7px;
    height: 10px;
    position: relative;
    top: 2px;
    left: 4px
}

.message.message-config .message-text {
    padding: 20px !important;
    border-radius: 6px;
    position: relative;
    z-index: 1
}

.message.message-config .message-text .question-hyperlink,.message.message-config .message-text .answer-hyperlink {
    font-size: 13px;
    color: #07C;
    text-decoration: none
}

.message.message-config .message-text .question-hyperlink:hover,.message.message-config .message-text .answer-hyperlink:hover {
    color: #3af
}

.message.message-config .popup-nav {
    list-style: none;
    margin: 0 -20px -20px -20px;
    padding: 0;
    text-align: center
}

.message.message-config .popup-nav li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eff0f1
}

.message.message-config .popup-nav li:last-child {
    border-bottom: 0
}

.message.message-config .popup-nav li:first-child {
    border-top: 1px solid #eff0f1
}

.message.message-config .popup-nav li a {
    transition: color .3s ease,background .3s ease;
    text-decoration: none;
    color: #6a737c;
    font-size: 13px;
    display: block;
    padding: 10px 15px
}

.message.message-config .popup-nav li a:hover,.message.message-config .popup-nav li a.active,.message.message-config .popup-nav li a.youarehere {
    background: #07C;
    color: #FFF
}

.message.message-config .unstyled {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0 -20px -20px -20px
}

.message.message-config .unstyled li {
    border-bottom: 1px solid #eff0f1;
    padding: 10px
}

.message.message-config .unstyled li .badge {
    text-decoration: none
}

.message.message-config .unstyled li:first-child {
    border-top: 1px solid #eff0f1
}

.message.message-config .unstyled li:last-child {
    border-bottom: 0
}

.message.message-config.tooltip {
    border-radius: 3px;
    pointer-events: none
}

.message.message-config.tooltip .message-inner:before {
    display: none
}

.message.message-config.tooltip .message-text {
    font-weight: 500;
    font-size: 11px;
    color: #0C0D0E;
    padding: 3px 8px !important;
    border-radius: 3px
}

.message.message-config .no-cta p {
    margin-bottom: 0
}

.message.message-config .no-cta .bars-wrapper {
    margin-top: 10px
}

.popup-badges {
    border: 0;
    max-height: 500px;
    width: 896px
}

.popup-badges h2 {
    text-align: center
}

.popup-badges .filtering {
    padding: 20px 0
}

.popup-badges .filtering:before,.popup-badges .filtering:after {
    content: "";
    display: table
}

.popup-badges .filtering:after {
    clear: both
}

.popup-badges .filtering .filter-tabs {
    float: left;
    width: auto;
    margin: 10px 0 0 0
}

.popup-badges .filtering .filter-tabs a {
    float: none;
    display: inline-block
}

.popup-badges .filtering .search {
    float: right
}

.popup-badges .filtering .search input[type="text"] {
    width: 585px;
    display: block;
    margin: 0 8px 0 0
}

.popup-badges .all-badge-progress {
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 1px;
    max-height: 352px;
    margin-right: -5px
}

.popup-badges .all-badge-progress:before,.popup-badges .all-badge-progress:after {
    content: "";
    display: table
}

.popup-badges .all-badge-progress:after {
    clear: both
}

.popup-badges .all-badge-progress::-webkit-scrollbar {
    width: 6px;
    background-color: #e7e8ea
}

.popup-badges .all-badge-progress::-webkit-scrollbar-thumb {
    background-color: #bbc0c4
}

.popup-badges .all-badge-progress .badge-progress {
    box-sizing: content-box !important;
    float: left;
    position: relative;
    width: 185px;
    height: 82px;
    margin: -1px -1px 0 0;
    padding: 1em;
    background-color: rgba(239,240,241,0);
    border: 1px solid #e4e6e8;
    z-index: 0
}

.popup-badges .all-badge-progress .badge-progress:hover {
    background-color: #eff0f1;
    cursor: pointer
}

.popup-badges .all-badge-progress .badge-progress:hover .bars-wrapper .bar {
    background-color: #d6d9dc
}

.popup-badges .all-badge-progress .badge-progress .badge-description {
    margin-top: .5em;
    margin-bottom: 0;
    color: #535a60;
    font-size: 11px
}

.popup-badges .all-badge-progress .completed {
    background-color: #e4e6e8
}

.popup-badges .all-badge-progress .completed:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.5em;
    right: 1em;
    width: 12px;
    height: 12px;
    z-index: 2;
    background-image: url("../../img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    background-position: -62px -402px
}

.popup-badges .all-badge-progress .recommended {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 2px 5px;
    font-size: 10px;
    background: #45A163;
    color: #FFF;
    pointer-events: none;
    user-select: none
}

.popup-badges .all-badge-progress .limited-badges-notice {
    clear: both;
    display: table;
    margin: 0 auto;
    padding: 15px 0 0 0;
    font-size: 13px;
    color: #6a737c
}

.popup-badges .all-badge-progress .bars-wrapper {
    padding-top: 4px
}

.popup-badges .all-badge-progress .bars-wrapper .progress-bar .bar,.popup-badges .all-badge-progress .bars-wrapper .progress-bar-large .bar {
    background: #e4e6e8;
    height: 6px;
    border-radius: 2px;
    position: inherit;
    cursor: default
}

.popup-badges .all-badge-progress .bars-wrapper .progress-bar .bar .percent,.popup-badges .all-badge-progress .bars-wrapper .progress-bar-large .bar .percent {
    background: #5fba7d;
    height: 6px
}

.progress-bar,.progress-bar-large {
    position: relative;
    height: 26px
}

.progress-bar.small,.progress-bar.small .percent,.progress-bar-large.small,.progress-bar-large.small .percent {
    height: 10px
}

.progress-bar.rounded,.progress-bar-large.rounded {
    border-radius: 6px
}

.progress-bar.inline,.progress-bar-large.inline {
    display: inline-block;
    min-width: 170px
}

.progress-bar.gray,.progress-bar-large.gray {
    background-color: #e4e6e8
}

.progress-bar .label,.progress-bar-large .label {
    font-size: 11px;
    font-weight: 500;
    color: #535a60
}

.progress-bar .bar,.progress-bar-large .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

.progress-bar .bar .percent,.progress-bar-large .bar .percent {
    position: relative;
    height: 100%;
    z-index: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: background-color .3s ease-in-out
}

.progress-bar .bar .label,.progress-bar-large .bar .label {
    position: absolute;
    padding: 4px;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1
}

.progress-bar.zero>.bar .percent,.progress-bar-large.zero>.bar .percent {
    display: none
}

.progress-bar.full .percent,.progress-bar-large.full .percent {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 0 !important
}

.progress-bar .ajax-loader,.progress-bar-large .ajax-loader {
    position: absolute;
    bottom: 10px;
    right: 8px
}

.progress-bar-large {
    height: 34px
}

.progress-bar-large .label {
    position: absolute;
    z-index: 100;
    top: 9px;
    left: 10px;
    color: #FFF
}

.progress-bar-large .percent {
    background: #5fba7d
}

.progress-bar-large .bar {
    background: #d1d4d7;
    border: 1px solid #d6d9dc
}

.rep-card .progress-bar .bar,.progress-bar.green .bar,.rep-card .progress-bar-large .bar,.progress-bar-large.green .bar {
    border: 1px solid #d6d9dc
}

.rep-card .progress-bar .bar:hover .percent,.progress-bar.green .bar:hover .percent,.rep-card .progress-bar-large .bar:hover .percent,.progress-bar-large.green .bar:hover .percent {
    background-color: #94d1a8
}

.rep-card .progress-bar .percent,.progress-bar.green .percent,.rep-card .progress-bar-large .percent,.progress-bar-large.green .percent {
    position: relative;
    top: -1px;
    left: -1px;
    background-color: #a6d9b7;
    height: 26px
}

.rep-card .progress-bar .icon,.progress-bar.green .icon,.rep-card .progress-bar-large .icon,.progress-bar-large.green .icon {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    background-image: url('../../Img/user-profile-sprite.png?v=6829b895a42c');
    background-image: url('../../Img/user-profile-sprite.svg?v=8cd8def8f520'),none
}

.rep-card .progress-bar .icon.icon-milestone,.progress-bar.green .icon.icon-milestone,.rep-card .progress-bar-large .icon.icon-milestone,.progress-bar-large.green .icon.icon-milestone {
    background-position: -28px -177px;
    width: 14px
}

.rep-card .progress-bar .icon.icon-moderation,.progress-bar.green .icon.icon-moderation,.rep-card .progress-bar-large .icon.icon-moderation,.progress-bar-large.green .icon.icon-moderation {
    background-position: -48px -177px;
    width: 17px
}

.rep-card .progress-bar .icon.icon-communication,.progress-bar.green .icon.icon-communication,.rep-card .progress-bar-large .icon.icon-communication,.progress-bar-large.green .icon.icon-communication {
    background-position: -70px -177px;
    width: 12px
}

.rep-card .progress-bar .icon.icon-creation,.progress-bar.green .icon.icon-creation,.rep-card .progress-bar-large .icon.icon-creation,.progress-bar-large.green .icon.icon-creation {
    background-position: -90px -177px;
    width: 12px
}

.progress-bar-regular {
    display: inline-block;
    min-width: 170px;
    height: 10px;
    border-radius: 6px;
    background-color: #e4e6e8;
    overflow: hidden
}

.progress-bar-regular:before {
    content: '';
    display: block;
    background: #5fba7d;
    width: 20%;
    height: 100%
}

.progress-bar-regular.future {
    position: relative
}

.progress-bar-regular.future:after {
    content: '';
    display: block;
    background: #5fba7d;
    opacity: .3;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.envelope-on,.envelope-off,.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.star-on,.star-off,.comment-up-off,.comment-up-on,.comment-flag,.comment-flag-off,.comment-flag-on,.edited-yes,.feed-icon,.vote-accepted-off,.vote-accepted-on,.vote-accepted-bounty,.badge-earned-check,.delete-tag,.grippie,.expander-arrow-hide,.expander-arrow-show,.expander-arrow-small-hide,.expander-arrow-small-show,.anonymous-gravatar,.badge1,.badge2,.badge3 {
    background-image: url("img/sprites.png?v=25b9129857f6");
    background-image: url("img/sprites.svg?v=d689de80c4e2"),none;
    background-size: initial;
    background-repeat: no-repeat;
    overflow: hidden
}

.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.star-on,.star-off,.vote-accepted-off,.vote-accepted-on {
    display: block;
    margin: 0 auto;
    text-indent: -999em;
    width: 40px;
    height: 40px;
    margin-bottom: 2px
}

.vote-up-off,.vote-down-off,.vote-accepted-off,.star-off,.comment-up-off,.flag-off {
    cursor: pointer
}

.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.star-on,.star-off,.comment-up-off,.comment-up-on,.comment-flag,.comment-flag-off,.comment-flag-on,.flag-off,.vote-accepted-off,.vote-accepted-on {
    text-indent: -9999em;
    font-size: 1px
}

.vote-up-off {
    background-position: 0 -170px
}

.vote-up-on {
    background-position: -40px -170px
}

.vote-down-off {
    background-position: 0 -220px;
    margin-bottom: 8px
}

.vote-down-on {
    background-position: -40px -220px;
    margin-bottom: 8px
}

.star-off {
    background-position: 0 -120px
}

.star-on {
    background-position: -40px -120px
}

.vote-accepted-off {
    background-position: 0 -270px
}

.vote-accepted-on {
    background-position: -40px -270px
}

.gp-share,.fb-share,.twitter-share,#notify-container span.notify-close,.migrated.to,.migrated.from {
    background-image: url("img/sprites.png?v=25b9129857f6") !important;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: transparent
}

.informative-tooltip {
    background: #474747;
    padding: .8em;
    max-width: 200px;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    z-index: 1051
}

.informative-tooltip.arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.informative-tooltip.arrow.up-left:before,.informative-tooltip.arrow.up-center:before,.informative-tooltip.arrow.up-right:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #474747;
    top: -4px
}

.informative-tooltip.arrow.up-center:before {
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.arrow.up-left:before {
    left: 10px
}

.informative-tooltip.arrow.up-right:before {
    right: 10px
}

.informative-tooltip.arrow.down-left:before,.informative-tooltip.arrow.down-center:before,.informative-tooltip.arrow.down-right:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #474747;
    bottom: -4px
}

.informative-tooltip.arrow.down-center:before {
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.arrow.down-left:before {
    left: 10px
}

.informative-tooltip.arrow.down-right:before {
    right: 10px
}

.informative-tooltip.arrow.left-top:before,.informative-tooltip.arrow.left-center:before,.informative-tooltip.arrow.left-bottom:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #474747;
    left: -4px
}

.informative-tooltip.arrow.left-center:before {
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.arrow.left-top:before {
    top: 10px
}

.informative-tooltip.arrow.left-bottom:before {
    bottom: 10px
}

.informative-tooltip.arrow.right-top:before,.informative-tooltip.arrow.right-center:before,.informative-tooltip.arrow.right-bottom:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #474747;
    right: -4px
}

.informative-tooltip.arrow.right-center:before {
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.arrow.right-top:before {
    top: 10px
}

.informative-tooltip.arrow.right-bottom:before {
    bottom: 10px
}

.informative-tooltip.error {
    background: #dc3d4c;
    color: white
}

.has-tooltip {
    position: relative
}

.has-tooltip .informative-tooltip {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease,transform .15s ease
}

.has-tooltip:hover .informative-tooltip {
    opacity: 1;
    visibility: visible
}

.has-tooltip .informative-tooltip.display-above {
    transform: translate(-50%, -80%)
}

.has-tooltip:hover .informative-tooltip.display-above {
    transform: translate(-50%, -110%)
}

.has-tooltip .informative-tooltip.display-right {
    transform: translate(120%, 0)
}

.has-tooltip:hover .informative-tooltip.display-right {
    transform: translate(115%, 0)
}

.informative-tooltip.display-above {
    top: 0;
    transform: translate(-50%, -110%);
    left: 50%;
    max-width: none
}

.informative-tooltip.display-above:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #474747;
    bottom: -4px;
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.display-above.size-200 {
    width: 200px
}

.informative-tooltip.display-above.error:before {
    border-top-color: #dc3d4c
}

.informative-tooltip.display-right {
    top: 0;
    transform: translate(115%, 0);
    right: 50%;
    max-width: none
}

.informative-tooltip.display-right:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #474747;
    left: -4px;
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.display-right.size-200 {
    width: 200px
}

.informative-tooltip.display-right.error:before {
    border-top-color: #dc3d4c
}

.css-tooltip {
    position: relative
}

.css-tooltip[data-title]:hover:after {
    content: attr(data-title);
    background: #474747;
    padding: .8em;
    margin-left: 5px;
    max-width: 200px;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    z-index: 1031;
    left: 0;
    top: 100%
}

.definition-tooltip {
    color: #07C;
    cursor: pointer
}

.tooltip-new-feature {
    position: absolute;
    bottom: -24px;
    background: #F48024;
    color: #FFF;
    border-radius: 3px;
    padding: 3px 6px;
    display: inline-block
}

.tooltip-new-feature:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #F48024;
    top: 0;
    left: 10px;
    margin-top: -5px
}

.users-grid {
    margin-bottom: 30px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.users-grid .-user {
    border: 1px solid #eff0f1;
    border-radius: 3px;
    padding: 20px 10px 20px 20px;
    margin: 0 20px 20px 0;
    width: calc((100% / 3) - (40px / 3));
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    -webkit-align-item: center;
    align-items: center
}

.users-grid .-user .-details {
    padding-left: 15px;
    max-width: calc(100% - 64px);
    -ms-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

.users-grid .-user .-details>*:not(:last-child) {
    margin-bottom: 4px
}

.users-grid .-user .-details h3,.users-grid .-user .-details p {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.users-grid .-user .-details h3 {
    font-weight: 400;
    font-size: 16px
}

.users-grid .-user .-details p {
    margin-bottom: 0;
    color: #848d95
}

.users-grid .-user .-details p:last-child {
    margin-bottom: 0
}

.users-grid .-user:nth-child(3n) {
    margin-right: 0
}

.users-grid .-user .-avatar {
    width: 64px;
    height: 64px
}

.users-grid .-user .-avatar img {
    max-width: 100%;
    height: auto
}

.users-grid .-user.-private .-avatar {
    background: url('../../img/user.svg?v=e2421768bf7a') no-repeat center center #e4eaed;
    background-size: 50%
}

.users-grid .-user.-private .-details h3 {
    margin-bottom: 0
}

.list-card {
    position: absolute;
    z-index: 1020;
    background: #FFF;
    width: 395px;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 25px rgba(0,0,0,0.15);
    transform: translate(0, -110%);
    -ms-display: flex;
    align-items: center;
    -ms-align-items: center;
    border: 1px solid #ECECEC
}

.list-card:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 9px solid #FFF;
    position: absolute;
    bottom: -7px;
    left: 20px
}

.list-card .-avatar {
    width: 100px;
    height: 100px;
    -ms-align-self: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-radius: 2px;
    background: #FFF;
    padding: 6px;
    border: 1px solid #e4e6e8;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-right: 15px;
    flex: 0 0 auto;
    -ms-flex: 0 0 auto
}

.list-card .-avatar img,.list-card .-avatar .placeholder {
    border-radius: 3px
}

.list-card .-avatar img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.list-card .-avatar .placeholder {
    background: #e4eaed;
    width: 100%;
    height: 100%
}

.list-card .-avatar .placeholder.-company {
    background-image: url('../../img/lists/company-placeholder.svg?v=f3c9d80a64d3');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.list-card .-details {
    color: #6a737c;
    font-weight: 400;
    font-size: 13px;
    width: 100%
}

.list-card .-details .-name {
    color: #3b4045;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

.list-card .-details .-users-list {
    display: flex;
    -ms-display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 5px 0
}

.list-card .-details .-users-list .-user:not(:last-child) {
    margin-right: 4px
}

.list-card .-details .-users-list .avatar {
    width: 26px;
    height: 26px;
    overflow: hidden
}

.list-card .-details .-users-list .avatar img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.list-card .-details .-users-list .avatar.-private {
    background: url('../../img/user.svg?v=e2421768bf7a') no-repeat center center #e4eaed;
    background-size: 50%
}

.list-card .-details .more {
    display: inline-block;
    margin-top: 2px
}

.topbar .profile-me {
    position: relative
}

.new-feature-wrapper {
    position: absolute;
    z-index: 99
}

.new-feature-wrapper .new-feature {
    background: #f90;
    color: #FFF;
    text-align: center;
    padding: 6px;
    border-radius: 3px
}

.new-feature-wrapper .new-feature .title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px
}

.new-feature-wrapper .new-feature p {
    font-size: 12px;
    margin-bottom: 0
}

.topbar .profile-me .new-feature-wrapper {
    top: 34px;
    left: -82px;
    width: 200px
}

.topbar .profile-me .new-feature-wrapper .new-feature {
    margin: 0 auto;
    position: relative;
    top: 6px;
    height: 11px;
    width: 100px
}

.topbar .profile-me .new-feature-wrapper .new-feature:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 4px solid #f90;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -3px
}

.topbar .profile-me .new-feature-wrapper .new-feature p {
    opacity: 0;
    margin: 0 auto;
    visibility: hidden
}

.topbar .profile-me .new-feature-wrapper .new-feature .close-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #eb6900;
    line-height: 16px;
    font-size: 11px;
    height: 18px;
    width: 18px;
    border-radius: 0 3px 0 3px;
    opacity: 0
}

.topbar .profile-me:hover .new-feature,.topbar .profile-me .new-feature-wrapper:hover .new-feature {
    -webkit-animation: new-profile-box .3s forwards cubic-bezier(.175, .885, .32, 1.275);
    -moz-animation: new-profile-box .3s forwards cubic-bezier(.175, .885, .32, 1.275);
    -o-animation: new-profile-box .3s forwards cubic-bezier(.175, .885, .32, 1.275);
    animation: new-profile-box .3s forwards cubic-bezier(.175, .885, .32, 1.275)
}

.topbar .profile-me:hover .new-feature .close-btn,.topbar .profile-me .new-feature-wrapper:hover .new-feature .close-btn,.topbar .profile-me:hover .new-feature p,.topbar .profile-me .new-feature-wrapper:hover .new-feature p {
    visibility: visible;
    -webkit-animation: opacity-in .3s .25s forwards ease;
    -moz-animation: opacity-in .3s .25s forwards ease;
    -o-animation: opacity-in .3s .25s forwards ease;
    animation: opacity-in .3s .25s forwards ease
}

@-webkit-keyframes new-profile-box {
    0% {
        width: 100px;
        height: 11px
    }

    100% {
        width: 164px;
        height: 56px
    }
}

@-moz-keyframes new-profile-box {
    0% {
        width: 100px;
        height: 11px
    }

    100% {
        width: 164px;
        height: 56px
    }
}

@-o-keyframes new-profile-box {
    0% {
        width: 100px;
        height: 11px
    }

    100% {
        width: 164px;
        height: 56px
    }
}

@keyframes new-profile-box {
    0% {
        width: 100px;
        height: 11px
    }

    100% {
        width: 164px;
        height: 56px
    }
}

.modal.auto-center.snippet-modal {
    position: fixed;
    transform: translateZ(0) !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    background: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    -ms-display: flex;
    -ms-justify-content: center;
    -ms-align-items: center;
    pointer-events: none
}

.modal.auto-center.snippet-modal .snippet-holder {
    background: #FFF;
    border-radius: 3px;
    width: 95%;
    height: 95%;
    overflow: hidden;
    pointer-events: auto
}

.snippet-modal * {
    box-sizing: border-box
}

.snippet-modal.modal {
    max-width: none;
    max-height: none
}

.snippet-modal .-content {
    display: flex;
    -ms-display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    align-items: stretch;
    -ms-align-items: stretch;
    height: 100%
}

.snippet-modal .-sidebar {
    width: 220px;
    padding: 10px 20px;
    position: relative
}

@media screen and (max-height:750px) {
    .snippet-modal .-sidebar {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.snippet-modal .-sidebar .title {
    color: #3b4045;
    font-size: 20px;
    margin-bottom: 0
}

.snippet-modal .-sidebar .section-title {
    color: #3b4045;
    font-size: 16px
}

.snippet-modal .-sidebar .section {
    padding: 25px 0
}

.snippet-modal .-sidebar .section:not(:first-of-type) {
    border-top: 1px solid #e4e6e8
}

.snippet-modal .-sidebar .section.-close {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px
}

@media screen and (max-height:740px) {
    .snippet-modal .-sidebar .section.-close {
        position: initial
    }
}

.snippet-modal .-sidebar .section.-buttons {
    padding-bottom: 15px
}

.snippet-modal .-sidebar .sub-section {
    margin-bottom: 20px
}

.snippet-modal .-sidebar select,.snippet-modal .-sidebar label {
    width: 100%;
    display: block
}

.snippet-modal .-sidebar select+select {
    margin-top: 12px
}

.snippet-modal .-sidebar label+label {
    margin-top: 6px
}

.snippet-modal .-sidebar label .icon-i {
    margin-left: 5px
}

.snippet-modal .-sidebar .section.-buttons .block {
    margin-bottom: 12px
}

.snippet-modal .-code {
    background: #f6f8f9;
    display: flex;
    -ms-display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-grow: 1;
    -ms-flex-grow: 1
}

.snippet-modal .-code.no-wrap {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap
}

.snippet-modal .-code .column {
    width: 50%;
    border-left: 1px solid #E4E6E7;
    position: relative;
    overflow: hidden
}

.snippet-modal .-code .column:nth-child(1),.snippet-modal .-code .column:nth-child(n+1) {
    border-bottom: 1px solid #E4E6E7
}

.snippet-modal .-code .column .-name {
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: none
}

.snippet-modal .-code .column.result .-name {
    color: #9199a1
}

.snippet-modal .-code .column .-gutter {
    width: 30px;
    background: #eff0f1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.snippet-box-edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    border: 0;
    margin: 0;
    resize: none;
    background: #FFF;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

textarea.snippet-box-edit {
    background-color: #feffff;
    background-image: linear-gradient(to bottom, #FFF 0, #fff9fc 69%, #f9f4f6 100%)
}

.snippet-box-label {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 3px;
    border: 1px solid #9199a1;
    font-size: 10px;
    color: #6a737c
}

.snippet-footer {
    text-align: center;
    padding: 5px
}

.snippet-code {
    border: 1px solid #e4e6e8;
    padding: 10px
}

.snippet-code .snippet-ctas {
    font-size: 13px
}

.snippet-code .snippet-ctas>*:not(:last-child) {
    margin-right: 6px
}

.snippet-code .snippet-ctas .icon-play-white {
    position: relative;
    top: 1px;
    margin-right: 2px
}

.snippet-code .hideResults:before {
    content: '';
    display: inline-block;
    background: url('../../img/share-sprite-new.svg?v=78be252218f3') no-repeat;
    background-position: 0 -238px;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.snippet-code .snippet-result .snippet-result-code {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e4e6e8;
    height: 200px;
    position: relative
}

.snippet-code .popin,.snippet-code .popout,.snippet-code .popout-code {
    font-size: 13px;
    right: 0
}

.snippet-code .popout {
    position: absolute;
    top: -48px
}

.ask-mainbar .snippet-code .popout {
    top: -43px
}

.snippet-code .popout-code {
    display: inline;
    margin-left: 10px
}

.snippet-code .popout:before,.snippet-code .popout-code:before {
    content: '';
    display: inline-block;
    background: url('../../img/share-sprite-new.svg?v=78be252218f3') no-repeat;
    background-position: 0 -220px;
    width: 9px;
    height: 9px;
    margin-right: 6px
}

.snippet-code .popin {
    position: fixed;
    background: #f6f8f9;
    padding: 4px 6px;
    right: 0;
    top: 0;
    z-index: 1031
}

div.snippet-hidden div.snippet-currently-hidden {
    display: none
}

a.snippet-show-link-chevron,a.snippet-show-link-chevron:hover {
    border-bottom: 0;
    text-decoration: none
}

.expanded-snippet {
    position: absolute;
    top: 0;
    left: 0;
    margin: 5px;
    width: 99%;
    z-index: 900
}

.CodeMirror {
    font-family: monospace;
    color: black;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler {
    background-color: #FFF
}

.CodeMirror-gutters {
    border-right: 1px solid #d6d9dc;
    background-color: #fafafb;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #9199a1;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #0C0D0E
}

.CodeMirror-guttermarker-subtle {
    color: #9199a1
}

.CodeMirror-cursor {
    border-left: 1px solid #0C0D0E;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #c8ccd0;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: blue
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,.cm-strong {
    font-weight: bold
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error {
    color: #f00
}

.cm-invalidchar {
    color: #f00
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,0.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #FFF
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: none;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3;
    padding-bottom: 30px
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px;
    *zoom: 1;
    *display: inline
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d6d9dc
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background: #ffa;
    background: rgba(255,255,0,0.4)
}

.CodeMirror span {
    *vertical-align: text-bottom
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: none
}

.tour-bubble {
    background: #FFF;
    box-shadow: 0 1px 4px rgba(12,13,14,0.1),0 5px 25px rgba(12,13,14,0.05),0 0 0 1px rgba(12,13,14,0.2);
    border-radius: 2px;
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    align-items: stretch;
    z-index: 1000;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition: all .2s ease-in-out
}

.tour-bubble h3 {
    font-size: 14px;
    font-weight: bold
}

.tour-bubble p {
    font-size: 12px;
    color: #3b4045
}

.tour-bubble .-illustration {
    background: #07C;
    width: 180px;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.tour-bubble .-body {
    padding: 20px;
    width: 280px
}

.tour-bubble .-body .-controls {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.tour-bubble .-body .-controls ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.tour-bubble .-body .-controls ol li {
    display: inline-block;
    padding-bottom: 0;
    line-height: 6px
}

.tour-bubble .-body .-controls ol li a {
    display: inline-block;
    width: 6px;
    height: 6px;
    text-indent: -9999em;
    border-radius: 50%;
    background: #d6d9dc
}

.tour-bubble .-body .-controls ol li a._active {
    background: #07C
}

.tour-bubble .-body footer {
    font-size: 11px;
    color: #9fa6ad
}

.tour-bubble._border-top {
    border-top: 2px solid #F48024
}

.tour-bubble._hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 0
}

.tour-bubble:after,.tour-bubble:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    z-index: 1000;
    width: 0;
    height: 0
}

.tour-bubble:before {
    z-index: 999
}

.tour-bubble._arrow-inactive:after,.tour-bubble._arrow-inactive:before {
    pointer-events: none
}

.tour-bubble[data-arrow-position^="top"] {
    margin-top: 15px
}

.tour-bubble[data-arrow-position^="top"]:after {
    border-bottom-color: #FFF
}

.tour-bubble[data-arrow-position^="top"]:before {
    border-bottom-color: rgba(0,0,0,0.3)
}

.tour-bubble[data-arrow-position="top left"]:after {
    left: 30px;
    top: -20px
}

.tour-bubble[data-arrow-position="top left"]:before {
    left: 30px;
    top: -21px
}

.tour-bubble[data-arrow-position="top center"]:after {
    left: 50%;
    top: -20px;
    margin-left: -10px
}

.tour-bubble[data-arrow-position="top center"]:before {
    left: 50%;
    top: -21px;
    margin-left: -10px
}

.tour-bubble[data-arrow-position="top right"]:after {
    right: 30px;
    top: -20px
}

.tour-bubble[data-arrow-position="top right"]:before {
    right: 30px;
    top: -21px
}

.tour-bubble[data-arrow-position^="bottom"] {
    margin-top: -15px
}

.tour-bubble[data-arrow-position^="bottom"]:after {
    border-top-color: #FFF
}

.tour-bubble[data-arrow-position^="bottom"]:before {
    border-top-color: rgba(0,0,0,0.3)
}

.tour-bubble[data-arrow-position="bottom left"]:after {
    left: 30px;
    bottom: -20px
}

.tour-bubble[data-arrow-position="bottom left"]:before {
    left: 30px;
    bottom: -21px
}

.tour-bubble[data-arrow-position="bottom center"]:after {
    left: 50%;
    bottom: -20px;
    margin-left: -10px
}

.tour-bubble[data-arrow-position="bottom center"]:before {
    left: 50%;
    bottom: -21px;
    margin-left: -10px
}

.tour-bubble[data-arrow-position="bottom right"]:after {
    right: 30px;
    bottom: -20px
}

.tour-bubble[data-arrow-position="bottom right"]:before {
    right: 30px;
    bottom: -21px
}

.tour-bubble[data-arrow-position^="left"] {
    margin-top: -15px;
    margin-left: 15px
}

.tour-bubble[data-arrow-position^="left"]:after {
    border-right-color: #FFF
}

.tour-bubble[data-arrow-position^="left"]:before {
    border-right-color: rgba(0,0,0,0.3)
}

.tour-bubble[data-arrow-position="left top"]:after {
    left: -20px;
    top: 30px
}

.tour-bubble[data-arrow-position="left top"]:before {
    left: -21px;
    top: 30px
}

.tour-bubble[data-arrow-position="left middle"]:after {
    left: -20px;
    top: 50%;
    margin-top: -10px
}

.tour-bubble[data-arrow-position="left middle"]:before {
    left: -21px;
    top: 50%;
    margin-top: -10px
}

.tour-bubble[data-arrow-position="left bottom"]:after {
    left: -20px;
    bottom: 30px
}

.tour-bubble[data-arrow-position="left bottom"]:before {
    left: -21px;
    bottom: 30px
}

.tour-bubble[data-arrow-position^="right"] {
    margin-top: -15px;
    margin-left: -15px
}

.tour-bubble[data-arrow-position^="right"]:after {
    border-left-color: #FFF
}

.tour-bubble[data-arrow-position^="right"]:before {
    border-left-color: rgba(0,0,0,0.2)
}

.tour-bubble[data-arrow-position="right top"]:after {
    right: -20px;
    top: 30px
}

.tour-bubble[data-arrow-position="right top"]:before {
    right: -21px;
    top: 30px
}

.tour-bubble[data-arrow-position="right middle"]:after {
    right: -20px;
    top: 50%;
    margin-top: -10px
}

.tour-bubble[data-arrow-position="right middle"]:before {
    right: -21px;
    top: 50%;
    margin-top: -10px
}

.tour-bubble[data-arrow-position="right bottom"]:after {
    right: -20px;
    bottom: 30px
}

.tour-bubble[data-arrow-position="right bottom"]:before {
    right: -21px;
    bottom: 30px
}

.tour-bubble._no-negative-margin {
    margin-top: 0
}

.tour-bubble[data-bubble-position^="left"] {
    transform: translateX(-100%)
}

.tour-bubble[data-bubble-position^="top"] {
    transform: translateY(-100%)
}

.tag-editor-reloaded-wrapper .tag-editor-reloaded {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    -ms-display: flex;
    -ms-flex-wrap: wrap;
    -ms-align-items: flex-start
}

.tag-editor-reloaded-wrapper .tag-editor-reloaded .post-tag {
    box-sizing: border-box
}

.tag-editor-reloaded-wrapper .tag-editor-reloaded .add-tag {
    padding: .5em .6em;
    margin: 2px 2px 2px 0;
    font-size: 12px;
    border: 1px solid transparent;
    display: inline-block;
    outline: 0;
    min-width: 50px;
    transition: all .15s ease-out;
    color: #c8ccd0
}

.tag-editor-reloaded-wrapper .tag-editor-reloaded .add-tag:hover {
    color: #3af
}

.tag-editor-reloaded-wrapper .tag-editor-reloaded:focus {
    outline: none
}

.tag-editor-reloaded-wrapper .post-tag {
    position: relative;
    padding: .5em .6em;
    margin: 0 6px 6px 0;
    border-radius: 2px
}

.tag-editor-reloaded-wrapper .post-tag.selected {
    border-color: #3af
}

.tag-editor-reloaded-wrapper .post-tag.editable {
    outline: 0;
    padding-right: 2em
}

.tag-editor-reloaded-wrapper .post-tag.editable .text {
    outline: 0;
    cursor: text;
    display: inline-block;
    min-width: 30px
}

.tag-editor-reloaded-wrapper .post-tag.editable .text:focus+.add-or-delete {
    transform: rotate(45deg)
}

.tag-editor-reloaded-wrapper .post-tag.editable .add-or-delete {
    background: url("../../img/tageditor/tageditor.svg?v=155891e60d79") no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: .3em;
    top: 50%;
    margin-top: -8px;
    transition: transform .15s ease
}

.tag-editor-reloaded-wrapper .post-tag.editable .add-or-delete:hover {
    background-position: 0 -20px
}

.tag-editor-reloaded-wrapper .post-tag.editable>input[type="text"] {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    width: 50px;
    font-size: 12px;
    color: #39739d;
    transition: all 3s ease
}

.tag-editor-reloaded-wrapper .post-tag.editable ::-webkit-input-placeholder {
    color: #39739d
}

.tag-editor-reloaded-wrapper .post-tag.error {
    border-color: #dc3d4c
}

.tag-editor-reloaded-wrapper .post-tag .informative-tooltip {
    transform: translate(-50%, -125%);
    white-space: normal;
    width: 150%;
    min-width: 100px
}

.tag-editor-reloaded-wrapper .tag-wrapper {
    position: relative
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown {
    top: 38px
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown .number {
    color: #A0A5AB
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown .informative-tooltip {
    white-space: normal;
    top: 50%;
    transform: translate(5%, -50%);
    width: 200px;
    line-height: 120%;
    display: none
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li {
    border-bottom: 0
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li:hover,.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li.selected {
    background: #EFF0F1
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li:hover>.informative-tooltip,.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li.selected>.informative-tooltip {
    display: inline-block
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li:hover a,.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li.selected a {
    color: #07C
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li:hover a .number,.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li.selected a .number {
    color: #B0B4B9
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li a {
    color: #2f3337;
    font-weight: 700;
    font-size: 12px
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown>li a .number {
    color: #B0B4B9;
    font-weight: 400
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown .hint {
    margin: 10px 10px 0 10px;
    padding-bottom: 10px;
    pointer-events: none;
    border-top: 0;
    border-bottom: 1px solid #e4e6e8
}

.tag-editor-reloaded-wrapper .tag-wrapper ul.dropdown .hint .hint-text {
    color: #848d95;
    display: block;
    margin-top: 10px;
    font-size: 12px
}

.wmd-button-bar {
    height: 44px;
    clear: both;
    background-color: transparent;
    margin: 10px 0 0 0;
    padding: 0 12px;
    width: 660px;
    box-sizing: border-box;
    float: left;
    border: 1px solid #c8ccd0;
    border-bottom: 0
}

.wmd-button-bar .wmd-spacer,.wmd-button-bar .wmd-spacer1,.wmd-button-bar .wmd-spacer2,.wmd-button-bar .wmd-spacer3 {
    border: none
}

.wmd-button-bar .wmd-spacer1 {
    left: 46px
}

.wmd-button-bar .wmd-spacer2 {
    left: 173px !important
}

.wmd-button-bar .wmd-spacer3 {
    left: 296px !important
}

.wmd-button-bar #wmd-redo-button {
    border: none
}

.wmd-input {
    padding: 10px;
    height: 200px;
    line-height: 1.3;
    width: 660px;
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif
}

.wmd-button-row {
    position: relative;
    padding: 0;
    height: 36px;
    margin: 0
}

.wmd-spacer {
    width: 1px;
    height: 44px;
    margin-left: 14px;
    position: absolute;
    display: inline-block;
    list-style: none;
    border-right: 1px solid #c8ccd0
}

.wmd-button {
    width: 20px;
    height: 44px;
    padding: 0;
    box-sizing: border-box;
    padding: 12px 0 0 0;
    position: absolute;
    display: inline-block;
    list-style: none;
    cursor: pointer
}

.wmd-button>span {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 20px;
    display: inline-block
}

.wmd-prompt-background {
    background-color: #0C0D0E;
    z-index: 1040
}

.wmd-prompt-dialog {
    padding: 15px;
    box-shadow: 0 2px 5px rgba(12,13,14,0.3);
    background-color: #FFF;
    border: solid 1px #9fa6ad
}

.wmd-mini-button {
    width: 60px;
    padding: 3px 8px;
    text-decoration: none;
    margin: 5px 5px 5px 5px;
    color: #3b4045
}

.wmd-mini-button:visited {
    width: 60px;
    padding: 3px 8px;
    text-decoration: none;
    margin: 5px 5px 5px 5px;
    color: #3b4045
}

.wmd-mini-button:hover {
    text-decoration: none
}

.wmd-mini-button.selected {
    text-decoration: none
}

.wmd-input {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wmd-button>span {
    background-image: url("img/wmd-buttons.png?v=20e89c789eb5");
    background-image: url("img/wmd-buttons.svg?v=063c0288e422"),none;
    background-size: initial !important
}

.wmd-container .wmd-button-bar .wmd-spacer2 {
    left: 195px !important
}

.wmd-container .wmd-button-bar .wmd-spacer3 {
    left: 321px !important
}

.user-show-new .wmd-container .wmd-button-bar .wmd-spacer2 {
    left: 173px !important
}

.user-show-new .wmd-container .wmd-button-bar .wmd-spacer3 {
    left: 296px !important
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .wmd-button>span {
        background-image: url("img/wmd-buttons.png?v=20e89c789eb5");
        background-image: url("img/wmd-buttons.svg?v=063c0288e422"),none
    }
}

.wmd-snippet-button span {
    background-image: url("img/wmd-buttons.png?v=20e89c789eb5") !important;
    background-image: url("img/wmd-buttons.svg?v=063c0288e422"),none !important;
    background-position: -260px 0 !important
}

.wmd-snippet-button span:hover {
    background-position: -260px -40px !important
}

textarea#wmd-input {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif
}

.wmd-help-button.active-help {
    background-color: #fff7e5
}

.mdhelp {
    background-color: #fff7e5;
    position: absolute;
    right: 0;
    width: 630px;
    color: #0C0D0E;
    top: 42px !important
}

.mdhelp-tabs {
    background-color: #fff7e5;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0 3px;
    border: 1px solid rgba(83,90,96,0.1)
}

.mdhelp-tabs li {
    display: inline-block;
    padding: 3px 6px 6px;
    margin: 0 2px;
    cursor: pointer
}

.mdhelp-tabs li.selected {
    background-color: #FEFAE2
}

.mdhelp-tab {
    padding: 10px;
    display: none;
    line-height: 1.2
}

.mdhelp-tab .spaces {
    background-color: #FFF
}

.mdhelp-tab .col1,.mdhelp-tab .col2 {
    width: 48%
}

.mdhelp-tab .col1 {
    float: left
}

.mdhelp-tab .col2 {
    float: right
}

.mdhelp-tab pre {
    background-color: #F3EED5;
    border: none !important
}

.grippie {
    background-position: 279px -364px;
    border: 1px solid #d6d9dc;
    border-width: 0 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
    background-color: #eff0f1
}

.wmd-container .grippie {
    width: 658px
}

.user-page .grippie {
    margin-bottom: 3px
}

.grippie,.wmd-preview {
    margin-top: -4px
}

.wmd-preview {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    border-top: 1px dotted #c8ccd0;
    border-bottom: 1px dotted #c8ccd0;
    clear: both
}

.wmd-preview pre {
    -ms-word-wrap: normal;
    word-wrap: normal
}

#footer {
    padding-top: 20px
}

#footer #footer-menu {
    margin-bottom: 1.5em;
    line-height: 1.7em
}

#footer #footer-menu a {
    margin: 0
}

#footer #footer-menu a.more {
    font-weight: bold
}

#footer #footer-menu .top-footer-links a {
    margin: 0 .8em 0 0
}

#footer #copyright {
    font-size: 100%;
    font-weight: bold;
    border: none;
    color: #6a737c;
    padding: 0
}

#footer #copyright a {
    text-decoration: none
}

#footer #footer-flair {
    margin: 0;
    margin-top: -40px;
    padding: 0
}

#footer #svnrev {
    text-align: left;
    font-size: 10px;
    margin-bottom: 10px;
    color: #c8ccd0
}

#footer #footer-sites {
    clear: both;
    width: 1060px;
    margin: 1.5em auto
}

#footer #footer-sites table {
    width: 100%
}

#footer th,#footer td {
    margin: 0;
    width: 130px;
    padding: 0 15px 0 0;
    text-align: left;
    text-transform: uppercase;
    font-size: .9em
}

#footer th {
    color: #6a737c;
    padding-bottom: 1em;
    line-height: 1.3
}

#footer td {
    vertical-align: top
}

#footer li {
    list-style: none;
    line-height: 1.3em;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 1em
}

#footer ol {
    margin: 0
}

.footerwrap {
    width: 1060px;
    padding: 15px;
    margin: 0 auto;
    text-align: left;
    box-sizing: content-box
}

#footer {
    clear: both
}

#footer-menu {
    float: left
}

#footer-flair {
    float: right;
    text-align: right
}

#footer-flair a {
    display: inline-block;
    vertical-align: top;
    text-indent: -999999em
}

#svnrev {
    margin-top: 5px;
    text-align: right
}

#copyright {
    font-size: 11px
}

#additional-notices {
    clear: both
}

#add-login-page,#login-page,#signup-page {
    text-align: center
}

#add-login-page input[type=text],#login-page input[type=text],#signup-page input[type=text] {
    box-shadow: none
}

#add-login-page #explanation-text,#login-page #explanation-text,#signup-page #explanation-text {
    font-size: 20px;
    margin-bottom: 30px;
    padding-top: 15px
}

#add-login-page #explanation-text img,#login-page #explanation-text img,#signup-page #explanation-text img {
    width: 150px;
    height: 30px;
    position: relative;
    top: 4px;
    margin-right: -5px
}

#add-login-page #explanation-text small,#login-page #explanation-text small,#signup-page #explanation-text small {
    display: inline-block;
    padding-top: 7px;
    font-size: 70%
}

#add-login-page #explanation-text .title,#login-page #explanation-text .title,#signup-page #explanation-text .title {
    font-size: 16px;
    margin-bottom: 20px
}

#add-login-page #explanation-text .title:after,#login-page #explanation-text .title:after,#signup-page #explanation-text .title:after {
    content: '';
    display: block;
    height: 2px;
    width: 60px;
    margin: 20px auto 0 auto;
    background: #F48024
}

#add-login-page #explanation-text .subtitle,#login-page #explanation-text .subtitle,#signup-page #explanation-text .subtitle {
    font-size: 13px;
    width: 350px;
    margin: 0 auto
}

#add-login-page .terms,#login-page .terms,#signup-page .terms {
    padding-top: 20px;
    font-size: 12px
}

#add-login-page .val-message+#explanation-text,#login-page .val-message+#explanation-text,#signup-page .val-message+#explanation-text {
    padding-top: 0
}

#add-login-page .major-provider,#login-page .major-provider,#signup-page .major-provider {
    cursor: pointer;
    border-radius: 3px;
    width: 136px;
    height: 38px;
    line-height: 36px;
    float: left;
    margin: 8px 2px;
    box-sizing: border-box;
    border: 1px solid transparent;
    text-align: center
}

#add-login-page .major-provider .icon-container,#login-page .major-provider .icon-container,#signup-page .major-provider .icon-container {
    border-right: 1px solid rgba(12,13,14,0.1);
    box-sizing: border-box;
    width: 38px;
    height: 100%;
    line-height: 1;
    padding: 10px 0;
    float: left
}

#add-login-page .major-provider .icon,#login-page .major-provider .icon,#signup-page .major-provider .icon {
    background: url('../../img/openid/universal-login-sprite.svg?v=3ca03e653513');
    display: inline-block;
    width: 16px;
    height: 16px
}

#add-login-page .major-provider .text,#login-page .major-provider .text,#signup-page .major-provider .text {
    color: #FFF
}

#add-login-page .major-provider.google-login,#login-page .major-provider.google-login,#signup-page .major-provider.google-login {
    background: #e0492f
}

#add-login-page .major-provider.google-login .icon,#login-page .major-provider.google-login .icon,#signup-page .major-provider.google-login .icon {
    background-position: 0 0
}

#add-login-page .major-provider.facebook-login,#login-page .major-provider.facebook-login,#signup-page .major-provider.facebook-login {
    background: #395697
}

#add-login-page .major-provider.facebook-login .icon,#login-page .major-provider.facebook-login .icon,#signup-page .major-provider.facebook-login .icon {
    background-position: -16px 0
}

#add-login-page .major-provider.custom-login,#login-page .major-provider.custom-login,#signup-page .major-provider.custom-login {
    border: 1px solid rgba(12,13,14,0.1);
    background: #FFF
}

#add-login-page .major-provider.custom-login .icon,#login-page .major-provider.custom-login .icon,#signup-page .major-provider.custom-login .icon {
    background: url('../../img/openid/new-login-sprite.png?v=79224c9ea1cb')
}

#add-login-page .major-provider.custom-login .text,#login-page .major-provider.custom-login .text,#signup-page .major-provider.custom-login .text {
    color: #777
}

#add-login-page #openid-buttons,#login-page #openid-buttons,#signup-page #openid-buttons {
    text-align: left
}

#add-login-page #formContainer,#login-page #formContainer,#signup-page #formContainer {
    width: 280px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #e4e6e8;
    background: #FFF
}

#add-login-page #formContainer.jobs,#login-page #formContainer.jobs,#signup-page #formContainer.jobs {
    border: none;
    padding-top: 0
}

#add-login-page #formContainer.jobs br.cbt,#login-page #formContainer.jobs br.cbt,#signup-page #formContainer.jobs br.cbt {
    display: none
}

#add-login-page #formContainer.jobs #login-form input[type=password],#login-page #formContainer.jobs #login-form input[type=password],#signup-page #formContainer.jobs #login-form input[type=password] {
    margin: 0 0 5px 0
}

#add-login-page #formContainer.jobs #login-form input[type=button],#login-page #formContainer.jobs #login-form input[type=button],#signup-page #formContainer.jobs #login-form input[type=button],#add-login-page #formContainer.jobs #login-form input[type=submit],#login-page #formContainer.jobs #login-form input[type=submit],#signup-page #formContainer.jobs #login-form input[type=submit] {
    width: 100%
}

#add-login-page #formContainer:after,#login-page #formContainer:after,#signup-page #formContainer:after {
    clear: both;
    content: " ";
    display: block
}

#add-login-page #formContainer.with-captcha,#login-page #formContainer.with-captcha,#signup-page #formContainer.with-captcha {
    width: 460px
}

#add-login-page #formContainer.with-captcha #openid-buttons,#login-page #formContainer.with-captcha #openid-buttons,#signup-page #formContainer.with-captcha #openid-buttons {
    width: 280px;
    margin: 0 auto
}

#add-login-page .or-container,#login-page .or-container,#signup-page .or-container {
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
    clear: both;
    color: #6a737c;
    font-variant: small-caps
}

#add-login-page .or-hr,#login-page .or-hr,#signup-page .or-hr {
    margin-bottom: 0;
    position: relative;
    top: 19px;
    height: 0;
    border: 0;
    border-top: 1px solid #e4e6e8
}

#add-login-page #or,#login-page #or,#signup-page #or {
    display: inline-block;
    position: relative;
    padding: 10px;
    background-color: #FFF
}

#add-login-page #login-form,#login-page #login-form,#signup-page #login-form {
    text-align: left
}

#add-login-page #login-form input,#login-page #login-form input,#signup-page #login-form input {
    margin: 5px 0 5px 0;
    transition: none
}

#add-login-page #login-form input[type=text],#login-page #login-form input[type=text],#signup-page #login-form input[type=text],#add-login-page #login-form input[type=email],#login-page #login-form input[type=email],#signup-page #login-form input[type=email],#add-login-page #login-form input[type=password],#login-page #login-form input[type=password],#signup-page #login-form input[type=password] {
    width: 263px;
    line-height: 1.3;
    font-size: 100%;
    padding: 8px;
    margin-bottom: 10px;
    height: 18px;
    border: 1px solid #e4e6e8;
    border-radius: 0;
    cursor: auto !important
}

#add-login-page #login-form input[type=text]:focus,#login-page #login-form input[type=text]:focus,#signup-page #login-form input[type=text]:focus,#add-login-page #login-form input[type=email]:focus,#login-page #login-form input[type=email]:focus,#signup-page #login-form input[type=email]:focus,#add-login-page #login-form input[type=password]:focus,#login-page #login-form input[type=password]:focus,#signup-page #login-form input[type=password]:focus,#add-login-page #login-form input[type=text]:hover,#login-page #login-form input[type=text]:hover,#signup-page #login-form input[type=text]:hover,#add-login-page #login-form input[type=email]:hover,#login-page #login-form input[type=email]:hover,#signup-page #login-form input[type=email]:hover,#add-login-page #login-form input[type=password]:hover,#login-page #login-form input[type=password]:hover,#signup-page #login-form input[type=password]:hover {
    border: 1px solid lightblue
}

#add-login-page #login-form.with-captcha div#se-login-fields,#login-page #login-form.with-captcha div#se-login-fields,#signup-page #login-form.with-captcha div#se-login-fields,#add-login-page #login-form.with-captcha div#more-options-container,#login-page #login-form.with-captcha div#more-options-container,#signup-page #login-form.with-captcha div#more-options-container,#add-login-page #login-form.with-captcha div#controls-row,#login-page #login-form.with-captcha div#controls-row,#signup-page #login-form.with-captcha div#controls-row {
    margin: 0 auto;
    width: 280px
}

#add-login-page #login-form #recaptcha_widget_div,#login-page #login-form #recaptcha_widget_div,#signup-page #login-form #recaptcha_widget_div {
    margin: 10px 0 0 4px
}

#add-login-page input[type=button],#login-page input[type=button],#signup-page input[type=button],#add-login-page input[type=submit],#login-page input[type=submit],#signup-page input[type=submit] {
    text-align: center;
    background: #07C;
    color: #FFF;
    border-radius: 3px;
    width: 120px;
    padding: 12px 40px;
    box-shadow: none;
    text-shadow: none;
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin-bottom: 0 !important
}

#add-login-page .openid_small_btn,#login-page .openid_small_btn,#signup-page .openid_small_btn {
    width: 24px;
    height: 24px;
    border: 2px solid #d6d9dc;
    border-right: 2px solid #c8ccd0;
    border-bottom: 2px solid #c8ccd0;
    margin: 3px;
    float: left
}

#add-login-page .openid_small_btn:hover,#login-page .openid_small_btn:hover,#signup-page .openid_small_btn:hover {
    margin: 3px;
    border: 2px solid #9199a1
}

#add-login-page #more-options-link,#login-page #more-options-link,#signup-page #more-options-link {
    top: 15px;
    position: relative;
    cursor: pointer
}

#add-login-page #show-more-options,#login-page #show-more-options,#signup-page #show-more-options {
    text-align: left;
    display: none;
    margin-left: -2px
}

#add-login-page #show-more-options a,#login-page #show-more-options a,#signup-page #show-more-options a {
    background: #c8ccd0 url('../../Img/openid/openid-logos.png?v=ecc2538a8df2')
}

#add-login-page #more-openid-options,#login-page #more-openid-options,#signup-page #more-openid-options {
    display: inline-block
}

#add-login-page .openid-identifier,#login-page .openid-identifier,#signup-page .openid-identifier {
    width: 275px
}

#add-login-page label,#login-page label,#signup-page label {
    font-weight: bold
}

#add-login-page #simple-openid-selector,#login-page #simple-openid-selector,#signup-page #simple-openid-selector {
    padding-left: 1px
}

#add-login-page #simple-openid-selector #openid-url-input-area,#login-page #simple-openid-selector #openid-url-input-area,#signup-page #simple-openid-selector #openid-url-input-area {
    margin-top: 20px
}

#add-login-page #switch,#login-page #switch,#signup-page #switch {
    padding: 20px;
    border: 1px solid #e4e6e8;
    width: 300px;
    margin: 20px auto 100px auto;
    background: #FFF
}

#add-login-page #switch+#apply-without-logging-in,#login-page #switch+#apply-without-logging-in,#signup-page #switch+#apply-without-logging-in {
    margin-top: -80px;
    margin-bottom: 100px
}

#add-login-page #switch+#apply-without-logging-in a,#login-page #switch+#apply-without-logging-in a,#signup-page #switch+#apply-without-logging-in a {
    text-decoration: none;
    color: #9fa6ad
}

#add-login-page #forgot-pw,#login-page #forgot-pw,#signup-page #forgot-pw {
    position: relative;
    top: -8px;
    color: #9fa6ad;
    font-size: 11px;
    font-weight: normal
}

#add-login-page .noscript-notice,#login-page .noscript-notice,#signup-page .noscript-notice {
    color: Maroon
}

#add-login-page #openid_input_area,#login-page #openid_input_area,#signup-page #openid_input_area {
    display: none;
    padding-top: 10px;
    clear: both
}

#add-login-page #openid_provider_label,#login-page #openid_provider_label,#signup-page #openid_provider_label {
    margin-bottom: 0
}

#add-login-page #openid_username,#login-page #openid_username,#signup-page #openid_username {
    margin-right: 5px
}

#add-login-page #openid_highlight,#login-page #openid_highlight,#signup-page #openid_highlight {
    padding: 3px;
    background-color: #FFFCC9;
    float: left
}

#add-login-page .login-username-prompt,#login-page .login-username-prompt,#signup-page .login-username-prompt {
    border-radius: 3px;
    width: 274px;
    margin: 0 auto;
    height: 36px;
    top: 8px;
    position: relative;
    border: 1px solid #e4e6e8;
    display: none;
    clear: both
}

#add-login-page .login-username-prompt .icon-container,#login-page .login-username-prompt .icon-container,#signup-page .login-username-prompt .icon-container {
    border-right: 1px solid rgba(12,13,14,0.1);
    box-sizing: border-box;
    width: 38px;
    height: 100%;
    line-height: 1;
    padding: 10px 0;
    float: left;
    text-align: center
}

#add-login-page .login-username-prompt .icon,#login-page .login-username-prompt .icon,#signup-page .login-username-prompt .icon {
    background: url('../../img/openid/new-login-sprite.png?v=79224c9ea1cb');
    display: inline-block;
    width: 16px;
    height: 16px
}

#add-login-page .login-username-prompt .username-input,#login-page .login-username-prompt .username-input,#signup-page .login-username-prompt .username-input {
    display: block;
    padding-left: 38px;
    padding-right: 16px
}

#add-login-page .login-username-prompt .username-input input,#login-page .login-username-prompt .username-input input,#signup-page .login-username-prompt .username-input input {
    display: block;
    width: 100%;
    border: none;
    padding: 6px 8px;
    font-size: 13px
}

#add-login-page .login-username-prompt .controls,#login-page .login-username-prompt .controls,#signup-page .login-username-prompt .controls {
    clear: both;
    margin-top: 10px
}

#add-login-page .login-username-prompt .controls a,#login-page .login-username-prompt .controls a,#signup-page .login-username-prompt .controls a {
    position: relative;
    top: 15px;
    cursor: pointer
}

#add-login-page #private-beta-warning,#login-page #private-beta-warning,#signup-page #private-beta-warning {
    text-align: left
}

#add-login-page .caps-lock-warning,#login-page .caps-lock-warning,#signup-page .caps-lock-warning {
    color: red;
    font-weight: bold;
    font-size: 11px
}

#add-login-page a,#login-page a,#signup-page a,#add-login-page a:visited,#login-page a:visited,#signup-page a:visited {
    text-decoration: none;
    color: #07C
}

#add-login-page a:hover,#login-page a:hover,#signup-page a:hover,#add-login-page a:visited:hover,#login-page a:visited:hover,#signup-page a:visited:hover {
    color: #1da9da
}

#add-login-page .employer-link,#login-page .employer-link,#signup-page .employer-link {
    margin-top: 10px
}

#add-login-page .employer-link .external,#login-page .employer-link .external,#signup-page .employer-link .external {
    padding-left: 0
}

#add-login-page .employer-link .-icon,#login-page .employer-link .-icon,#signup-page .employer-link .-icon {
    margin-left: 3px
}

#add-login-page .talent-login-cta,#login-page .talent-login-cta,#signup-page .talent-login-cta {
    border: 1px solid #e59aa1;
    color: #70101a;
    background: #eec4c8;
    text-align: center;
    padding: 13px 0 0 0;
    margin: 15px 0
}

#add-login-page {
    padding-bottom: 50px
}

#add-login-page #explanation-text {
    margin-top: 30px;
    line-height: 1.5
}

#add-login-page #show-more-options {
    display: block
}

#add-login-page input[type=button],#add-login-page input[type=submit] {
    width: 130px;
    padding: 12px
}

#logout-page {
    text-align: center;
    padding-top: 20px
}

#logout-page #explanation-text {
    font-size: 20px;
    margin-bottom: 30px
}

#logout-page #footnote {
    width: 400px;
    color: #848d95;
    margin: 20px auto 0 auto
}

#logout-page .hr-container {
    text-align: center;
    margin-top: 20px;
    color: grey
}

#logout-page .hr {
    height: 0;
    border: 0;
    border-top: 1px solid #e4e6e8
}

.why-us {
    margin-top: 2em
}

.why-us .hb {
    width: 100%;
    height: 1px;
    background-color: #e4e6e8;
    position: relative;
    top: .5em
}

.why-us .title {
    display: table;
    font-size: 16px;
    position: relative;
    margin: 0 auto;
    background: white;
    padding: 0 2em
}

.why-us .items {
    margin: 2em 100px 4em 100px
}

.why-us .items .item {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    text-align: center
}

.why-us .items .item .icon {
    margin: 0 auto;
    background-image: url("../../Img/jobs/ico-hero-02.png?v=3a12cb9b4337");
    background-image: url("../../Img/jobs/ico-hero-02.svg?v=cd09eb0fbb09");
    background-repeat: no-repeat;
    position: relative;
    width: 92px;
    content: '';
    display: inline-block;
    height: 92px;
    background-size: 94px 311px
}

.why-us .items .item .icon._rocket {
    background-position: 0 0
}

.why-us .items .item .icon._qa {
    background-position: 0 -111px
}

.why-us .items .item .icon._cube {
    background-position: 0 -216px
}

.why-us .items .item .desc {
    max-width: 250px;
    margin: 0 auto;
    margin-top: 1em
}

.why-us .items .item .desc .desc-title {
    font-weight: bold;
    margin-bottom: 1em
}

#logout-form {
    width: 250px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #e4e6e8;
    background: #FFF;
    text-align: center
}

#logout-form:after {
    clear: both;
    content: " ";
    display: block
}

#logout-form #controls {
    margin-top: 20px;
    line-height: 40px;
    height: 40px
}

#logout-form #domain-list>ul {
    text-align: left;
    list-style-type: none;
    margin: 0 auto;
    display: inline-block
}

#logout-form #domain-list>ul li {
    margin: 10px 0;
    font-size: 16px
}

#logout-form #domain-list>ul .favicon {
    vertical-align: middle;
    padding-right: 5px
}

.message.error,.message.success,.message.regular,.message.incomplete,.message.gray {
    display: inline-block;
    padding: 12px;
    margin: 10px 0;
    border-radius: 3px
}

.message.error.text-only,.message.success.text-only,.message.regular.text-only,.message.incomplete.text-only,.message.gray.text-only {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    color: #6a737c
}

.message.error.text-only i[class^="icon-"],.message.success.text-only i[class^="icon-"],.message.regular.text-only i[class^="icon-"],.message.incomplete.text-only i[class^="icon-"],.message.gray.text-only i[class^="icon-"],.message.error.text-only span[class^="icon-"],.message.success.text-only span[class^="icon-"],.message.regular.text-only span[class^="icon-"],.message.incomplete.text-only span[class^="icon-"],.message.gray.text-only span[class^="icon-"] {
    margin-right: 4px
}

.message.error.centered,.message.success.centered,.message.regular.centered,.message.incomplete.centered,.message.gray.centered {
    text-align: center
}

.message.error.centered-block,.message.success.centered-block,.message.regular.centered-block,.message.incomplete.centered-block,.message.gray.centered-block {
    display: block;
    margin: 10px auto
}

.message.error.left-block,.message.success.left-block,.message.regular.left-block,.message.incomplete.left-block,.message.gray.left-block {
    display: block;
    margin: 10px auto
}

.message.error .message-ctas,.message.success .message-ctas,.message.regular .message-ctas,.message.incomplete .message-ctas,.message.gray .message-ctas {
    display: flex;
    -ms-display: flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -ms-align-items: center;
    margin-top: 10px
}

.message.error .message-cta,.message.success .message-cta,.message.regular .message-cta,.message.incomplete .message-cta,.message.gray .message-cta {
    margin-top: 10px
}

.message.error .message-title,.message.success .message-title,.message.regular .message-title,.message.incomplete .message-title,.message.gray .message-title {
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    margin: -12px -12px 10px -12px;
    border-radius: 3px 3px 0 0
}

.message.error .message-title [class^="icon"],.message.success .message-title [class^="icon"],.message.regular .message-title [class^="icon"],.message.incomplete .message-title [class^="icon"],.message.gray .message-title [class^="icon"] {
    margin-right: 4px;
    vertical-align: middle
}

.message.error .message-title [class*="icon-warning"],.message.success .message-title [class*="icon-warning"],.message.regular .message-title [class*="icon-warning"],.message.incomplete .message-title [class*="icon-warning"],.message.gray .message-title [class*="icon-warning"] {
    position: relative;
    top: -1px
}

.message.inline-message {
    display: block
}

.message.inline-message:before,.message.inline-message:after {
    content: "";
    display: table
}

.message.inline-message:after {
    clear: both
}

.message.inline-message .message-title {
    display: inline-block;
    margin: 0 12px 0 0;
    color: #F48024
}

.message.inline-message .inline-message-cta {
    float: right
}

.message.regular {
    background: #fff8dc;
    color: #cc9545;
    border: 1px solid #faeed6
}

.message.error {
    color: #AC6567;
    background: #FBE2E2;
    border: 1px solid #ECCDCE
}

.message.error.text-only {
    color: #c04848
}

.message.error.text-only:before {
    top: 3px;
    background-position: -72px -330px
}

.message.success {
    color: #669f61;
    background: #f4fcee;
    border: 1px solid #90e358
}

.message.success.text-only {
    color: #18bb9c
}

.message.success.text-only:before {
    background-position: -95px -330px
}

.message.incomplete {
    color: #0C0D0E;
    background: #fff5ee;
    border: 1px solid #ff8c00
}

.message.incomplete .message-title {
    color: #F48024;
    background: #ffe6d5;
    padding: 10px 0;
    margin: -12px -12px 10px -12px
}

.message.gray {
    background: #f6f6f7;
    color: #0C0D0E;
    border: 1px solid #e4e6e8
}

.message.gray .message-title {
    background: #e4e6e8;
    padding: 10px 0
}

.job-requirements {
    padding: 15px
}

.job-requirements input[type=submit].dno {
    display: none
}

.message.job-improve .message-title {
    background: #e4e6e8;
    padding: 10px 0
}

.message.label.regular {
    font-size: 12px;
    padding: 6px;
    margin: 0
}

.message.label.regular.has-tooltip {
    cursor: default
}

h1 .message.label,h2 .message.label,h3 .message.label {
    position: relative;
    top: -1px
}

.message.message-takeover {
    position: absolute;
    width: 480px;
    top: 260px;
    left: calc(50% - 240px);
    z-index: 1001 !important
}

.message.message-takeover h1 {
    margin-bottom: 10px
}

.message.message-ask-survey {
    position: absolute;
    width: 480px;
    top: 260px;
    left: calc(50% - 240px);
    z-index: 1001 !important
}

.message.message-ask-survey h1 {
    margin-bottom: 10px
}

.top-notification {
    background: #0095ff;
    color: #FFF;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 10px 20px
}

.top-notification .container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    min-height: 30px;
    align-items: center
}

.top-notification a {
    color: #FFF
}

.top-notification .-content p:last-child {
    margin-bottom: 0
}

.top-notification .-content .btn {
    background: #F48024;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    margin-left: 10px
}

.top-notification .-actions {
    text-align: right
}

.topbar {
    font-size: 13px
}

.topbar .topbar-icon,.topbar .date-group-toggle,.topbar .icon-help>.triangle {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none
}

.topbar {
    width: 100%;
    background: rgba(12,13,14,0.86);
    height: 34px;
    line-height: 1
}

.topbar input[type="text"] {
    transition: none;
    border: 1px solid #cbcbcb;
    font-size: 100%;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    border-radius: 0;
    padding: 3px;
    margin: 5px 0 5px 0
}

.topbar .topbar-wrapper {
    width: 980px;
    margin: 0 auto;
    height: 34px;
    text-align: left;
    position: relative
}

.topbar .network-items {
    display: inline-block;
    vertical-align: top
}

.topbar .hidden-text {
    position: absolute;
    top: -200px
}

.topbar .icon-site-switcher {
    width: 150px;
    background-position: 10px -20px;
    transition: none
}

.topbar .icon-site-switcher-on {
    background-color: #eff0f1;
    background-position: 10px -51px
}

.topbar .icon-inbox {
    width: 36px;
    background-position: -141px -54px;
    position: relative
}

.topbar .icon-inbox .unread-count {
    background-color: #F00;
    display: inline-block;
    margin-top: 9px;
    color: #FFF;
    text-indent: 0;
    border-radius: 2px;
    padding: 1px 6px 1px 6px;
    font-size: 11px;
    line-height: 1;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important
}

.topbar .icon-achievements {
    min-width: 32px;
    padding: 0 2px;
    background-position: -220px -54px;
    position: relative
}

.topbar .icon-achievements.icon-achievements-unread {
    background-position: -260px -54px
}

.topbar .icon-achievements .unread-count {
    background-color: #33A030;
    display: inline-block;
    margin-top: 9px;
    color: #FFF;
    text-indent: 0;
    border-radius: 2px;
    padding: 1px 6px 1px 6px;
    font-size: 11px;
    line-height: 1;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important
}

.topbar .icon-inbox-mod {
    width: 29px;
    background-position: -140px -87px
}

.topbar .icon-inbox-mod.icon-inbox-mod-unread {
    background-position: -220px -87px
}

.topbar .icon-inbox-mod.icon-inbox-mod-announcements {
    background-position: -160px -87px
}

.topbar .icon-help {
    padding-right: 4px !important
}

.topbar .icon-help.topbar-icon-on {
    color: rgba(12,13,14,0.86) !important
}

.topbar .icon-help .triangle {
    background-position: -119px -30px;
    display: inline-block;
    width: 11px;
    height: 13px;
    vertical-align: top
}

.topbar .topbar-icon {
    display: inline-block;
    height: 34px;
    vertical-align: top;
    text-align: center
}

.topbar .yes-hover:hover {
    background-color: #3b4045;
    text-decoration: none !important
}

.topbar .topbar-icon-on,.topbar .topbar-icon-on:hover {
    background-color: #eff0f1 !important
}

.topbar .topbar-links {
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important
}

.topbar .topbar-links .mod-only {
    display: inline-block;
    vertical-align: top
}

.topbar .topbar-links .icon-flag {
    background-image: none;
    min-width: 30px;
    text-indent: 0;
    position: relative;
    color: #FFF
}

.topbar .topbar-links .icon-flag .unread-count {
    display: inline-block;
    margin-top: 9px;
    color: #FFF;
    text-indent: 0;
    border-radius: 2px;
    padding: 1px 6px 1px 6px;
    font-size: 11px;
    line-height: 1;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    margin-left: 7px;
    margin-right: 7px
}

.topbar .topbar-links .icon-flag .flag-count {
    background-color: #1e7ecc
}

.topbar .topbar-links .icon-flag .edit-count {
    background-color: #cf7721
}

.topbar .topbar-links .icon-flag.icon-tools-flag {
    padding: 9px 0 0
}

.topbar .topbar-links .icon-flag.icon-tools-flag .unread-count {
    margin-top: 0
}

.topbar .topbar-links .profile-me {
    display: inline-block;
    height: 34px;
    background-color: transparent;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 15px
}

.topbar .topbar-links .profile-me>div {
    display: inline-block
}

.topbar .topbar-links .profile-me .avatar-me {
    padding: 4px;
    height: 24px;
    width: 24px;
    margin-top: 1px
}

.topbar .topbar-links .profile-me:hover {
    background-color: #3b4045;
    text-decoration: none !important
}

.topbar .topbar-links .profile-me-on {
    background-color: #eff0f1 !important
}

.topbar .topbar-links .topbar-flair {
    font-size: 13px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    text-decoration: none
}

.topbar .topbar-links .topbar-flair .reputation {
    padding-right: 5px
}

.topbar .topbar-links .topbar-flair .badge1,.topbar .topbar-links .topbar-flair .badge2,.topbar .topbar-links .topbar-flair .badge3 {
    padding-right: 3px
}

.topbar .topbar-links .topbar-flair .badgecount {
    padding-right: 4px;
    font-size: 13px;
    font-weight: normal
}

.topbar .topbar-links .topbar-flair .reputation,.topbar .topbar-links .topbar-flair .badgecount {
    color: #e4e6e8
}

.topbar .topbar-links .topbar-menu-links {
    margin-left: 15px;
    margin-top: -10px;
    display: inline-block;
    vertical-align: top;
    font-size: 0
}

.topbar .topbar-links .topbar-menu-links a,.topbar .topbar-links .topbar-menu-links a:visited {
    color: #e4e6e8;
    text-decoration: none;
    display: inline-block;
    height: 24px;
    padding: 10px 7px 0 7px;
    vertical-align: top;
    font-size: 13px
}

.topbar .topbar-links .topbar-menu-links a:hover {
    background-color: #3b4045
}

.topbar .topbar-links .links-container {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px
}

.topbar .topbar-links .search-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px
}

.topbar .topbar-links .search-container input[type=text] {
    margin: 3px 0 0 20px;
    width: 194px;
    height: 21px;
    padding-left: inherit;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 5px;
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: #6a737c;
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: -267px -90px !important;
    padding-left: 24px !important;
    border: 1px solid #0C0D0E;
    background-color: #eff0f1;
    box-shadow: inset 0 1px 2px #eff0f1,0 0 0 #FFF;
    transition: all .15s ease-in-out
}

.topbar .topbar-links .search-container input[type=text]:hover {
    background-color: #fafafb;
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 1px 2px #e4e6e8,0 0 2px rgba(0,119,204,0.1)
}

.topbar .topbar-links .search-container input[type=text]:focus {
    outline: 0;
    color: #3b4045;
    background-color: #FFF;
    border-color: #0095ff;
    box-shadow: inset 0 2px 2px #fafafb,0 0 5px rgba(0,119,204,0.5)
}

.topbar .topbar-links .search-container form {
    margin: 0;
    padding: 0
}

.topbar-dialog {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: #2f3337;
    font-size: 12px;
    background-color: #FFF;
    box-shadow: 0 2px 2px rgba(12,13,14,0.2);
    z-index: 999;
    position: absolute;
    text-align: left;
    border-left: 1px solid #e4e6e8;
    border-right: 1px solid #e4e6e8;
    border-bottom: 1px solid #e4e6e8
}

.topbar-dialog .child-content-loading {
    text-align: center;
    padding-top: 10px
}

.topbar-dialog a {
    color: #0077cc;
    text-decoration: none
}

.topbar-dialog a:visited {
    color: #18529A
}

.topbar-dialog a:hover {
    color: #015490;
    text-decoration: none
}

.topbar-dialog.help-dialog a:visited,.topbar-dialog.siteSwitcher-dialog a:visited {
    color: #0077cc
}

.topbar-dialog .button {
    color: #FFF
}

.topbar-dialog .related-links {
    color: #848d95
}

.topbar-dialog .related-links a,.topbar-dialog .related-links a:visited {
    margin-left: 10px;
    color: #0077cc
}

.topbar-dialog.siteSwitcher-dialog {
    width: 375px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 390px;
    max-height: 390px
}

.topbar-dialog.siteSwitcher-dialog .call-to-login {
    padding: 7px 0 7px 0;
    text-align: center;
    line-height: 1.3
}

.topbar-dialog.siteSwitcher-dialog .modal-content {
    padding: 0
}

.topbar-dialog.siteSwitcher-dialog .modal-content li:first-child {
    padding-top: 2px
}

.topbar-dialog.siteSwitcher-dialog .modal-content li:last-child {
    padding-bottom: 2px
}

.topbar-dialog.siteSwitcher-dialog .modal-content li {
    padding-left: 7px;
    padding-right: 7px
}

.topbar-dialog.siteSwitcher-dialog .modal-content .pinned-site-candidate {
    height: 20px;
    padding-top: 5px
}

.topbar-dialog.siteSwitcher-dialog .modal-content#your-communities-section {
    max-height: none
}

.topbar-dialog.siteSwitcher-dialog .other-sites {
    min-height: 345px
}

.topbar-dialog.siteSwitcher-dialog .other-sites .other-site-link {
    display: inline-block;
    width: 100%
}

.topbar-dialog.siteSwitcher-dialog .current-site-container {
    background-color: #f6fcff;
    border-left: 3px solid #2f96e8
}

.topbar-dialog.siteSwitcher-dialog .current-site .current-site-link {
    font-weight: bold
}

.topbar-dialog.siteSwitcher-dialog .current-site .related-links {
    float: right;
    display: inline-block
}

.topbar-dialog.siteSwitcher-dialog .current-site li {
    border: none
}

.topbar-dialog.siteSwitcher-dialog .current-site li:hover {
    background-color: #e8f3fa
}

.topbar-dialog.siteSwitcher-dialog .site-desc {
    margin-bottom: 0;
    margin-left: 25px;
    color: #9fa6ad;
    font-size: 12px;
    padding-right: 4px
}

.topbar-dialog.siteSwitcher-dialog .L-shaped-icon-container {
    float: left;
    padding: 0;
    margin: 8px 6px 0 5px
}

.topbar-dialog.siteSwitcher-dialog .L-shaped-icon {
    width: 10px;
    height: 10px;
    border: solid #b9c1c5;
    border-width: 0 0 1px 1px;
    display: inline-block
}

.topbar-dialog.inbox-dialog .modal-content .message-text,.topbar-dialog.modInbox-dialog .modal-content .message-text {
    width: 313px
}

.topbar-dialog.inbox-dialog,.topbar-dialog.modInbox-dialog,.topbar-dialog.achievements-dialog {
    width: 375px;
    max-height: 505px
}

.topbar-dialog.inbox-dialog .modal-content,.topbar-dialog.modInbox-dialog .modal-content,.topbar-dialog.achievements-dialog .modal-content {
    min-height: 390px;
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden
}

.topbar-dialog.inbox-dialog .modal-content .timestamp,.topbar-dialog.modInbox-dialog .modal-content .timestamp,.topbar-dialog.achievements-dialog .modal-content .timestamp {
    color: #9199a1
}

.topbar-dialog.inbox-dialog .inbox-item>a,.topbar-dialog.modInbox-dialog .inbox-item>a,.topbar-dialog.achievements-dialog .inbox-item>a {
    display: block
}

.topbar-dialog.inbox-dialog .inbox-item .site-icon,.topbar-dialog.modInbox-dialog .inbox-item .site-icon,.topbar-dialog.achievements-dialog .inbox-item .site-icon {
    display: inline-block
}

.topbar-dialog.inbox-dialog .inbox-item .item-content,.topbar-dialog.modInbox-dialog .inbox-item .item-content,.topbar-dialog.achievements-dialog .inbox-item .item-content {
    display: inline-block;
    width: 313px
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-header,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-header,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-header {
    color: #848d95
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-creation,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-creation,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-creation {
    float: right
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-location,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-location,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-location {
    margin: 4px 0
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-summary,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-summary,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-summary {
    color: #2f3337
}

.topbar-dialog.inbox-dialog .inbox-item.inbox-se-link,.topbar-dialog.modInbox-dialog .inbox-item.inbox-se-link,.topbar-dialog.achievements-dialog .inbox-item.inbox-se-link {
    text-align: center
}

.topbar-dialog.inbox-dialog.anon,.topbar-dialog.achievements-dialog.anon {
    width: 275px
}

.topbar-dialog.inbox-dialog.anon .modal-content,.topbar-dialog.achievements-dialog.anon .modal-content {
    min-height: 200px;
    padding: 13px 20px
}

.topbar-dialog.inbox-dialog.anon .huge-button-container,.topbar-dialog.achievements-dialog.anon .huge-button-container {
    text-align: center
}

.topbar-dialog.inbox-dialog.anon .huge-button,.topbar-dialog.achievements-dialog.anon .huge-button {
    width: 35%;
    padding: 3% 0
}

.topbar-dialog.help-dialog {
    width: 215px
}

.topbar-dialog.help-dialog .modal-content {
    max-height: none
}

.topbar-dialog.help-dialog .item-summary {
    display: block;
    color: #2f3337;
    margin-top: 4px
}

.topbar-dialog.help-dialog a {
    display: block
}

.topbar-dialog ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

.topbar-dialog ul li {
    list-style: none;
    margin-left: 0;
    line-height: 1.3
}

.topbar-dialog .header {
    background-color: #eff0f1;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px
}

.topbar-dialog .header h3 {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: #6a737c;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    display: inline-block
}

.topbar-dialog .header h3 a {
    font-size: inherit;
    color: inherit;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important
}

.topbar-dialog .header .-right {
    color: #9fa6ad
}

.topbar-dialog .header .-right a {
    color: #07C
}

.topbar-dialog #edit-pinned-sites,.topbar-dialog #cancel-pinned-sites {
    float: right
}

.topbar-dialog .modal-content {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 7px;
    max-height: 300px;
    margin: 1px 0 1px 0;
    position: relative
}

.topbar-dialog .modal-content li {
    border-bottom: 1px solid #eff0f1;
    margin-bottom: 0;
    padding-bottom: 0
}

.topbar-dialog .modal-content li .rep-score {
    float: right;
    color: #848d95;
    font-size: 12px
}

.topbar-dialog .modal-content li:hover {
    background-color: #f7f8f8
}

.topbar-dialog .modal-content li>* {
    padding: 7px 3px
}

.topbar-dialog .modal-content li>a {
    display: block
}

.topbar-dialog .modal-content li>a.pinned-site-link {
    display: inline-block
}

.topbar-dialog .modal-content li:last-child {
    border-bottom: none
}

.topbar-dialog .modal-content .message-text {
    display: inline-block
}

.topbar-dialog .modal-content .message-text h4 {
    margin-bottom: 0;
    font-size: 100%;
    font-weight: normal;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: inherit
}

.topbar-dialog .unread-item {
    background-color: #F0FBFF
}

.topbar-dialog .site-icon {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 5px;
    display: inline-block
}

.topbar-dialog .inbox-item>a>.site-icon {
    margin-right: 2px
}

.topbar-dialog .site-title,.topbar-dialog .site-title:visited {
    color: #2f3337
}

.topbar-dialog .site-filter-container {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.topbar-dialog .site-filter-input {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    font-size: 13px;
    width: 100%;
    height: 26px;
    box-sizing: border-box;
    padding: 3px;
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: -267px -90px !important;
    padding-left: 24px !important;
    color: #9fa6ad;
    border: 1px solid #c8ccd0;
    box-shadow: inset 0 1px 2px #eff0f1,0 0 0 #FFF;
    transition: all .15s ease-in-out
}

.topbar-dialog .site-filter-input:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 1px 2px #e4e6e8,0 0 2px rgba(0,119,204,0.1)
}

.topbar-dialog .site-filter-input:focus {
    outline: 0;
    color: #3b4045;
    border-color: #0095ff;
    box-shadow: inset 0 2px 2px #fafafb,0 0 5px rgba(0,119,204,0.5)
}

.topbar-dialog .pinned-site-editor-container {
    width: 100%
}

.topbar-dialog .pinned-site-editor-container input[type="submit"] {
    padding: .3em .6em;
    box-shadow: 0 2px 1px rgba(12,13,14,0.3),inset 0 1px 0 rgba(255,255,255,0.4);
    background-image: none;
    background-color: #2f3337;
    color: #FFF;
    border: 1px solid #0C0D0E !important;
    border-radius: 3px;
    text-decoration: none;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    font-size: 100% !important;
    font-weight: normal;
    text-shadow: none;
    margin: 0
}

.topbar-dialog .pinned-site-editor-container .site-filter-input {
    width: 275px;
    margin-left: 10px;
    color: #0C0D0E
}

.topbar-dialog .pinned-site-editor-container #save-pinned-sites-btn {
    float: right;
    margin-right: 7px;
    margin-bottom: 5px
}

.topbar-dialog .pinned-site-editor-container #reset-pinned-sites {
    float: right;
    margin-right: 10px;
    line-height: 25px
}

.topbar-dialog .pinned-site-editor-container .found-sites {
    position: absolute;
    left: 10px;
    width: 275px;
    background-color: #FFF;
    z-index: 1200;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #e4e6e8
}

.topbar-dialog .pinned-site-editor-container .found-sites li:hover {
    font-weight: bold;
    cursor: pointer
}

.topbar-dialog .pinned-site-editor-container .found-sites li.already-pinned-site {
    font-weight: normal;
    background-color: #f6fcff;
    cursor: default
}

.topbar-dialog .pinned-site-editor-container .remove-pinned-site-link {
    float: right
}

.topbar-dialog .pinned-site-editor-container .remove-pinned-site-link a {
    padding: 0 5px 2px 5px;
    font-weight: bold;
    color: #9199a1;
    background-color: #eff0f1;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    line-height: 1;
    border-radius: 15px
}

.topbar-dialog .pinned-site-editor-container .remove-pinned-site-link a:hover {
    color: #FFF;
    background-color: #848d95
}

.topbar-dialog .pinned-site-editor-container .sortable li {
    cursor: move
}

.topbar-dialog .pinned-site-editor-container .siteSwitcher-drag-handle-container {
    float: left;
    padding: 0;
    margin: 3px 5px 0 0
}

.topbar-dialog .pinned-site-editor-container .siteSwitcher-drag-handle-container .siteSwitcher-drag-handle {
    width: 1px;
    height: 20px;
    display: inline-block;
    border: 1px dotted #9199a1
}

.achievements-dialog {
    width: 450px;
    max-height: 505px;
    font-size: 12px
}

.achievements-dialog .utc-clock {
    color: #9199a1;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    padding-left: 5px;
    font-variant: small-caps
}

.achievements-dialog .date-group .date-group-toggle-row {
    cursor: pointer
}

.achievements-dialog .date-group .date-group-toggle {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-position: 2px -94px
}

.achievements-dialog .date-group .date-group-toggle.toggle-hidden {
    background-position: -17px -94px
}

.achievements-dialog ul {
    margin-bottom: 10px
}

.achievements-dialog .rep-change {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    display: inline-block;
    white-space: nowrap
}

.achievements-dialog .rep-up {
    color: #33a030
}

.achievements-dialog .rep-down {
    color: #e97171
}

.achievements-dialog .rep-site-container {
    margin: 10px 0;
    width: 100%;
    cursor: default
}

.achievements-dialog .rep-site-container .rep-site {
    width: 30px;
    display: inline-block;
    text-align: center
}

.achievements-dialog .rep-site-container .rep-site img {
    display: block;
    margin: 0 auto 4px auto
}

.achievements-dialog .date-header,.achievements-dialog .single-rep-site-container {
    font-weight: bold;
    margin: 3px 0 4px 0;
    display: inline-block;
    font-size: 12px
}

.achievements-dialog .date-header .rep-change,.achievements-dialog .single-rep-site-container .rep-change {
    font-size: 12px
}

.achievements-dialog .date-header {
    color: #848d95
}

.achievements-dialog .single-rep-site-container {
    margin-left: 2px
}

.achievements-dialog .items .site-icon {
    margin-right: 2px
}

.achievements-dialog .message-text {
    margin-left: 2px;
    width: 278px
}

.achievements-dialog .achievements-badge {
    display: inline-block;
    vertical-align: top;
    text-align: right
}

.achievements-dialog .achievements-privilege-category .icon {
    vertical-align: top;
    margin: 0;
    width: 18px
}

.achievements-dialog .modal-content.short {
    min-height: 297px;
    max-height: 297px
}

.achievements-dialog .modal-content.tiny {
    min-height: 197px;
    max-height: 197px
}

.achievements-dialog #next-badge-and-privilege {
    line-height: 1.3em;
    width: 100%;
    padding: 10px 0;
    background: #fafafb
}

.achievements-dialog #next-badge-and-privilege .header {
    padding: 0 0 10px 10px;
    background: #fafafb
}

.achievements-dialog #next-badge-and-privilege .subtitle {
    color: #6a737c;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px
}

.achievements-dialog #next-badge-and-privilege .subtitle .count {
    float: right
}

.achievements-dialog .progress-bar,.achievements-dialog .progress-bar-large {
    position: relative;
    height: 25px
}

.achievements-dialog .progress-bar .label,.achievements-dialog .progress-bar-large .label {
    font-size: 11px;
    font-weight: 500;
    color: rgba(47,51,55,0.9)
}

.achievements-dialog .progress-bar .bar,.achievements-dialog .progress-bar-large .bar {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.achievements-dialog .progress-bar .bar .percent,.achievements-dialog .progress-bar-large .bar .percent {
    height: 100%;
    position: relative;
    z-index: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.achievements-dialog .progress-bar .bar .label,.achievements-dialog .progress-bar-large .bar .label {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px;
    width: 100%;
    position: absolute;
    z-index: 1
}

.achievements-dialog .progress-bar.zero>.bar .percent,.achievements-dialog .progress-bar-large.zero>.bar .percent {
    display: none
}

.achievements-dialog .progress-bar.full .percent,.achievements-dialog .progress-bar-large.full .percent {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 0 !important
}

.achievements-dialog .progress-bar .badge1,.achievements-dialog .progress-bar .badge2,.achievements-dialog .progress-bar .badge3,.achievements-dialog .progress-bar-large .badge1,.achievements-dialog .progress-bar-large .badge2,.achievements-dialog .progress-bar-large .badge3 {
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 1
}

.achievements-dialog .progress-bar.badge-1 .bar,.achievements-dialog .progress-bar-large.badge-1 .bar {
    border: 1px solid #ece3c8
}

.achievements-dialog .progress-bar.badge-1 .bar .percent,.achievements-dialog .progress-bar-large.badge-1 .bar .percent {
    background: #ffcc00;
    border-left: 1px solid #ffcc00
}

.achievements-dialog .progress-bar.badge-1 .bar:hover .percent,.achievements-dialog .progress-bar-large.badge-1 .bar:hover .percent {
    background: #dbaf00
}

.achievements-dialog .progress-bar.badge-2 .bar,.achievements-dialog .progress-bar-large.badge-2 .bar {
    border: 1px solid #e0e1e3
}

.achievements-dialog .progress-bar.badge-2 .bar .percent,.achievements-dialog .progress-bar-large.badge-2 .bar .percent {
    background: #c5c5c5;
    border-left: 1px solid #c5c5c5
}

.achievements-dialog .progress-bar.badge-2 .bar:hover .percent,.achievements-dialog .progress-bar-large.badge-2 .bar:hover .percent {
    background: #b3b3b3
}

.achievements-dialog .progress-bar.badge-3 .bar,.achievements-dialog .progress-bar-large.badge-3 .bar {
    border: 1px solid #f1decc
}

.achievements-dialog .progress-bar.badge-3 .bar .percent,.achievements-dialog .progress-bar-large.badge-3 .bar .percent {
    background: #cc9966;
    border-left: 1px solid #cc9966
}

.achievements-dialog .progress-bar.badge-3 .bar:hover .percent,.achievements-dialog .progress-bar-large.badge-3 .bar:hover .percent {
    background: #c3874b
}

.achievements-dialog .next-tag-badge-container {
    width: 45%;
    display: inline-block;
    padding-left: 10px
}

.achievements-dialog .next-privilege-container {
    width: 45%;
    display: inline-block;
    padding-left: 10px
}

.achievements-dialog .next-privilege-container .progress-bar .bar,.achievements-dialog .next-privilege-container .progress-bar-large .bar {
    border: 1px solid #d6d9dc
}

.achievements-dialog .next-privilege-container .progress-bar .percent,.achievements-dialog .next-privilege-container .progress-bar-large .percent {
    background: #82ca9a;
    height: 25px;
    position: relative;
    left: -1px;
    border-left: 1px solid #82ca9a
}

.achievements-dialog .next-privilege-container .progress-bar:hover .percent,.achievements-dialog .next-privilege-container .progress-bar-large:hover .percent {
    background: #5fba7d
}

.achievements-dialog .next-privilege-container .progress-bar .icon,.achievements-dialog .next-privilege-container .progress-bar-large .icon {
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    background-image: url('../../Img/user-profile-sprite.png?v=6829b895a42c');
    background-image: url('../../Img/user-profile-sprite.svg?v=8cd8def8f520'),none
}

.achievements-dialog .next-privilege-container .progress-bar .icon.icon-milestone,.achievements-dialog .next-privilege-container .progress-bar-large .icon.icon-milestone {
    background-position: -28px -177px;
    width: 14px
}

.achievements-dialog .next-privilege-container .progress-bar .icon.icon-moderation,.achievements-dialog .next-privilege-container .progress-bar-large .icon.icon-moderation {
    background-position: -48px -177px;
    width: 17px
}

.achievements-dialog .next-privilege-container .progress-bar .icon.icon-communication,.achievements-dialog .next-privilege-container .progress-bar-large .icon.icon-communication {
    background-position: -70px -177px;
    width: 12px
}

.achievements-dialog .next-privilege-container .progress-bar .icon.icon-creation,.achievements-dialog .next-privilege-container .progress-bar-large .icon.icon-creation {
    background-position: -90px -177px;
    width: 12px
}

.achievements-dialog .next-badge-container {
    width: 45%;
    display: inline-block;
    padding-left: 10px
}

.achievements-dialog .next-badge-container.fill {
    width: 94%
}

.achievements-dialog .next-badge-container .progress-bar .percent,.achievements-dialog .next-badge-container .progress-bar-large .percent {
    position: relative;
    left: -1px;
    height: 25px
}

.achievements-dialog #explanation .message.message-config .actions {
    margin: 0
}

.achievements-dialog #explanation .message.message-config .message-text {
    width: 313px;
    margin: 0
}

.achievements-dialog #explanation .message.message-config .message-close {
    margin-top: 5px
}

.achievements-dialog #explanation .message.message-config.badge-card .actions {
    float: right;
    background: transparent
}

.achievements-dialog #explanation .message.message-config .bars-wrapper {
    width: 60%
}

.achievements-dialog #explanation .message.message-config .no-cta .bars-wrapper {
    width: 100%
}

.achievements-dialog #explanation .message-config .bars-wrapper {
    display: inline-block
}

.achievements-dialog #explanation .message-config .bars-wrapper .progress-bar:first-child,.achievements-dialog #explanation .message-config .bars-wrapper .progress-bar-large:first-child {
    margin-bottom: 2px
}

.achievements-dialog #explanation .message-config .bars-wrapper .progress-bar .bar,.achievements-dialog #explanation .message-config .bars-wrapper .progress-bar-large .bar {
    border: 0 !important;
    background: #e4e6e8 !important;
    height: 6px;
    border-radius: 2px;
    position: inherit;
    cursor: default
}

.achievements-dialog #explanation .message-config .bars-wrapper .progress-bar .bar .percent,.achievements-dialog #explanation .message-config .bars-wrapper .progress-bar-large .bar .percent {
    background: #82ca9a !important;
    height: 6px;
    border-left: 0 !important;
    top: 0
}

.self-actions {
    width: 200px;
    max-height: 505px;
    left: 535px
}

.comments {
    width: 660px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e4e6e8
}

.comments>table {
    width: 100%
}

.comments-link {
    padding: 0 3px 2px 3px
}

a.comments-link:hover {
    padding: 0 3px 2px 3px;
    text-decoration: none
}

tr.comment>td {
    padding: 6px 6px 6px 0;
    vertical-align: top;
    line-height: 1.3;
    border-bottom: 1px solid #eff0f1
}

.comment img {
    vertical-align: middle
}

.comment-flag,.comment-up,.comment-delete {
    visibility: hidden;
    cursor: pointer
}

.comment:hover .comment-flag,.comment:hover .comment-up,.comment:hover .comment-delete {
    visibility: visible
}

.comment-actions {
    padding-left: 3px;
    width: 15px
}

.comment-score span {
    font-size: 13px;
    font-weight: normal;
    padding-right: 4px
}

.comment-text,.comment-form {
    padding: 0 6px 0 7px;
    vertical-align: text-top
}

.comment-text code {
    padding: 1px 5px;
    white-space: normal
}

.comment-text .comment-edited {
    margin-top: 3px;
    margin-left: 2px;
    vertical-align: top
}

.comment-form>form>table {
    margin-top: 5px;
    margin-right: 5px;
    text-align: left
}

.comment-form>form>table,.comment-form>form>table td {
    vertical-align: top
}

.comment-form>form textarea {
    margin-bottom: 4px;
    height: 5em;
    width: 470px;
    resize: vertical
}

.comment-form>form input {
    margin-left: 10px;
    margin-top: 1px;
    display: block;
    cursor: pointer
}

.comment-form .edit-comment-cancel,.comment-form .comment-help-link {
    margin-left: 1em
}

.comment-date {
    color: #848d95
}

.comment-edit-hide {
    visibility: hidden
}

.text-counter {
    margin-right: 20px
}

.comment:hover .comment-flag,.comment:hover .comment-up,.comment:hover .comment-delete,.comment:hover .comment-edit-hide,.comment:hover .comment-up-on {
    visibility: visible
}

table.comment-edit-history {
    max-width: 850px
}

table.comment-edit-history th:first-child {
    padding-right: 6px
}

table.comment-edit-history td:first-child {
    text-align: center
}

table.comment-edit-history th,table.comment-edit-history td {
    font-size: 12px
}

table.comment-edit-history td:not(.comment-text) {
    white-space: nowrap
}

.no-comment-edit-history {
    padding-right: 20px
}

.comments-add-link {
    font-weight: bold
}

.comments-link-annotation {
    color: #6a737c
}

.account-title {
    max-width: 731px;
    margin: 30px auto
}

.account-title:before,.account-title:after {
    content: "";
    display: table
}

.account-title:after {
    clear: both
}

.account-title .text {
    padding: 10px 0 0 10px;
    float: left;
    width: 618px
}

.account-title .text h2 {
    margin-bottom: 10px
}

.account-title .img {
    width: 77px;
    height: 86px;
    background-image: url('../../img/signup.png?v=6f48487d38cc');
    background-image: url('../../img/signup.svg?v=e22986dddbf7'),none;
    background-position: 0 0;
    float: left
}

.account-preview-container {
    border: 1px solid #e4e6e8;
    max-width: 671px;
    padding: 40px 40px 52px 40px;
    margin: 0 auto;
    position: relative
}

.account-preview-container .inner-notice {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fafafb;
    color: #9199a1;
    font-size: 10px;
    text-align: center;
    padding: 2px 0;
    margin-top: 12px
}

.account-preview-container .input-container-block {
    display: block;
    margin-bottom: 20px
}

.account-preview-container .avatar-container {
    width: 164px
}

.account-preview-container .avatar-container .avatar {
    height: 164px;
    overflow: hidden
}

.account-preview-container .avatar-container .change-picture,.account-preview-container .avatar-container #change-picture {
    width: 164px;
    height: 20px;
    margin: 10px 0
}

.account-preview-container .avatar-container .help {
    text-align: center;
    color: #9199a1;
    font-size: 11px
}

.account-preview-container .timeline-dots {
    position: relative;
    min-height: 265px
}

.account-preview-container .timeline-dots .time {
    width: 2px;
    min-height: 100%;
    background: #d6e4eb;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 1px
}

.account-preview-container .timeline-dots .step {
    background: #7794a2;
    border: 2px solid #FFF;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    transition: background .15s ease
}

.account-preview-container .timeline-dots .step.active {
    background: #65bb5c
}

.account-preview-container .timeline-dots .step.step1 {
    top: 1px
}

.account-preview-container .timeline-dots .step.step2 {
    top: 82px
}

.account-preview-container .timeline-dots .step.step3 {
    top: 160px
}

.account-preview-container .timeline-dots .step.step4 {
    top: 293px
}

.account-preview-container .input-container-name input,.account-preview-container .input-container-tags input,.account-preview-container .hobby-area input {
    width: 429px
}

.account-preview-container .input-container-tags .tag-editor {
    margin-top: 5px
}

.account-preview-container .input-container-tags .tag-editor input {
    display: inline
}

.account-preview-container .switcher-container {
    margin-bottom: 6px;
    position: relative;
    display: inline-block
}

.account-preview-container .switcher-container:before,.account-preview-container .switcher-container:after {
    content: "";
    display: table
}

.account-preview-container .switcher-container:after {
    clear: both
}

.account-preview-container .switcher-container .switcher,.account-preview-container .switcher-container select {
    float: left
}

.account-preview-container .switcher-container select {
    margin: 19px 0 0 15px
}

.account-preview-container .switcher {
    margin-bottom: 0
}

.account-preview-container .double-input {
    width: 453px
}

.account-preview-container .double-input input {
    min-width: 188px
}

.account-preview-container .switcher-looking {
    width: 451px;
    border-right: 0
}

.account-preview-container .switcher-looking label {
    max-width: 109px;
    padding: 10px 20px
}

.account-preview-container .switcher-looking label:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.account-preview-container .switcher-looking label:last-of-type {
    border-right: 1px solid #e4e6e8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.account-preview-container .message.regular {
    display: none
}

.account-preview-container .about-careers.active,.account-preview-container .why-jobs.active {
    text-decoration: underline
}

.account-preview-container .notice {
    color: #6a737c;
    font-size: 11px
}

.account-cta {
    text-align: center;
    margin-bottom: 40px
}

.account-cta .ctas {
    margin: 40px auto
}

.account-cta .ctas a:first-child {
    margin-right: 10px
}

.account-cta .notice {
    font-size: 10px;
    color: #9199a1
}

.account-cta .notice a {
    color: #9199a1;
    text-decoration: underline
}

.account-preview-container .input-container-block {
    position: relative
}

.account-preview-container .informative-tooltip {
    background: #07C;
    width: 200px;
    top: 10px;
    opacity: 0;
    right: -220px;
    transition: right .15s ease,opacity .15s ease,top .15s ease
}

.account-preview-container .informative-tooltip.arrow.left-top:before,.account-preview-container .informative-tooltip.arrow.left-center:before,.account-preview-container .informative-tooltip.arrow.left-bottom:before {
    border-right-color: #07C
}

.account-preview-container .informative-tooltip.arrow.down-center:before {
    border-top-color: #07C
}

.account-preview-container input:hover+.informative-tooltip,.account-preview-container .tag-editor:hover+.informative-tooltip {
    display: block;
    right: -240px;
    opacity: 1
}

.account-preview-container .input-container-tags .informative-tooltip,.account-preview-container .switcher .informative-tooltip {
    top: 4px
}

.account-preview-container .input-container-name .informative-tooltip {
    top: 14px
}

.account-preview-container .switcher:not(.switcher-looking) label:hover~.informative-tooltip {
    display: block;
    right: -240px;
    opacity: 1
}

.account-preview-container .switcher-looking {
    overflow: inherit
}

.account-preview-container .switcher-looking .informative-tooltip {
    top: -40px;
    left: 50%;
    margin-left: -100px;
    visibility: hidden
}

.account-preview-container .switcher-looking label {
    position: relative
}

.account-preview-container .switcher-looking label:hover .informative-tooltip {
    opacity: 1;
    top: -68px;
    visibility: visible
}

.account-preview-container .switcher-looking label[for="active"]:hover .informative-tooltip {
    top: -84px
}

.account-preview-container .hobby-area {
    position: relative
}

.account-preview-container .hobby-area .informative-tooltip {
    top: 0
}

.careers-intro {
    margin: 0 auto
}

.careers-intro .header-bg {
    border: 1px solid #e4e6e8;
    padding: 40px 0;
    text-align: center;
    background-image: url('../../img/signup_careers_bg.png?v=c68691128d80');
    background-image: url('../../img/signup_careers_bg.svg?v=5d801525dc19'),none;
    background-position: center center
}

.careers-intro .message.success {
    max-width: 980px
}

.careers-intro #content {
    min-height: 0;
    padding-bottom: 40px
}

.careers-intro h2 {
    margin-bottom: 10px
}

.careers-intro h2.sub {
    padding: 30px 0
}

.careers-intro p.lead {
    margin-bottom: 0
}

.careers-intro p.lead.question {
    margin-top: 20px
}

.careers-intro .choices {
    padding-bottom: 30px;
    margin: 0 auto;
    max-width: 630px !important
}

.careers-intro .choices .radio-box {
    width: 130px
}

.careers-intro .choices label {
    font-size: 14px
}

.careers-intro .choices p {
    color: #6a737c
}

.careers-intro .features .col-4 {
    margin-bottom: 14px
}

.careers-intro .features .col-4:before,.careers-intro .features .col-4:after {
    content: "";
    display: table
}

.careers-intro .features .col-4:after {
    clear: both
}

.careers-intro .features .img {
    width: 22px;
    height: 22px;
    padding-right: 15px;
    background: url('../../img/signup.png?v=6f48487d38cc');
    background: url('../../img/signup.svg?v=e22986dddbf7'),none
}

.careers-intro .features .img.img-1 {
    background-position: 0 -124px
}

.careers-intro .features .img.img-2 {
    background-position: 0 -165px
}

.careers-intro .features .img.img-3 {
    background-position: 0 -199px
}

.careers-intro .features .img.img-4 {
    background-position: 0 -240px
}

.careers-intro .features .img.img-5 {
    background-position: 0 -272px
}

.careers-intro .features .img.img-6 {
    background-position: 0 -308px
}

.careers-intro .features .text,.careers-intro .features .img {
    float: left
}

.careers-intro .features .text {
    width: 270px
}

.careers-intro .features p {
    color: #6a737c;
    padding-top: 8px
}

.careers-intro .notice {
    color: #6a737c;
    font-size: 11px;
    padding-top: 8px
}

.careers-intro .ctas a:first-child {
    margin-right: 6px
}

.hero-step-counter {
    position: relative;
    top: 14px;
    display: flex;
    -ms-display: flex;
    justify-content: center;
    -ms-justify-content: center
}

.hero-step-counter .step {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D6E2EA
}

.hero-step-counter .step:not(:first-child) {
    margin-left: 15px
}

.hero-step-counter .step.active {
    background: #3af
}

.hero-step-counter .step.completed {
    background: url('../../img/developer-story/onboarding/check.svg?v=38ab7ededf29') no-repeat center center;
    width: 11px
}

.hero-box.devstory {
    box-sizing: border-box;
    width: 476px;
    padding: 30px;
    margin: 40px auto;
    border: 1px solid #e4e6e8;
    background: white;
    color: #242729
}

.hero-box.devstory~.timeline-wrapper,.hero-box.devstory~.header-cta {
    display: none
}

.hero-box.devstory .input-group:last-of-type {
    margin-bottom: 0
}

.hero-box.devstory .tag-editor {
    position: relative;
    overflow: hidden;
    min-width: 100%;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 1px 0 2px 5px;
    vertical-align: middle;
    color: #3b4045;
    height: auto !important;
    min-height: 36px !important
}

.hero-box.devstory .tag-editor .post-tag {
    padding: 6px 5px 5px 6px;
    margin: 3px 3px 1px 3px
}

.hero-box.devstory .tag-editor input[type="text"] {
    margin: 0;
    height: 30px;
    box-sizing: content-box;
    padding: 0 0 0 5px !important
}

.hero-box.devstory .tag-editor input[type="text"]:not([placeholder=""]) {
    padding-left: 10px !important;
    min-width: 230px
}

.hero-box.devstory .hero-title {
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e4e6e8
}

.hero-box.devstory .hero-title>h2 {
    font-size: 20px;
    color: #3b4045;
    font-weight: 400;
    margin-bottom: 6px
}

.hero-box.devstory .hero-title>p {
    font-size: 14px;
    color: #848d95;
    margin-bottom: 0
}

.hero-box.devstory .hero-content {
    padding: 15px 0;
    max-width: 416px;
    margin: 0 auto
}

.hero-box.devstory .hero-content._small {
    max-width: 284px
}

.hero-box.devstory .hero-content .tag-editor {
    margin-top: 5px
}

.hero-box.devstory .hero-content .double-input.flex {
    margin-bottom: 14px
}

.hero-box.devstory .hero-content .double-input.flex+p.message {
    margin: -14px 0 10px 0
}

.hero-box.devstory .hero-content .double-input.flex .separator {
    margin: 0
}

.hero-box.devstory .hero-content .double-input.flex input[type="text"] {
    margin: 0;
    width: 100%
}

.hero-box.devstory .hero-content .double-input.flex .autocomplete {
    flex-grow: 1;
    -ms-flex-grow: 1;
    width: 100%
}

.hero-box.devstory .hero-content .double-input.flex .autocomplete .coverable-input,.hero-box.devstory .hero-content .double-input.flex .autocomplete .coverable-input input {
    height: 100%
}

.hero-box.devstory .hero-content .double-input.flex .autocomplete input[type="text"] {
    width: 100%;
    margin: 0
}

.hero-box.devstory .avatar-container {
    position: relative;
    width: 174px;
    height: 174px;
    margin: 0 auto
}

.hero-box.devstory .avatar-container .change-picture-container {
    background: rgba(12,13,14,0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.hero-box.devstory .avatar-container .change-picture-container #change-picture {
    color: white;
    width: auto;
    height: auto;
    padding: 8px
}

.hero-box.devstory .job-search-status-options>label {
    display: block;
    margin-top: 6px
}

.hero-box.devstory .hero-cta-section {
    padding-top: 20px;
    margin-top: 15px;
    border-top: 1px solid #e4e6e8;
    display: flex;
    -ms-display: flex;
    justify-content: center;
    -ms-justify-content: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.hero-box.devstory .hero-cta-section .main-cta {
    width: 100%;
    font-size: 15px;
    flex-grow: 1;
    -ms-flex-grow: 1;
    order: 1;
    -ms-order: 1;
    margin-bottom: 10px
}

.hero-box.devstory .hero-cta-section>*:not(.main-cta) {
    order: 2;
    -ms-order: 2;
    color: #9199a1
}

.hero-box.devstory .hero-cta-section>*:not(.main-cta):not(:last-child) {
    margin-right: 4px
}

.hero-box.devstory .hero-cta-section>*:not(.main-cta) a {
    color: #9199a1
}

.hero-box.devstory .hero-cta-section>*:not(.main-cta) a:hover {
    color: #3af
}

.hero-box.devstory .hero-cta-section>*:not(.main-cta):hover {
    color: #3af
}

.hero-box.devstory .filters {
    margin: 30px 0 -20px 0
}

.hero-box.devstory .filters label {
    color: #777;
    padding-bottom: 11px;
    cursor: pointer;
    font-size: 12px
}

.hero-box.devstory .filters label:hover {
    color: #222
}

.hero-box.devstory .filters label:not(:first-of-type) {
    margin-left: 20px
}

.hero-box.devstory .filters input[type="radio"] {
    display: none
}

.hero-box.devstory .filters input[type="radio"]:checked+label {
    color: #222;
    border-bottom: 1px solid #F48024
}

.hero-box.devstory .f-input {
    transition: none
}

.hero-box.devstory+.notice {
    color: #9199a1;
    font-size: 10px;
    text-align: center;
    margin-top: -30px
}

.hero-box.devstory+.notice p {
    font-style: normal
}

.hero-box.devstory+.notice a {
    color: #9199a1;
    text-decoration: underline
}

.hero-box.devstory .textarea-with-counter textarea {
    width: 100%
}

.event-form {
    box-sizing: border-box;
    width: 500px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #d6d9dc;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.event-form * {
    box-sizing: border-box
}

.event-form label {
    font-weight: bold;
    display: block;
    padding-bottom: 5px
}

.event-form>.-row {
    padding-bottom: 15px
}

.event-form>.-row input[type="text"],.event-form>.-row input[type="password"],.event-form>.-row input[type="number"],.event-form>.-row input[type="email"],.event-form>.-row input[type="url"],.event-form>.-row input[type="search"],.event-form>.-row input[type="tel"],.event-form>.-row input[type="datetime"],.event-form>.-row input[type="datetime-local"],.event-form>.-row input[type="date"],.event-form>.-row textarea,.event-form>.-row select {
    width: 100%;
    margin: 0
}

.event-form>.-row select {
    padding: 8px 10px
}

.event-form>.-row:last-child {
    padding-bottom: 0
}

.event-form h2 {
    margin-top: 0 !important
}

.event-form .message {
    width: 100%;
    margin: 0 0 15px 0
}

.data-list {
    box-sizing: border-box;
    width: 500px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #d6d9dc;
    border-radius: 2px;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.data-list li {
    border-bottom: 1px solid #d6d9dc;
    display: flex;
    flex-flow: nowrap
}

.data-list li>span {
    padding: 10px 0
}

.data-list li .-label {
    width: 30%;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
    background: #eff0f1;
    color: #848d95
}

.data-list li .-value {
    width: 70%;
    padding-left: 10px
}

.data-list li:last-child {
    border-bottom: 0
}

.marketing-events .-event {
    margin-bottom: 20px;
    border: 1px solid #d6d9dc;
    border-radius: 2px;
    padding: 25px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.marketing-events .-event .-logo {
    width: 150px;
    background: #eff0f1;
    text-align: center
}

.marketing-events .-event .-logo img {
    border-radius: 2px;
    max-width: 150px;
    max-height: 112px;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-bottom: 0
}

.marketing-events .-event .-logo .-empty {
    background: #eff0f1;
    border-radius: 2px;
    text-align: center;
    height: 112px;
    line-height: 112px;
    display: block;
    color: #bbc0c4
}

.marketing-events .-event .-details {
    padding-left: 20px
}

.marketing-events .-event .-details h3 {
    font-size: 16px;
    margin-bottom: 5px
}

.marketing-events .-event .-details .-meta {
    color: #848d95;
    margin-bottom: 10px
}

.marketing-events .-event .-details p {
    margin-bottom: 0;
    color: #535a60
}

body.user-page #content * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.user-page .popup #tabs>a {
    margin-top: -1px
}

.l-col-primary,.l-col-secondary {
    float: left
}

.l-col-primary {
    margin-left: 40px;
    width: 720px
}

.l-col-secondary {
    width: 220px
}

.col-sidebar {
    width: 220px;
    margin-right: 40px;
    float: left;
    overflow: hidden
}

.col-content {
    width: 720px;
    float: left
}

.col-6.with-padding:first-child {
    padding-right: 10px
}

.col-6.with-padding:last-child {
    padding-left: 10px
}

#main-content:before,#main-content:after {
    content: "";
    display: table
}

#main-content:after {
    clear: both
}

.label-uppercase {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    color: #999
}

.label-uppercase.border-top {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #E0E0E0
}

.title-section {
    font-weight: 700;
    margin-bottom: 16px;
    border-bottom: 1px solid #e4e6e8;
    padding-bottom: 10px
}

.title-section.no-border {
    border-bottom: 0;
    margin-bottom: 0
}

.title-section span {
    color: #999;
    font-weight: 400
}

.title-section .numbers {
    float: right
}

.title-section .number {
    font-size: 12px
}

.title-section .number i {
    margin-right: 2px;
    display: inline-block
}

.title-section .number,.title-section .number i {
    vertical-align: middle
}

.title-section a.settings {
    color: #777;
    font-size: 11px;
    font-weight: 400;
    float: right;
    position: relative;
    top: 1px
}

.title-section a.settings:hover {
    text-decoration: underline
}

.title-section a.settings .icon-settings {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -1px
}

.privacy-switch-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    -ms-display: inline-flex;
    -ms-align-items: center
}

.privacy-switch-btn>span[class^="icon-privacy"] {
    margin-right: 4px
}

.privacy-switch-btn:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4D6F88;
    margin-left: 4px
}

.privacy-switch-btn .privacy-list {
    width: 150px;
    text-align: left;
    right: 3px;
    top: 27px
}

.privacy-switch-btn .privacy-list .privacy-list-item {
    display: block;
    padding: 10px
}

.privacy-switch-btn .privacy-list .privacy-list-item:not(:last-of-type) {
    border-bottom: 1px solid #e4e6e8
}

.privacy-switch-btn .privacy-list .privacy-list-item:hover {
    background: #F1F1F1
}

.privacy-switch-btn .privacy-list .privacy-list-item-title {
    font-weight: 700
}

.privacy-switch-btn .privacy-list .privacy-list-item-description {
    font-size: 11px;
    display: block;
    color: #777
}

.user-page .tabs,.user-page #tabs,.user-show-new .tabs,.user-page .newnav .tabs-list-container .tabs-list .intellitab,.user-show-new .newnav .tabs-list-container .tabs-list .intellitab {
    float: left
}

.user-page .subheader.reloaded {
    box-sizing: content-box !important
}

.user-page .subheader.reloaded:before,.user-page .subheader.reloaded:after {
    content: "";
    display: table
}

.user-page .subheader.reloaded:after {
    clear: both
}

.user-page .subheader.reloaded .tabs:before,.user-page .subheader.reloaded #tabs:before,.user-page .subheader.reloaded .tabs:after,.user-page .subheader.reloaded #tabs:after,.user-page .subheader.reloaded .newnav .tabs-list-container .tabs-list .intellitab:before,.user-page .subheader.reloaded .newnav .tabs-list-container .tabs-list .intellitab:after {
    content: "";
    display: table
}

.user-page .subheader.reloaded .tabs:after,.user-page .subheader.reloaded #tabs:after,.user-page .subheader.reloaded .newnav .tabs-list-container .tabs-list .intellitab:after {
    clear: both
}

.user-page .subheader.reloaded .mini-avatar {
    float: right
}

.user-page .subheader.reloaded .mini-avatar .user-gravatar-mini,.user-page .subheader.reloaded .mini-avatar .name {
    float: left
}

.user-page .subheader.reloaded .mini-avatar .user-gravatar-mini {
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    top: -5px
}

.user-page .subheader.reloaded .mini-avatar .user-gravatar-mini a {
    display: block
}

.user-page .subheader.reloaded .mini-avatar .name {
    color: #0C0D0E;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 0 0 0;
    text-align: right;
    margin-right: 10px;
    margin-left: 18px;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
    position: relative;
    top: -3px
}

.user-page .subheader.reloaded .mini-avatar .name.mod-tabs {
    max-width: 150px
}

.user-page .subheader.reloaded .mini-avatar .name span {
    font-weight: 400;
    color: #999;
    margin-left: 6px
}

.user-page .subheader.reloaded .mini-avatar .name .mod-flair {
    color: #0C0D0E
}

.user-page .subheader.reloaded .additional-links {
    float: right;
    position: relative;
    top: 10px
}

.user-page .subheader.reloaded .additional-links .favicon {
    position: relative;
    top: 3px
}

.user-page .subheader.reloaded .additional-links a {
    margin-right: 18px;
    padding-right: 8px;
    position: relative;
    font-size: 12px
}

.user-page .subheader.reloaded .additional-links a:last-child {
    margin-right: 0
}

.user-page .subheader.reloaded .additional-links a .favicon {
    position: absolute;
    top: -2px;
    left: -20px
}

.user-page .subheader.reloaded .additional-links a.is-hidden {
    opacity: .4
}

.user-page .subheader.reloaded .additional-links .mod-links {
    margin-right: 20px
}

.user-page .subheader.reloaded .additional-links .mod-links .mod-flag-indicator {
    margin-right: 4px
}

.user-page .subheader.reloaded .additional-links .mod-links .mod-flag-indicator:last-child {
    margin-right: 0
}

.user-page .subheader.reloaded .additional-links .mod-links .account-toggle {
    padding: 6px 8px;
    border-radius: 6px
}

.user-page .subheader.reloaded .additional-links .mod-links .account-toggle.active {
    background: #07C;
    color: #FFF
}

.user-page .subheader.reloaded .mod-links .supernovabg {
    background: #F48024
}

.user-page .subheader.reloaded .mod-links .supernovabg,.user-page .subheader.reloaded .mod-links .hotbg {
    color: #FFF !important
}

.user-page .subheader.reloaded .mod-links .supernovabg:hover,.user-page .subheader.reloaded .mod-links .hotbg:hover {
    color: #FFF !important
}

.user-page .subheader.reloaded .popup-close a:hover {
    color: #FFF !important;
    border-bottom: 0;
    background: #444
}

.avatar-card {
    border: 1px solid #c8ccd0;
    border-radius: 4px;
    text-align: center;
    padding: 17px;
    box-shadow: inset 0 130px 0 #e7e8ea
}

.avatar-card a {
    display: block
}

.avatar-card .avatar {
    width: 164px;
    height: 164px;
    overflow: hidden;
    margin: auto;
    margin-top: 10px
}

.avatar-card .reputation {
    padding: 12px 0;
    font-size: 22px;
    font-weight: 300;
    color: #181a1c
}

.avatar-card .reputation .label-uppercase {
    vertical-align: middle
}

.avatar-card .gravatar-wrapper-164,.avatar-card .gravatar-wrapper-164 img {
    border-radius: 2px
}

.about::-webkit-scrollbar {
    width: 6px;
    background: #f4f4f4
}

.about::-webkit-scrollbar-thumb {
    background: #bbc0c4
}

.user-card {
    margin-top: 26px
}

.user-card .col-right {
    float: right
}

.user-card .about {
    height: 278px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    margin-right: 20px;
    max-width: 63%
}

.user-card .about.empty-bio .user-stats {
    padding-top: 10px
}

.user-card .about.empty-bio .user-links .stat,.user-card .about.empty-bio .user-links .col-6 {
    width: auto;
    margin-left: 30px
}

.user-card .about.empty-bio .user-links .stat:first-child,.user-card .about.empty-bio .user-links .col-6:first-child {
    margin-left: 0
}

.user-card .about.empty-bio .user-links ul:before,.user-card .about.empty-bio .user-links ul:after {
    content: "";
    display: table
}

.user-card .about.empty-bio .user-links ul:after {
    clear: both
}

.user-card .about.empty-bio .user-links ul li {
    float: left;
    width: 45%;
    margin-top: 0;
    margin-bottom: 15px;
    margin-right: 20px
}

.user-card .user-card-name {
    color: #0C0D0E !important;
    font-weight: 700;
    font-size: 28px !important;
    margin: 10px 0 6px 0 !important;
    line-height: 28px;
    word-break: break-all
}

.user-card .user-card-name span {
    font-weight: 400;
    color: #999;
    font-size: 18px;
    position: relative;
    top: -3px
}

.user-card .user-card-name .mod-flair {
    font-size: 28px;
    color: #0C0D0E;
    top: 0;
    margin-left: 10px
}

.user-card .current-position {
    font-size: 18px;
    color: #777;
    line-height: 20px;
    margin-bottom: 14px
}

.user-card .current-position a:not(.add) {
    color: #777;
    border-bottom: 1px solid #c5c5c5
}

.user-card .current-position a:not(.add):hover {
    color: #07C;
    border-color: #07C
}

.user-card .current-position .add {
    font-size: 15px
}

.user-card .bio {
    font-size: 15px;
    line-height: 20px;
    padding-right: 20px
}

.user-card .bio p {
    margin-bottom: 10px
}

.user-card .bio p:last-child,.user-card .bio ul:last-child {
    margin-bottom: 0
}

.user-card .bio p,.user-card .bio a {
    word-break: break-word
}

.user-card .bio sub {
    position: inherit;
    top: inherit
}

.user-card .btn-careers {
    margin-bottom: 6px
}

.user-card .user-stats {
    color: #666;
    padding: 20px 0 20px 0
}

.user-card .user-stats .number {
    display: block;
    color: #0C0D0E;
    font-weight: 700;
    font-size: 17px
}

.user-card .user-stats .stat {
    margin-left: 6px
}

.user-card .user-stats .stat:first-child {
    margin-left: 0
}

.user-card .user-stats .stat:last-child {
    margin-left: 14px
}

.user-card .user-links {
    color: #666;
    position: relative
}

.user-card .user-links ul {
    overflow: hidden;
    margin-bottom: 0
}

.user-card .user-links ul li {
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-top: 11px
}

.user-card .user-links ul li:first-child {
    margin-top: 0
}

.user-card .user-links ul li span[class^="icon-"] {
    margin-right: 3px
}

.user-card .user-links ul li span[class^="icon-"].icon-envelope-fill-gray {
    float: left;
    margin-right: 7px
}

.user-card .user-links ul li a {
    color: #666
}

.user-card .user-links ul li a:visited {
    color: #666
}

.user-card .user-links ul li a:hover {
    text-decoration: underline
}

.user-card .user-links #days-visited:hover {
    text-decoration: underline
}

.user-card .user-links .ui-datepicker {
    right: 0
}

.top-badge {
    background: #07C;
    color: #FFF;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 2px;
    display: inline-block;
    padding: 0 6px;
    vertical-align: middle;
    line-height: 24px
}

.top-badge a {
    color: #FFF
}

.sidebar-element,.content-element {
    margin-top: 38px
}

.content-element .view-more {
    margin-bottom: 6px
}

.sidebar-element .list {
    line-height: 16px
}

.sidebar-element .list li {
    margin-top: 14px
}

.sidebar-element .list li:before,.sidebar-element .list li:after {
    content: "";
    display: table
}

.sidebar-element .list li:after {
    clear: both
}

.sidebar-element .list li::first-child {
    margin-top: 0
}

.sidebar-element .list li a.site-hyperlink {
    position: relative
}

.sidebar-element .list li .rep-and-badges {
    display: inline-block;
    position: absolute;
    right: 0;
    margin: 0;
    margin-top: -1px;
    background-color: #FFF
}

.sidebar-element .list li .rep-and-badges .reputation-score {
    color: #40403d
}

.sidebar-element .list li .rep-and-badges:before {
    position: absolute;
    left: -3.08em;
    top: 0;
    height: 100%;
    width: 3.08em;
    display: inline-block;
    content: '';
    background: linear-gradient(270deg, #FFF, rgba(255,255,255,0))
}

.sidebar-element .list li .rep-and-badges .badge1,.sidebar-element .list li .rep-and-badges .badge2,.sidebar-element .list li .rep-and-badges .badge3 {
    height: 16px;
    width: 9px !important;
    margin: 0 1px 0 2px;
    background-image: none
}

.sidebar-element .list li .rep-and-badges .badge1:before,.sidebar-element .list li .rep-and-badges .badge2:before,.sidebar-element .list li .rep-and-badges .badge3:before {
    position: relative;
    content: "\25cf";
    font-size: 16px;
    margin-right: 0;
    line-height: auto
}

.sidebar-element .list li .rep-and-badges .badge1:before {
    color: #ffb400
}

.sidebar-element .list li .rep-and-badges .badge1+.badgecount {
    color: #6f664e
}

.sidebar-element .list li .rep-and-badges .badge2:before {
    color: #CCC
}

.sidebar-element .list li .rep-and-badges .badge2+.badgecount {
    color: #6d6a6a
}

.sidebar-element .list li .rep-and-badges .badge3:before {
    color: #d28c48
}

.sidebar-element .list li .rep-and-badges .badge3+.badgecount {
    color: #6d6a6a
}

.sidebar-element .list li .rep-and-badges.rep-hover {
    opacity: 0;
    right: -100%;
    width: 0
}

.sidebar-element .list li:hover .rep-and-badges.rep-hover {
    right: 0;
    opacity: 1;
    width: auto;
    transition: right .1s ease,opacity .3s ease,width .3s linear
}

.sidebar-element .list .rep {
    font-weight: 300;
    color: #777;
    float: right
}

.sidebar-element .list .score {
    color: #777;
    padding-right: 6px
}

.sidebar-element .list.list-icons .favicon {
    margin-right: 4px;
    vertical-align: top
}

.sidebar-element .list.list-icons .favicon,.sidebar-element .list.list-icons li a {
    display: inline-block
}

.sidebar-element .list.list-icons li a {
    width: 88%
}

.sidebar-element.teams .list .-item {
    position: relative;
    display: block
}

.sidebar-element.teams .list .favicon,.sidebar-element.teams .list .-item a {
    display: inline-block;
    vertical-align: middle
}

.sidebar-element.teams .list .favicon {
    width: 24px;
    height: 24px
}

.sidebar-element.teams .list .-item>a {
    width: calc(100% - 32px)
}

.communities .community-name {
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.communities .community-name,.communities .rep {
    font-size: 13px
}

.communities .mod-flair {
    position: relative;
    top: -3px
}

.communities .view-more:before,.communities .view-more:after {
    content: "";
    display: table
}

.communities .view-more:after {
    clear: both
}

.communities .view-more a {
    width: auto !important
}

.communities .view-more a:first-child {
    float: left
}

.communities .view-more a:last-child {
    float: right
}

.communities .is-hidden {
    opacity: .4
}

.top-tags .tag-wrapper .tag-container {
    background: #f3f6f8;
    margin-bottom: 5px;
    height: auto;
    padding: 0 !important
}

.top-tags .tag-wrapper .tag-container:last-child {
    margin-bottom: 0
}

.top-tags .tag-wrapper .tag-container .col {
    padding: 10px;
    border-right: 5px solid white;
    position: relative
}

.top-tags .tag-wrapper .tag-container .col:last-child {
    border-right: 0
}

.top-tags .tag-wrapper .tag-container .stat {
    float: right
}

.top-tags .tag-wrapper .tag-container .stat .number {
    color: #666;
    font-size: 13px;
    text-align: right
}

.top-tags .tag-wrapper .tag-container .stat .number span {
    font-size: 10px;
    font-weight: 700;
    color: #AAA;
    text-transform: uppercase;
    vertical-align: middle
}

.top-tags .tag-wrapper .tag-container .col-12,.top-tags .tag-wrapper .tag-container .col-6,.top-tags .tag-wrapper .tag-container .col-4 {
    height: 54px
}

.top-tags .tag-wrapper .tag-container .col-12:before,.top-tags .tag-wrapper .tag-container .col-6:before,.top-tags .tag-wrapper .tag-container .col-4:before,.top-tags .tag-wrapper .tag-container .col-12:after,.top-tags .tag-wrapper .tag-container .col-6:after,.top-tags .tag-wrapper .tag-container .col-4:after {
    content: "";
    display: table
}

.top-tags .tag-wrapper .tag-container .col-12:after,.top-tags .tag-wrapper .tag-container .col-6:after,.top-tags .tag-wrapper .tag-container .col-4:after {
    clear: both
}

.top-tags .tag-wrapper .tag-container .col-12 .badge-tag,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag,.top-tags .tag-wrapper .tag-container .col-12 .post-tag,.top-tags .tag-wrapper .tag-container .col-6 .post-tag,.top-tags .tag-wrapper .tag-container .col-4 .post-tag {
    float: left
}

.top-tags .tag-wrapper .tag-container .col-12 .badge-tag,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 8px;
    border: 0 !important;
    background: none !important;
    font-size: inherit;
    position: relative
}

.top-tags .tag-wrapper .tag-container .col-12 .badge-tag:hover,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag:hover,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag:hover {
    border: 0 !important;
    background: none !important
}

.top-tags .tag-wrapper .tag-container .col-12 .badge-tag:hover,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag:hover,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag:hover {
    color: #FFF
}

.top-tags .tag-wrapper .tag-container .col-12 .badge-tag .badge1,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag .badge1,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag .badge1,.top-tags .tag-wrapper .tag-container .col-12 .badge-tag .badge2,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag .badge2,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag .badge2,.top-tags .tag-wrapper .tag-container .col-12 .badge-tag .badge3,.top-tags .tag-wrapper .tag-container .col-6 .badge-tag .badge3,.top-tags .tag-wrapper .tag-container .col-4 .badge-tag .badge3 {
    position: absolute;
    top: 50%;
    margin: -4px 0 0 6px;
    height: 8px;
    width: 8px
}

.top-tags .tag-wrapper .tag-container .col-12 .post-tag,.top-tags .tag-wrapper .tag-container .col-6 .post-tag {
    margin: 0
}

.top-tags .tag-wrapper .tag-container .col-12 .stat .number,.top-tags .tag-wrapper .tag-container .col-6 .stat .number {
    color: #444;
    float: left;
    margin-right: 18px
}

.top-tags .tag-wrapper .tag-container .col-12 .stat .number:last-child,.top-tags .tag-wrapper .tag-container .col-6 .stat .number:last-child {
    margin-right: 0
}

.top-tags .tag-wrapper .col-12 .post-tag,.top-tags .tag-wrapper .col-12 .badge-tag {
    font-size: 17px
}

.top-tags .tag-wrapper .col-12 .favorite-tag {
    padding-right: 1.4em
}

.top-tags .tag-wrapper .col-12 .stat {
    margin-top: 7px
}

.top-tags .tag-wrapper .col-12 .stat .number {
    font-size: 21px
}

.top-tags .tag-wrapper .col-6 .post-tag {
    margin-top: 3px !important;
    max-width: 134px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-tags .tag-wrapper .col-6 .favorite-tag {
    padding-right: 1.6em
}

.top-tags .tag-wrapper .col-6 .post-tag,.top-tags .tag-wrapper .col-6 .badge-tag {
    font-size: 14px
}

.top-tags .tag-wrapper .col-6 .stat {
    margin-top: 5px
}

.top-tags .tag-wrapper .col-6 .stat .number {
    font-size: 16px
}

.top-tags .tag-wrapper .col-4 .post-tag,.top-tags .tag-wrapper .col-3 .post-tag,.top-tags .tag-wrapper .col-2 .post-tag {
    max-width: 134px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-tags .tag-wrapper .col-4 .post-tag,.top-tags .tag-wrapper .col-3 .post-tag,.top-tags .tag-wrapper .col-2 .post-tag {
    margin-top: 5px
}

.top-tags .tag-wrapper .col-4 .stat .number,.top-tags .tag-wrapper .col-3 .stat .number,.top-tags .tag-wrapper .col-2 .stat .number {
    font-size: 10px;
    font-weight: 700
}

.top-posts .filter {
    float: right;
    position: relative;
    top: -6px
}

.top-posts h3 {
    margin-bottom: 0
}

.top-posts .empty {
    margin-top: 14px
}

.top-posts .post-container {
    padding: 14px 0 13px 0;
    border-bottom: 1px solid #e4e6e8;
    font-size: 13px
}

.top-posts .post-container:before,.top-posts .post-container:after {
    content: "";
    display: table
}

.top-posts .post-container:after {
    clear: both
}

.top-posts .post-container>a,.top-posts .post-container>span {
    float: left;
    display: block
}

.top-posts .post-container a {
    font-size: 13px;
    font-weight: 400;
    width: 79%;
    margin-bottom: 0
}

.top-posts .post-container a,.top-posts .post-container .post-date {
    padding-top: 4px
}

.top-posts .post-container:last-child {
    border-bottom: 0
}

.top-posts .post-container .icon-a,.top-posts .post-container .icon-q {
    position: relative;
    top: -1px;
    margin-right: 10px
}

.top-posts .post-container .post-date {
    color: #777;
    float: right
}

.badges-content h4 {
    margin: 10px 0
}

.badges-content .badge,.badges-content .badge-tag {
    vertical-align: middle
}

.badges-content .title-section.no-border {
    margin-bottom: 4px
}

.badges-content .badge-date {
    color: #777;
    float: right
}

.badges-content .notable {
    margin-right: 60px
}

.badges-content .notable li {
    margin-top: 6px
}

.badges-content .notable li:first-child {
    margin-top: 0
}

.badges-content .description {
    display: block;
    margin: 2px 0 10px 0;
    line-height: 14px;
    font-size: 11px
}

.badges-content #badge-dots-table {
    margin: 15px 0
}

.badges-content #badge-dots-table td {
    font-size: 16px;
    line-height: 16px;
    vertical-align: top;
    padding-bottom: 10px;
    color: #444
}

.badges-content #badge-dots-table td:first-child {
    padding-right: 10px;
    white-space: nowrap
}

.badges-content #badges-table {
    width: 100%
}

.badges-content #badges-table tr td {
    width: 33.3%;
    vertical-align: top
}

.badges-content .badges-wrapper {
    border-right: 1px solid #e4e6e8;
    padding: 0 15px
}

.badges-content .badges-wrapper:first-child {
    padding-left: 0
}

.badges-content .badges-wrapper:last-child {
    padding-right: 0;
    border-right: 0
}

.badges-content .badges-number {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    padding: 7px
}

.badges-content .badges-number.empty {
    border: 1px solid transparent
}

.badges-content .badges-number .name {
    text-transform: uppercase;
    color: #999;
    font-size: 11px;
    font-weight: 700
}

.badges-content .badges-number .number {
    font-size: 24px;
    display: block;
    margin: 6px 0 4px 0
}

.badges-content .rarest h4 span {
    color: #999;
    font-weight: 400
}

.badges-content .rarest .badges-list {
    margin-bottom: 0
}

.badges-content .rarest .badges-list li {
    margin-bottom: 6px
}

.badges-content .rarest .badges-list li:last-child {
    margin-bottom: 0
}

.badges-content .rarest .badges-list .badge,.badges-content .rarest .badges-list .badge-tag {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.placeholders .placeholder {
    text-align: center;
    border-top: 1px solid #e4e6e8;
    padding-top: 30px;
    margin-top: 66px
}

.placeholders .placeholder .img {
    background-image: url("../../Img/user-profile-no-data.png?v=46e1d6ac8e7d");
    background-image: url("../../Img/user-profile-no-data.svg?v=842b715130fe"),none;
    background-repeat: no-repeat;
    background-position: 5px 0;
    width: 150px;
    height: 145px;
    margin: 0 auto 15px auto
}

.placeholders .placeholder h3 {
    margin-bottom: .5em
}

.placeholders .placeholder p {
    color: #9fa6ad;
    max-width: 350px;
    margin: 0 auto
}

.placeholders .placeholder p a {
    text-decoration: underline;
    color: #9fa6ad
}

.placeholders .placeholder p a:hover {
    color: #07C
}

.user-card .user-stats.placeholder {
    color: #0C0D0E
}

.user-card .user-stats.placeholder span {
    margin: 0 3px 3px 0
}

.communities-posts.placeholder .site-list {
    margin: 0
}

.communities-posts.placeholder .site-list li {
    display: inline;
    padding-right: 9px
}

.communities-posts.placeholder .site-list li:last-child {
    padding-right: 0
}

.communities-posts.placeholder .site-list a,.communities-posts.placeholder .site-list span {
    display: inline-block
}

.communities-posts.placeholder .site-list .view-more:before,.communities-posts.placeholder .site-list .view-more:after {
    content: "";
    display: table
}

.communities-posts.placeholder .site-list .view-more:after {
    clear: both
}

.communities-posts.placeholder .site-list .view-more a {
    margin-top: 1em;
    float: right
}

#top-cards {
    padding: 12px 0 26px 0
}

.user-page .card,.user-show-new .card {
    background: #fafafb;
    border: 1px solid #E0E0E0;
    min-height: 186px;
    max-width: 411px;
    min-width: 185px;
    position: relative;
    padding: 20px;
    margin-right: 26px
}

.user-page .card:last-child,.user-show-new .card:last-child {
    margin-right: 0
}

.user-page .card .label-uppercase,.user-show-new .card .label-uppercase {
    margin-bottom: 16px;
    display: block
}

.user-page .card .label-uppercase:before,.user-show-new .card .label-uppercase:before,.user-page .card .label-uppercase:after,.user-show-new .card .label-uppercase:after {
    content: "";
    display: table
}

.user-page .card .label-uppercase:after,.user-show-new .card .label-uppercase:after {
    clear: both
}

.user-page .card .subtitle,.user-show-new .card .subtitle {
    color: #777;
    font-size: 12px;
    font-weight: 500;
    margin: 29px 0 6px 0
}

.user-page .card .subtitle:before,.user-show-new .card .subtitle:before,.user-page .card .subtitle:after,.user-show-new .card .subtitle:after {
    content: "";
    display: table
}

.user-page .card .subtitle:after,.user-show-new .card .subtitle:after {
    clear: both
}

.user-page .card .subtitle .count,.user-show-new .card .subtitle .count {
    float: right
}

.user-page .card .settings,.user-show-new .card .settings {
    position: absolute;
    top: 6px;
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    background-position: 0 -355px;
    width: 12px;
    height: 13px
}

.user-page .card .settings:hover,.user-show-new .card .settings:hover {
    background-position: 0 -370px
}

.user-page .card .settings:after,.user-show-new .card .settings:after {
    min-width: 154px;
    left: 12px !important;
    top: -10px !important
}

.user-page .card.rep-card .settings:not(.choose-tracker-settings),.user-show-new .card.rep-card .settings:not(.choose-tracker-settings) {
    left: -16px
}

.user-page .card.badges-card .settings,.user-show-new .card.badges-card .settings,.user-page .card.rep-card .choose-tracker-settings,.user-show-new .card.rep-card .choose-tracker-settings {
    right: -16px
}

.user-page .card .choose-tracker-menu,.user-show-new .card .choose-tracker-menu {
    box-shadow: 3px 3px 5px #c0c0c0;
    z-index: 10;
    min-width: 200px;
    background-color: #FFF;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 8px;
    position: absolute
}

.user-page .card .choose-tracker-menu li,.user-show-new .card .choose-tracker-menu li {
    list-style-type: none;
    padding: 5px 5px 5px 17px;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap
}

.user-page .card .choose-tracker-menu li.selected:before,.user-show-new .card .choose-tracker-menu li.selected:before {
    content: '✔';
    margin-left: -13px
}

.user-page .card .choose-tracker-menu li:hover,.user-show-new .card .choose-tracker-menu li:hover {
    background-color: #EEE
}

.user-page .card .choose-tracker-menu li .ajax-loader,.user-show-new .card .choose-tracker-menu li .ajax-loader {
    position: initial;
    bottom: unset;
    left: unset;
    right: unset
}

.user-page .card .badge-container,.user-show-new .card .badge-container,.user-page .card .badge-container span,.user-show-new .card .badge-container span {
    display: inline-block
}

.user-page .card .col-6:first-child,.user-show-new .card .col-6:first-child {
    padding-right: 20px
}

.user-page .card .post-tag,.user-show-new .card .post-tag,.user-page .card .badge,.user-show-new .card .badge {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.user-page .card .post-tag,.user-show-new .card .post-tag,.user-page .card .badge,.user-show-new .card .badge {
    margin: 0 !important
}

.user-page .card .badge,.user-show-new .card .badge {
    max-width: 150px
}

.user-page .card .post-tag,.user-show-new .card .post-tag {
    max-width: 107px
}

.user-page .card.default,.user-show-new .card.default {
    text-align: center;
    color: #999;
    font-size: 12px
}

.user-page .card.default.rep-card p:not(.links),.user-show-new .card.default.rep-card p:not(.links) {
    margin-bottom: 17px
}

.user-page .card.default.rep-card .links,.user-show-new .card.default.rep-card .links {
    margin-bottom: 0
}

.user-page .card.default.impact-card,.user-show-new .card.default.impact-card {
    padding: 20px 19px
}

.user-page .card.default.impact-card p,.user-show-new .card.default.impact-card p {
    margin-bottom: 0
}

.user-page .card.default p,.user-show-new .card.default p {
    margin: 10px 0
}

.user-page .card.default h4,.user-show-new .card.default h4 {
    color: #777;
    font-size: 15px;
    font-weight: 400
}

.user-page .card.default a,.user-show-new .card.default a {
    color: #999;
    text-decoration: underline
}

.user-page .card.default .button,.user-show-new .card.default .button {
    border: 1px solid #07C;
    background: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    text-decoration: none;
    font-size: 12px;
    color: #07C;
    padding: 6px 12px;
    transition: color .3s ease,background .3s ease
}

.user-page .card.default .button:hover,.user-show-new .card.default .button:hover {
    background: #07C;
    color: #FFF
}

.user-page .card.default .icon,.user-show-new .card.default .icon {
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    margin: 0 auto 14px auto
}

.user-page .card.default.rep-card .icon,.user-show-new .card.default.rep-card .icon {
    background-position: 0 -228px;
    height: 32px;
    width: 38px
}

.user-page .card.default.badges-card .icon,.user-show-new .card.default.badges-card .icon {
    background-position: 0 -275px;
    height: 32px;
    width: 50px
}

.user-page .card.default.impact-card .icon,.user-show-new .card.default.impact-card .icon {
    background-position: 0 -320px;
    height: 32px;
    width: 50px
}

.user-page .card .notifications,.user-show-new .card .notifications {
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    padding: 2px 6px;
    color: #777;
    font-size: 11px;
    font-weight: 500
}

.user-page .card .notifications .gold:before,.user-show-new .card .notifications .gold:before,.user-page .card .notifications .silver:before,.user-show-new .card .notifications .silver:before,.user-page .card .notifications .bronze:before,.user-show-new .card .notifications .bronze:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: relative;
    top: -1px;
    margin-right: 4px
}

.user-page .card .notifications .gold:before,.user-show-new .card .notifications .gold:before {
    background: #ffb300
}

.user-page .card .notifications .silver:before,.user-show-new .card .notifications .silver:before {
    background: #9db0c5
}

.user-page .card .notifications .bronze:before,.user-show-new .card .notifications .bronze:before {
    background: #bf9375
}

.user-page .card .notifications span,.user-show-new .card .notifications span {
    margin-right: 4px
}

.user-page .card .notifications span:last-child,.user-show-new .card .notifications span:last-child {
    margin-right: 0
}

.user-page .card .notifications.tag-badge,.user-show-new .card .notifications.tag-badge {
    background: none;
    border: 0;
    padding: 3px
}

.user-page .card .notifications.tag-badge span:before,.user-show-new .card .notifications.tag-badge span:before {
    margin-right: 0
}

.user-page .card.badges-card .badges:before,.user-show-new .card.badges-card .badges:before,.user-page .card.badges-card .badges:after,.user-show-new .card.badges-card .badges:after {
    content: "";
    display: table
}

.user-page .card.badges-card .badges:after,.user-show-new .card.badges-card .badges:after {
    clear: both
}

.user-page .card.badges-card .badges .badge1-alternate,.user-show-new .card.badges-card .badges .badge1-alternate,.user-page .card.badges-card .badges .badge2-alternate,.user-show-new .card.badges-card .badges .badge2-alternate,.user-page .card.badges-card .badges .badge3-alternate,.user-show-new .card.badges-card .badges .badge3-alternate,.user-page .card.badges-card .badges .badge-how-to,.user-show-new .card.badges-card .badges .badge-how-to {
    float: left;
    padding: 5px;
    width: calc(33% - 6px);
    margin-left: 5px;
    margin-right: 5px;
    text-align: center
}

.user-page .card.badges-card .badges .badge1-alternate:first-child,.user-show-new .card.badges-card .badges .badge1-alternate:first-child,.user-page .card.badges-card .badges .badge2-alternate:first-child,.user-show-new .card.badges-card .badges .badge2-alternate:first-child,.user-page .card.badges-card .badges .badge3-alternate:first-child,.user-show-new .card.badges-card .badges .badge3-alternate:first-child,.user-page .card.badges-card .badges .badge-how-to:first-child,.user-show-new .card.badges-card .badges .badge-how-to:first-child {
    margin-left: 0
}

.user-page .card.badges-card .badges .badge1-alternate:last-child,.user-show-new .card.badges-card .badges .badge1-alternate:last-child,.user-page .card.badges-card .badges .badge2-alternate:last-child,.user-show-new .card.badges-card .badges .badge2-alternate:last-child,.user-page .card.badges-card .badges .badge3-alternate:last-child,.user-show-new .card.badges-card .badges .badge3-alternate:last-child,.user-page .card.badges-card .badges .badge-how-to:last-child,.user-show-new .card.badges-card .badges .badge-how-to:last-child {
    margin-right: 0
}

.user-page .card.badges-card .badges .badge1-alternate .badge1,.user-show-new .card.badges-card .badges .badge1-alternate .badge1,.user-page .card.badges-card .badges .badge2-alternate .badge1,.user-show-new .card.badges-card .badges .badge2-alternate .badge1,.user-page .card.badges-card .badges .badge3-alternate .badge1,.user-show-new .card.badges-card .badges .badge3-alternate .badge1,.user-page .card.badges-card .badges .badge-how-to .badge1,.user-show-new .card.badges-card .badges .badge-how-to .badge1,.user-page .card.badges-card .badges .badge1-alternate .badge2,.user-show-new .card.badges-card .badges .badge1-alternate .badge2,.user-page .card.badges-card .badges .badge2-alternate .badge2,.user-show-new .card.badges-card .badges .badge2-alternate .badge2,.user-page .card.badges-card .badges .badge3-alternate .badge2,.user-show-new .card.badges-card .badges .badge3-alternate .badge2,.user-page .card.badges-card .badges .badge-how-to .badge2,.user-show-new .card.badges-card .badges .badge-how-to .badge2,.user-page .card.badges-card .badges .badge1-alternate .badge3,.user-show-new .card.badges-card .badges .badge1-alternate .badge3,.user-page .card.badges-card .badges .badge2-alternate .badge3,.user-show-new .card.badges-card .badges .badge2-alternate .badge3,.user-page .card.badges-card .badges .badge3-alternate .badge3,.user-show-new .card.badges-card .badges .badge3-alternate .badge3,.user-page .card.badges-card .badges .badge-how-to .badge3,.user-show-new .card.badges-card .badges .badge-how-to .badge3 {
    margin: 0;
    width: 7px;
    height: 7px;
    float: left;
    position: relative;
    top: 4px
}

.user-page .card.badges-card .badges.only-2 .badge1-alternate,.user-show-new .card.badges-card .badges.only-2 .badge1-alternate,.user-page .card.badges-card .badges.only-2 .badge2-alternate,.user-show-new .card.badges-card .badges.only-2 .badge2-alternate,.user-page .card.badges-card .badges.only-2 .badge3-alternate,.user-show-new .card.badges-card .badges.only-2 .badge3-alternate {
    width: calc(50% - 5px)
}

.user-page .card.badges-card .badges.only-1 .badge1-alternate,.user-show-new .card.badges-card .badges.only-1 .badge1-alternate,.user-page .card.badges-card .badges.only-1 .badge2-alternate,.user-show-new .card.badges-card .badges.only-1 .badge2-alternate,.user-page .card.badges-card .badges.only-1 .badge3-alternate,.user-show-new .card.badges-card .badges.only-1 .badge3-alternate {
    width: 100%
}

.user-page .card.badges-card .badges .badge-how-to,.user-show-new .card.badges-card .badges .badge-how-to {
    width: 64%;
    padding: 7px 4px
}

.user-page .card.impact-card,.user-show-new .card.impact-card {
    font-size: 12px;
    font-weight: 500
}

.user-page .card.impact-card .label-uppercase,.user-show-new .card.impact-card .label-uppercase {
    margin-bottom: 14px
}

.user-page .card.impact-card hr,.user-show-new .card.impact-card hr {
    background: #E0E0E0;
    color: #E0E0E0;
    border: 0;
    height: 1px;
    margin: 15px 0
}

.user-page .card.impact-card .mod-link,.user-show-new .card.impact-card .mod-link {
    position: absolute;
    right: -12px
}

.user-page .card.impact-card .number.big,.user-show-new .card.impact-card .number.big {
    font-size: 16px
}

.user-page .card.impact-card .number.big .tilde,.user-show-new .card.impact-card .number.big .tilde {
    font-size: 14px;
    position: relative;
    top: -2px
}

.user-page .card.impact-card .number a,.user-show-new .card.impact-card .number a {
    color: #444
}

.user-page .card.impact-card .number a:hover,.user-show-new .card.impact-card .number a:hover {
    text-decoration: underline
}

.user-page .card.impact-card .ppl-reached:after,.user-show-new .card.impact-card .ppl-reached:after {
    top: inherit;
    bottom: 100%
}

.user-page .card.impact-card .ppl-reached .label,.user-show-new .card.impact-card .ppl-reached .label {
    font-size: 11px;
    color: #777;
    position: relative;
    top: -2px
}

.user-page .card.impact-card ul,.user-show-new .card.impact-card ul {
    margin: 0;
    padding: 0
}

.user-page .card.impact-card ul li,.user-show-new .card.impact-card ul li {
    list-style: none;
    position: relative;
    margin-bottom: 8px
}

.user-page .card.impact-card ul li:last-child,.user-show-new .card.impact-card ul li:last-child {
    margin-bottom: 0
}

.user-page .card.impact-card ul li .icon,.user-show-new .card.impact-card ul li .icon {
    margin: 0 6px 0 0;
    position: relative;
    top: -1px
}

.user-page .card.rep-card .rep-col,.user-show-new .card.rep-card .rep-col {
    position: relative
}

.user-page .card.rep-card .rep-col .top,.user-show-new .card.rep-card .rep-col .top {
    color: #07C;
    font-size: 11px;
    display: block;
    font-weight: 700;
    position: absolute;
    z-index: 1;
    bottom: -18px;
    left: 0
}

.user-page .card.rep-card .rep,.user-show-new .card.rep-card .rep {
    font-size: 26px;
    color: #0C0D0E;
    padding-top: 3px;
    display: inline-block
}

.user-page .card.rep-card .rep~.rep-increase,.user-show-new .card.rep-card .rep~.rep-increase {
    position: absolute;
    top: 0;
    margin-left: 4px;
    outline: none
}

.user-page .card.rep-card .rep~.rep-increase:after,.user-show-new .card.rep-card .rep~.rep-increase:after {
    min-width: 160px;
    left: 35px;
    top: -12px
}

.user-page .card.rep-card .graph-col,.user-show-new .card.rep-card .graph-col {
    position: relative;
    height: 33px
}

.user-page .card.rep-card .graph-col>a,.user-show-new .card.rep-card .graph-col>a {
    display: block;
    width: 165px;
    height: 65px;
    position: absolute;
    top: -20px
}

.user-page .card.rep-card .graph-col .values,.user-show-new .card.rep-card .graph-col .values,.user-page .card.rep-card .graph-col .legend,.user-show-new .card.rep-card .graph-col .legend {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #777
}

.user-page .card.rep-card .graph-col .values,.user-show-new .card.rep-card .graph-col .values {
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 0;
    text-align: right
}

.user-page .card.rep-card .graph-col .values li,.user-show-new .card.rep-card .graph-col .values li {
    margin-top: 4px
}

.user-page .card.rep-card .graph-col .values li:first-child,.user-show-new .card.rep-card .graph-col .values li:first-child {
    margin-top: 0
}

.user-page .card.rep-card .graph-col .legend,.user-show-new .card.rep-card .graph-col .legend {
    display: block;
    padding-left: 24px;
    height: 16px;
    overflow: hidden;
    text-align: justify
}

.user-page .card.rep-card .graph-col .legend:after,.user-show-new .card.rep-card .graph-col .legend:after {
    content: '';
    width: 100%;
    display: inline-block
}

.user-page .card.rep-card .graph-col .legend li,.user-show-new .card.rep-card .graph-col .legend li {
    text-transform: uppercase;
    display: inline-block;
    text-align: center
}

.user-page .card.rep-card .graph-col .legend.empty,.user-show-new .card.rep-card .graph-col .legend.empty {
    text-align: center;
    padding-left: 0;
    color: #999
}

.user-page .card.rep-card .graph,.user-show-new .card.rep-card .graph {
    height: 65px;
    position: relative;
    background-image: url("../../Img/user-profile-graph.png?v=60a0ba92d9c3");
    background-image: url("../../Img/user-profile-graph.svg?v=e9c8cac2d948"),none;
    background-repeat: repeat-x;
    background-position: 0 0
}

.user-page .card.rep-card .graph .line,.user-show-new .card.rep-card .graph .line {
    stroke: #5fba7d;
    stroke-width: 2;
    fill: none
}

.user-page .card.rep-card .graph>svg,.user-show-new .card.rep-card .graph>svg {
    margin-left: 26px
}

.user-page .card.rep-card .graph .overlay,.user-show-new .card.rep-card .graph .overlay {
    fill: none;
    pointer-events: all
}

.user-page .card.rep-card .graph .graph-rep,.user-show-new .card.rep-card .graph .graph-rep {
    fill: #444;
    font-size: 13px;
    font-weight: 700
}

.user-page .card.rep-card .graph.graph-empty,.user-show-new .card.rep-card .graph.graph-empty {
    cursor: default
}

.user-page .card.rep-card .graph.graph-empty svg,.user-show-new .card.rep-card .graph.graph-empty svg {
    margin-left: 0
}

.user-page .card.rep-card .tag-col,.user-show-new .card.rep-card .tag-col {
    width: 50%
}

.user-page .card.rep-card .tag-col:before,.user-show-new .card.rep-card .tag-col:before,.user-page .card.rep-card .tag-col:after,.user-show-new .card.rep-card .tag-col:after {
    content: "";
    display: table
}

.user-page .card.rep-card .tag-col:after,.user-show-new .card.rep-card .tag-col:after {
    clear: both
}

.user-page .card.rep-card .tag-col .rep-increase,.user-show-new .card.rep-card .tag-col .rep-increase {
    margin-right: 4px
}

.user-page .card.rep-card .tag-col .rep-increase:after,.user-show-new .card.rep-card .tag-col .rep-increase:after {
    min-width: 140px;
    top: 28px
}

.user-page .card.rep-card .tag-col .rep-increase,.user-show-new .card.rep-card .tag-col .rep-increase,.user-page .card.rep-card .tag-col .post-tag,.user-show-new .card.rep-card .tag-col .post-tag {
    float: left
}

.user-page .card.rep-card .tag-col>.badge1,.user-show-new .card.rep-card .tag-col>.badge1,.user-page .card.rep-card .tag-col>.badge2,.user-show-new .card.rep-card .tag-col>.badge2,.user-page .card.rep-card .tag-col>.badge3,.user-show-new .card.rep-card .tag-col>.badge3 {
    position: relative;
    top: 3px
}

.user-page .card.rep-card .rep-increase~.post-tag,.user-show-new .card.rep-card .rep-increase~.post-tag {
    max-width: 92px
}

.user-page .card.rep-card .post-tag,.user-show-new .card.rep-card .post-tag {
    margin: 0 0 0 4px
}

.user-page .card.rep-card .ajax-loader,.user-show-new .card.rep-card .ajax-loader {
    position: absolute;
    bottom: -10px;
    left: 10px
}

.user-page .card .privileges-wrapper,.user-show-new .card .privileges-wrapper {
    position: relative
}

.user-page .card .privileges-wrapper .subtitle .post-tag,.user-show-new .card .privileges-wrapper .subtitle .post-tag {
    margin: 0;
    font-size: 11px;
    display: inline
}

.user-page .card .privileges-wrapper .col-6,.user-show-new .card .privileges-wrapper .col-6 {
    padding-right: 10px
}

.user-page .card .privileges-wrapper .col-6:last-child,.user-show-new .card .privileges-wrapper .col-6:last-child {
    padding: 0 0 0 10px
}

.user-page .card .privileges-wrapper .plus,.user-show-new .card .privileges-wrapper .plus {
    position: absolute;
    bottom: 0;
    left: 48.6%;
    color: #a0afc0;
    font-weight: 700;
    font-size: 18px
}

.rep-increase {
    display: inline-block;
    background: #5fba7d;
    border-radius: 3px;
    padding: 4px 6px;
    color: #FFF;
    font-size: 12px
}

.next-privilege-col .choose-tracker-menu {
    left: 163px
}

.privileges-wrapper .choose-tracker-menu,.next-tag-badge-col .choose-tracker-menu {
    left: 332px
}

.privileges-wrapper .label,.next-tag-badge-col .label {
    font-size: 11px
}

.privileges-wrapper .subtitle,.next-tag-badge-col .subtitle {
    position: relative
}

.privileges-wrapper .subtitle .stroke,.next-tag-badge-col .subtitle .stroke {
    position: absolute;
    right: 0;
    top: 7px;
    height: 1px;
    background: #E0E0E0;
    width: 50%
}

.privileges-wrapper .inner-wrapper,.next-tag-badge-col .inner-wrapper {
    position: relative
}

.privileges-wrapper .inner-wrapper:before,.next-tag-badge-col .inner-wrapper:before,.privileges-wrapper .inner-wrapper:after,.next-tag-badge-col .inner-wrapper:after {
    content: "";
    display: table
}

.privileges-wrapper .inner-wrapper:after,.next-tag-badge-col .inner-wrapper:after {
    clear: both
}

.privileges-wrapper .badge-tag-wrapper,.next-tag-badge-col .badge-tag-wrapper {
    float: left;
    width: 50%;
    padding-right: 15px;
    position: relative;
    top: -1px
}

.privileges-wrapper .badge-tag-wrapper .badge-tag,.next-tag-badge-col .badge-tag-wrapper .badge-tag {
    margin: 0;
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.privileges-wrapper .bars-wrapper,.next-tag-badge-col .bars-wrapper {
    width: 50%;
    position: absolute;
    top: -6px;
    right: 0
}

.privileges-wrapper .bars-wrapper .progress-bar:last-child,.next-tag-badge-col .bars-wrapper .progress-bar:last-child,.privileges-wrapper .bars-wrapper .progress-bar-large:last-child,.next-tag-badge-col .bars-wrapper .progress-bar-large:last-child {
    position: relative;
    top: -2px
}

.privileges-wrapper .bars-wrapper .progress-bar .bar,.next-tag-badge-col .bars-wrapper .progress-bar .bar,.privileges-wrapper .bars-wrapper .progress-bar-large .bar,.next-tag-badge-col .bars-wrapper .progress-bar-large .bar {
    background: #eaeaea;
    height: 6px;
    border-radius: 2px;
    position: inherit;
    cursor: default
}

.privileges-wrapper .bars-wrapper .progress-bar .bar .percent,.next-tag-badge-col .bars-wrapper .progress-bar .bar .percent,.privileges-wrapper .bars-wrapper .progress-bar-large .bar .percent,.next-tag-badge-col .bars-wrapper .progress-bar-large .bar .percent {
    background: #5fba7d;
    height: 6px
}

.message-config .bars-wrapper .progress-bar:first-child,.message-config .bars-wrapper .progress-bar-large:first-child {
    margin-bottom: 2px
}

.message-config .bars-wrapper .progress-bar .bar,.message-config .bars-wrapper .progress-bar-large .bar {
    border: 0 !important;
    background: #eaeaea !important;
    height: 6px;
    border-radius: 2px;
    position: inherit;
    cursor: default
}

.message-config .bars-wrapper .progress-bar .bar .percent,.message-config .bars-wrapper .progress-bar-large .bar .percent {
    background: #5fba7d !important;
    height: 6px;
    border-left: 0 !important;
    top: 0
}

.message-config .bars-wrapper .checkmark>div {
    display: inline-block
}

.message-config .bars-wrapper .checkmark .icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    background-position: -72px -330px
}

.message-config .bars-wrapper .checkmark .icon.completed {
    background-position: -95px -330px
}

.badges-card .progress-bar .percent,.all-badge-progress .progress-bar .percent,.badges-card .progress-bar-large .percent,.all-badge-progress .progress-bar-large .percent {
    position: relative;
    top: -1px;
    left: -1px;
    height: 26px
}

.badges-card .progress-bar .badge1,.all-badge-progress .progress-bar .badge1,.badges-card .progress-bar .badge2,.all-badge-progress .progress-bar .badge2,.badges-card .progress-bar .badge3,.all-badge-progress .progress-bar .badge3,.badges-card .progress-bar-large .badge1,.all-badge-progress .progress-bar-large .badge1,.badges-card .progress-bar-large .badge2,.all-badge-progress .progress-bar-large .badge2,.badges-card .progress-bar-large .badge3,.all-badge-progress .progress-bar-large .badge3 {
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 1
}

.badges-card .progress-bar.badge-1 .bar,.all-badge-progress .progress-bar.badge-1 .bar,.badges-card .progress-bar-large.badge-1 .bar,.all-badge-progress .progress-bar-large.badge-1 .bar {
    border: 1px solid #ece3c8
}

.badges-card .progress-bar.badge-1 .bar .percent,.all-badge-progress .progress-bar.badge-1 .bar .percent,.badges-card .progress-bar-large.badge-1 .bar .percent,.all-badge-progress .progress-bar-large.badge-1 .bar .percent {
    background-color: #ffcc00;
    border-left: 1px solid #ffcc00
}

.badges-card .progress-bar.badge-1 .bar:hover .percent,.all-badge-progress .progress-bar.badge-1 .bar:hover .percent,.badges-card .progress-bar-large.badge-1 .bar:hover .percent,.all-badge-progress .progress-bar-large.badge-1 .bar:hover .percent {
    background-color: #dbaf00
}

.badges-card .progress-bar.badge-2 .bar,.all-badge-progress .progress-bar.badge-2 .bar,.badges-card .progress-bar-large.badge-2 .bar,.all-badge-progress .progress-bar-large.badge-2 .bar {
    border: 1px solid #e0e1e3
}

.badges-card .progress-bar.badge-2 .bar .percent,.all-badge-progress .progress-bar.badge-2 .bar .percent,.badges-card .progress-bar-large.badge-2 .bar .percent,.all-badge-progress .progress-bar-large.badge-2 .bar .percent {
    background-color: #c5c5c5;
    border-left: 1px solid #c5c5c5
}

.badges-card .progress-bar.badge-2 .bar:hover .percent,.all-badge-progress .progress-bar.badge-2 .bar:hover .percent,.badges-card .progress-bar-large.badge-2 .bar:hover .percent,.all-badge-progress .progress-bar-large.badge-2 .bar:hover .percent {
    background-color: #b3b3b3
}

.badges-card .progress-bar.badge-3 .bar,.all-badge-progress .progress-bar.badge-3 .bar,.badges-card .progress-bar-large.badge-3 .bar,.all-badge-progress .progress-bar-large.badge-3 .bar {
    border: 1px solid #f1decc
}

.badges-card .progress-bar.badge-3 .bar .percent,.all-badge-progress .progress-bar.badge-3 .bar .percent,.badges-card .progress-bar-large.badge-3 .bar .percent,.all-badge-progress .progress-bar-large.badge-3 .bar .percent {
    background-color: #cc9966;
    border-left: 1px solid #cc9966
}

.badges-card .progress-bar.badge-3 .bar:hover .percent,.all-badge-progress .progress-bar.badge-3 .bar:hover .percent,.badges-card .progress-bar-large.badge-3 .bar:hover .percent,.all-badge-progress .progress-bar-large.badge-3 .bar:hover .percent {
    background-color: #c3874b
}

.congrats {
    background: #fafafb;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

.congrats h3 {
    margin-bottom: 0
}

.congrats .inner-wrapper {
    margin: 30px auto 0 auto;
    max-width: 294px
}

.congrats .inner-wrapper:before,.congrats .inner-wrapper:after {
    content: "";
    display: table
}

.congrats .inner-wrapper:after {
    clear: both
}

.congrats .inner-wrapper .icon,.congrats .inner-wrapper .text {
    float: left
}

.congrats .inner-wrapper>div.icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 5px 14px 0 auto;
    background: #5fba7d;
    position: relative
}

.congrats .inner-wrapper>div.icon:after {
    content: '';
    display: inline-block;
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    background-position: -31px -402px;
    width: 26px;
    height: 21px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -13px
}

.congrats .text p {
    font-size: 13px;
    color: #777;
    margin: 10px 0
}

.congrats .text a:not(.badge):not(.button):not(.badge-tag):hover {
    text-decoration: underline;
    color: rgba(51,51,51,0.9)
}

.congrats .actions {
    background: #3F4A59;
    padding: 10px;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 0
}

.congrats .actions .button {
    padding: 8px 16px;
    display: inline-block;
    color: #FFF !important;
    font-weight: 600;
    background: #52a5ec;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    border: 0;
    border-radius: 3px
}

.congrats .actions .button:hover {
    background: #07C
}

.congrats .actions .button:after {
    content: " ";
    display: inline-block;
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=8cd8def8f520"),none;
    background-position: -15px -409px;
    width: 7px;
    height: 10px;
    position: relative;
    top: 2px;
    left: 4px
}

.congrats .actions .link-muted {
    opacity: .6;
    color: #FFF;
    transition: color .3s ease;
    margin-right: 10px
}

.congrats .actions .link-muted:hover {
    text-decoration: underline;
    color: #FFF;
    opacity: 1
}

.rep-card .congrats .progress-bar,.rep-card .congrats .progress-bar-large {
    display: inline-block
}

.rep-card .congrats .progress-bar .bar,.rep-card .congrats .progress-bar-large .bar {
    border: 0;
    cursor: default;
    position: relative;
    width: auto;
    height: auto
}

.rep-card .congrats .progress-bar .label,.rep-card .congrats .progress-bar-large .label {
    position: relative;
    width: auto
}

.rep-card .congrats .progress-bar .percent,.rep-card .congrats .progress-bar-large .percent {
    display: none
}

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

.view-more {
    margin-top: 24px !important;
    text-align: right
}

.btn-careers {
    display: block;
    border: 1px solid #DA670B;
    border-radius: 2px;
    text-align: center;
    color: #DA670B;
    padding: 9px;
    transition: color .3s ease,background .3s ease
}

.btn-careers:visited {
    color: #DA670B
}

.btn-careers:hover {
    background: #DA670B;
    color: #FFF
}

.btn-careers.filled {
    background: #DA670B;
    border: 1px solid #b85709;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0 1px 1px rgba(100,100,100,0.3);
    color: #FFF
}

body.user-page #content .user-tab-content .question-summary * {
    box-sizing: content-box
}

.user-show-reloaded .user-panel-mod-info {
    background-color: #fff7e5;
    border: solid 1px #ffefc6;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px
}

.user-show-reloaded .user-panel-mod-info .mod-label {
    color: #999
}

.user-show-reloaded .user-panel-mod-info table td {
    padding: 3px 8px 3px 3px;
    vertical-align: middle
}

.user-show-reloaded #tabs {
    float: left
}

.user-show-reloaded .preferences {
    margin-top: 15px
}

.report-profile-feed {
    float: right
}

.report-profile-feed .report-profile-link {
    text-align: right
}

.report-profile-feed .report-profile-link,.report-profile-feed #feed-link {
    display: inline-block
}

.report-profile-feed .report-profile-link {
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 19px
}

.report-profile-feed .report-profile-link a {
    line-height: 19px
}

.report-profile-feed #feed-link {
    margin: 15px !important;
    height: 19px !important;
    width: auto !important
}

.report-profile-feed #feed-link a {
    line-height: 19px !important
}

.report-profile-feed #feed-link .feed-icon {
    height: 19px !important
}

.account-info .row {
    margin-bottom: 5px
}

.account-info .row>div[class^='col-'] {
    padding-right: 10px
}

.account-info .row div.actions {
    padding-right: 0;
    text-align: right
}

.account-info .row h3 {
    margin-bottom: 0
}

.account-info .bio {
    height: 123px;
    overflow-x: hidden;
    overflow-y: auto
}

.account-info .bio::-webkit-scrollbar {
    width: 6px;
    background: #f4f4f4
}

.account-info .bio::-webkit-scrollbar-thumb {
    background: #dad7d7
}

.account-info span.disabled {
    color: dimgray
}

.account-info .row.sidebar-element {
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #EEE
}

.account-info .row.sidebar-element .rep {
    font-size: 13px
}

.account-info .row.sidebar-element .account-details {
    color: #777;
    font-size: 12px
}

.account-info .list .rep {
    float: none
}

#side-menu ul {
    margin: 0;
    padding: 0
}

#side-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block
}

#side-menu ul li>a {
    width: 100%;
    padding: 10px;
    color: #848d95;
    text-decoration: none;
    display: block;
    font-size: 13px;
    line-height: 1;
    text-transform: capitalize;
    position: relative
}

#side-menu ul li>a:hover {
    background: #f2f2f2
}

#side-menu ul li>a.youarehere {
    font-weight: 700
}

#side-menu ul li>a:hover,#side-menu ul li>a.youarehere {
    color: #242729
}

#side-menu ul li>a:hover:after,#side-menu ul li>a.youarehere:after {
    background-position: -34px -370px
}

#side-menu ul li>a:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 15px;
    position: absolute;
    right: 10px;
    background-image: url('../../img/user-profile-sprite.png?v=6829b895a42c');
    background-image: url('../../img/user-profile-sprite.svg?v=8cd8def8f520'),none;
    background-repeat: no-repeat;
    background-position: -21px -370px
}

#side-menu ul.external a:after,#side-menu ul li.external a:after {
    background-position: -49px -370px;
    width: 14px
}

#side-menu ul.external a:hover:after,#side-menu ul li.external a:hover:after {
    background-position: -70px -370px
}

#side-menu ul .category {
    color: #F48024;
    text-transform: uppercase;
    font-size: 12px;
    padding: 24px 0 10px 0
}

#side-menu ul .category:first-of-type {
    padding-top: 16px
}

#logins-table {
    margin-top: 40px
}

#logins-table .credential-group td {
    padding-bottom: 0
}

#logins-table .login-group-pad-bottom td {
    padding-top: 0
}

#logins-table .login-group span {
    display: inline-block;
    vertical-align: middle
}

#logins-table .group-name {
    font-size: 14px;
    font-weight: 700;
    color: #3b4045
}

#logins-table .pretty-login {
    color: #777;
    padding: .61538462em 1em;
    margin-left: 16px
}

#logins-table .credential-rule {
    width: 100%;
    height: 0;
    border-top: 1px solid rgba(132,141,149,0.1)
}

#logins-table .footer-actions th {
    padding-top: 40px
}

.my-communities ul.community-site li {
    padding: 20px 0;
    display: block;
    border-bottom: 1px solid #e4e6e8
}

.my-communities ul.community-site li:before,.my-communities ul.community-site li:after {
    content: "";
    display: table
}

.my-communities ul.community-site li:after {
    clear: both
}

.my-communities ul.community-site li:last-child {
    border-bottom: 0
}

.my-communities ul.community-site li .site-wrapper img,.my-communities ul.community-site li .site-wrapper .site-name {
    float: left
}

.my-communities ul.community-site li .site-wrapper .site-name {
    padding: 18px 0 0 10px;
    font-weight: 600
}

.my-communities ul.community-site li .site-wrapper input[type="button"] {
    float: right
}

.my-communities #site-to-hide {
    width: 545px;
    margin-right: 10px
}

.user-show-new.settings-page {
    padding-top: 15px !important
}

#profile-side {
    margin-top: 15px
}

.title-box {
    padding: 18px 20px 20px 20px;
    width: 220px;
    background: #f6f8f9;
    color: #66757f;
    border-top: 2px solid transparent
}

.title-box>.title {
    color: #3c3f44;
    font-size: 15px;
    margin-bottom: 15px
}

.title-box>p:last-child {
    margin-bottom: 0
}

.title-box.completed {
    border-top-color: #86c373
}

.title-box+.content {
    margin-left: 30px;
    padding: 15px 0;
    width: 100%
}

.inner-container {
    margin: 20px 0;
    padding: 13px 0 40px 0;
    border-bottom: 1px solid #eaeaea
}

.inner-container:first-child {
    margin-top: 0
}

.inner-container:last-child {
    border-bottom: 0
}

.inner-container input[type="text"],.inner-container input[type="email"],.inner-container input[type="password"],.inner-container input[type="url"],.inner-container .tag-editor {
    margin-bottom: 18px
}

.inner-container.inner-container-flex {
    display: flex;
    -ms-display: flex
}

.inner-container.inner-container-flex .title-box {
    flex-shrink: 0;
    -ms-flex-shrink: 0
}

.inner-container.ctas-container {
    display: flex;
    -ms-display: flex;
    align-items: center;
    -ms-align-items: center;
    justify-content: space-between;
    -ms-justify-content: space-between
}

.field-separator {
    background: #c0c9cd;
    height: 2px;
    width: 100px;
    margin: 12px 0 30px 0
}

.field-separator.regular-margin {
    margin: 30px 0
}

.tips.tips-pushed {
    margin-top: 20px
}

.StackMailSettings-warning {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 30px;
    font-size: 14px
}

.StackMailSettings-warning .-message {
    margin: 26px auto
}

.StackMailSettings-warning .-message p {
    font-weight: bold;
    color: #242729;
    margin: 0 0 7px
}

.StackMailSettings-warning .-user-card {
    display: inline-block;
    text-align: left;
    padding: 10px;
    border: 1px solid #e4e6e8
}

.StackMailSettings-warning .-logout a {
    font-weight: bold
}

#mainbar.settings-page-stackmail {
    text-align: center;
    width: 100%
}

.email-prefs {
    margin: auto;
    width: 728px;
    text-align: left
}

.email-prefs .email-buckets {
    border-top: 1px solid #e4e6e8;
    border-bottom: 1px solid #e4e6e8;
    padding: 20px 0
}

.email-prefs .email-bucket {
    padding: 10px 0
}

.email-prefs .email-prefs-footer {
    padding-top: 20px
}

.email-prefs .full-prefs-title {
    display: block
}

.email-prefs .full-prefs-byline {
    display: block;
    font-size: 12px;
    color: #535a60
}

.user-page .settings-page {
    margin: 0 0 0 40px !important;
    width: 800px !important
}

.user-page .settings-page .user-page-content {
    padding-top: 0
}

.user-page .settings-page h1 {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 22px;
    margin: 10px 0
}

.user-page .settings-page h1:first-child {
    margin-top: 7px
}

.user-page .settings-page h2 {
    margin-bottom: 23px
}

.user-page .settings-page h2 .text-muted {
    font-weight: 400
}

.user-page .settings-page h3 {
    margin-top: 12px
}

.user-page .settings-page .mute-text {
    padding-left: 20px
}

.user-page .settings-page #email-save,.user-page .settings-page #newsletter-save,.user-page .settings-page #job-board-save {
    float: right;
    margin: 20px 0 0 0
}

.user-page .settings-page #email-container #email-freq {
    display: block;
    margin: 5px 0 5px 0;
    padding: 3px
}

.user-page .settings-page #email-container .other-emails {
    margin-top: 16px
}

.user-page .settings-page #email-container .other-emails input[type="checkbox"] {
    margin-top: 0
}

.user-page .settings-page #email-container .external-links {
    margin-top: 18px
}

.user-page .settings-page #email-container .external-links a {
    display: block;
    margin-top: 4px
}

.user-page .settings-page #email-container .external-links a:first-child {
    margin-top: 0
}

.user-page .settings-page #job-board {
    margin-bottom: 10px
}

.user-page .settings-page #job-board .row {
    margin-bottom: 10px
}

.user-page .settings-page #job-board label {
    display: block;
    font-weight: 600
}

.user-page .settings-page #job-board label .informative-tooltip {
    font-weight: 200
}

.user-page .settings-page #job-board ul {
    list-style: none;
    margin-left: 0;
    margin-top: 5px
}

.user-page .settings-page #job-board .form-success {
    display: none;
    color: #45A163
}

.user-page .settings-page #job-board #job-board-email {
    width: 300px
}

.user-page .settings-page #keyboardShortcuts {
    margin-top: 0
}

.user-page .settings-page #interesting-tags h4 {
    margin-bottom: 8px
}

.user-page .settings-page #interesting-tags #add-interesting,.user-page .settings-page #interesting-tags #add-ignored {
    display: block
}

.user-page .settings-page #interesting-tags #add-interesting table input,.user-page .settings-page #interesting-tags #add-ignored table input {
    margin-top: 10px
}

.user-page .settings-page #interesting-tags #add-interesting table td:first-child,.user-page .settings-page #interesting-tags #add-ignored table td:first-child {
    width: 94%;
    padding-right: 20px
}

.user-page .settings-page #interesting-tags #add-interesting table td:first-child input,.user-page .settings-page #interesting-tags #add-ignored table td:first-child input {
    width: 100%
}

.user-page .settings-page #interesting-tags #tag-subscriptions {
    margin: 0 !important
}

.user-page .settings-page #interesting-tags #tag-subscriptions:before,.user-page .settings-page #interesting-tags #tag-subscriptions:after {
    content: "";
    display: table
}

.user-page .settings-page #interesting-tags #tag-subscriptions:after {
    clear: both
}

.user-page .settings-page #interesting-tags #tag-subscriptions a {
    float: right;
    margin-top: -10px
}

.user-page .settings-page #ignored-wrapper div div {
    display: inline-block
}

.user-page .settings-page #ignored-wrapper div div:first-child {
    margin-right: 20px
}

.user-page .settings-page .val-message {
    width: 100%;
    margin: 10px 0
}

.user-page .settings-page .val-message.val-info p {
    text-align: left
}

.user-page .settings-page h1+.val-message {
    margin-top: 28px
}

.user-page .settings-page .flair-textbox {
    width: 100% !important;
    height: 120px;
    margin: 6px 0
}

.user-page .settings-page .flair-img {
    display: block
}

.user-page .settings-page .flair-wrapper {
    margin-bottom: 20px
}

.user-page .settings-page .flair-wrapper>a {
    display: block;
    margin-top: 6px
}

.user-page .settings-page i {
    font-size: 11px
}

.user-page .settings-page .form-error {
    font-size: 13px
}

.user-page .settings-page .form-error ul {
    margin-top: 10px
}

.user-page .settings-page .help {
    color: #777;
    font-size: 11px;
    padding: 2px 0 0 0
}

.user-page .settings-page .form-submit>p {
    margin-bottom: 4px
}

.user-page .settings-page .form-submit #cancel {
    margin-left: 6px
}

.user-page .settings-page .edit-profile h3 {
    margin-bottom: 0
}

.avatar-wrapper #change-picture,.avatar-wrapper .change-picture {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(12,13,14,0.6);
    border: 0;
    border-radius: 0 0 3px 3px;
    color: #FFF;
    text-align: center;
    padding: 8px 0;
    width: auto;
    transition: background .3s ease
}

.avatar-wrapper #change-picture:hover,.avatar-wrapper .change-picture:hover {
    background: rgba(12,13,14,0.8)
}

.edit-profile label:not(.btn) {
    display: block
}

.edit-profile label:not(.btn).align-right {
    text-align: right;
    padding-right: 20px
}

.edit-profile input[type="text"],.edit-profile input[type="password"],.edit-profile input[type="email"] {
    display: block;
    width: 100%;
    max-width: 390px
}

.edit-profile textarea,.edit-profile .grippie,.edit-profile #wmd-preview {
    width: 100%
}

.edit-profile .col-6:first-child {
    padding-right: 10px
}

.edit-profile .col-6:last-child {
    padding-left: 10px
}

.edit-profile .stacked {
    margin-top: 18px
}

.edit-profile .stacked:first-child {
    margin-top: 0
}

.edit-profile .first-row .col-9 input {
    max-width: none
}

.edit-profile .first-row input[type="text"] {
    margin-bottom: 6px
}

.edit-profile .first-row label {
    margin-top: 18px
}

.edit-profile .first-row .col-9>label:first-child {
    margin-top: 0
}

.edit-profile .avatar-wrapper {
    position: relative;
    width: 164px;
    height: 164px;
    overflow: hidden
}

.edit-profile #loc-result,.edit-profile #loc-not-found {
    display: none
}

.edit-profile .wmd-button-bar {
    width: 100%
}

.edit-profile .web-presence .careers-input {
    max-width: 523px
}

.edit-profile .show-careers {
    padding-top: 15px
}

.edit-profile .show-careers input,.edit-profile .show-careers label {
    display: inline-block;
    margin-top: 0
}

.edit-profile .switcher label {
    margin-top: 0;
    width: 119px
}

.edit-profile .double-input input {
    max-width: 164px;
    width: auto;
    display: inline-block
}

.edit-profile .pro-area .separator,.edit-profile .student-area .separator {
    min-width: 32px
}

.edit-profile .search-status .switcher label {
    width: 246px;
    height: 46px;
    padding-top: 17px
}

.edit-profile input[name=TitleDisplay].logo {
    padding-left: 30px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 6px 8px
}

.user-show-new.meta .rep-card .rep-col {
    text-align: center;
    width: 100%;
    display: block;
    padding: 5px;
    background: #eaeaea;
    border-radius: 3px
}

.user-show-new.meta .rep-card .rep-col .rep {
    font-size: 20px
}

.user-show-new.meta .rep-card .rep-col .rep-increase {
    top: -3px;
    display: inline;
    position: relative
}

.user-show-new.meta .rep-card .rep-col .top {
    left: inherit;
    bottom: inherit;
    top: -16px;
    right: 0
}

#mod-content {
    margin-top: 25px
}

#mod-content .mod-sidebar {
    padding-right: 30px
}

#mod-content .mod-sidebar .account-details {
    margin-bottom: 20px
}

.mod-quick-links {
    margin-bottom: 30px
}

.mod-links li {
    margin-bottom: 5px
}

.account-info .row.mod-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eff0f1
}

#mod-content .row h3 {
    margin-bottom: 10px
}

.row.mod-credentials {
    margin-top: 20px;
    margin-bottom: 0
}

.account-info dl {
    float: right;
    font-size: .8em
}

.account-info dl dt {
    display: inline-block;
    font-weight: bold
}

.account-info dl dd {
    display: inline-block;
    font-style: italic
}

.badges-page .badge-table {
    width: 100%
}

.badges-page .badge-row {
    padding-top: .7em;
    padding-bottom: .7em;
    border-top: 1px solid #e4e6e8
}

.badges-page .badge-row .badge {
    margin: 0
}

.badges-page .general .badge-hierarchy {
    margin-bottom: .4em;
    padding-top: .4em;
    border-top: 1px solid #e4e6e8
}

.badges-page .general .badge-hierarchy .badge-row {
    padding-top: .2em;
    padding-bottom: .2em;
    border-top: none
}

.badges-page .tags .badge-hierarchy {
    margin-top: .3em
}

.badges-page .check-cell {
    display: inline-block;
    vertical-align: middle;
    width: 28px
}

.badges-page .badge-cell {
    height: 32px;
    width: 215px
}

.badges-page .badge-cell-large {
    width: 200px
}

.badges-page .badge-cell-large,.badges-page .badge-description,.badges-page .badge-count {
    display: inline-block;
    vertical-align: middle
}

.badges-page .badge-description {
    width: 420px;
    word-wrap: break-word
}

.badges-page .badge-count {
    width: 95px;
    text-align: right
}

.badges-page .badge-tag {
    white-space: nowrap
}

.badges-page h2 {
    margin-top: 3em;
    clear: both
}

.badges-page #badge-legend {
    padding: 8px
}

.badges-page #badge-legend .mb {
    overflow: visible
}

.badges-page #badge-legend.badges-page-ex {
    padding-left: 0
}

.badges-page #badge-legend.badges-page-ex .mb {
    padding-top: .5em;
    margin-left: 0
}

.badges-page .mb {
    margin-bottom: 15px;
    overflow: auto
}

.badges-page .mb.post-badge .user-list {
    margin-bottom: 10px;
    width: 100%;
    height: 25px
}

.badges-page .mb.post-badge h3 {
    display: inline
}

.badges-page .mb.tag-badge .user-list {
    margin-bottom: 10px;
    width: 31%;
    height: 30px
}

.badges-page .mb.tag-badge .user-list .relativetime {
    float: left;
    width: 118px
}

.badges-page .pl {
    padding-left: 10px
}

.badges-page .legend-cell {
    display: inline-block;
    margin-left: .6%;
    vertical-align: top;
    min-height: 100px;
    width: 32.3%;
    min-width: 32.3%
}

.badges-page .clear {
    clear: both
}

.badges-page .single-badge-table,.badges-page .single-badge-table .single-badge-header,.badges-page .single-badge-table .single-badge-wrapper,.badges-page .single-badge-table .single-badge-count,.badges-page .single-badge-table .single-badge-row-question,.badges-page .single-badge-table .single-badge-awarded,.badges-page .single-badge-table .single-badge-user,.badges-page .single-badge-table .single-badge-row-reason {
    width: 100%
}

.badges-page .single-badge-table .delete-tag {
    margin: 0
}

.badges-page .single-badge-table .single-badge-header {
    margin: 1em 0 2em
}

.badges-page .single-badge-table .single-badge-wrapper {
    display: block;
    max-width: 100%;
    vertical-align: top
}

.badges-page .single-badge-table .single-badge-wrapper .single-badge-badge,.badges-page .single-badge-table .single-badge-wrapper .single-badge-title {
    display: table-cell
}

.badges-page .single-badge-table .single-badge-wrapper .single-badge-badge a,.badges-page .single-badge-table .single-badge-wrapper .single-badge-title a {
    margin: 0
}

.badges-page .single-badge-table .single-badge-wrapper .single-badge-badge {
    vertical-align: top
}

.badges-page .single-badge-table .single-badge-wrapper .single-badge-title {
    vertical-align: middle;
    padding-left: 20px
}

.badges-page .single-badge-table .single-badge-count {
    display: block;
    padding-top: 1.5em
}

.badges-page .single-badge-table .single-badge-row-question {
    padding-top: 1em;
    margin-bottom: 1em;
    border-top: 1px solid #e4e6e8
}

.badges-page .single-badge-table .single-badge-row-question .single-badge-summary,.badges-page .single-badge-table .single-badge-row-question .single-badge-rightblock {
    display: inline-block;
    vertical-align: top
}

.badges-page .single-badge-table .single-badge-row-question .single-badge-summary {
    padding-right: 10px;
    width: calc(100% - 214px)
}

.badges-page .single-badge-table .single-badge-row-reason {
    padding-top: 1em;
    margin-bottom: 1em;
    border-top: 1px solid #e4e6e8;
    vertical-align: top
}

.badges-page .single-badge-table .single-badge-row-reason .single-badge-awarded,.badges-page .single-badge-table .single-badge-row-reason .single-badge-user {
    width: 26%
}

.badges-page .single-badge-table .single-badge-row-reason .single-badge-awarded,.badges-page .single-badge-table .single-badge-row-reason .single-badge-user,.badges-page .single-badge-table .single-badge-row-reason .single-badge-reason {
    display: inline-block;
    vertical-align: middle
}

.badges-page .single-badge-table .single-badge-row-double {
    display: inline-block;
    padding-top: 1em;
    margin-bottom: 1em;
    width: 49.7%
}

.badges-page .single-badge-table .single-badge-row-double .single-badge-awarded {
    width: 48%
}

.badges-page .single-badge-table .single-badge-row-double .single-badge-awarded,.badges-page .single-badge-table .single-badge-row-double .single-badge-user {
    display: inline-block;
    vertical-align: middle
}

.story-landing-import {
    margin: 40px 0;
    padding: 25px 0;
    text-align: center;
    line-height: 22px;
    background: url('../../Img/developer-story/import/bg.svg?v=70f6c1c85bac') no-repeat
}

.story-landing-import h1 {
    font-size: 26px;
    color: #3b4045;
    font-weight: 700;
    margin-bottom: 0
}

.story-landing-import p:not(.help-text) {
    font-size: 18px;
    margin-bottom: 30px
}

.story-landing-import .label-box {
    margin-bottom: 6px
}

.story-landing-import .icons-wrapper {
    margin: 40px auto;
    display: inline-flex;
    -ms-display: inline-flex;
    justify-content: space-around;
    -ms-justify-content: space-around
}

.story-landing-import .icons-wrapper .-name-wrapper {
    color: #3b4045;
    font-size: 20px;
    font-weight: 700;
    margin-top: 16px;
    width: 154px
}

.story-landing-import .icons-wrapper .-name-wrapper.cv {
    text-align: right
}

.story-landing-import .icons-wrapper .-name-wrapper.story {
    text-align: left
}

.story-landing-import .icons-wrapper .-name-wrapper .-name {
    display: block
}

.story-landing-import .icons-wrapper .summary {
    text-align: center;
    position: relative;
    width: 260px;
    margin: 0 10px
}

.story-landing-import .icons-wrapper .summary .name {
    margin-top: 8px;
    font-weight: 700;
    font-size: 16px
}

.story-landing-import .icons-wrapper .arrow {
    width: 60px;
    height: 1px;
    background: #bbc0c4;
    position: absolute;
    top: 64px;
    flex-shrink: 0;
    -ms-flex-shrink: 0
}

.story-landing-import .icons-wrapper .arrow:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #bbc0c4;
    position: absolute;
    top: -4px
}

.story-landing-import .icons-wrapper .arrow._left {
    left: 6px
}

.story-landing-import .icons-wrapper .arrow._left:before {
    left: 0
}

.story-landing-import .icons-wrapper .arrow._right {
    right: 6px
}

.story-landing-import .icons-wrapper .arrow._right:before {
    right: 0
}

.story-landing-import .icons-wrapper .avatar-wrapper,.story-landing-import .icons-wrapper .img {
    border-radius: 3px;
    background: #FFF;
    border: 1px solid #bbc0c4;
    padding: 8px;
    width: 128px;
    height: 128px;
    margin: 0 auto;
    box-sizing: border-box
}

.story-landing-import .icons-wrapper .avatar-wrapper img,.story-landing-import .icons-wrapper .img img {
    max-width: 100%;
    height: 100%
}

.story-landing-import .icons-wrapper ._ds {
    background: url('../../Img//developer-story/import/ds-img.svg?v=dfd86f1fc0db') white no-repeat center center
}

.story-landing-import .buttons>*:not(:first-child) {
    margin-left: 6px
}

.story-landing-import .buttons .help-text {
    margin-top: 2px
}

.team-summary {
    background: #f6f8f9;
    border-radius: 2px;
    padding: 24px;
    margin-bottom: 30px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.team-summary .-avatar {
    width: 100px;
    height: 100px;
    -ms-align-self: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-radius: 2px;
    background: #FFF;
    padding: 6px;
    border: 1px solid #e4e6e8;
    border-radius: 3px;
    display: flex;
    align-items: center
}

.team-summary .-avatar img,.team-summary .-avatar .placeholder {
    border-radius: 3px
}

.team-summary .-avatar img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.team-summary .-avatar .placeholder {
    background: #e4eaed;
    width: 100%;
    height: 100%
}

.team-summary .-avatar .placeholder.-company {
    background-image: url('../../img/lists/company-placeholder.svg?v=f3c9d80a64d3');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.team-summary .-avatar.-avatar-edit {
    text-align: center;
    border-radius: 3px;
    width: 100px;
    height: 100px;
    display: inline-block;
    position: relative
}

.team-summary .-avatar.-avatar-edit .img {
    height: auto
}

.team-summary .-avatar.-avatar-edit .remove {
    font-size: 11px;
    color: white;
    background: rgba(0,0,0,0.5);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 5px;
    border-radius: 0
}

.team-summary .-avatar.-avatar-edit .remove:hover {
    background: rgba(0,0,0,0.7)
}

.team-summary .-avatar.-avatar-edit .img-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background: #e4eaed
}

.team-summary .-avatar.-avatar-edit .img-wrapper .placeholder {
    padding: 18px
}

.team-summary .-avatar.-avatar-edit .picture-upload-zone {
    display: block;
    padding: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 11px;
    color: white;
    background: rgba(0,0,0,0.5);
    transition: background .15s ease;
    cursor: pointer
}

.team-summary .-avatar.-avatar-edit .picture-upload-zone:hover {
    background: rgba(0,0,0,0.7)
}

.team-summary .-details {
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    padding: 0 24px
}

.team-summary .-details h1 {
    font-size: 30px;
    margin-bottom: 5px;
    color: #2f3337
}

.team-summary .-details p,.team-summary .-details ul {
    margin-bottom: 0;
    color: #6a737c
}

.team-summary .-details ul {
    margin-left: 0
}

.team-summary .-details ul li {
    display: inline-block
}

.team-summary .-details ul li:not(:first-child) {
    margin-left: 10px
}

.team-summary .-details a {
    color: inherit
}

.team-summary .-details a:hover {
    text-decoration: underline
}

.team-summary .-actions {
    text-align: center
}

.team-summary .-actions .main-btn {
    display: block;
    margin-bottom: 6px
}

.team-summary.-editing {
    position: relative;
    display: block
}

.team-summary.-editing .edit-form {
    display: flex;
    justify-content: space-around;
    align-items: center;
    -ms-display: flex;
    -ms-justify-content: space-around;
    -ms-align-items: center
}

.team-summary.-editing .edit-form .-details>label {
    margin-right: 4px
}

.team-summary.-editing .edit-form .-details>label:not(:first-child) {
    margin-left: 20px
}

.team-summary.-editing .delete-form {
    position: absolute;
    bottom: 15px;
    left: 134px
}

#match-preferences-editor * {
    box-sizing: border-box !important
}

#match-preferences-editor .close {
    background: none;
    border: 0;
    box-shadow: none;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    width: 30px;
    height: 30px;
    min-height: 0;
    border-radius: 50%;
    cursor: pointer;
    text-align: center
}

#match-preferences-editor .close:before {
    content: "×";
    display: block;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #b9bbc4;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    bottom: 0
}

#match-preferences-editor .close:hover:before {
    color: #535a60
}

#match-preferences-editor .close:hover {
    background: #eff0f1
}

#match-preferences-editor ._help._pad-bottom {
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: solid 1px #e4e6e8
}

#match-preferences-editor ._help .intro-image {
    background: url("../../Img/so-profile-icons-01.png?v=a8d5abea6a0f");
    background: url("../../Img/so-profile-icons-01.svg?v=c2d1be4e60c5");
    display: inline-block;
    width: 46px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: 0 -6px
}

#match-preferences-editor ._help .intro {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -5px
}

#match-preferences-editor ._help .intro h2 {
    margin-bottom: 4px;
    font-size: 1.6em
}

#match-preferences-editor .buttons {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e4e6e8;
    display: flex;
    justify-content: flex-start;
    -ms-display: flex;
    -ms-justify-content: flex-start;
    align-items: center;
    -ms-align-items: center
}

#match-preferences-editor .buttons .cancel {
    margin-left: 10px
}

#match-preferences-editor label {
    margin-bottom: 0
}

#match-preferences-editor #location-widget .location-wrapper {
    width: 521px
}

#match-preferences-editor #location-widget .btn-secondary {
    top: 0
}

#match-preferences-editor .match-preferences .field-separator:first-of-type {
    margin-top: 30px
}

#match-preferences-editor .match-preferences .salary-selector .salary input {
    margin: 5px 0
}

#match-preferences-editor .match-preferences .salary-selector .field-with-bg {
    height: 35px
}

#match-preferences-editor .match-preferences .chosen-container .chosen-choices {
    min-height: 35px !important;
    max-height: 35px
}

#match-preferences-editor .match-preferences .chosen-container .search-choice {
    margin: 4px 0 4px 2px !important
}

#match-preferences-editor .match-preferences .chosen-container .search-choice-close {
    margin-left: 4px !important;
    transition: none
}

#match-preferences-editor .match-preferences .tag-editor>input {
    margin-left: 5px
}

#match-preferences-editor .match-preferences .tag-editor .post-tag {
    font-size: 12px
}

#match-preferences-editor .match-preferences .salary-info {
    font-weight: 400
}

.pac-container {
    z-index: 10000
}

.min-ds-step-counter {
    position: relative;
    top: 14px;
    display: flex;
    -ms-display: flex;
    justify-content: center;
    -ms-justify-content: center
}

.min-ds-step-counter .step {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D6E2EA
}

.min-ds-step-counter .step:not(:first-child) {
    margin-left: 15px
}

.min-ds-step-counter .step.active {
    background: #3af
}

.min-ds-step-counter .step.completed {
    background: url('../../img/developer-story/onboarding/check.svg?v=38ab7ededf29') no-repeat center center;
    width: 11px
}

.min-ds-wizard div,.min-ds-wizard span,.min-ds-wizard h1,.min-ds-wizard h2,.min-ds-wizard h3,.min-ds-wizard h4,.min-ds-wizard h5,.min-ds-wizard h6,.min-ds-wizard p,.min-ds-wizard blockquote,.min-ds-wizard pre,.min-ds-wizard a,.min-ds-wizard abbr,.min-ds-wizard em,.min-ds-wizard img,.min-ds-wizard q,.min-ds-wizard s,.min-ds-wizard small,.min-ds-wizard strong,.min-ds-wizard sub,.min-ds-wizard sup,.min-ds-wizard tt,.min-ds-wizard var,.min-ds-wizard b,.min-ds-wizard u,.min-ds-wizard i,.min-ds-wizard center,.min-ds-wizard dl,.min-ds-wizard dt,.min-ds-wizard dd,.min-ds-wizard ol,.min-ds-wizard ul,.min-ds-wizard li,.min-ds-wizard fieldset,.min-ds-wizard form,.min-ds-wizard label,.min-ds-wizard legend,.min-ds-wizard table,.min-ds-wizard caption,.min-ds-wizard tbody,.min-ds-wizard tfoot,.min-ds-wizard thead,.min-ds-wizard tr,.min-ds-wizard th,.min-ds-wizard td,.min-ds-wizard article,.min-ds-wizard aside,.min-ds-wizard canvas,.min-ds-wizard details,.min-ds-wizard embed,.min-ds-wizard figure,.min-ds-wizard figcaption,.min-ds-wizard footer,.min-ds-wizard header,.min-ds-wizard hgroup,.min-ds-wizard menu,.min-ds-wizard nav,.min-ds-wizard output,.min-ds-wizard section,.min-ds-wizard summary,.min-ds-wizard time,.min-ds-wizard mark {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

.min-ds-wizard .min-ds-box.jobs {
    width: 630px;
    padding: 40px 30px;
    margin: 40px auto;
    border: 1px solid #e4e6e8;
    background: white;
    color: #242729
}

.min-ds-wizard .min-ds-box.jobs #min-ds-form .hide {
    display: none
}

.min-ds-wizard .min-ds-box.jobs~.timeline-wrapper,.min-ds-wizard .min-ds-box.jobs~.header-cta {
    display: none
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e4e6e8
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title h2 {
    font-size: 20px;
    color: #3b4045;
    font-weight: 400;
    margin-bottom: 6px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title p {
    font-size: 14px;
    color: #848d95;
    margin-bottom: 0
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title .filters {
    margin: 30px 0 -10px 0
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label {
    color: #777;
    padding-bottom: 11px;
    cursor: pointer;
    font-size: 12px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label:hover {
    color: #222
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label:not(:first-of-type) {
    margin-left: 20px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title .filters input[type="radio"] {
    display: none
}

.min-ds-wizard .min-ds-box.jobs .min-ds-title .filters input[type="radio"]:checked+label {
    color: #222;
    border-bottom: 1px solid #F48024
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content {
    max-width: 416px;
    margin: 0 auto
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .label-required {
    font-weight: 400
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .input-group {
    margin-bottom: 10px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .input-group.has-error textarea.f-input {
    background-position: 97% 8%
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content input#RealName,.min-ds-wizard .min-ds-box.jobs .min-ds-content input#Email,.min-ds-wizard .min-ds-box.jobs .min-ds-content input#Location {
    font-size: inherit
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content select[disabled] {
    color: #adb3b9;
    background-color: #eff0f1;
    border-color: #e4e6e8
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .textarea-with-counter {
    margin-bottom: 5px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .textarea-with-counter textarea {
    width: 100%
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .has-error .textarea-with-counter textarea {
    padding-right: 20px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .message {
    padding: 0;
    display: none
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content input.input-validation-error.reqd {
    border-left: 4px solid #F61600 !important
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content select {
    padding: 8px 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #3b4045;
    background: #FFF;
    border: 1px solid #c8ccd0
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .timeFrame .g-row {
    margin-bottom: 5px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .timeFrame.has-error select {
    border-color: #dc3d4c
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .current {
    display: inline-block;
    padding: 8px 10px 4px;
    margin-left: 2px;
    background-color: #eff0f1;
    border: 1px solid #c8ccd0
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .-isCurrentLabel {
    line-height: 1.375
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .informative-tooltip {
    padding: 5px;
    text-align: center;
    width: 150px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .-left {
    float: left;
    width: 50%
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .-right {
    float: right;
    width: 50%;
    text-align: right
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .autocomplete {
    flex-grow: 1;
    -ms-flex-grow: 1
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .autocomplete input[type="text"] {
    width: 100%
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .job-search-status-options>label {
    display: block;
    margin-top: 6px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper {
    width: 100%;
    margin-bottom: 5px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor {
    position: relative;
    overflow: hidden;
    min-width: 100%;
    width: 100%;
    opacity: 1 !important;
    background-color: #FFF;
    box-shadow: inset 0 1px 2px rgba(145,153,161,0.2),0 0 0 #FFF;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;
    display: inline-block;
    margin: 0;
    padding: 1px 0 0 5px;
    vertical-align: middle;
    color: #3b4045;
    line-height: 22px;
    border: 1px solid #bbc0c4;
    border-radius: 2px;
    height: auto !important;
    min-height: 35px !important;
    cursor: text
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d3d6da,0 0 2px rgba(0,149,255,0.2)
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.focus {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5);
    outline: 0
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.error {
    border-color: #dc3d4c
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.error.focus {
    border-color: #C91D2E;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #e59aa1
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor .post-tag {
    font-size: 12px;
    padding: 6px 5px 5px 6px;
    margin: 3px 3px 1px 3px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor .post-tag .delete-tag {
    opacity: .85;
    margin-top: -1px;
    margin-left: 3px;
    background-image: url(../../img/jobs/comment-del.svg?v=80092e2400bd) !important;
    background-position: 0 0 !important;
    vertical-align: top;
    width: 14px;
    height: 14px;
    display: inline-block
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor .post-tag .delete-tag:hover {
    opacity: 1;
    background-image: url(../../img/jobs/comment-del-hover.svg?v=3b258384128b) !important;
    background-position: 0 0 !important;
    cursor: pointer
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor input,.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor input[type="text"] {
    width: 60px;
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 4px 3px 0;
    background-color: transparent !important;
    display: inline-block !important
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor input[type="text"] {
    margin: 0;
    height: 30px;
    box-sizing: content-box;
    padding: 0 0 0 5px !important
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor input[type="text"]:not([placeholder=""]) {
    padding-left: 10px !important;
    min-width: 230px;
    font-size: 13px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .actual-edit-overlay {
    border: none !important;
    height: 33px !important;
    background-color: transparent !important
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions {
    background-color: #FFF;
    border: 1px solid #d6d9dc;
    padding: 5px;
    z-index: 300;
    box-shadow: 0 2px 5px rgba(36,39,41,0.2);
    width: 100% !important;
    margin-top: 1px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div {
    padding: 2px;
    width: auto !important;
    clear: none !important;
    overflow: hidden;
    float: left;
    position: relative;
    cursor: pointer
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div:hover,.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div:focus {
    background: none
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div:hover .post-tag,.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div:focus .post-tag {
    background: #dae7f1
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div .post-tag {
    font-size: 12px;
    padding: 6px 5px 5px 6px
}

.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div .item-multiplier,.min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-suggestions>div>p {
    display: none
}

.min-ds-wizard .min-ds-box.jobs .min-ds-cta-section {
    height: 60px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e4e6e8;
    display: flex;
    justify-content: space-between;
    -ms-display: flex;
    -ms-justify-content: space-between
}

.min-ds-wizard .min-ds-box.jobs .min-ds-cta-section div {
    width: 100%
}

.pac-container {
    margin-top: -2px;
    margin-left: 1px;
    border-top: none !important;
    border-radius: 0
}

.pac-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: 1px;
    background-color: #c8ccd0
}

.pac-container .pac-item {
    padding: 5px 10px;
    border-top: 0
}

.pac-container .pac-item:hover,.pac-container .pac-item.pac-item-selected {
    background-color: #fafafb
}

.pac-container .pac-item .pac-icon {
    background: url('../../img/jobs/ico-location-gray.svg?v=d0e032c31982') no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    background-position: 0 0;
    opacity: .25
}

.pac-logo:after {
    margin-right: 4px;
    height: 20px !important
}

.block {
    display: block
}

.w-100 {
    width: 100%
}

.inline-block {
    display: inline-block
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

.fw {
    margin-bottom: 4px;
    width: 100%
}

.relative {
    position: relative
}

.help-text {
    color: #6a737c
}

.bold {
    font-weight: 700
}

.help-text.has-icon,.message.text-only.has-icon {
    display: flex;
    -ms-display: flex
}

.help-text.has-icon [class^='icon'],.message.text-only.has-icon [class^='icon'] {
    flex-shrink: 0;
    -ms-flex-shrink: 0;
    margin-right: 5px
}

.help-text.has-icon .icon-i-orange,.message.text-only.has-icon .icon-i-orange {
    position: relative;
    top: 2px
}

.success-text {
    color: #45A163
}

.error-text {
    color: #C91D2E
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-centered {
    text-align: center
}

.hidden,.dno,._hidden {
    display: none
}

.hidden-important {
    display: none !important
}

@media print {
    .hide-for-print {
        display: none
    }
}

.show-for-print {
    display: none
}

@media print {
    .show-for-print {
        display: block
    }
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

._blocked {
    overflow: hidden;
    position: fixed
}

.so-header~.container {
    padding-top: 60px
}

.so-header~.container #content {
    padding: 24px 15px
}

.so-header~.container #herobox,.so-header~.container #herobox-mini {
    margin-top: 0
}

.so-header {
    border-top: 3px solid #F48024;
    box-shadow: 0 1px 0 rgba(12,13,14,0.15);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1090px;
    z-index: 1030;
    background-color: #fafafb;
    transition: box-shadow cubic-bezier(.165, .84, .44, 1) .25s;
    height: 60px;
    box-sizing: border-box
}

.so-header._fixed {
    position: fixed;
    min-width: auto
}

.so-header._fixed._scrolling {
    box-shadow: 0 1px 0 rgba(12,13,14,0.1),0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 1px rgba(12,13,14,0.025)
}

.so-header .-container {
    max-width: 1060px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
    box-sizing: content-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.so-header .-main {
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center
}

.so-header .-logo {
    box-sizing: content-box;
    padding: 0 12px;
    width: 150px;
    height: 57px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    transition: background-color cubic-bezier(.165, .84, .44, 1) .25s
}

.so-header .-logo:hover {
    background-color: rgba(239,240,241,0.75)
}

.so-header .-logo .-img {
    display: inline-block;
    text-indent: -9999em;
    height: 30px;
    width: 150px;
    margin-top: -4px;
    margin-left: 0;
    background-image: url("img/sprites.svg?v=d689de80c4e2");
    background-position: 0 -500px
}

.so-header .-logo._glyph {
    width: 25px
}

.so-header .-logo._glyph .-img {
    height: 30px;
    width: 25px;
    margin-top: 0;
    margin-left: 0
}

.so-header .-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 48px;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

.so-header .-actions .-ctas {
    padding-left: 4px;
    white-space: nowrap
}

.so-header * {
    box-sizing: border-box
}

.so-header [role="icon"] {
    fill: currentColor
}

.so-header .navigation {
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    opacity: 1;
    transform-origin: left center;
    transition: opacity .35s cubic-bezier(.165, .84, .44, 1),max-width .5s cubic-bezier(.165, .84, .44, 1)
}

.so-header .navigation .-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 57px
}

.so-header .navigation .-item._current .-link {
    border-bottom: 2px solid #F48024;
    color: #0C0D0E
}

.so-header .navigation .-link {
    display: inline-block;
    padding: 0 12px;
    color: #535a60;
    line-height: 58px;
    text-decoration: none;
    height: 57px;
    position: relative;
    transition: background-color cubic-bezier(.165, .84, .44, 1) .25s,border-bottom-color ease-in-out .25s
}

.so-header .navigation .-link:hover,.so-header .navigation .-link:focus {
    background-color: #eff0f1;
    color: #242729;
    text-decoration: none;
    outline: none
}

.so-header .navigation .new-badge {
    background-color: #F48024;
    color: #FFF;
    font-size: 11px;
    padding: 2px 4px;
    text-transform: uppercase;
    border-radius: 0 0 2px 2px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 0
}

.so-header .navigation .beta-badge {
    color: #bbc0c4;
    font-size: 10px;
    padding: 2px 0;
    text-transform: uppercase;
    border-radius: 0 0 2px 2px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 35px
}

.so-header .secondary-nav .-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 57px;
    display: -webkit-flex;
    display: flex
}

.so-header .secondary-nav .-item {
    position: relative
}

.so-header .secondary-nav .-item._active,.so-header .secondary-nav .-item .-link.topbar-icon-on,.so-header .secondary-nav .-item .-link:hover {
    color: #3b4045;
    background-color: #eff0f1;
    text-decoration: none
}

.so-header .secondary-nav .-item._active .indicator-badge,.so-header .secondary-nav .-item .-link.topbar-icon-on .indicator-badge,.so-header .secondary-nav .-item .-link:hover .indicator-badge {
    border-color: #eff0f1;
    top: 4px
}

.so-header .secondary-nav .-item .-link.topbar-icon-on {
    background-color: #eff0f1
}

.so-header .secondary-nav .-item .-link.topbar-icon-on .indicator-badge {
    border-color: #eff0f1
}

.so-header .secondary-nav .-item._has-divider {
    border-left: 1px solid #e4e6e8
}

.so-header .secondary-nav .-link {
    color: #848d95;
    display: inline-block;
    padding: 0 10px;
    height: 57px;
    line-height: 57px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    transition: background-color cubic-bezier(.165, .84, .44, 1) .25s,color cubic-bezier(.165, .84, .44, 1) .25s
}

.so-header .secondary-nav .-link [role="icon"] {
    vertical-align: text-top
}

.so-header .secondary-nav .-link .indicator-badge:not(._regular) {
    position: absolute;
    top: 8px;
    right: 2px;
    transition: top cubic-bezier(.165, .84, .44, 1) .15s
}

.so-header .secondary-nav .-link._highlighted-positive,.so-header .secondary-nav .-link._highlighted-positive:hover,.so-header .secondary-nav .-link._highlighted-positive.topbar-icon-on {
    color: #45A163
}

.so-header .secondary-nav .-link._highlighted-mod,.so-header .secondary-nav .-link._highlighted-mod:hover,.so-header .secondary-nav .-link._highlighted-mod.topbar-icon-on {
    color: #07C
}

.so-header .secondary-nav .-link._highlighted-reviews,.so-header .secondary-nav .-link._highlighted-reviews:hover,.so-header .secondary-nav .-link._highlighted-reviews.topbar-icon-on {
    color: #da670b
}

.so-header .secondary-nav .-link._highlighted-announcement,.so-header .secondary-nav .-link._highlighted-announcement:hover,.so-header .secondary-nav .-link._highlighted-announcement.topbar-icon-on {
    color: #F48024
}

.so-header .secondary-nav .-link._text-only {
    padding: 0 4px
}

.so-header .secondary-nav .tour-bubble {
    top: 65px;
    right: -19px
}

.so-header .indicator-badge {
    background-color: #07C;
    color: #FFF;
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px;
    border-radius: 4px;
    background-clip: padding-box;
    display: inline-block;
    min-width: 18px;
    text-align: center;
    border: 2px solid #fafafb
}

.so-header .indicator-badge._regular {
    font-size: 12px;
    padding: 4px
}

.so-header .indicator-badge._positive {
    background-color: #45A163
}

.so-header .indicator-badge._important {
    background-color: #ff0000
}

.so-header .indicator-badge._reviews {
    background-color: #da670b
}

.so-header .indicator-badge._mod {
    background-color: #07C
}

.so-header .indicator-badge._announcement {
    background-color: #F48024
}

.so-header .my-profile {
    padding: 16.5px 10px;
    transition: background-color cubic-bezier(.165, .84, .44, 1) .25s;
    font-size: 12px;
    color: #3b4045;
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center
}

.so-header .my-profile:hover {
    background-color: #eff0f1;
    color: #3b4045;
    text-decoration: none
}

.so-header .my-profile .gravatar-wrapper-24 .-avatar {
    border-radius: 2px;
    vertical-align: middle
}

.so-header .my-profile .-rep {
    padding-left: 8px;
    font-weight: bold;
    color: inherit
}

.so-header .my-profile .-badges>span {
    padding-left: 8px
}

.so-header .my-profile .-badges .badge1,.so-header .my-profile .-badges .badge2,.so-header .my-profile .-badges .badge3 {
    margin: 0;
    width: 8px;
    height: 8px;
    background: none;
    border-radius: 50%;
    text-indent: -9999em;
    vertical-align: baseline;
    margin-right: 2px
}

.so-header .my-profile .-badges .badgecount {
    font-weight: normal
}

.so-header .my-profile .-badges .badge1 {
    background-color: #FFCC01
}

.so-header .my-profile .-badges .badge1+.badgecount {
    color: #cda400
}

.so-header .my-profile .-badges .badge2 {
    background-color: #B4B8BC
}

.so-header .my-profile .-badges .badge2+.badgecount {
    color: #8c9298
}

.so-header .my-profile .-badges .badge3 {
    background-color: #D1A684
}

.so-header .my-profile .-badges .badge3+.badgecount {
    color: #c38b5f
}

.so-header .searchbar {
    padding-left: 12px;
    width: 100%;
    position: relative;
    -webkit-flex: 1;
    flex: 1
}

.so-header .searchbar>[role="icon"] {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #848d95;
    pointer-events: none;
    transition: opacity .25s cubic-bezier(.165, .84, .44, 1)
}

.so-header .searchbar input[type="text"].f-input {
    margin: 0;
    padding-left: 38px;
    height: 36px;
    border-radius: 2px;
    width: 100%;
    color: #6a737c
}

.so-header .searchbar input[type="text"].f-input::-webkit-input-placeholder {
    color: #848d95;
    font-style: normal
}

.so-header .searchbar input[type="text"].f-input::-moz-placeholder {
    color: #848d95;
    font-style: normal;
    opacity: 1
}

.so-header .searchbar input[type="text"].f-input:-ms-input-placeholder {
    color: #848d95;
    font-style: normal
}

.so-header .searchbar input[type="text"].f-input::-ms-input-placeholder {
    color: #848d95;
    font-style: normal
}

.so-header .searchbar input[type="text"].f-input::placeholder {
    color: #848d95;
    font-style: normal
}

.so-header .searchbar .btn {
    height: 36px;
    opacity: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    transition: all .35s cubic-bezier(.165, .84, .44, 1)
}

.so-header._search-open .navigation {
    opacity: 0;
    max-width: 0
}

.so-header._search-open .searchbar>[role="icon"] {
    opacity: 0
}

.so-header._search-open .searchbar input[type="text"].f-input {
    padding-left: 16px;
    padding-right: 60px
}

.so-header._search-open .searchbar .btn {
    opacity: 1;
    z-index: 0
}

.so-header-for-debug .so-header {
    position: absolute;
    top: auto
}

.so-header-for-debug.topbar-for-debug {
    margin-top: 85px
}

.so-header-for-debug .cache-info {
    top: 145px
}

@media screen and (max-width:1090px) {
    .so-header .-container {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        max-width: 100vw
    }

    .so-header .-actions {
        margin-left: 25px
    }

    .so-header .navigation .-link {
        padding: 0 8px
    }

    .so-header .navigation .beta-badge {
        right: 8px
    }

    .so-header .my-profile {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (max-width:920px) {
    .so-header .navigation {
        font-size: 12px
    }

    .so-header .searchbar input[type="text"].f-input {
        font-size: 12px
    }

    .so-header .my-profile .-badges,.so-header .my-profile .-rep {
        display: none
    }
}

.question-list-layout {
    margin: 0;
    right: -332px;
    top: 38px
}

.so-header._fixed~.container.topic-page .workbench.sticky,.so-header._fixed~.container.docs-review-page .proposed-change .review-bar.sticky,.so-header._fixed~.container .sticky:not(.sticky-bottom).job-requirements-form {
    top: 60px
}

.so-header._fixed~.container .sticky-menu-wrapper._sticky {
    top: 60px
}

.jobdetail #hed .sticky-detail-header-block {
    z-index: 1031 !important
}

.animated-flash-message {
    top: 75px !important
}

body {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em;
    color: #242729;
    background: #FFF;
    min-width: 1075px
}

body.read-only .login-link,body.read-only .askquestion,body.read-only .vote-up-off,body.read-only .vote-down-off,body.read-only .star-off {
    opacity: .3
}

body.read-only .vote-up-off,body.read-only .vote-down-off,body.read-only .star-off {
    cursor: not-allowed
}

.question .postcell {
    vertical-align: top
}

.user-page .row {
    max-width: 1060px
}

.user-page #main-content>.row:last-child {
    padding-bottom: 30px
}

.user-page h1#user-displayname a {
    color: #242729
}

.user-page .col-content {
    width: 800px
}

.user-page .answer-summary .statscontainer {
    width: 40px
}

.user-page .answer-summary .summary {
    width: 670px
}

.user-page .answer-summary .relativetime {
    float: right;
    padding-top: 6px
}

.user-page .subheader .sub-header-links {
    padding-bottom: 3px
}

hr {
    border: 0;
    color: #9fa6ad;
    background-color: #9fa6ad;
    height: 1px;
    margin-bottom: 20px
}

.date {
    text-align: right;
    width: 70px;
    white-space: nowrap;
    color: #c8ccd0;
    height: 35px;
    font-size: 18px
}

.date_brick {
    float: right;
    width: 45px;
    color: #9199a1;
    text-align: center;
    line-height: 1.4;
    font-size: 13px;
    margin-left: 10px;
    padding-top: 5px;
    letter-spacing: 0;
    overflow: hidden
}

.revcell1 {
    width: 25px;
    cursor: pointer;
    text-align: right
}

.revcell2 {
    width: 50px;
    cursor: pointer;
    font-size: 250%;
    font-weight: bold;
    color: #6a737c;
    text-align: left
}

.revcell3 {
    vertical-align: middle;
    width: 660px;
    padding-top: 8px;
    padding-bottom: 5px
}

.revcell4 {
    padding: 5px;
    width: 185px
}

.revcell5 {
    margin-top: 10px;
    margin-left: 10px
}

.unanswered .mini-counts span {
    color: #242729
}

.votecell {
    vertical-align: top;
    padding-right: 15px
}

.votecell .vote-count-post {
    margin: 8px 0
}

.votecell .vote {
    min-width: 46px
}

#answers {
    clear: both;
    padding-top: 10px;
    width: 728px
}

#scroller {
    margin-top: 5px
}

.answer {
    padding-bottom: 20px;
    padding-top: 20px;
    width: 728px
}

.answer .signup-prompt {
    text-align: right;
    color: #848d95;
    padding: 5px 0
}

.post-signature {
    text-align: left;
    vertical-align: top;
    width: 200px
}

.accept-rate {
    margin-left: 37px;
    padding-top: 6px !ie7;
    margin-top: 3px;
    margin-bottom: 6px
}

.owner {
    background-color: #E0EAF1
}

.downvoted-answer .post-text,.downvoted-answer .post-signature,.downvoted-answer .comments,.downvoted-answer .vote>* {
    opacity: .5;
    transition: opacity .5s
}

.downvoted-answer .vote .message {
    opacity: 1
}

.downvoted-answer:hover .post-text,.downvoted-answer:hover .post-signature,.downvoted-answer:hover .comments,.downvoted-answer:hover .vote>* {
    opacity: 1
}

.item-multiplier {
    margin-right: 4px;
    color: #848d95
}

.reputation-score {
    font-weight: bold;
    font-size: 12px;
    margin-right: 2px
}

.relativetime {
    text-decoration: none
}

#notify-container {
    font-size: 16px;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 1031
}

#notify-container span.notify-close {
    float: right;
    margin-right: 20px;
    text-decoration: none;
    display: block;
    cursor: pointer
}

#notify-container span.notify-close a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #FFF
}

#notify-container div {
    color: #FFF;
    padding: 9px 0;
    background: #f90
}

.summaryinfo {
    color: #6a737c;
    text-align: center
}

.summarycount {
    text-align: center;
    font-size: 26px;
    line-height: 1
}

.summarycount+p {
    margin-bottom: 0
}

.lsep {
    margin: 0 2px 0 2px;
    color: #c8ccd0;
    color: #1b4072;
    font-size: 1px;
    visibility: hidden
}

.post-taglist {
    margin-bottom: 10px;
    clear: both
}

.post-menu {
    padding-top: 2px
}

.post-menu>a {
    padding: 0 3px 2px 3px;
    color: #848d95
}

.post-menu>a:hover {
    color: #3b4045;
    text-decoration: none
}

.post-menu .lsep {
    margin: 0;
    padding: 0
}

.post-menu>* {
    display: inline-block
}

.edit-tags-wrapper {
    padding-right: 40px
}

.edit-tags-wrapper>a.post-tag {
    margin-right: 6px
}

.edit-tags-wrapper>span>a {
    padding: 0 3px 2px 3px;
    color: #848d95
}

.edit-tags-wrapper>span>a:hover {
    color: #3b4045;
    text-decoration: none
}

.accept-answer-link {
    font-weight: bold;
    color: #508850 !important
}

.deleted-post {
    color: #B65454 !important;
    font-weight: bold !important
}

.deleted-post:hover {
    color: #FFF !important;
    background-color: #B65454 !important
}

.search-highlight {
    color: #2f3337;
    background-color: #FFFFCC;
    font-weight: bold
}

.page-description {
    font-size: 14px;
    margin: 10px 0;
    line-height: 18px
}

.content-page {
    padding: 20px 0
}

.content-page h2 {
    margin-bottom: 10px;
    font-size: 140%;
    font-weight: bold
}

.content-page h3 {
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold
}

.user-list {
    margin-right: 10px;
    width: 225px;
    height: 21px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.user-flair {
    float: left
}

.user-info {
    box-sizing: border-box;
    padding: 5px 6px 7px 7px;
    width: 200px;
    color: #6a737c
}

.user-info:before,.user-info:after {
    content: "";
    display: table
}

.user-info:after {
    clear: both
}

.user-info .user-gravatar32 {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 1px
}

.user-info .user-gravatar32 img {
    border-radius: 1px
}

.user-info .user-gravatar32+.user-details {
    margin-left: 8px;
    width: calc(100% - 40px)
}

.user-info .user-gravatar48+.user-details {
    margin-left: 8px;
    width: calc(100% - 48px)
}

.user-info .user-gravatar64+.user-details {
    margin-left: 8px;
    width: calc(100% - 64px)
}

.user-info .user-action-time {
    margin-top: 1px;
    margin-bottom: 4px;
    font-size: 12px;
    white-space: nowrap
}

.user-info .user-details {
    float: left;
    width: 100%
}

.user-info .-flair {
    display: block
}

.user-details {
    line-height: 17px;
    word-wrap: break-word
}

.user-details .badgecount {
    font-weight: 400;
    font-size: 12px
}

.user-details td {
    color: #0C0D0E;
    padding: 4px 0 4px 0
}

#revisions {
    margin-top: 20px;
    margin-left: 20px
}

.revision td {
    background-color: #eff0f1
}

.vote-revision td {
    background-color: #d6d9dc
}

.owner-revision td {
    background-color: #E0EAF1
}

.revision-comment {
    color: #2f3337;
    padding: 0
}

.openid-identifier {
    background: url('../../img/openid-large.png?v=1d30b51ac712') center left no-repeat;
    padding-left: 32px;
    height: 22px;
    line-height: 22px
}

#answers-header {
    margin-top: 10px;
    width: 728px
}

#question-header {
    clear: both;
    padding: 5px 0;
    border-bottom: 1px solid #e4e6e8;
    margin-bottom: 1em
}

#question-header h1 {
    margin-bottom: .5em
}

#question-header .question-hyperlink {
    font-size: 24px;
    line-height: 1.35;
    font-weight: normal;
    margin-bottom: .5em
}

.user-about-me {
    padding: 10px;
    height: 225px;
    overflow: auto;
    word-wrap: break-word;
    width: 380px;
    background-color: #e9ebec;
    font-size: 12px
}

.answer-votes {
    color: #535a60;
    text-align: center;
    float: left;
    padding: 3px;
    min-width: 36px;
    min-height: 15px;
    text-decoration: none;
    border-radius: 2px
}

.user-page .answer-hyperlink,.user-page .question-hyperlink {
    margin-bottom: 5px
}

#mainbar h2,.mainbar h2,#mainbar h3,.mainbar h3,#mainbar h4,.mainbar h4 {
    font-weight: 400
}

#question-suggestions {
    width: 660px
}

.answer-link {
    float: left;
    width: 700px;
    padding-left: 10px;
    color: #535a60
}

.answer-summary {
    padding: 3px;
    clear: both
}

.bounty-indicator {
    float: left;
    color: #FFF;
    font-size: 11px;
    padding: .2em .5em .25em .5em;
    line-height: 1.3;
    background-color: #0077dd;
    margin-right: 5px;
    border-radius: 2px
}

.bounty-indicator-tab {
    color: #FFF !important;
    display: inline;
    background-color: #0077dd;
    padding: .2em .5em .25em .5em;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1.3;
    border-radius: 2px
}

.bounty p {
    margin-top: 10px
}

.bounty-stats {
    overflow: auto;
    margin-bottom: 5px;
    border-bottom: solid 1px #eff0f1
}

.bounty-award {
    display: inline-block;
    line-height: 1.3;
    font-weight: normal;
    padding: 4px;
    font-size: .8em;
    border-radius: 3px;
    color: #FFF !important;
    background-color: #0077dd
}

.bounty-vote-off {
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    background-color: #96caf5
}

.bounty-vote {
    cursor: pointer
}

#bounty-submit {
    box-shadow: 2px 2px 3px #bbc0c4;
    background-color: #b23737;
    border-color: #e57171 #7c1515 #7c1515 #e57171;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 4px
}

.question-status {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 15px 8px 1px 60px;
    clear: both
}

.question-status h2 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px
}

.question-status p {
    font-size: 13px
}

.answer-title {
    color: #bbc0c4
}

.history-table {
    line-height: 180%
}

.history-table .answer-hyperlink,.history-table .question-hyperlink {
    font-size: 13px
}

.history-table span.revision-comment {
    line-height: 180%
}

.history-table .comments {
    border-top: none
}

.history-table p {
    margin-bottom: 10px;
    margin-top: 3px
}

#noscript-warning {
    font-family: sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #FFF;
    background-color: #AE0000;
    padding: 5px 0 5px 0
}

.container {
    margin: 0 auto;
    text-align: left;
    width: 100%
}

#content {
    min-height: 450px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 1060px;
    padding: 15px;
    background-color: #FFF
}

#content:before,#content:after {
    content: "";
    display: table
}

#content:after {
    clear: both
}

.ask-page #content {
    min-height: 750px;
    overflow: visible
}

#header {
    margin: 0 auto;
    width: 1060px;
    height: 96px;
    padding: 0 15px;
    box-sizing: content-box;
    position: relative
}

#hmenus {
    position: absolute;
    right: 15px;
    top: 55px
}

#hmenus .mainnavs,#hmenus .askquestion {
    display: inline-block
}

#hlogo {
    float: left
}

#hlogo a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    text-indent: -999999em;
    text-decoration: none
}

#hlogo a:focus,#hlogo a:active {
    outline: none;
    border: none
}

#system-message {
    background-color: #FFF7E3;
    clear: both;
    width: 1060px;
    padding: 15px;
    margin: 10px auto;
    border: 0;
    line-height: 1.3;
    font-size: 12px;
    box-sizing: border-box
}

.nav ul {
    margin: 0
}

.nav ul li {
    display: inline-block;
    margin-left: 15px
}

.nav ul li a {
    text-decoration: none;
    display: block
}

.top-banner-message-container {
    width: 1060px;
    margin: 0 auto 14px auto;
    padding: 0;
    box-sizing: content-box;
    position: relative
}

.top-banner-message-container .message {
    width: 100%
}

#sidebar,.sidebar {
    float: right;
    overflow: hidden;
    width: 300px;
    margin: 0;
    margin: 0 0 15px 0
}

#sidebar .post-tag,.sidebar .post-tag,#sidebar .required-tag,.sidebar .required-tag,#sidebar .moderator-tag,.sidebar .moderator-tag,#sidebar .badge,.sidebar .badge,#sidebar .badge-tag,.sidebar .badge-tag {
    margin-bottom: .5em
}

#sidebar h4,.sidebar h4 {
    margin-bottom: 1em
}

#sidebar.ask-sidebar {
    width: 365px
}

#mainbar,.mainbar {
    float: left;
    width: 728px;
    margin: 0 0 0 0;
    padding: 0
}

#mainbar-full,.mainbar-full {
    width: 100%;
    padding: 0
}

#mainbar-full:before,.mainbar-full:before,#mainbar-full:after,.mainbar-full:after {
    content: "";
    display: table
}

#mainbar-full:after,.mainbar-full:after {
    clear: both
}

div.form-error {
    color: #990000;
    font-weight: bold;
    font-size: 130%
}

.user-stats-table {
    margin-left: 15px !important
}

#feed-link {
    text-align: right;
    float: right;
    clear: both;
    margin: 15px;
    white-space: nowrap
}

#feed-link-text {
    float: left
}

.subheader {
    clear: both;
    margin-bottom: 10px;
    height: 40px;
    border-bottom: 1px solid #e4e6e8
}

.subheader h1,.subheader h2 {
    float: left;
    margin-bottom: 0;
    font-weight: normal
}

.subheader h1 {
    color: #242729;
    font-size: 18px;
    line-height: 2.22
}

.subheader h2 {
    color: #3b4045;
    font-size: 18px
}

.subheader.tools-rev {
    margin-bottom: 10px
}

.subheader a.link {
    color: #07C
}

body.home-page .subheader,body.questions-page .subheader {
    margin-bottom: 0
}

.question-summary {
    overflow: hidden;
    padding: 15px 0;
    float: left;
    width: 728px;
    border-bottom: 1px solid #eff0f1
}

.question {
    clear: both
}

#questions {
    clear: both;
    float: left;
    width: 728px;
    margin-bottom: 20px
}

.stats {
    margin: 0 0 0 0;
    width: 58px
}

.statscontainer {
    width: 78px;
    float: left;
    margin-right: 8px;
    margin-left: 8px
}

.statscontainer .views {
    width: 58px
}

.statscontainer .status {
    padding: 7px 0 5px 0;
    font-size: 11px
}

.statscontainer .status strong {
    font-size: 18px;
    font-weight: normal
}

.statscontainer .votes {
    color: #6a737c;
    font-size: 11px
}

.narrow .status {
    display: inline-block;
    margin: 0 3px 0 0;
    min-width: 44px;
    height: auto;
    font-size: 11px;
    padding: 6px
}

.narrow .started {
    width: auto;
    line-height: inherit;
    padding-top: 4px;
    white-space: nowrap
}

.narrow .votes {
    display: inline-block;
    height: 38px;
    min-width: 38px;
    margin: 0 3px 0 0;
    font-size: 11px;
    color: #848d95;
    padding: 5px 5px 6px 5px
}

.narrow .stats {
    background: none;
    margin: 0 0 0 7px;
    padding: 0;
    width: auto;
    height: 48px;
    display: inline-block
}

.narrow .views {
    display: inline-block;
    height: 38px;
    min-width: 40px;
    margin: 0 7px 0 0;
    font-size: 11px;
    color: #848d95;
    padding: 5px 5px 6px 5px
}

.narrow .summary {
    width: 530px;
    padding: 0;
    float: left
}

.narrow .summary h3 {
    margin-bottom: .35em;
    line-height: 1.3
}

.narrow .cp {
    vertical-align: top;
    float: left;
    margin-right: 10px
}

.narrow .mini-counts {
    font-size: 17px;
    font-weight: 300;
    color: #6a737c;
    margin-bottom: 4px
}

.votes {
    padding: 0;
    margin-bottom: 8px;
    text-align: center
}

.vote-count-post {
    display: block;
    font-size: 20px;
    margin: 0 0 3px 0
}

.vote-count-post strong {
    font-weight: normal;
    color: #6a737c
}

.status {
    padding: 0;
    margin-bottom: 8px;
    text-align: center
}

.status strong {
    display: block
}

.vote-up {
    display: block;
    margin: 0 auto
}

.vote-down {
    display: block;
    margin: 0 auto
}

.vote-count-separator {
    border-top: 1px solid silver;
    width: 40px;
    margin-top: 5px;
    margin-bottom: 5px
}

.views {
    padding-top: 4px;
    text-align: center
}

.views strong {
    display: block
}

.cool,.mini-counts.cool {
    color: #9199a1
}

.coolbg {
    background-color: #9199a1;
    color: #FFF !important
}

.warm,.mini-counts.warm {
    color: #9B764F
}

.hot,.mini-counts.hot {
    color: #CF7721
}

.hotbg {
    background-color: #CF7721;
    color: #FFF !important
}

.supernova,.mini-counts.supernova {
    color: #F48024
}

.supernovabg {
    background: #F48024
}

.answered {
    background-color: transparent
}

.answered,.answered .mini-counts,.answered strong {
    color: #45A163
}

.answered strong {
    font-weight: normal;
    font-size: 18px
}

.answered-accepted {
    background-color: #5fba7d
}

.answered-accepted,.answered-accepted .mini-counts,.answered-accepted .minicounts span {
    color: #FFF
}

.summary {
    float: left;
    width: 630px
}

.summary h3 {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: .5em
}

.excerpt {
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
    color: #3b4045
}

.excerpt .started {
    float: right;
    width: 185px;
    height: 55px;
    margin-top: 5px
}

.excerpt p {
    margin-bottom: 3px
}

.excerpt .tags {
    width: 410px;
    margin-top: 5px
}

.tags {
    line-height: 18px;
    float: left
}

.tags a:hover {
    text-decoration: none
}

.started {
    width: 200px;
    float: right;
    line-height: 18px
}

.started img {
    vertical-align: baseline
}

.started .user-action-time {
    margin-bottom: 2px
}

.started .user-info,.started .reputation-score {
    color: #848d95
}

.started a:not(.started-link),.started .mod-flair {
    font-size: 12px;
    color: #07C
}

.started a:not(.started-link):hover,.started .mod-flair:hover {
    color: #3af
}

.started-link {
    font-size: 12px;
    color: #9199a1
}

.started-link:hover {
    color: #07C
}

.mod-flair {
    color: #07C;
    margin-left: 3px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1
}

.aside-cta {
    padding-left: 10px
}

.aside-cta .btn,.aside-cta .btn-outlined {
    white-space: nowrap
}

.module {
    margin-bottom: 1.5em
}

.module .spacer {
    margin-bottom: 8px
}

.module ul {
    margin-left: 15px;
    list-style-type: square;
    margin-right: 30px;
    line-height: 120%
}

.module li {
    margin-bottom: 4px
}

.module h4 {
    font-size: 14px;
    color: #3b4045;
    font-weight: normal
}

.newuser {
    padding: 15px 15px 10px 15px;
    background-color: #FFF8DC;
    border: 1px solid #E0DCBF;
    font-size: 14px
}

.vote {
    text-align: center
}

.vote span {
    display: block;
    color: #6a737c
}

.favoritecount {
    text-align: center
}

.favoritecount b {
    color: #6a737c;
    font-weight: normal
}

.favoritecount-selected {
    font-weight: normal;
    color: #D4A849 !important
}

.favorites-count {
    text-align: center;
    color: #D4A849;
    float: left
}

.favorites-count-off {
    text-align: center;
    color: #D4A849;
    color: #9199a1;
    float: left
}

.post-text,.wmd-preview {
    width: 660px;
    margin-bottom: 5px;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 1.3
}

.post-text pre,.wmd-preview pre {
    word-wrap: normal
}

.post-text code,.wmd-preview code {
    font-size: 13px
}

.post-text hr,.wmd-preview hr {
    background-color: #d6d9dc;
    color: #d6d9dc
}

.post-text li,.wmd-preview li {
    word-wrap: break-word
}

.post-text li pre,.wmd-preview li pre {
    word-wrap: normal
}

.post-text h1,.wmd-preview h1,.post-text h2,.wmd-preview h2,.post-text h3,.wmd-preview h3,.post-text h4,.wmd-preview h4,.post-text h5,.wmd-preview h5,.post-text h6,.wmd-preview h6 {
    font-weight: bold !important
}

.post-text h1 code,.wmd-preview h1 code,.post-text h2 code,.wmd-preview h2 code,.post-text h3 code,.wmd-preview h3 code,.post-text h4 code,.wmd-preview h4 code,.post-text h5 code,.wmd-preview h5 code,.post-text h6 code,.wmd-preview h6 code {
    margin-bottom: .5em
}

.post-text h1,.wmd-preview h1,.post-text h1 code,.wmd-preview h1 code {
    font-size: 21px
}

.post-text h2,.wmd-preview h2,.post-text h2 code,.wmd-preview h2 code {
    font-size: 19px
}

.post-text h3,.wmd-preview h3,.post-text h3 code,.wmd-preview h3 code {
    font-size: 17px
}

.post-text h4,.wmd-preview h4,.post-text h4 code,.wmd-preview h4 code {
    font-size: 15px
}

.post-text img,.wmd-preview img {
    max-width: 100%;
    margin-bottom: .5em
}

.post-text p img,.wmd-preview p img,.post-text li img,.wmd-preview li img,.post-text blockquote img,.wmd-preview blockquote img {
    margin-bottom: 0
}

.post-text ul li,.wmd-preview ul li,.post-text ol li,.wmd-preview ol li {
    margin-bottom: .5em
}

.post-text ul li:last-child,.wmd-preview ul li:last-child,.post-text ol li:last-child,.wmd-preview ol li:last-child {
    margin-bottom: 0
}

.post-text .youtube-embed,.wmd-preview .youtube-embed {
    width: 100%;
    max-width: 640px;
    position: relative
}

.post-text .youtube-embed>div,.wmd-preview .youtube-embed>div {
    width: 100%;
    height: 35px;
    padding-bottom: 56.25%;
    position: relative
}

.post-text .youtube-embed>div iframe,.wmd-preview .youtube-embed>div iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.post-text .soundcloud-embed iframe,.wmd-preview .soundcloud-embed iframe {
    width: 100%;
    max-width: 640px;
    height: 116px
}

.post-text .post-tag,.wmd-preview .post-tag {
    margin-bottom: 0 !important
}

.mb {
    margin: 15px
}

.spoiler {
    transition: color .5s ease-in;
    color: #FFF8DC
}

.spoiler a,.spoiler a:visited {
    color: #FFF8DC;
    transition: color .5s ease-in
}

.spoiler img {
    visibility: hidden
}

.spoiler code,.spoiler pre,.spoiler .post-tag {
    transition: color .5s ease-in;
    color: #FFF8DC;
    background-color: #FFF8DC;
    border-color: #FFF8DC
}

.spoiler:hover {
    color: #2f3337;
    transition: color .5s ease-in
}

.spoiler:hover a {
    color: #07C;
    transition: color .5s ease-in
}

.spoiler:hover code,.spoiler:hover pre {
    color: #0C0D0E;
    background-color: transparent;
    transition: color .5s ease-in
}

.spoiler:hover img {
    visibility: visible
}

.spoiler:hover .post-tag {
    color: #39739d;
    background: #E1ECF4;
    border-color: transparent;
    transition: color .5s ease-in;
    transition: background .5s ease-in
}

.form-item {
    padding: 10px 0 15px 0
}

.form-item label {
    display: block;
    font-weight: bold;
    padding-bottom: 3px
}

span.feed-icon {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    background-position: -79px -320px;
    width: 24px;
    height: 16px
}

span.form-error {
    color: #990000;
    font-weight: bold;
    margin-left: 5px;
    font-size: 90%
}

.edit-field-overlay {
    display: none
}

.edit-field-overlayed {
    color: #848d95
}

.post-editor {
    margin-top: 10px;
    width: 660px
}

.community-option {
    float: right;
    color: #848d95;
    font-weight: normal;
    font-size: 90%;
    height: 32px;
    padding-right: 4px;
    font-size: 10px;
    position: relative;
    top: -2px
}

.community-option input {
    vertical-align: middle
}

.community-option label {
    vertical-align: middle
}

.edit-block {
    display: none
}

.pager,.page-sizer {
    margin: 20px 0
}

.page-numbers {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    color: #848d95;
    border: 1px solid #e4e6e8;
    background-color: transparent
}

.page-numbers.dots,.page-numbers.desc,.page-numbers.dots:hover,.page-numbers.desc:hover {
    color: #848d95;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.page-numbers,.page-numbers:hover {
    text-decoration: none;
    transition: all .15s ease-in-out
}

.page-numbers:hover {
    color: #FFF;
    background-color: #f69c55;
    border-color: transparent
}

.page-numbers.current {
    color: #FFF;
    background-color: #f69c55;
    border-color: transparent
}

.leftcol {
    width: 390px;
    padding-top: 20px
}

.rightcol {
    padding-top: 20px
}

.system-alert {
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px dotted #AE0000
}

.popup {
    z-index: 10;
    display: none;
    position: absolute;
    padding: 15px
}

.popup .already-flagged {
    display: inline-block;
    margin-left: 18px;
    color: maroon;
    font-weight: bold
}

.popup .disabled-action {
    cursor: default !important
}

.popup .disabled-action .action-name,.popup .disabled-action .action-desc {
    opacity: .6;
    cursor: default !important
}

.popup textarea {
    width: 100%
}

#popup-flag-post textarea {
    width: 590px
}

#start-bounty-popup textarea {
    width: 550px
}

.edit-tags {
    padding: 5px 0 0 15px
}

.flag-menu {
    width: 22em;
    cursor: default
}

.flag-reasons {
    padding: 10px 0 15px 15px
}

.flag-reasons input {
    border: none;
    cursor: pointer
}

.flag-reasons label {
    margin-left: .5em;
    cursor: pointer
}

.flag-reasons textarea {
    margin-top: 4px;
    margin-bottom: 4px
}

.close-reasons input {
    border: none;
    cursor: pointer
}

.close-reasons li {
    list-style-type: none
}

.close-reasons li td.close-desc {
    color: #6a737c;
    padding-top: 2px;
    padding-bottom: 8px;
    line-height: 130%
}

.close-reasons tr td:last-child {
    cursor: pointer;
    padding-left: .5em
}

.close-reasons span.close-reason {
    font-weight: bold
}

.flag-comment {
    margin-top: 15px;
    display: none
}

.flag-submit {
    float: right
}

.close-submit-container {
    float: right
}

.close-submit-container tbody tr td:first-child {
    padding-right: 20px;
    font-size: 110%
}

.close-submit-container tbody tr td:first-child span.bounty-indicator-tab {
    padding-top: 4px;
    padding-bottom: 4px
}

.item-multiplier-count {
    font-size: 11px;
    color: #6a737c
}

.badgeawardedcount {
    font-size: 120%
}

span.diff-delete {
    text-decoration: line-through;
    color: #A82400;
    background-color: #E5BDB2
}

img.diff-delete {
    border: 2px solid red;
    opacity: .5
}

span.diff-add {
    background: #D1E1AD;
    color: #405A04
}

img.diff-add {
    border: 2px solid #45A163
}

img.sponsor-tag-img {
    border: none;
    opacity: 1;
    width: 18px;
    height: 16px;
    vertical-align: top;
    padding-right: 4px;
    margin-top: -2px;
    box-sizing: content-box !important
}

.tagged-ignored {
    opacity: .35;
    background: transparent
}

p#tag-subscriptions {
    text-align: left
}

.tagged-ignored-hidden {
    display: none
}

.tagged-interesting {
    background-color: #fffbec
}

#interestingTag {
    font-size: 12px;
    margin-right: 5px
}

#ignoredTag {
    font-size: 12px;
    margin-right: 5px
}

.everyonelovesstackoverflow {
    margin-bottom: 10px
}

.adzerk-vote-controls {
    left: 0 !important;
    right: auto !important
}

.adzerk-vote-controls .adzerk-vote-option {
    float: left !important
}

.adzerk-vote-survey {
    right: auto !important;
    left: 0 !important
}

.welovestackoverflow {
    padding: 10px;
    line-height: 1.3;
    overflow: hidden;
    margin-bottom: 8px;
    border: 2px solid #e4e6e8
}

.welovestackoverflow a {
    color: #07C
}

#question-suggestions {
    overflow: hidden;
    padding-bottom: 2px;
    font-size: 14px
}

#question-suggestions .answer-hyperlink,#question-suggestions .question-hyperlink {
    font-size: 13px
}

#question-suggestions .answer-votes {
    font-size: 11px;
    line-height: 1.3;
    padding: 1px 0 2px 0;
    font-weight: normal
}

#question-suggestions label {
    margin: 10px 0
}

#question-suggestions .answer-summary {
    overflow: auto
}

.tagged {
    margin-top: 5px
}

.related {
    line-height: 1.3;
    font-size: 12px
}

.related a {
    font-size: 12px;
    font-weight: normal
}

.linked {
    line-height: 1.3;
    font-size: 12px
}

.linked a {
    font-size: 12px;
    font-weight: normal
}

.cbt {
    clear: both
}

.orcell {
    vertical-align: middle;
    padding: 0 40px 0 40px
}

.orword {
    position: absolute;
    margin-top: 40px;
    background-color: #FFF;
    margin-left: -10px;
    padding: 5px
}

.orline {
    width: 1px;
    border-left: solid 1px #9199a1;
    height: 8em;
    margin: auto
}

.space {
    padding-top: 20px
}

.label-key {
    color: #9199a1;
    font-size: 14px
}

.label-key b,.label-key strong {
    color: #3b4045;
    font-weight: normal
}

.bottom-notice {
    margin-top: 15px;
    padding-top: 10px;
    font-weight: normal;
    padding: 0 10px 0 0;
    line-height: 1.4;
    font-size: 16px
}

.fl {
    float: left
}

.fr {
    float: right
}

#question-mini-list {
    overflow: auto;
    margin-bottom: 30px
}

.tag-col {
    width: 184px
}

.cp {
    cursor: pointer
}

.ar {
    text-align: right
}

.al {
    text-align: left
}

.accept-reminder {
    clear: both;
    text-align: center;
    margin: 0 0 8px 0;
    color: maroon
}

.favorite-cell {
    height: 45px;
    float: left;
    width: 40px
}

#notify-options {
    margin-bottom: 20px
}

#notify-options h2 {
    font-size: 12px
}

#notify-email-address {
    width: 260px
}

.pager-answers {
    padding-top: 10px;
    overflow: hidden;
    clear: both
}

.ac_results {
    padding: 0;
    border: 1px solid #6a737c;
    background-color: #FFF;
    overflow: hidden;
    z-index: 10000;
    text-align: left
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0
}

.ac_results li {
    margin: 0;
    padding: 2px 5px;
    cursor: default;
    display: block;
    line-height: 16px;
    overflow: hidden
}

.ac_highlight {
    font-weight: bold;
    text-decoration: underline
}

.ac_loading {
    background: #FFF url(../../Img/progress-dots.gif?v=679ddd617b7d) right center no-repeat
}

.ac_over {
    color: #FFF;
    background-color: #F48024
}

@media print {
    #feed-link-text {
        display: none
    }

    .spoiler {
        color: #0C0D0E
    }

    .spoiler a,.spoiler a:visited {
        color: #0C0D0E;
        text-decoration: underline
    }

    * {
        position: relative
    }

    #sidebar,#system-message,#header,#nav,#tabs,.tabs,#footer,#hmenus,#hlinks,.bounty-link,.comments-link,.post-menu,.post-comments,.notify,form,h2.bottom-notice,div.vote,td.votecell,.so-header,.aside-cta,.newnav .tabs-list-container .tabs-list .intellitab {
        display: none
    }

    .container,body {
        font-size: 10pt !important;
        overflow: visible !important;
        overflow-y: visible !important;
        height: auto
    }

    .container {
        width: 710px
    }

    .container,#content,#question-header,#mainbar,.question,#answers,.post-text {
        float: none !important;
        width: 100%;
        overflow: visible !important
    }

    pre {
        max-height: none;
        display: block;
        width: 600px;
        height: auto;
        overflow-x: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap !important;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        clear: both
    }

    pre,code {
        font-size: 9pt !important
    }

    #answers-header {
        clear: both;
        page-break-after: avoid
    }

    .comments {
        font-size: 9pt;
        width: 650px
    }

    #mainbar {
        margin: 0
    }

    .post-text {
        width: 90%
    }

    #content {
        width: auto;
        height: 100%;
        overflow: auto;
        overflow-x: auto;
        overflow-y: auto;
        border: none
    }

    .answer {
        width: 700px;
        overflow-y: auto
    }
}

.comment-up-off,.comment-up-on,.comment-flag,.edited-yes,.comment-flag-off,.comment-flag-on {
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 12px;
    height: 15px;
    width: 16px
}

.comment-up-off {
    background-position: 0 -337px
}

.comment-up-on,.comment-up-off:hover {
    background-position: 0 -318px
}

.comment-flag,.comment-flag-off {
    background-position: -61px -340px
}

.comment-flag:hover,.flag-on,.comment-flag-on {
    background-position: -61px -320px
}

.edited-yes {
    background-position: -20px -340px
}

.delete-tag {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    background-position: -40px -319px;
    cursor: pointer;
    margin-left: 3px;
    margin-top: -2px;
    margin-bottom: -1px
}

.delete-tag:hover,.delete-tag-active {
    background-position: -40px -340px
}

.badge-earned-check {
    width: 20px;
    display: inline-block;
    background-position: -20px -322px;
    height: 10px;
    position: relative;
    top: 1px
}

.vote-accepted-off,.vote-accepted-on,.vote-accepted-bounty {
    display: block;
    margin: 0 auto 10px auto
}

.statsarrow {
    float: right;
    height: 13px;
    width: 7px;
    margin-top: 12px
}

.expander-arrow-hide {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-position: 0 -380px
}

.expander-arrow-show {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-position: -20px -380px
}

.expander-arrow-small-hide {
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: 0 -380px
}

.expander-arrow-small-show {
    display: inline-block;
    width: 13px;
    height: 8px;
    background-position: -20px -383px
}

.anonymous-gravatar {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: 0 -400px
}

.anonymous-gravatar-16 {
    background-image: url("../../Img/anonymous-gravatar-16.svg?v=560184704cd3"),none;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -400px
}

.lastactivity-link {
    color: inherit;
    background-color: transparent
}

.fb-share {
    display: block;
    text-indent: -999em;
    outline: none
}

.twitter-share {
    display: block;
    text-indent: -999em;
    outline: none
}

.gp-share {
    display: block;
    text-indent: -999em;
    outline: none
}

#user-avatar {
    width: 137px;
    height: 165px
}

.vcard {
    margin-top: 10px
}

.mod-flag-indicator {
    color: #FFF;
    display: inline;
    padding: .2em .5em .25em .5em !important;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px
}

.date-span {
    display: inline-block;
    font-weight: normal;
    padding: 4px;
    color: #6a737c;
    font-size: 14px;
    margin: 5px 0
}

#tag-menu {
    border-radius: 2px;
    border: 1px solid #242729;
    background-color: #535a60;
    color: #e4e6e8;
    text-align: left;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(12,13,14,0.3);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    z-index: 320;
    position: relative;
    font-size: 12px;
    width: 320px
}

#tag-menu .tm-heading {
    color: #FFF;
    font-weight: bold;
    border-bottom: 1px solid #6a737c;
    padding-bottom: 8px;
    margin-bottom: 8px
}

#tag-menu .tm-description {
    line-height: 13px;
    font-size: 11px;
    margin-bottom: 8px;
    word-wrap: break-word
}

#tag-menu .tm-description p {
    margin-bottom: 8px
}

#tag-menu .tm-description a,#tag-menu .tm-description a:visited {
    color: #b4d4ec
}

#tag-menu .tm-favorite {
    color: #fdca5c;
    font-size: 13px;
    text-decoration: none
}

#tag-menu .tm-favorite-clear {
    color: #bbc0c4;
    font-size: 13px;
    padding-right: 3px;
    text-decoration: none
}

#tag-menu .tm-favorite-ignore {
    color: #ff0000;
    font-size: 13px;
    text-decoration: none
}

#tag-menu .tm-sub-links a,#tag-menu .tm-sub-links a:visited {
    font-weight: normal;
    color: #ff9933;
    text-decoration: none
}

#tag-menu .tm-sub-links a:hover {
    color: #faaf65
}

#tag-menu .tm-links {
    color: #6a737c
}

#tag-menu .tm-links a,#tag-menu .tm-links a:visited {
    color: #b4d4ec;
    font-size: 11px;
    text-decoration: none;
    margin-right: 8px
}

#tag-menu .tm-links a:hover {
    color: #dcecf7
}

#user-menu {
    border-radius: 2px;
    border: 1px solid #242729;
    background-color: #535a60;
    color: #e4e6e8;
    text-align: left;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(12,13,14,0.3);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    z-index: 320;
    position: relative;
    width: 300px;
    font-size: 11px;
    line-height: 1.2
}

#user-menu .um-gravatar {
    float: left;
    margin-right: .8em;
    margin-bottom: .75em
}

#user-menu .um-header-info .um-user-link,#user-menu .um-header-info .mod-flair {
    font-size: 18px;
    color: #e4e6e8 !important
}

#user-menu .um-header-info .um-flair .badgecount,#user-menu .um-header-info .um-flair .reputation-score {
    color: #e4e6e8
}

#user-menu .um-about-me {
    clear: both;
    font-size: 11px;
    margin: 5px 0;
    overflow: hidden
}

#user-menu .um-links a {
    margin-right: 8px;
    font-size: 11px
}

#user-menu a,#user-menu a:visited {
    color: #b4d4ec;
    text-decoration: none
}

#user-menu a:hover {
    color: #dcecf7
}

#badge-progress-menu {
    border-radius: 2px;
    border: 1px solid #242729;
    background-color: #535a60;
    color: #e4e6e8;
    text-align: left;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(12,13,14,0.3);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    z-index: 320;
    position: relative;
    font-size: 12px;
    width: 320px
}

#badge-progress-menu .tm-heading {
    color: #FFF;
    font-weight: bold;
    border-bottom: 1px solid #6a737c;
    padding-bottom: 8px;
    margin-bottom: 8px
}

#badge-progress-menu .tm-description {
    line-height: 13px;
    font-size: 11px;
    margin-bottom: 8px;
    word-wrap: break-word
}

#badge-progress-menu .tm-description p {
    margin-bottom: 8px
}

#badge-progress-menu .tm-description a,#badge-progress-menu .tm-description a:visited {
    color: #b4d4ec
}

#badge-progress-menu .tm-favorite {
    color: #fdca5c;
    font-size: 13px;
    text-decoration: none
}

#badge-progress-menu .tm-favorite-clear {
    color: #bbc0c4;
    font-size: 13px;
    padding-right: 3px;
    text-decoration: none
}

#badge-progress-menu .tm-favorite-ignore {
    color: #ff0000;
    font-size: 13px;
    text-decoration: none
}

#badge-progress-menu .tm-sub-links a,#badge-progress-menu .tm-sub-links a:visited {
    font-weight: normal;
    color: #ff9933;
    text-decoration: none
}

#badge-progress-menu .tm-sub-links a:hover {
    color: #faaf65
}

#badge-progress-menu .tm-links {
    color: #6a737c
}

#badge-progress-menu .tm-links a,#badge-progress-menu .tm-links a:visited {
    color: #b4d4ec;
    font-size: 11px;
    text-decoration: none;
    margin-right: 8px
}

#badge-progress-menu .tm-links a:hover {
    color: #dcecf7
}

.ask-mainbar {
    width: 665px !important
}

.ask-mainbar #excerpt {
    box-sizing: border-box;
    width: 660px
}

.ask-title-table {
    width: 668px
}

#title {
    width: 598px
}

.inline-post #title {
    width: 583px
}

.ask-title-cell-key {
    width: 40px
}

.content-inside {
    padding: 10px 15px 15px 10px
}

.content-inside .summarycount {
    font-size: 18px
}

.content-inside h2 {
    font-size: 15px;
    margin-bottom: 1em
}

.content-inside .top-count {
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 2.2
}

.content-inside .summary-value h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0
}

.content-inside .fl table tr {
    border-bottom: 1px solid #eff0f1
}

.content-inside .fl table tr td {
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top
}

table.vcard .hotbg {
    color: #FFF !important
}

.faq-page .content-page table {
    margin-left: 20px;
    margin-bottom: 15px
}

.faq-page .content-page td {
    padding: 5px
}

.faq-page #top-section {
    display: none;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: solid 1px #eff0f1
}

.faq-page #top-section .content-page {
    margin-bottom: 5px
}

.faq-page #top-section .col-section {
    border: solid 1px #FFEFC6;
    background-color: #FFEFC6;
    padding: 10px
}

.faq-page #top-section .col-section .col-section {
    border: none
}

.faq-page .col-section {
    padding: .25em;
    border-radius: 5px
}

.faq-page #mainbar .col-section h2 {
    padding-top: 15px
}

.faq-page #mainbar .col-section .col-section .col-section {
    margin-left: 20px
}

.faq-page #mainbar .col-section .col-section h2 a,.faq-page #mainbar .col-section .col-section h3 a {
    color: #2f3337
}

.faq-page #mainbar .col-section .col-section h3 a {
    font-size: .85em
}

.faq-page h2>.expander-arrow-small-hide {
    margin-left: 5px
}

.faq-page .col-summary {
    cursor: pointer
}

.faq-page .col-summary.only {
    display: none
}

.faq-page .col-section.expanded .col-summary {
    cursor: text
}

.faq-page .col-section.expandable {
    cursor: pointer
}

.faq-page .col-section.expandable.expanded {
    cursor: text
}

.faq-page .col-section>.col-detail {
    display: none
}

.faq-page .col-section>.col-summary,.faq-page .col-summary.only,.faq-page .col-section>h2,.faq-page .col-section>h3 {
    display: block
}

.faq-page #toc ul {
    margin-left: 0;
    margin-right: 0;
    list-style-type: none
}

.faq-page #toc li {
    font-size: 90%;
    margin-bottom: 4px
}

.faq-page #mainbar .col-section h2#link-questions {
    margin-top: 0;
    padding-top: 0
}

.faq-page .module,.faq-page .newuser {
    padding: 0
}

.faq-page .module ul {
    padding: 8px 0
}

.faq-page .module li {
    padding: 2px 8px
}

.faq-page .module li.sub-section {
    padding-left: 16px
}

.faq-page .module li.current {
    background-color: rgba(83,90,96,0.2)
}

.faq-page .show-more {
    position: relative;
    top: -7px;
    line-height: 100%;
    font-size: .75em
}

.faq-page .share-more {
    font-size: .85em;
    border-top: solid 1px #eff0f1
}

.faq-page .help-table-docs table {
    margin-left: 0
}

td.post-cell {
    padding-left: 10px;
    vertical-align: top
}

td.answercell {
    vertical-align: top
}

body.privileges-page #mainbar {
    width: 710px
}

.flag-quality-warning {
    background-color: #f4eaea;
    padding: 5px
}

.flag-quality-warning pre,.flag-quality-warning pre code {
    background-color: inherit
}

.flag-quality-warning .hidden-deleted-answer a {
    font-weight: bold;
    text-decoration: underline
}

.flag-quality-warning .comments .comment:hover {
    background-color: #f4eaea
}

.flag-quality-warning .comments .deleted-comment,.flag-quality-warning .comments .deleted-comment:hover {
    background-color: #e8dddc
}

.flag-quality-warning .comments .deleted-comment .deleted-comment-info,.flag-quality-warning .comments .deleted-comment:hover .deleted-comment-info {
    color: #aa4746
}

.flag-quality-warning .comments .deleted-comment .undelete-comment,.flag-quality-warning .comments .deleted-comment:hover .undelete-comment {
    display: none
}

html {
    min-width: 1060px
}

.nowrap {
    white-space: nowrap
}

code {
    white-space: pre-wrap;
    padding: 1px 5px
}

pre code {
    white-space: inherit;
    padding: 0
}

.user-timeline-deleted-action {
    display: block;
    color: #6a737c;
    font-size: 11px
}

.revision-page .originals-of-duplicate {
    margin-top: 4px
}

.revision-page .originals-of-duplicate li {
    padding-top: 3px;
    color: #9199a1
}

.revision-page .post-menu>a:first-child {
    padding-left: 0
}

.revision-page .redaction-indicator {
    color: red;
    display: inline-block;
    margin-left: 20px
}

.question-originals-of-duplicate.question-status {
    width: auto;
    margin: 10px 0;
    padding: 10px;
    background-image: none
}

.question-originals-of-duplicate p {
    margin: 0;
    font-weight: bold
}

.question-originals-of-duplicate ul {
    margin: 0
}

.question-originals-of-duplicate ul li {
    list-style-type: none;
    margin: 0
}

.question-originals-of-duplicate .question-originals-answer-count {
    font-style: italic;
    padding-left: 5px
}

.question-originals-of-duplicate #edit-or-approve-duplicate {
    margin: 15px 0 5px 0
}

.question-originals-of-duplicate #edit-or-approve-duplicate #got-my-answer {
    margin: 0
}

.question-originals-of-duplicate #edit-or-approve-duplicate>div {
    line-height: 33px
}

.ajax-load-question-summary .summary h3 {
    margin-top: 10px;
    margin-bottom: 0
}

.ajax-load-question-summary .original-question {
    display: block;
    float: none;
    margin: 4px 5px 3px 0;
    height: 32px;
    overflow: hidden
}

.tag-sponsorship {
    height: 135px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px
}

.disabled-link {
    color: #848d95;
    opacity: .6;
    padding: 0 3px 2px 3px
}

.disabled-button {
    opacity: .6;
    cursor: default !important
}

.election-page .post-text {
    padding-top: 15px;
    padding-left: 5px;
    width: 635px
}

.election-page #sidebar,.election-page .sidebar {
    margin-top: 15px
}

.election-page .debug-prompt {
    font-size: 11px;
    color: maroon;
    padding-left: 5px
}

.election-page .election-candidates>tbody>tr>td {
    border-bottom: 1px solid #9fa6ad
}

.election-page .election-candidates .candidate-vote-button {
    padding-bottom: 5px;
    transition: opacity .25s ease-in-out
}

.election-page .election-candidates .candidate-vote-button.selected-choice {
    opacity: 1
}

.election-page .election-candidates .candidate-vote-button.not-selected-choice {
    opacity: .6
}

.ice-ice-baby .votecell .vote-up-off,.ice-ice-baby .votecell .vote-down-off {
    display: none
}

.show-votes .sidebar-linked .spacer,.show-votes .sidebar-related .spacer {
    margin-bottom: 12px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex
}

.show-votes .sidebar-linked .spacer>a:first-child,.show-votes .sidebar-related .spacer>a:first-child {
    padding-right: 10px
}

.show-votes .sidebar-linked .spacer>a:first-child .answer-votes,.show-votes .sidebar-related .spacer>a:first-child .answer-votes {
    padding: 3px 0;
    white-space: nowrap;
    width: 38px;
    text-align: center;
    box-sizing: border-box;
    height: auto;
    float: none;
    border-radius: 2px;
    font-size: 90%;
    background-color: #eff0f1;
    color: #3b4045;
    transform: translateY(-1px)
}

.show-votes .sidebar-linked .spacer>a:first-child .answer-votes.answered-accepted,.show-votes .sidebar-related .spacer>a:first-child .answer-votes.answered-accepted {
    color: #FFF;
    background-color: #5fba7d
}

.show-votes .sidebar-linked .spacer>a:first-child .answer-votes.large,.show-votes .sidebar-related .spacer>a:first-child .answer-votes.large,.show-votes .sidebar-linked .spacer>a:first-child .answer-votes.extra-large,.show-votes .sidebar-related .spacer>a:first-child .answer-votes.extra-large {
    padding: 3px 0;
    min-width: 16px
}

.show-votes .sidebar-linked .spacer>a.question-hyperlink,.show-votes .sidebar-related .spacer>a.question-hyperlink {
    display: inline-block;
    padding-top: 2px;
    width: calc(100% - 48px);
    margin-bottom: 0
}

.comments .deleted-comment,.comments .deleted-comment:hover {
    background-color: #f4eaea
}

.comments .deleted-comment .deleted-comment-info {
    color: #B65454;
    display: block;
    text-align: right
}

.comments .deleted-comment .deleted-comment-info a {
    text-decoration: none;
    border-bottom: 0
}

.deleted-answer {
    background-color: #f4eaea
}

.deleted-answer pre,.deleted-answer pre code {
    background-color: inherit
}

.deleted-answer .hidden-deleted-answer a {
    font-weight: bold;
    text-decoration: underline
}

.deleted-answer .comments .comment:hover {
    background-color: #f4eaea
}

.deleted-answer .comments .deleted-comment,.deleted-answer .comments .deleted-comment:hover {
    background-color: #e8dddc
}

.deleted-answer .comments .deleted-comment .deleted-comment-info,.deleted-answer .comments .deleted-comment:hover .deleted-comment-info {
    color: #aa4746
}

.deleted-answer .comments .deleted-comment .undelete-comment,.deleted-answer .comments .deleted-comment:hover .undelete-comment {
    display: none
}

.deleted-answer-info {
    color: #B65454;
    margin-top: 10px;
    margin-left: 3px
}

.comment-date,.comment-date>a,.comment-date>a:hover {
    border-bottom: none;
    color: #9199a1
}

.existing-flag-count:before {
    content: '('
}

.existing-flag-count:after {
    content: ')'
}

.popup-submit {
    float: right
}

.popup-cancel {
    float: left
}

.popup-close {
    float: right
}

.popup-close a {
    padding: 3px 6px 2px 6px;
    font-size: 16px;
    font-weight: normal;
    color: #FFF !important;
    background-color: #0C0D0E;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1
}

.popup-close a:hover {
    text-decoration: none
}

.popup {
    box-shadow: 0 2px 5px rgba(12,13,14,0.3);
    background-color: #FFF;
    border: solid 1px #9fa6ad
}

.popup .popup-title-container {
    margin-bottom: 10px
}

.popup .popup-title-container .popup-breadcrumbs .breadcrumb .arrow {
    padding: 0 6px
}

.popup #search-text,.popup .close-as-duplicate-pane .actual-edit-overlay {
    width: 755px !important
}

#popup-close-question {
    width: 800px
}

#popup-close-question #close-question-form {
    overflow: hidden
}

#popup-close-question #close-question-form.close-question-voted label span {
    cursor: default !important
}

#popup-close-question #close-question-form.close-question-voted input[type=submit] {
    visibility: hidden
}

#popup-close-question .action-list>li {
    width: auto
}

#popup-close-question .popup-pane,#popup-close-question .popup-subpane {
    min-height: 430px
}

#popup-close-question .bounty-indicator-tab {
    margin-left: 3px;
    line-height: 20px
}

#popup-close-question .popup-actions {
    text-align: right;
    margin-bottom: 2px
}

#popup-close-question .popup-actions .remaining-votes,#popup-close-question .popup-actions .last-flag-details {
    padding-right: 30px
}

#popup-close-question .popup-actions .last-flag-details {
    display: inline-block;
    line-height: 17px;
    text-align: left
}

#popup-close-question .popup-actions .popup-submit {
    float: none
}

.close-as-duplicate-pane .search-prompt {
    font-weight: bold
}

.close-as-duplicate-pane .search-errors {
    color: #990000;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    height: 13px;
    margin: 4px 0
}

.close-as-duplicate-pane .original-display {
    margin: 13px 0
}

.close-as-duplicate-pane .original-display .navi-container {
    font-weight: bold;
    color: #2f3337;
    margin-bottom: 7px
}

.close-as-duplicate-pane .original-display .navi-container .navi {
    display: inline-block;
    margin-right: 5px
}

.close-as-duplicate-pane .original-display .preview {
    height: 310px;
    overflow-y: auto;
    border: 1px solid #9fa6ad;
    padding: 7px 0
}

.close-as-duplicate-pane .original-display .preview .show-original .show-title {
    font-size: 16px;
    margin: 3px 0 10px 0
}

.close-as-duplicate-pane .original-display .preview .show-original .answer-count {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #9fa6ad;
    padding: 5px;
    margin: 0 3px 0 5px
}

.close-as-duplicate-pane .original-display .preview .show-original .answer {
    border-bottom-color: #c8ccd0
}

.close-as-duplicate-pane .original-display .list-originals {
    height: 310px;
    overflow-y: auto;
    border: 1px solid #9fa6ad;
    padding: 7px 0
}

.close-as-duplicate-pane .original-display .list-originals .list {
    padding: 0 8px
}

.close-as-duplicate-pane .original-display .list-originals .list .item {
    float: left;
    padding: 9px 5px 9px 0;
    border-bottom: 1px solid #d6d9dc;
    cursor: pointer
}

.close-as-duplicate-pane .original-display .list-originals .list .item:last-child {
    border-bottom: 0
}

.close-as-duplicate-pane .original-display .list-originals .list .item .stats {
    float: left;
    margin: 0 10px 0 0;
    background: #eff0f1;
    padding: 4px 7px 6px 7px;
    width: 58px
}

.close-as-duplicate-pane .original-display .list-originals .list .item .summary {
    width: 605px;
    float: left
}

.close-as-duplicate-pane .original-display .list-originals .list .item .post-link {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px
}

.close-as-duplicate-pane .original-display .list-originals .list .item .post-link a:hover {
    text-decoration: none !important;
    border-bottom: 0
}

.close-as-duplicate-pane .original-display .list-originals .list .item .bounty-indicator-tab {
    margin-left: 3px;
    line-height: 20px
}

.close-as-duplicate-pane .original-display .list-originals .list .item .post-type-abbr {
    font-weight: bold
}

.close-as-duplicate-pane .original-display .list-originals .list .item .votes-and-usages {
    color: #9199a1
}

.close-as-duplicate-pane .original-display .list-originals .list .item .body-summary {
    line-height: 15px;
    color: #2f3337
}

.close-as-duplicate-pane .original-display .list-originals .list .item.hover {
    background-color: #e4e6e8
}

.close-as-duplicate-pane .original-display .list-originals .list .item.hover .stats {
    background-color: #e4e6e8
}

.close-as-off-topic-pane .action-name {
    font-weight: normal !important;
    display: inline-block;
    width: 650px;
    vertical-align: top;
    margin: 5px
}

.close-as-off-topic-pane .action-name a {
    vertical-align: top
}

.close-as-off-topic-pane .edit-link {
    font-size: 11px;
    display: block;
    margin-top: 20px
}

.close-as-off-topic-pane .off-topic-other-comment-container {
    display: none;
    margin-top: 15px
}

.close-as-off-topic-pane .off-topic-other-comment-container>div {
    display: inline-block
}

.close-as-off-topic-pane .off-topic-other-comment-container>div:first-child {
    margin: 0 5px 0 21px;
    vertical-align: top
}

.close-as-off-topic-pane .off-topic-other-comment-container textarea {
    margin-bottom: 4px;
    height: 5em;
    width: 470px;
    resize: vertical
}

.close-as-off-topic-pane .off-topic-other-comment-container .text-counter {
    display: block;
    margin-bottom: 9px
}

.migration-pane .migration-targets td {
    vertical-align: middle
}

.migration-pane .migration-targets .target-icon {
    min-width: 58px;
    min-height: 58px
}

.migration-pane .migration-targets .target-icon img {
    width: 58px;
    height: 58px
}

.popup .subheader {
    margin-bottom: 10px !important;
    margin-top: 25px
}

.popup-tab-content {
    clear: both
}

.action-list {
    margin-left: 5px !important;
    margin-right: 5px;
    margin-bottom: 10px
}

.action-list>li {
    width: 650px
}

.action-list li {
    list-style-type: none;
    padding: 6px 4px 4px 6px
}

.action-list input[type=radio] {
    margin-right: 1px;
    margin-top: 1px
}

.action-list .action-name,.action-list .action-desc {
    cursor: pointer
}

.action-list .action-disabled-reason-muted {
    color: #6a737c;
    margin-left: 18px
}

.action-list .action-name {
    font-weight: bold;
    font-size: 105%;
    vertical-align: top
}

.action-list .action-desc {
    display: block;
    color: #6a737c;
    line-height: 115%;
    padding: 23px 0 10px 18px;
    margin-top: -17px
}

.action-list .action-disabled span {
    color: #9199a1;
    font-weight: normal;
    cursor: default !important
}

.action-list .action-selected {
    background-color: #e4e6e8
}

.action-list .action-subform {
    display: none;
    margin: 15px auto;
    width: 535px
}

.action-list .action-subform .wide {
    width: 400px
}

.action-list h4 {
    margin-bottom: 5px
}

.popup-flag-comment {
    width: 300px
}

.popup-flag-comment .popup-title {
    margin-bottom: 12px
}

.popup-flag-comment textarea[name="other-text"] {
    width: 279px;
    display: block
}

.popup-flag-comment .popup-actions {
    margin-top: 10px
}

.special-status {
    padding-bottom: 10px
}

.question-status {
    background-color: #fff7e5;
    border: 1px solid rgba(83,90,96,0.1)
}

.question-status .close-as-off-topic-status-list {
    margin-bottom: 0
}

.question-status .close-status-suffix {
    display: block;
    margin-top: 10px
}

.question-status .voter-history .badge1 {
    vertical-align: middle
}

.wide-tag-col {
    width: 230px
}

#interesting-tags h4 {
    display: inline-block
}

#interesting-tags h4+a {
    margin-left: 5px
}

#interesting-tags table {
    width: 100%
}

#interesting-tags input[type=button] {
    width: 100%
}

#interesting-tags input[type=text] {
    box-sizing: border-box;
    width: 95%
}

#h-ignored-tags {
    margin-top: 10px
}

#tags-table .answer-votes {
    margin-right: 5px;
    width: 25px;
    margin-top: 2px;
    display: inline-block;
    float: none
}

#tags-browser {
    width: 100%
}

#overlay-header {
    opacity: 0;
    display: none;
    background: rgba(255,255,255,0.95);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    left: 0;
    padding: .5em 10% .5em 10%;
    position: fixed;
    top: 0;
    width: 80%;
    z-index: 1032;
    box-shadow: 0 1px 5px rgba(12,13,14,0.3)
}

#overlay-header .close-overlay {
    color: #9199a1;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal
}

.mod-post-actions {
    padding: 2px;
    line-height: 20px
}

.bounty-indicator-tab.flagbg {
    background-color: red !important
}

#ad502-rooms {
    width: 100%
}

.ad502-room {
    position: relative;
    padding: 5px;
    overflow: hidden;
    background: #fafafb;
    border-bottom: 1px solid #c8ccd0;
    border-right: 1px solid #c8ccd0;
    border-top: 1px solid #d6d9dc;
    border-left: 1px solid #d6d9dc;
    box-shadow: 0 1px 3px #d6d9dc;
    border-radius: 5px;
    margin-top: 5px
}

.ad502-room-title {
    font-size: 14px;
    font-family: Verdana,Arial,sans-serif
}

.ad502-last-message {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
    color: #9fa6ad
}

.ad502-users {
    margin-top: 4px
}

.ad502-room-h3 {
    margin-bottom: 1px
}

.new-blog-post {
    border-radius: 10px;
    background-color: #E23535;
    color: #FFF;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0 5px 1px
}

.timeline-answers {
    color: #535a60
}

.answer-votes {
    cursor: pointer
}

.answer-votes.large {
    font-size: 90%;
    padding-top: 4px;
    padding-bottom: 2px
}

.answer-votes.extra-large {
    font-size: 90%;
    padding-top: 4px;
    padding-bottom: 2px;
    min-width: 32px
}

.quality-score {
    font-size: 80%;
    margin-right: 10px
}

.answer-summary.question-style .statscontainer {
    width: 86px
}

.answer-summary.question-style .summary {
    width: 630px
}

.answer-summary .post-menu,.question-summary .post-menu {
    margin-top: 12px
}

.answer-summary.question-summary .answer-votes {
    font-size: 120%;
    width: auto;
    padding: 8px 8px 6px;
    margin-right: 5px
}

.answer-summary.question-summary .answer-votes.large {
    font-size: 110%;
    width: auto;
    padding: 8px 4px 6px;
    margin-right: 5px
}

.answer-summary.question-summary .answer-votes.extra-large {
    font-size: 100%;
    width: auto;
    padding: 6px 4px 4px;
    margin-right: 5px
}

.answer-summary.question-summary .vote-info {
    margin-top: 5px;
    float: right
}

.answer-summary.question-summary .answer-link {
    width: 550px;
    display: block;
    padding: 0;
    float: none
}

#synonyms-table {
    margin-top: 20px
}

#synonyms-table th {
    width: 250px;
    padding-bottom: 10px
}

#synonyms-table td {
    padding-bottom: 5px;
    line-height: 18px
}

#synonyms-table .rename-count {
    width: 100px
}

#synonyms-table td.pending {
    color: #6a737c
}

#synonyms-table td .dim .item-multiplier {
    color: #6a737c
}

#synonyms-table th .arrow {
    margin-right: 30px;
    font-size: 20px;
    line-height: 12px
}

.top-count {
    color: #6a737c;
    font-size: 300%;
    font-weight: bold
}

.top-count a {
    color: #6a737c
}

.popup .question-summary {
    border: 0
}

table.full-diff td {
    border: none;
    vertical-align: top
}

.revision-comment.blur {
    color: #9199a1
}

.revision-comment {
    line-height: 20px
}

.suggested-edit {
    width: 960px
}

.suggested-edit .summary {
    width: 910px
}

.suggested-edit .score {
    display: block;
    background: #eff0f1;
    padding: 8px 8px 6px;
    color: #535a60;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 30px;
    text-decoration: none;
    text-align: center;
    width: 15px
}

.suggested-edit .revision {
    display: block;
    margin-bottom: 8px
}

.suggested-edit .revision-comment {
    padding-right: 8px
}

.suggested-edit .diff-choices,.suggested-edit .diff-type-controls {
    margin-top: -10px;
    margin-bottom: 20px
}

.suggested-edit .body-diffs {
    margin-top: 18px
}

.suggested-edit .body-diffs td {
    vertical-align: top
}

.suggested-edit .body-diffs table {
    table-layout: fixed;
    width: 900px
}

.suggested-edit .body-diffs .full-diff .content {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    font-size: 12px
}

.suggested-edit .body-diffs .full-diff td {
    margin-right: 5px;
    border-left: 4px solid #FFF;
    border-right: 4px solid #FFF
}

.suggested-edit .body-diffs .full-diff td.content {
    width: 435px;
    max-width: 435px;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #9199a1
}

.suggested-edit .body-diffs .full-diff .deleted>div {
    background-color: #fff4f4
}

.suggested-edit .body-diffs .full-diff .inserted>div {
    background-color: #f9ffe1
}

.suggested-edit .body-diffs .full-diff td.content.deleted,.suggested-edit .body-diffs .full-diff td.content.inserted {
    background-color: transparent;
    color: inherit
}

.suggested-edit .body-diffs .full-diff .skip {
    text-align: center;
    padding: 10px;
    background-color: #eff0f1;
    color: #9fa6ad;
    border-top: 4px solid #FFF;
    border-bottom: 4px solid #FFF
}

.suggested-edit .body-diffs .full-html-diff .post-text {
    width: 445px;
    max-width: 445px;
    word-wrap: break-word
}

.suggested-edit .body-diffs .full-html-diff .post-text img {
    max-width: 440px
}

.suggested-edit .body-diffs .full-html-diff .gutter {
    width: 10px;
    max-width: 10px
}

.suggested-edit .body-diffs .full-html-diff th {
    color: #9199a1;
    padding: 6px 0 4px
}

.suggested-edit .user-info-actions {
    width: 900px
}

.suggested-edit .user-info-actions .started {
    float: none !important
}

.suggested-edit .user-info-actions .current-owner {
    width: 445px
}

.suggested-edit .user-info-actions .gutter {
    width: 7px
}

.suggested-edit .user-info-actions .actions {
    text-align: right
}

.suggested-edit .user-info-actions .form-error {
    padding: 15px 0 5px 0;
    display: none
}

.popup-suggested-edit {
    padding-top: 5px
}

.popup-suggested-edit .popup-controls {
    text-align: right
}

.popup-suggested-edit .handle {
    display: inline-block;
    width: 965px;
    height: 20px
}

.popup-suggested-edit .popup-close {
    float: none;
    display: inline-block
}

.popup-suggested-edit .suggested-edit-container {
    overflow: auto;
    width: 990px
}

.lightbox {
    display: none;
    background: #0C0D0E;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    z-index: 1040
}

.lightbox-panel {
    display: none;
    z-index: 1001;
    border: 0 !important
}

.share-answer .gp-share,.share-answer .fb-share,.share-answer .twitter-share {
    display: inline-block !important;
    margin: 0;
    vertical-align: middle
}

.share-answer a {
    margin-right: 5px
}

.share-answer a:hover {
    text-decoration: none
}

.share-answer a:hover .share-name {
    text-decoration: underline
}

.comment-help,.answer-help-background {
    background-color: #FEFAE2;
    border: 1px solid #F3EED5
}

.comment-help {
    margin-top: 5px;
    padding: 5px;
    width: 465px
}

.comment-help,.answer-help {
    color: #0C0D0E
}

.answer-help-background {
    position: absolute;
    left: -5px;
    padding: 0 5px
}

table.flagged-posts tr.messageDivider>td {
    border-top: 1px solid #9fa6ad;
    padding: 10px 5px 10px 5px
}

table.flagged-posts tr.messageDivider>td>div,table.flagged-posts tr.messageDivider>td>div>div,table.flagged-posts tr.messageDivider>td>div>div>div {
    padding-top: 0;
    padding-bottom: 3px
}

table.flagged-posts tr.messageDivider>td div.mod-audit-user-info {
    padding: 3px
}

table.flagged-posts .delete-options>input:hover {
    cursor: pointer
}

table.flagged-posts .mod-message td {
    padding: 4px 5px 4px 5px
}

table.flagged-posts .mod-message .post-list li {
    list-style: none
}

table.flagged-posts .messageDivider>.tagged-ignored:hover {
    opacity: 1
}

table.flagged-posts tr.loaded-body>td {
    border-top: 1px dotted #9fa6ad
}

table.flagged-posts .comments .flagcell {
    width: 28px;
    text-align: center
}

table.flagged-posts .comments tr.message-divider>td {
    padding-top: 4px
}

table.flagged-posts .comments .bounty-indicator-tab {
    margin-right: 0
}

table.flagged-posts .comments .comment-score span {
    padding-right: 0
}

table.flagged-posts tr.messageDivider:first-child>td,table.flagged-posts tr.loaded-body>td:empty {
    border-top: 0 none transparent
}

table.flagged-posts .answer-summary {
    padding-left: 0
}

table.flagged-posts .answer-link {
    margin-top: 0;
    padding-left: 0
}

table.flagged-posts .bounty-indicator-tab {
    line-height: 17px;
    margin-left: 0
}

table.flagged-posts td.messageTime {
    width: 100px
}

table.flagged-posts .relativetime {
    color: #848d95;
    font-weight: normal
}

table.flagged-posts .relativetime.old {
    color: #0C0D0E
}

table.flagged-posts .flag-issue {
    vertical-align: top
}

table.flagged-posts td.flag-issue {
    padding-left: 0
}

table.flagged-posts div.flag-issue {
    text-align: left
}

table.flagged-posts .popup {
    background: #FFF
}

table.flagged-posts .post-text {
    width: auto
}

table.flagged-posts div.post-header .answer-link {
    width: auto
}

table.flagged-posts .answer-votes.large,table.flagged-posts .answer-votes.default {
    padding-bottom: 3px;
    padding-top: 2px
}

table.flagged-posts .fullhide {
    display: none
}

table.flagged-posts .delete-options {
    float: right;
    padding-right: 10px
}

table.flagged-posts .dismiss-options {
    float: left
}

table.flagged-posts .dismiss-options,table.flagged-posts .post-options {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

table.flagged-posts .spacer {
    clear: left
}

table.flagged-posts .answer,table.flagged-posts .question-summary {
    border-bottom: none;
    width: auto
}

table.flagged-posts .mod-audit {
    width: 193px;
    padding-left: 8px
}

table.flagged-posts .mod-audit .mod-post-actions {
    display: inline-block
}

table.flagged-posts .mod-post-actions {
    background-color: Maroon;
    color: #FFF
}

table.flagged-posts .mod-message {
    line-height: 17px
}

table.flagged-posts .mod-message,table.flagged-posts div.post-header,table.flagged-posts div.post-summary,table.flagged-posts .mod-post-header {
    word-wrap: break-word
}

table.flagged-posts .mod-post-header {
    margin: 0;
    padding: 0 0 8px 0;
    width: 100%
}

table.flagged-posts .mod-post-header .post-header,table.flagged-posts .mod-post-header .post-summary,table.flagged-posts .mod-post-header .post-detail {
    max-width: 715px
}

table.flagged-posts .post-text pre {
    width: 650px
}

table.flagged-posts .post-summary-body {
    width: 500px;
    line-height: 16px;
    word-wrap: break-word
}

#postflag-bar {
    z-index: 5;
    position: fixed;
    left: 0;
    bottom: 0;
    top: auto;
    min-height: 40px;
    width: 100%;
    border-top: 2px solid #9fa6ad;
    background-color: #eff0f1;
    opacity: .9
}

#postflag-bar .flag-wrapper {
    padding-bottom: 5px;
    padding-top: 5px;
    width: 735px;
    margin-left: auto;
    margin-right: auto
}

#postflag-bar:hover {
    opacity: 1
}

#postflag-bar .nav-button {
    background-color: #6a737c;
    position: absolute
}

#postflag-bar .nav-button.prev,#postflag-bar .nav-button.next {
    min-height: 40px;
    padding: 2px;
    top: 0;
    bottom: 0;
    width: 20px;
    font-size: 20px
}

#postflag-bar .nav-button.prev {
    left: 0;
    border-right: 1px solid #9fa6ad;
    text-align: right
}

#postflag-bar .nav-button.next {
    right: 0;
    border-left: 1px solid #9fa6ad;
    text-align: left
}

#postflag-bar .nav-button.close {
    right: 40px;
    top: 15px;
    padding: 2px 5px 5px 5px;
    border: 1px solid #9fa6ad;
    border-radius: 25px
}

#postflag-bar .nav-button a {
    color: #FFF
}

#postflag-bar .nav-button a:hover {
    text-decoration: none
}

#postflag-bar .nav-button:hover {
    background-color: #FFF
}

#postflag-bar .nav-button:hover a {
    color: #6a737c
}

div.form-field-error.form-error {
    font-size: 12px;
    display: block;
    margin-top: -15px
}

#hot-network-questions h4 a {
    font-weight: inherit;
    font-size: inherit;
    width: inherit
}

#hot-network-questions ul {
    margin: 0
}

#hot-network-questions li {
    list-style-type: none;
    white-space: nowrap;
    margin-bottom: 10px;
    margin-left: 0
}

#hot-network-questions img,#hot-network-questions a,#hot-network-questions .favicon {
    display: inline-block;
    vertical-align: top
}

#hot-network-questions img,#hot-network-questions .favicon {
    margin: 2px 6px 0 0
}

#hot-network-questions a {
    font-weight: normal;
    font-size: 12px;
    white-space: normal;
    width: 90%
}

#hot-network-questions .show-more {
    margin-left: 22px
}

.questions-page .show-more,.tagged-questions-page .show-more,.tags-page .show-more {
    display: block;
    margin: 5px 0
}

.more-arrow {
    display: block;
    margin-top: 5px
}

.itemMoreContainer {
    text-align: center;
    float: left;
    width: 100%
}

.votes-cast-stats {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px
}

.votes-cast-stats th {
    color: #3b4045;
    padding-bottom: 5px
}

.votes-cast-stats th.spacer {
    width: 40px
}

.votes-cast-stats td {
    font-weight: bold;
    color: #6a737c;
    vertical-align: middle;
    text-align: right
}

.votes-cast-stats td.span {
    text-align: left
}

.votes-cast-stats td.desc {
    font-size: 10px;
    color: #3b4045;
    padding-left: 6px;
    text-align: left
}

.tag-editor {
    border: 1px solid #c8ccd0;
    cursor: text;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    height: 35px
}

.tag-editor.multi-line {
    white-space: normal
}

.tag-editor.multi-line .rendered-element {
    margin: 6px 0 0 6px
}

.tag-editor.multi-line input {
    margin: 4px 3px 0 6px
}

#tagnames {
    width: 638px
}

.tag-editor input {
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 4px 3px 0;
    background-color: transparent !important;
    height: 25px
}

.tag-editor .rendered-element {
    margin: -3px 3px 0 3px
}

.tag-suggestions {
    background-color: #FFF;
    border: 1px solid #6a737c;
    padding: 5px;
    z-index: 300
}

.tag-suggestions>div {
    padding: 5px;
    width: 200px;
    overflow: hidden;
    float: left;
    position: relative
}

.tag-suggestions>div:focus {
    background-color: #fcdfc8
}

.tag-suggestions>div:focus .more-info {
    background-color: #fcdfc8
}

.tag-suggestions>div:hover {
    background-color: #fdecde
}

.tag-suggestions>div:hover .more-info {
    background-color: #fdecde
}

.tag-suggestions>div p {
    font-size: 11px;
    line-height: 1.1
}

.tag-suggestions>div p.more-info {
    visibility: hidden;
    position: absolute;
    margin-bottom: 0;
    right: 5px;
    top: 7px;
    padding: 3px
}

.tag-suggestions>div p.more-info a {
    text-indent: -9999em;
    width: 16px;
    height: 16px;
    border: 1px solid #848d95;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transition: none
}

.tag-suggestions>div p.more-info a:before,.tag-suggestions>div p.more-info a:after {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    left: 6px;
    top: 3px;
    display: inline-block;
    background-color: #848d95
}

.tag-suggestions>div p.more-info a:after {
    top: 6px;
    height: 5px
}

.tag-suggestions>div p.more-info a:hover {
    border-color: #07C
}

.tag-suggestions>div p.more-info a:hover:before,.tag-suggestions>div p.more-info a:hover:after {
    background-color: #07C
}

.tag-suggestions>div {
    cursor: pointer
}

.tag-suggestions>div:hover p.more-info,.tag-suggestions>div:focus p.more-info {
    visibility: visible
}

.tag-suggestions .match {
    font-weight: bold;
    text-decoration: underline
}

.search-prompt {
    padding-right: 3px
}

#bigsearch,.bigsearch {
    padding: 0 6px;
    clear: both
}

#bigsearch table,.bigsearch table {
    width: 100%;
    margin-bottom: 10px
}

#bigsearch .col1,.bigsearch .col1 {
    width: 100%;
    padding-left: 0;
    padding-right: 15px
}

#bigsearch .col1 input,.bigsearch .col1 input,#bigsearch .col1 textarea,.bigsearch .col1 textarea {
    width: 95%;
    max-width: 100%;
    font-size: 15px
}

#bigsearch .col2 input,.bigsearch .col2 input {
    font-size: 15px
}

#bigsearch.half-width {
    padding: 0
}

#bigsearch.half-width table {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.tools-rev-dim-link {
    color: #9fa6ad !important
}

.tools-rev h1 .lsep {
    color: #d6d9dc;
    visibility: visible;
    font-size: 100%;
    margin-left: 5px;
    margin-right: 5px
}

.login-page {
    min-height: 620px
}

.login-page .noscript-notice {
    color: Maroon
}

.login-page #openid_input_area {
    display: none;
    padding-top: 10px;
    clear: both
}

.login-page #openid_provider_label {
    margin-bottom: 0
}

.login-page #openid_username {
    margin-right: 5px
}

.login-page #openid_highlight {
    padding: 3px;
    background-color: #FFFCC9;
    float: left
}

.login-page #show-more-options {
    margin-top: 15px
}

.login-page #show-more-options a {
    background: #c8ccd0 url('../../Img/openid/openid-logos.png?v=ecc2538a8df2')
}

.login-page #more-openid-options {
    margin-top: 15px;
    overflow: auto
}

.login-page #more-openid-options a.openid_highlight {
    padding: 0;
    background-color: #FFF;
    border: 2px solid #9199a1
}

.login-page .openid_small_btn {
    width: 24px;
    height: 24px;
    border: 2px solid #d6d9dc;
    border-right: 2px solid #c8ccd0;
    border-bottom: 2px solid #c8ccd0;
    margin: 3px;
    float: left
}

.login-page .openid_small_btn:hover {
    margin: 3px;
    border: 2px solid #9199a1
}

.login-page #openid-url-input-area,.login-page #openid-url-input-area input {
    margin-top: 10px
}

.login-page #openid-url-input {
    margin-bottom: 30px
}

.login-page .large {
    font-size: 140%
}

.login-page #forgot-password {
    position: absolute;
    margin-left: 285px
}

.login-page #se-login {
    height: auto
}

.login-page #se-login .form-bottom {
    cursor: default
}

.login-page #se-login .form-bottom>div>input {
    width: 250px
}

.login-page #se-login .form-bottom>div>input[type=text],.login-page #se-login .form-bottom>div>input[type=email],.login-page #se-login .form-bottom>div>input[type=password] {
    border: 1px solid #9199a1;
    line-height: normal;
    padding: 3px;
    font-size: 100%
}

.login-page #se-login div.form-submit>input {
    width: auto
}

.logins-popup {
    width: 690px;
    border: solid 10px #c8ccd0;
    text-align: left
}

.logins-popup .logins {
    width: 100%
}

.logins-popup .logins th {
    font-weight: bold;
    padding-top: 15px !important
}

.logins-popup .logins tr.note {
    border-bottom: none;
    color: #848d95;
    padding-bottom: 5px
}

.logins-popup .logins tr.note td {
    color: #848d95;
    font-size: 90%
}

.logins-popup .logins td,.logins-popup .logins th {
    padding: 4px 0
}

.logins-popup .logins td.icon {
    width: 24px;
    height: 24px;
    padding: 0
}

.logins-popup .logins td.icon .openid-icon {
    display: inline-block;
    vertical-align: middle
}

.logins-popup .remove-login-cell {
    text-align: right
}

.logins-popup .login-section-header td {
    padding-top: 15px;
    padding-bottom: 2px
}

.openid-icon {
    width: 24px;
    height: 24px;
    background: #FFF url("../../Img/openid/openid-logos.png?v=ecc2538a8df2")
}

.icon-stackexchange {
    background-position: -27px -352px
}

.icon-google {
    background-position: -1px -300px
}

.icon-facebook {
    background-position: -27px -378px
}

.icon-myopenid {
    background-position: -27px -326px
}

.icon-yahoo {
    background-position: -27px -300px
}

.icon-aol {
    background-position: -27px -249px
}

.icon-claimid {
    background-position: -1px -326px
}

.icon-livejournal {
    background-position: -1px -352px
}

.icon-wordpress {
    background-position: -1px -404px
}

.icon-blogger {
    background-position: -1px -249px
}

.icon-verisign {
    background-position: -1px -378px
}

.icon-steam {
    background-position: -1px -430px
}

.icon-edx {
    background-position: -52px -430px
}

.icon-launchpad {
    background-position: -1px -1px
}

.icon-openid {
    background-position: -27px -404px
}

.icon-vk {
    background-position: -53px -249px
}

.icon-yandex {
    background-position: -53px -274px
}

.user-info.user-hover .user-gravatar32,.user-info.user-hover .user-gravatar48 {
    box-shadow: 2px 2px 4px rgba(12,13,14,0.5);
    border-collapse: separate
}

.user-info.user-hover .user-gravatar48 {
    border-radius: 2px
}

.diff-skipped>div {
    border-bottom: 2px dotted #d0d0d0
}

.diff-skipped {
    padding: 4px 0 8px;
    cursor: pointer
}

.diff-choices,.diff-type-controls {
    margin: 15px 0;
    overflow: hidden
}

.diff-choices a,.diff-type-controls a {
    float: left;
    height: 19px;
    display: block;
    border: 1px solid #FFF;
    background-position: 2px 4px;
    padding-top: 5px;
    padding-right: 6px;
    margin-right: 20px
}

.diff-choices a.selected,.diff-type-controls a.selected,.diff-choices a.selected:hover,.diff-type-controls a.selected:hover {
    border: 1px solid #c8ccd0;
    background-color: #eff0f1
}

.diff-choices a:hover,.diff-type-controls a:hover {
    border: 1px solid #d6d9dc;
    background-color: #e4e6e8
}

.diff-choices a,.diff-type-controls a,.diff-buttons a {
    background-repeat: no-repeat
}

.diff-choices a.selected,.diff-type-controls a.selected,.diff-buttons a.selected,.diff-choices a.selected:hover,.diff-type-controls a.selected:hover,.diff-buttons a.selected:hover {
    border: 1px solid #c8ccd0;
    background-color: #e4e6e8
}

.diff-choices a:hover,.diff-type-controls a:hover,.diff-buttons a:hover {
    border: 1px solid #d6d9dc;
    background-color: #eff0f1
}

.diff-choices .inline-html-diff,.diff-type-controls .inline-html-diff,.diff-buttons .inline-html-diff {
    background-image: url('../../Img/diff-icons/inline-html.png?v=104a656237a9');
    padding-left: 23px
}

.diff-choices .sidebyside-html-diff,.diff-type-controls .sidebyside-html-diff,.diff-buttons .sidebyside-html-diff {
    background-image: url('../../Img/diff-icons/sidebyside-html.png?v=724bc8e2771d');
    padding-left: 37px
}

.diff-choices .sidebyside-markdown-diff,.diff-type-controls .sidebyside-markdown-diff,.diff-buttons .sidebyside-markdown-diff {
    background-image: url('../../Img/diff-icons/sidebyside-markdown.png?v=9565c3d3b581');
    padding-left: 37px
}

#revisions table {
    width: 100%
}

#revisions .first-revision {
    margin-left: 40px
}

#revisions .sidebyside-diff>div {
    float: left;
    margin: 0 10px 15px 10px;
    width: 460px
}

#revisions .sidebyside-diff>div img {
    max-width: 410px
}

#revisions .sidebyside-diff>div span.title-diff {
    font-size: 80%
}

#revisions .tags-diff {
    clear: both
}

#revisions .markdown-diff .full-diff {
    table-layout: fixed;
    width: 870px
}

#revisions .markdown-diff .full-diff .content {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    font-size: 12px
}

#revisions .markdown-diff .full-diff td {
    margin-right: 5px;
    border-left: 4px solid #FFF;
    border-right: 4px solid #FFF
}

#revisions .markdown-diff .full-diff td.content {
    width: 440px;
    max-width: 440px;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: #9199a1
}

#revisions .markdown-diff .full-diff .deleted>div {
    background-color: #fff4f4
}

#revisions .markdown-diff .full-diff .inserted>div {
    background-color: #f9ffe1
}

#revisions .markdown-diff .full-diff td.content.deleted,#revisions .markdown-diff .full-diff td.content.inserted {
    background-color: transparent;
    color: inherit
}

#revisions .markdown-diff .full-diff .skip {
    text-align: center;
    padding: 10px;
    background-color: #eff0f1;
    border-top: 4px solid #FFF;
    border-bottom: 4px solid #FFF;
    color: #9fa6ad
}

a.bounty-link {
    padding: 0 3px 2px 3px;
    color: #0C0D0E
}

.comment-form form {
    position: relative
}

#tabcomplete {
    position: absolute;
    top: -17px;
    margin-left: 5px
}

#tabcomplete li {
    display: inline;
    background-color: #FFF;
    color: #0C0D0E;
    padding: 2px;
    margin-right: 5px;
    border: 1px solid #848d95;
    cursor: pointer
}

#tabcomplete li.chosen {
    font-weight: bold
}

.comments {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.user-show-new .moderator {
    margin-left: 15px;
    float: left;
    line-height: 1
}

.user-show-new .user-type {
    margin-left: 15px;
    line-height: 1;
    float: left;
    opacity: .6
}

.user-show-new .toggle-summary-wrap {
    margin-left: 15px;
    float: left;
    line-height: 1
}

.user-show-new .user-panel .mini-counts,.user-show-new #user-tab-answers .answer-votes,.user-show-new .post-container .vote,.user-show-new .user-rep .rep-amount .rep-up,.user-show-new .user-rep .rep-amount .rep-down {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
    text-align: center;
    color: #6a737c;
    min-width: 36px;
    height: auto;
    padding: 3px 6px;
    margin-right: 10px;
    display: inline-block;
    border: 1px solid #b9b9b9;
    border-radius: 2px
}

.user-show-new .user-panel .mini-counts.answered-accepted,.user-show-new #user-tab-answers .answer-votes.answered-accepted,.user-show-new .post-container .vote.answered-accepted,.user-show-new .user-rep .rep-amount .rep-up.answered-accepted,.user-show-new .user-rep .rep-amount .rep-down.answered-accepted,.user-show-new .user-panel .mini-counts.accepted,.user-show-new #user-tab-answers .answer-votes.accepted,.user-show-new .post-container .vote.accepted,.user-show-new .user-rep .rep-amount .rep-up.accepted,.user-show-new .user-rep .rep-amount .rep-down.accepted,.user-show-new .user-panel .mini-counts.special-rep,.user-show-new #user-tab-answers .answer-votes.special-rep,.user-show-new .post-container .vote.special-rep,.user-show-new .user-rep .rep-amount .rep-up.special-rep,.user-show-new .user-rep .rep-amount .rep-down.special-rep {
    border-color: #5fba7d;
    background: #5fba7d;
    color: #FFF
}

.user-show-new .user-rep .rep-amount .rep-up {
    color: #45A163;
    border-color: #a2c69e
}

.user-show-new .sub-header-links a,.user-show-new .sub-header-links .lsep {
    margin-left: 10px
}

.user-show-new .sub-header-links img,.user-show-new .sub-header-links div.favicon {
    vertical-align: middle
}

.user-show-new .sub-header-links .current-section {
    font-weight: bold
}

.user-show-new .sub-header-links .mod-links a {
    color: #07C;
    margin-left: 0
}

.user-show-new .sub-header-links .mod-links .popup {
    z-index: 300
}

.user-show-new .user-header .user-header-left {
    float: left;
    width: calc((100% - 30px) / 2);
    margin-right: 30px
}

.user-show-new .user-header .user-header-left .gravatar {
    float: left;
    margin-right: 15px
}

.user-show-new .user-header .user-header-left .gravatar .reputation {
    margin-top: 10px;
    text-align: center;
    width: 128px
}

.user-show-new .user-header .user-header-left .gravatar .reputation span {
    display: block;
    font-size: 220%;
    margin-bottom: 5px
}

.user-show-new .user-header .user-header-left .gravatar .reputation a {
    color: #0C0D0E
}

.user-show-new .user-header .user-header-left .gravatar .badges {
    margin-top: 15px;
    width: 128px;
    text-align: center
}

.user-show-new .user-header .user-header-left .gravatar .badges>span {
    display: block;
    font-size: 120%;
    margin-bottom: 5px
}

.user-show-new .user-header .user-header-left .gravatar .change-picture-overlay {
    overflow: hidden;
    height: 30px;
    position: absolute;
    top: -30px;
    width: 128px
}

.user-show-new .user-header .user-header-left .gravatar .change-picture-overlay .change-picture-slide {
    text-align: center;
    padding-top: 9px;
    background-color: rgba(12,13,14,0.7);
    color: #EFF;
    opacity: .9;
    top: 30px;
    height: 30px;
    position: relative
}

.user-show-new .user-header .data {
    line-height: 1.3;
    width: 322px;
    float: left
}

.user-show-new .user-header .data th {
    font-weight: normal;
    color: #9fa6ad;
    font-style: normal;
    font-size: 92%;
    text-align: left
}

.user-show-new .user-header .data th,.user-show-new .user-header .data td {
    padding: 3px 8px 3px 0;
    white-space: nowrap;
    vertical-align: top
}

.user-show-new .user-header .data tbody:first-child tr:first-child th,.user-show-new .user-header .data tbody:first-child tr:first-child td {
    padding-top: 0
}

.user-show-new .user-header .data tr:last-child th,.user-show-new .user-header .data tr:last-child td {
    padding-bottom: 15px
}

.user-show-new .user-header .data td:last-child {
    padding-right: 0;
    white-space: normal;
    max-width: 145px;
    width: 100%
}

.user-show-new .user-header .data .no-overflow {
    width: 205px
}

.user-show-new .user-header .data .days-visited td {
    padding: 0;
    white-space: normal
}

.user-show-new .user-header .data .days-visited td:last-child {
    white-space: normal;
    width: auto
}

.user-show-new .user-header .data .days-visited tr:last-child th,.user-show-new .user-header .data .days-visited tr:last-child td {
    padding-bottom: 0
}

.user-show-new .user-header .data .days-visited .ui-state-default {
    background: none !important
}

.user-show-new .user-header .data .days-visited .ui-state-active {
    opacity: 1 !important;
    color: #0C0D0E !important
}

.user-show-new .user-header .data .days-visited .ui-state-active span {
    background-color: #339933 !important;
    color: #FFF
}

.user-show-new .user-header .data .days-visited .ui-datepicker {
    display: block !important;
    position: absolute;
    width: 300px;
    z-index: 2
}

.user-show-new .user-header .data .days-visited .ui-state-clickable span {
    cursor: pointer
}

.user-show-new .user-header .user-about-me {
    width: 445px;
    height: 225px;
    float: right;
    overflow-y: auto
}

.user-show-new .subheader-slim {
    margin-bottom: 0
}

.user-show-new .user-header-slim .data {
    width: auto;
    background-color: #fafafb;
    border: solid 1px #e4e6e8;
    padding: 4px;
    float: none
}

.user-show-new .user-header-slim .data table {
    width: 100%
}

.user-show-new .user-header-slim .data table tr:last-child th,.user-show-new .user-header-slim .data table tr:last-child td {
    padding-bottom: 0
}

.user-show-new .user-header-slim .data table .gravatar-cell {
    padding: 0 20px 0 0
}

.user-show-new .user-header-slim .data table .view-more {
    white-space: nowrap
}

.user-show-new .user-panel {
    width: calc((100% - 30px) / 2);
    float: left;
    margin-bottom: 30px;
    margin-top: 20px
}

.user-show-new .user-panel.user-panel:nth-child(odd):before {
    display: table;
    content: " ";
    clear: both
}

.user-show-new .user-panel .subheader {
    border-bottom: 1px solid #c8ccd0;
    height: auto;
    padding-bottom: 6px
}

.user-show-new .user-panel .subheader:before,.user-show-new .user-panel .subheader:after {
    content: "";
    display: table
}

.user-show-new .user-panel .subheader:after {
    clear: both
}

.user-show-new .user-panel .subheader .title-section {
    float: left
}

.user-show-new .user-panel .subheader .count {
    font-weight: normal;
    color: #848d95
}

.user-show-new .user-panel .subheader h1 {
    line-height: 1.8
}

.user-show-new .user-panel .user-panel-subtabs,.user-show-new .user-panel #leagueRank {
    float: right;
    width: auto;
    margin: 0
}

.user-show-new .user-panel .user-panel-subtabs a,.user-show-new .user-panel #leagueRank a {
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-left: 10px
}

.user-show-new .user-panel .user-panel-content {
    margin-bottom: 10px
}

.user-show-new .user-panel table {
    width: 100%
}

.user-show-new .user-panel table td {
    padding: 4px 0;
    vertical-align: top
}

.user-show-new .user-panel .user-accounts .badges>span {
    padding-left: 4px
}

.user-show-new .user-panel .user-accounts .badges>span:first-of-type {
    padding-left: 0
}

.user-show-new .user-panel .question-hyperlink,.user-show-new .user-panel .answer-hyperlink,.user-show-new .user-panel .site-hyperlink {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
    display: block;
    max-width: 425px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.user-show-new .user-panel .question-hyperlink,.user-show-new .user-panel .answer-hyperlink {
    width: 425px
}

.user-show-new .user-panel .user-tags td,.user-show-new .user-panel .user-badges td {
    padding: 3px;
    padding-left: 0
}

.user-show-new .user-panel .user-tags td .badge,.user-show-new .user-panel .user-badges td .badge {
    margin: 0 3px 3px 0
}

.user-show-new .user-panel .user-tags td .badge-tag,.user-show-new .user-panel .user-badges td .badge-tag {
    margin: 0 3px 1px 0
}

.user-show-new .user-panel .votes-cast-stats {
    margin-left: 10px;
    width: auto
}

.user-show-new .user-panel .votes-cast-stats td.desc {
    padding-left: 6px
}

.user-show-new .user-panel .votes-cast-stats tr {
    border-top: none
}

.user-show-new .user-panel .favicon {
    height: 16px
}

.user-show-new .user-panel-content {
    padding-top: 5px
}

.user-show-new .user-panel-mod-info {
    background: #fff7e5;
    border: 1px solid rgba(83,90,96,0.1);
    padding: 4px;
    margin: 0 0 10px 0 !important
}

.user-show-new .user-panel-mod-info table {
    margin-bottom: 0
}

.user-show-new .user-panel-mod-info table tr {
    border-top: none !important
}

.user-show-new .user-panel-mod-info table td {
    padding: 3px 8px 3px 3px;
    vertical-align: middle
}

.user-show-new .user-panel-mod-info table td.spacer {
    width: 20px
}

.user-show-new .user-panel-mod-info .mod-label {
    color: #9199a1
}

.user-show-new .user-panel-mod-info .mod-label.extra-padding {
    padding-left: 30px
}

.user-show-new .user-panel-mod-info .ip-address-lookup {
    font-weight: bold
}

.user-show-new .user-tab .subheader .blocked-info .detail-info,.user-show-new .user-panel-mod-info .detail-info,.user-show-new .user-tab .subheader .blocked-info .blocked-no,.user-show-new .user-panel-mod-info .blocked-no {
    color: #848d95
}

.user-show-new .user-tab .subheader .blocked-info a,.user-show-new .user-panel-mod-info a {
    color: #07C
}

.user-show-new .user-tab .subheader .blocked-info a.user-moderator-link,.user-show-new .user-panel-mod-info a.user-moderator-link {
    font-weight: bold
}

.user-show-new .user-tab .subheader .blocked-info .blocked-yes,.user-show-new .user-panel-mod-info .blocked-yes {
    font-weight: bold;
    color: maroon
}

.user-show-new .user-tab .subheader .blocked-info {
    font-size: 12px
}

.user-show-new .user-panel:nth-child(odd) {
    margin-right: 30px
}

.user-show-new .user-tab .subheader {
    margin-top: 30px
}

.user-show-new .user-tab .subheader .subtabs {
    margin: 0;
    width: auto;
    position: relative;
    top: -1px
}

.user-show-new .user-tab .subheader .count {
    font-weight: normal;
    color: #848d95
}

.user-show-new .user-questions .question-summary {
    width: 900px
}

.user-show-new .user-rep .rep-amount {
    padding-right: 10px;
    min-width: 20px
}

.user-show-new .user-rep .rep-down {
    color: red !important
}

.user-show-new .user-rep .question-hyperlink,.user-show-new .user-rep .answer-hyperlink {
    margin-bottom: 10px
}

.user-show-new .user-rep-chart-summary {
    width: 100%;
    height: 35px;
    font-size: 0;
    border-bottom: 1px solid #d6d9dc;
    margin-bottom: 2px
}

.user-show-new .user-rep-chart-summary .user-rep-chart-summary-tooltip {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 13px;
    margin-right: 3px
}

.user-show-new .user-rep-chart-summary .user-rep-chart-summary-tooltip:last-child {
    margin-right: 0
}

.user-show-new .user-rep-chart-summary .user-rep-chart-summary-tooltip:hover {
    background-color: #eff0f1
}

.user-show-new .user-rep-chart-summary .user-rep-chart-summary-tooltip:hover .user-rep-chart-summary-bar {
    background-color: #5fba7d
}

.user-show-new .user-rep-chart-summary .user-rep-chart-summary-bar {
    position: absolute;
    width: 13px;
    background-color: #a6d9b7;
    bottom: 0
}

.user-show-new #tabs a,.user-show-new .tabs a,.user-show-new .newnav .tabs-list-container .tabs-list .intellitab a {
    padding-left: 7px;
    padding-right: 7px
}

.user-show-new .bounty-indicator-tab {
    margin-right: 0
}

.user-show-new .user-rep-full .no-rep-results {
    text-align: center;
    padding-top: 10px
}

.user-show-new .user-rep-full #stats {
    margin: 10px 0
}

.user-show-new .user-rep-full .rep-table {
    width: 100%
}

.user-show-new .user-rep-full .rep-table-row>td {
    border-bottom: dotted 1px #eff0f1;
    padding-top: 2px;
    padding-bottom: 6px;
    cursor: pointer
}

.user-show-new .user-rep-full .tbl-reputation {
    width: 100%
}

.user-show-new .user-rep-full #stats .bounty-indicator-tab {
    margin-right: 0
}

.user-show-new .user-rep-full #stats .accept-indicator-tab {
    background-color: #5fba7d;
    color: #FFF
}

.user-show-new .user-rep-full #stats .accept-indicator-tab-deleted {
    background-color: Maroon
}

.user-show-new .user-rep-full .rep-cell {
    font-weight: bold;
    padding: 2px;
    white-space: nowrap;
    width: 50px;
    text-align: right;
    font-size: 140%
}

.user-show-new .user-rep-full .rep-left {
    padding: 2px;
    white-space: nowrap;
    width: 50px;
    text-align: right
}

.user-show-new .user-rep-full .rep-big {
    font-weight: bold;
    font-size: 110%
}

.user-show-new .user-rep-full .rep-up {
    color: #45A163
}

.user-show-new .user-rep-full .rep-sep {
    color: #3b4045;
    font-weight: normal
}

.user-show-new .user-rep-full .rep-down {
    color: Maroon
}

.user-show-new .user-rep-full .rep-neutral {
    color: #3b4045
}

.user-show-new .user-rep-full .rep-time {
    width: 100px;
    padding-left: 15px
}

.user-show-new .user-rep-full .rep-link a,.user-show-new .user-rep-full .rep-link a.question-hyperlink,.user-show-new .user-rep-full .rep-link a.answer-hyperlink {
    font-size: 100%;
    line-height: 1
}

.user-show-new .user-rep-full .rep-info,.user-show-new .user-rep-full .rep-desc {
    color: #6a737c
}

.user-show-new .user-rep-full .rep-desc {
    padding-right: 10px;
    width: 80px
}

.user-show-new .user-rep-full .rep-day {
    color: #6a737c
}

.user-show-new .user-rep-full .rep-none {
    color: #9199a1
}

.user-show-new .user-rep-full .rep-footnote {
    padding: 10px 0 5px 0;
    color: #848d95;
    text-align: center
}

.user-show-new .user-rep-full .rep-table .loaded-body {
    background: #fafafb;
    background: rgba(12,13,14,0.02)
}

.user-show-new .user-rep-full .rep-breakdown {
    padding: 6px 0
}

.user-show-new .user-rep-full .rep-breakdown-row>td {
    padding-bottom: 6px
}

.user-show-new .user-rep-full .rep-recent-row {
    background-color: #FFFFDD
}

.user-show-new .user-rep-full .expandable-row {
    cursor: pointer
}

.user-show-new .user-rep-full .timeline-date,.user-show-new .user-rep-full .rep-time {
    padding-right: 5px;
    color: #bbc0c4
}

.user-show-new .user-rep-full .timeline-date {
    display: inline-block;
    min-width: 85px
}

.user-show-new .user-rep-full .rep-no-changes {
    text-align: center;
    color: #848d95
}

.user-show-new .user-tags,.user-show-new .user-badges {
    width: 100%
}

.user-show-new .user-tags .answer-votes,.user-show-new .user-badges .answer-votes {
    margin-right: 7px;
    margin-top: 2px;
    padding-left: 0;
    padding-right: 0;
    width: 30px;
    height: auto;
    text-align: right
}

.user-show-new .user-page-content {
    padding-top: 5px
}

.user-show-new #user-info-container {
    margin-bottom: 10px
}

.user-show-new .answer-summary {
    padding: 5px 0;
    float: left;
    border-bottom: 1px solid #eff0f1;
    width: 100%
}

.user-show-new .answer-link {
    padding: 0 10px 4px 10px;
    margin-top: 4px
}

.user-show-new #user-tab-accounts .account-container {
    border-bottom: 1px solid #eff0f1;
    overflow: auto;
    clear: both;
    padding: 15px;
    text-align: left
}

.user-show-new #user-tab-accounts .account-container .account-icon {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 15px;
    text-align: center
}

.user-show-new #user-tab-accounts .account-container .account-icon img {
    width: 48px;
    height: 48px;
    display: block;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality
}

.user-show-new #user-tab-accounts .account-container .account-site {
    float: left;
    width: 401px
}

.user-show-new #user-tab-accounts .account-container .account-site h2 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 0 !important
}

.user-show-new #user-tab-accounts .account-container .account-site p {
    margin-bottom: 2px
}

.user-show-new #user-tab-accounts .account-container .account-stat {
    float: left;
    margin-left: 15px;
    font-size: 11px;
    text-align: center;
    width: 80px
}

.user-show-new #user-tab-accounts .account-container .account-stat .account-number {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    width: 100%
}

.user-show-new #user-tab-accounts .account-container .account-stat .account-number,.user-show-new #user-tab-accounts .account-container .account-stat .account-badges {
    height: 20px
}

.user-show-new #user-tab-accounts .account-container .account-stat .account-badges .badgecount {
    font-size: 15px;
    font-weight: bold
}

.user-show-new #user-tab-accounts .account-container .account-stat.account-stat-wide {
    width: 138px
}

.user-show-new .history-table .question-hyperlink,.user-show-new .history-table .answer-hyperlink {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 400
}

.user-show-new .history-table .date_brick {
    margin-left: 0;
    float: left
}

.user-show-new .history-table td {
    padding: 5px;
    vertical-align: middle
}

.user-show-new .history-table>tbody>tr {
    border-top: 1px solid #eff0f1
}

.user-show-new .history-table>tbody>tr:first-child {
    border-top: none
}

.user-show-new .history-table>tbody>tr>td:last-child {
    width: 100%
}

.user-show-new .history-table .loaded-body {
    border-top: none
}

.user-show-new .history-table .loaded-body td:last-child {
    width: auto
}

.user-show-new .history-table .date {
    text-align: center;
    font-size: 18px;
    width: auto;
    height: inherit
}

.user-show-new .history-table .reviewed-action {
    background-color: #eff0f1;
    font-weight: bold;
    padding: 2px
}

.user-show-new .no-content {
    padding-top: 25px;
    color: #9199a1;
    text-align: center
}

.user-show-new .user-tab-content .user-tags td,.user-show-new .user-tab-content .user-badges td {
    padding: 3px 0
}

.user-show-new .question-summary {
    width: 100%;
    border-bottom: 1px solid #eff0f1
}

.user-show-new .count-cell,.user-show-new .icon-cell {
    width: 30px
}

.user-show-new .user-answers {
    overflow: auto
}

.user-show-new #small-user-info .logo {
    float: left
}

.user-show-new .subheader {
    margin-bottom: 15px
}

.user-show-new .subheader h1 {
    line-height: 1
}

.user-show-new .empty {
    margin-bottom: 10px
}

.user-show-new .user-tab-content .question-summary {
    width: auto;
    float: none
}

.user-show-new .user-tab-content .question-summary .cp {
    float: left
}

.user-show-new .user-tab-content .question-summary .favorites-count,.user-show-new .user-tab-content .question-summary .favorites-count-off {
    margin-top: 0
}

.user-show-new .user-tab-content .question-summary .summary {
    float: none;
    width: auto;
    padding-left: 200px
}

.user-show-new .user-tab-content .question-summary .bounty-comment {
    margin-right: 4px;
    float: left
}

.user-show-new .user-tab-content .question-summary .bounty-comment .relativetime {
    font-weight: normal
}

.user-show-new .highlight-row {
    background-color: #FFFFDD
}

.user-show-new #user-tab-questions .star-off {
    cursor: default
}

.user-show-new .question-hyperlink,.user-show-new .answer-hyperlink,.user-show-new .site-hyperlink {
    font-size: 15px;
    font-weight: normal
}

.user-show-new .answer-summary .answer-votes {
    margin-top: 2px
}

span.highlight {
    background-color: #FFFF77
}

#change-picture-progress {
    text-align: center
}

#change-picture {
    display: block;
    height: 30px;
    width: 128px;
    padding-top: 10px
}

.profile-picture-popup {
    width: 260px;
    text-align: left;
    border: solid 1px #c8ccd0;
    box-shadow: 0 1px 5px rgba(12,13,14,0.3)
}

.profile-picture-popup hr {
    margin-bottom: 0
}

.profile-picture-popup .avatar-change {
    display: block;
    height: 42px;
    padding: 4px 0;
    margin: 8px 0;
    position: relative;
    text-decoration: none
}

.profile-picture-popup .avatar-change img {
    border: 1px solid #c8ccd0;
    height: 42px;
    width: 42px;
    left: 4px;
    position: absolute;
    top: 4px
}

.profile-picture-popup .avatar-change .avatar-description {
    line-height: 42px;
    font-size: 16px;
    padding-left: 56px;
    font-weight: bold
}

.profile-picture-popup .avatar-change .badge-earned-check {
    float: right;
    margin-top: 10px;
    display: none
}

.profile-picture-popup #avatar-upload {
    margin-top: 15px
}

.profile-picture-popup #profile-picture-cancel {
    float: right;
    padding-top: 22px
}

.avatar-change:hover {
    background-color: #eff0f1
}

textarea {
    resize: none
}

.search-page #advanced-search td {
    padding: 4px 4px 8px 4px;
    width: 450px
}

.search-page #search-examples li p {
    font-weight: bold
}

.search-page s.remove {
    color: maroon
}

.search-page span.tag {
    color: #45A163
}

.search-page .search-desc {
    font-weight: normal
}

.search-page .search-suggestions {
    font-size: .9em
}

.search-page .subheader {
    padding-left: 6px;
    padding-right: 6px;
    width: auto
}

.search-page .subheader.search-header {
    border-bottom: 0 !important
}

.search-page .subheader h1 {
    float: none
}

.search-page .subheader h2 {
    margin-left: 0
}

.cv-page .topbar {
    display: none
}

.cv-page #hmenus {
    display: none
}

.cv-page #content .subheader {
    display: none
}

.cv-page #footer {
    display: none
}

.users-page #user-browser {
    margin-top: -15px
}

.users-page #user-browser tbody>tr>td {
    width: 25%;
    vertical-align: top
}

.users-page #user-browser,.users-page #user-browser table {
    width: 100%
}

.users-page .user-info {
    margin-bottom: 1.2em;
    width: 100%
}

.users-page .user-info .user-gravatar48 {
    float: left;
    width: 48px;
    height: 48px
}

.users-page .user-info .user-details {
    margin-left: 9px;
    width: calc(100% - 64px);
    line-height: 1.3
}

.users-page .user-info .user-details>a {
    display: inline-block;
    font-size: 14px
}

.users-page .user-info .user-details .-flair,.users-page .user-info .user-details .user-location {
    display: block
}

.users-page .user-info .user-details .user-location {
    font-size: 12px;
    margin-bottom: 2px
}

.users-page .user-info .user-details .-flair {
    line-height: 1;
    margin-bottom: 4px
}

.users-page .user-info .user-tags {
    clear: both;
    font-size: 12px;
    margin-left: 57px
}

.users-page .user-info .user-tags>a {
    color: #848d95
}

.users-page .user-info .user-tags>a:hover {
    color: #6a737c;
    text-decoration: underline
}

.users-page .user-info:hover {
    background-color: #f4f8fb;
    transition: background .1s ease-in-out
}

.users-page .no-search-results {
    font-weight: bold;
    font-size: 120%;
    padding: 20px
}

.users-page .user-info {
    overflow: hidden
}

.app-icon {
    width: 50px;
    height: 50px;
    vertical-align: top
}

.app {
    min-height: 60px;
    border-bottom: 1px solid #eff0f1;
    padding-bottom: 4px
}

.app-description {
    padding-left: 5px
}

.app-container {
    width: 700px
}

.app-disallow {
    padding-left: 5px
}

.app-text {
    width: 650px
}

.app-name {
    padding-left: 5px
}

.app-ad img {
    width: 220px;
    height: 250px
}

.app-ad p {
    padding-top: 3px
}

.app-ad-container {
    width: 100%;
    margin-top: 25px
}

.app-ad-segment {
    width: 30%;
    padding-left: 5px;
    padding-right: 6px
}

.new-post-activity,#new-answer-activity {
    cursor: pointer;
    text-align: center;
    background-color: #eff0f1;
    font-size: 13px;
    padding: 6px 0;
    margin: 4px 0
}

.newNotices {
    background-color: #C9DEE5;
    color: black !important
}

.noticeBox {
    border-bottom: 1px solid #eff0f1;
    margin: 3px 3px 0;
    padding: 3px 4px;
    font-size: 11px;
    color: #848d95;
    overflow: auto
}

.seContainerNotices {
    overflow-x: hidden
}

.bulletin-item-type {
    float: left;
    width: 12%
}

.bulletin-item-content {
    float: left;
    width: 88%
}

.post-section-title {
    font-weight: bold;
    font-size: 120%
}

.post-edit-section-link {
    color: #848d95 !important;
    font-size: .8em;
    font-weight: normal
}

.post-edit-section-link:before,.post-edit-section-link:after {
    color: #0C0D0E
}

.post-edit-section-link:before {
    content: "["
}

.post-edit-section-link:after {
    content: "]"
}

.post-edit-section-link-wrapper {
    padding-left: 10px
}

.search-help {
    width: 500px;
    float: left;
    clear: left
}

.external-search-providers {
    width: 405px;
    float: right;
    clear: right;
    padding: 15px 10px 15px 10px;
    margin: 0 0 10px 0
}

.ask-advice-search-container .search-title {
    width: 85%
}

#tags-legend {
    margin-left: 0;
    margin-bottom: 15px
}

#tags-legend span {
    padding-left: 4px
}

#tags-legend a.post-tag {
    cursor: default
}

#tags-legend a.tag-synonym-link {
    font-weight: bold
}

.title-search-float {
    border: 1px solid #0C0D0E;
    z-index: 99;
    background: #FFF
}

.title-search-container {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden
}

.title-float-selected {
    background-color: #00FFFF;
    height: 24px
}

.title-loading {
    background-image: url(../../img/progress-dots.gif?v=679ddd617b7d);
    background-repeat: no-repeat;
    background-position: center right
}

#show-editor-button {
    margin-bottom: 8px
}

.ask-page .privacy-policy-agreement,.question-page .privacy-policy-agreement {
    margin-top: 15px
}

.question-page #answers .answer {
    border-bottom: 1px solid #e4e6e8
}

.newsletter-popup .privacy-policy-agreement {
    margin-top: 15px;
    font-size: 90%
}

.privacy-policy-agreement {
    font-style: italic
}

body.read-only .login-link {
    opacity: .3
}

body.read-only .askquestion {
    opacity: .3
}

body.read-only .vote-up-off,body.read-only .vote-down-off,body.read-only .star-off {
    opacity: .3;
    cursor: not-allowed
}

.text-description {
    color: #6a737c;
    font-size: 13px
}

.module.community-bulletin {
    padding: 15px 15px 10px 15px;
    background-color: #FFF8DC;
    border: 1px solid #E0DCBF
}

.module.community-bulletin .bulletin-title {
    font-weight: bold;
    font-size: 11px;
    color: #9C988B;
    text-transform: uppercase;
    margin-top: 15px
}

.module.community-bulletin .bulletin-title:first-child {
    margin-top: 0
}

.module.community-bulletin .spacer {
    padding: 0 5px
}

.module.community-bulletin .question-hyperlink {
    font-weight: normal
}

.module.community-bulletin hr {
    margin-bottom: 10px;
    background-color: rgba(12,13,14,0.1)
}

.module.community-bulletin .bulletin-item-important a {
    color: #ce5252 !important
}

.module.community-bulletin .bulletin-item-type {
    color: #848d95
}

.share-tip {
    max-width: 500px;
    color: #e4e6e8;
    border-radius: 4px;
    -moz-box-shadow: 1px 2px 2px rgba(12,13,14,0.4),inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(12,13,14,0.4),inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: 1px 2px 2px rgba(12,13,14,0.4),inset 0 1px 0 rgba(255,255,255,0.3);
    margin-top: 10px;
    margin-right: 5px;
    overflow: auto;
    padding: 10px;
    z-index: 100;
    position: absolute;
    font-size: 11px;
    border: 1px solid #0C0D0E;
    background-color: #2f3337
}

.share-tip #share-icons .share-fb,.share-tip #share-icons .share-tw,.share-tip #share-icons .share-gp {
    background-image: url('../../Img/share-sprite.png?v=0734e5a54af0');
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: transparent;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: -999em;
    outline: none;
    margin: 0 2px
}

.share-tip #share-icons .share-fb {
    background-position: 0 0
}

.share-tip #share-icons .share-tw {
    background-position: -36px 0
}

.share-tip #share-icons .share-gp {
    background-position: -18px 0
}

.mainbar-captcha {
    width: 600px !important
}

.sidebar-captcha {
    width: 350px !important
}

.dashboard-item {
    padding: 10px 0;
    border-bottom: 1px dotted #9199a1
}

.dashboard-item .dashboard-count {
    float: left;
    text-align: center;
    width: 70px;
    padding: 5px
}

.dashboard-item .dashboard-count .dashboard-num {
    font-weight: bold
}

.dashboard-item .dashboard-summary {
    float: left;
    padding: 5px;
    width: 350px
}

.dashboard-item .dashboard-title,.dashboard-item .dashboard-num {
    font-size: 20px;
    line-height: 26px
}

.dashboard-item .dashboard-description,.dashboard-item .dashboard-unit {
    font-size: 1em;
    line-height: 1.4em
}

.dashboard-item .dashboard-activity {
    float: left;
    width: 280px;
    padding: 4px
}

.dashboard-item .dashboard-activity .dashboard-user {
    float: left;
    padding: 5px
}

.dashboard-item .dashboard-activity-more {
    display: block;
    clear: both;
    margin-left: 5px
}

.dashboard-item .dashboard-faded {
    opacity: .3;
    filter: alpha(opacity=30)
}

.dashboard-item .dashboard-filter-label {
    display: inline-block;
    width: 55px
}

.dashboard-item .dashboard-filter-count {
    font-size: 12px;
    color: #9199a1
}

.dashboard-item .dashboard-filter-count:hover {
    color: #07C
}

.review-bar-container {
    margin-top: 15px
}

.review-bar-container .review-bar {
    border: 1px solid #c8ccd0;
    padding: 5px 0;
    margin-bottom: 25px;
    background-color: rgba(255,255,255,0.95);
    -webkit-box-shadow: 1px 1px 1px rgba(200,204,208,0.8);
    z-index: 10
}

.review-bar-container .review-bar .review-summary {
    margin-top: 10px;
    float: left;
    padding-left: 8px
}

.review-bar-container .review-bar .review-instructions,.review-bar-container .review-bar .review-more-instructions {
    line-height: 1.3em
}

.review-bar-container .review-bar .review-results .relativetime {
    font-weight: normal
}

.review-bar-container .review-bar .review-actions-container {
    float: right;
    text-align: right;
    padding-right: 10px
}

.review-bar-container .review-bar .review-actions-container .review-actions input {
    margin-left: 10px
}

.review-bar-container .review-bar .review-more-instructions {
    border-top: 1px solid #c8ccd0;
    margin-top: 5px;
    clear: both;
    padding: 10px 10px 0 10px
}

.review-bar-container .review-bar .review-instructions-reason {
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    background-color: #eff0f1
}

.review-bar-container .review-bar .rejection-reason {
    margin: 6px 0 10px 10px
}

.review-bar-container .review-bar .review-status {
    margin-bottom: 5px
}

.review-filter-link {
    display: inline-block;
    margin-left: 15px;
    visibility: hidden
}

.review-filter-link,.review-filter-summary {
    position: relative;
    top: 12px
}

.review-filter-summary {
    color: #9199a1;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer
}

.review-filter-container {
    position: relative
}

.review-filter-container .review-filter-popup {
    position: absolute;
    display: none;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #bbc0c4;
    box-shadow: 1px 1px 2px rgba(12,13,14,0.1);
    z-index: 1
}

.review-filter-container .review-filter-popup .review-filter-heading {
    font-weight: bold;
    margin-bottom: 5px
}

.review-filter-container .review-filter-popup .review-filter-section {
    margin-bottom: 15px
}

.review-filter-container .review-filter-popup .review-filter-tags {
    width: 200px
}

.reviewable-post {
    clear: both
}

.reviewable-post .reviewable-post-stats td {
    padding: 3px 6px
}

.reviewable-post .reviewable-post-stats th {
    padding-right: 16px;
    padding-bottom: 4px
}

.reviewable-post .reviewable-post-stats .label-value {
    font-weight: bold
}

.review-badge-progress {
    cursor: pointer;
    float: right;
    height: 36px
}

#badge-progress-count {
    float: left;
    height: 36px;
    padding-top: 13px;
    padding-right: 10px
}

.meter #badge-progress-bar-vis {
    background-color: transparent;
    border-right: 1px solid #9fa6ad;
    width: 25px;
    position: relative
}

.review-stats-current-user {
    background-color: #eff0f1;
    height: 40px;
    padding: 2px
}

.review-stats-all {
    height: 40px;
    padding: 2px
}

.review-stats-all-count {
    height: 44px;
    width: 100px;
    vertical-align: middle
}

.review-stats-count-current-user {
    height: 44px;
    width: 100px;
    background-color: #eff0f1;
    vertical-align: middle
}

.stats-mainbar {
    float: left;
    margin-bottom: 40px;
    width: 735px
}

.stats-mainbar .task-stat-table {
    width: 100%;
    background-color: #eff0f1;
    height: 40px;
    margin-bottom: 10px;
    padding: 4px
}

.stats-mainbar .task-stat-table td {
    height: 60px;
    text-align: center;
    vertical-align: middle;
    background-color: #eff0f1;
    padding: 5px;
    border: 5px solid #FFF
}

.stats-mainbar .task-stat-table .review-stats-count {
    color: #6a737c;
    font-size: 1.5em;
    font-weight: bold
}

.stats-mainbar .task-stat-leaderboard {
    width: 300px;
    margin-top: 20px
}

.stats-mainbar .task-stat-leaderboard .user-details {
    line-height: 30px
}

.stats-sidebar {
    overflow: hidden;
    float: right;
    width: 300px;
    margin-bottom: 60px
}

.review-gotcha {
    margin-bottom: 10px;
    margin-top: -10px
}

.review-gotcha-container {
    max-width: 800px
}

#delete-question-popup {
    width: 690px;
    position: absolute;
    top: 115.5px;
    left: 275.5px;
    display: block
}

.adzerk-vote-controls {
    height: 22px;
    width: 0
}

.adzerk-vote-survey {
    position: absolute;
    top: 21px;
    right: 0;
    z-index: 999;
    width: 60px;
    padding: 10px 12px;
    font-size: 12px !important;
    background: rgba(12,13,14,0.95) !important;
    border: 1px solid #242729;
    box-shadow: -2px 4px 6px rgba(12,13,14,0.4),inset 0 1px 0 rgba(255,255,255,0.5);
    border-radius: 3px;
    color: #FFF !important;
    line-height: 1.3;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important
}

.adzerk-vote-survey ul {
    text-indent: 0;
    margin-left: 0 !important
}

.adzerk-vote-survey input {
    margin-right: 5px !important
}

.adzerk-vote-survey span {
    color: #FFF !important;
    font-weight: bold;
    border-bottom: 1px solid #6a737c;
    display: inline-block;
    padding-bottom: 5px
}

.adzerk-vote-cancel {
    color: #FF9A1E !important
}

.new-login-form {
    margin-top: 15px;
    width: 670px
}

.new-login-form h3 {
    font-size: 1.5em;
    margin-bottom: 1em
}

.new-login-form input[type="text"],.new-login-form input[type="email"] {
    border: 1px solid #9199a1;
    font-size: 100%;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 5px 0 5px 0;
    padding: 3px;
    border-radius: 0
}

.new-login-form p {
    margin: 0
}

.new-login-form .new-login-left {
    display: inline-block;
    vertical-align: top;
    width: 275px
}

.new-login-form .form-item {
    color: #848d95;
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
    box-shadow: -1px 1px #f2f2f2;
    padding: 7px 10px 9px
}

.new-login-form .form-item label {
    color: inherit;
    margin-top: 3px
}

.new-login-form .new-login-right {
    width: 275px;
    margin-right: 70px;
    float: right;
    display: inline-block;
    vertical-align: top
}

.preferred-login {
    background: #f9f9f9;
    width: 258px;
    border: 1px solid #d4d4d4;
    box-shadow: -1px 1px #f2f2f2;
    color: #848d95;
    padding: 7px;
    margin-bottom: 15px;
    cursor: pointer;
    height: 16px
}

.preferred-login p>span {
    vertical-align: top
}

.preferred-login .icon {
    background-image: url('../../img/openid/new-login-sprite.png?v=79224c9ea1cb');
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 12px
}

.preferred-login.google-login .icon {
    background-position: 0 0
}

.preferred-login.facebook-login .icon {
    background-position: -19px 0
}

.preferred-login.stackexchange-login .icon {
    background-position: -38px 0
}

#mainbar .subheader.search-header {
    margin-bottom: 0;
    height: auto;
    border-bottom: none;
    background: none;
    background-image: none;
    width: auto
}

.search-module {
    background: none;
    border: none
}

.search-module .search-side-top {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 100%
}

.search-module .advanced-tips {
    padding: 10px;
    display: none
}

.search-module .advanced-tips table {
    opacity: 0;
    width: 100%;
    margin-bottom: 10px
}

.search-module .advanced-tips table tr td {
    padding-top: 3px
}

.search-module .advanced-tips table tr.new-group td {
    padding-top: 6px
}

.search-module .advanced-tips table tr td:nth-child(1) {
    color: #848d95;
    padding-right: 4px
}

.search-module .advanced-tips .advanced-note {
    color: #9199a1
}

.search-module p {
    font-size: 12px
}

.search-results {
    margin-top: 10px
}

.search-results .search-result .stats .answered .vote-count-post {
    color: inherit !important
}

.search-results .search-result .stats .votes {
    padding: 7px 0 5px 0
}

.search-results .answer-summary.question-style .summary {
    width: 690px
}

.search-results .question-summary .summary {
    float: none;
    width: auto;
    margin: 0 0 0 88px;
    padding: 0 6px
}

.search-results .started {
    width: auto
}

.search-results .result-type {
    font-weight: bold;
    color: #0C0D0E;
    display: none
}

.search-results .result-link {
    margin-bottom: 4px
}

.search-results .result-link a {
    font-size: 16px
}

.search-results .excerpt .identifier {
    font-weight: bold
}

.search-results .result-meta {
    margin-bottom: 4px;
    color: #848d95;
    font-size: .9em
}

.search-results .result-meta.accepted {
    color: #45A163
}

.search-results .result-meta .result-answers {
    padding: 4px 2px
}

.search-results .result-meta .result-answers .num {
    font-weight: normal
}

.search-results .result-meta .result-answers.accepted {
    color: #45A163
}

.search-results .search-score {
    text-align: center;
    padding: 3px 0 0 0;
    color: #848d95
}

.result-highlight {
    color: #0C0D0E;
    font-weight: bold;
    background: none
}

.module {
    word-wrap: break-word
}

.module p.took-ms {
    font-size: .9em
}

.module p.side-desc {
    margin-bottom: .1em
}

.about-page .new-about-content-page {
    width: 900px;
    margin: 20px auto 10px auto;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.4;
    position: relative
}

.about-page .new-about-content-page .about-intro h2.about-title {
    margin-bottom: .5em ! important
}

.about-page .new-about-content-page .about-intro p.helper-text {
    font-size: 100%;
    margin-left: 0
}

.about-page .new-about-content-page h2.about-title {
    font-size: 28px !important;
    color: #0C0D0E !important;
    font-weight: normal;
    text-shadow: 0 1px 0 #FFF;
    text-align: center;
    margin-bottom: 1.5em !important
}

.about-page .new-about-content-page .site-icon {
    display: block;
    margin: 0 auto 1em auto;
    height: 158px;
    width: 158px
}

.about-page .new-about-content-page p {
    margin-bottom: 1.5em
}

.about-page .new-about-content-page p.tag-line {
    text-align: center
}

.about-page .new-about-content-page .col-l {
    width: 320px;
    float: left;
    font-size: 14px;
    margin-bottom: 30px
}

.about-page .new-about-content-page .col-r {
    width: 530px;
    float: right;
    font-size: 14px;
    margin-bottom: 30px;
    overflow: hidden
}

.about-page .new-about-content-page .col-r+.col-l {
    clear: both
}

.about-page .new-about-content-page .col-full {
    text-align: center
}

.about-page .new-about-content-page .col-center {
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    text-align: left
}

.about-page .new-about-content-page .col-center.signup-buttons {
    width: 260px;
    font-size: smaller
}

.about-page .new-about-content-page .helper-text {
    font-style: italic;
    margin-left: 2em;
    font-size: 90%
}

.about-page .new-about-content-page .on-topic-examples .wiki-ph-content li,.about-page .new-about-content-page .on-topic-examples .wmd-preview li,.about-page .new-about-content-page .off-topic-examples .wiki-ph-content li,.about-page .new-about-content-page .off-topic-examples .wmd-preview li {
    background: transparent url('../../Img/about/sprite-about.png?v=56ab209084a9') no-repeat left center;
    margin-bottom: .25em
}

.about-page .new-about-content-page .on-topic-examples .wiki-ph-content li,.about-page .new-about-content-page .on-topic-examples .wmd-preview li {
    background-position: 0 -421px;
    padding-left: 20px
}

.about-page .new-about-content-page .off-topic-examples .wiki-ph-content li,.about-page .new-about-content-page .off-topic-examples .wmd-preview li {
    background-position: 0 -701px;
    padding-left: 20px
}

.about-page .new-about-content-page .wiki-ph-content ul li,.about-page .new-about-content-page .wmd-preview ul li {
    list-style: none;
    line-height: 1.4
}

.about-page .new-about-content-page .user-info-rep {
    background: #FFF;
    border: 1px solid #d6d9dc;
    box-shadow: 0 1px 1px rgba(12,13,14,0.2);
    padding: 10px;
    display: inline-block;
    width: 200px;
    float: left;
    margin-right: 20px
}

.about-page .new-about-content-page .about-gravatar {
    background: transparent url('../../Img/about/sprite-about.png?v=56ab209084a9') no-repeat left center;
    width: 48px;
    height: 48px;
    background-position: 0 -372px;
    margin-right: 10px;
    float: left
}

.about-page .new-about-content-page .user-details {
    color: #6a737c;
    line-height: 17px;
    font-size: 12px
}

.about-page .new-about-content-page .rep-up {
    color: #4c9067;
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-style: normal;
    margin-bottom: 15px
}

.about-page .new-about-content-page .rep-up-off {
    color: #6a737c
}

.about-page .new-about-content-page .rep-block {
    width: 70px;
    text-align: center;
    font-size: 12px;
    color: #6a737c;
    font-style: italic;
    float: left
}

.about-page .new-about-content-page .qa-block,.about-page .new-about-content-page .content-block {
    background: #FFF;
    border: 1px solid #e4e6e8;
    box-shadow: 0 1px 1px rgba(12,13,14,0.2)
}

.about-page .new-about-content-page .qa-block {
    overflow: hidden;
    border-right-width: 0;
    padding: 10px 10px 0 10px
}

.about-page .new-about-content-page .content-block,.about-page .new-about-content-page .about-badges .qa-block {
    padding: 10px
}

.about-page .new-about-content-page .shadow {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    margin-top: -20px
}

.about-page .new-about-content-page .shadow:after {
    content: "";
    display: block;
    width: 25px;
    height: 100%;
    background: transparent url('../../Img/about/sprite-about-shadow.png?v=32548ab6dc20') no-repeat right center;
    z-index: 500;
    position: absolute;
    top: 10px;
    left: 506px
}

.about-page .new-about-content-page .postcell {
    width: 495px;
    margin-right: -65px
}

.about-page .new-about-content-page .arrow-1,.about-page .new-about-content-page .arrow-2,.about-page .new-about-content-page .arrow-3,.about-page .new-about-content-page .arrow-4 {
    background: transparent url('../../Img/about/sprite-about.png?v=56ab209084a9') no-repeat;
    float: right
}

.about-page .new-about-content-page .arrow-1 {
    background-position: -4px -54px;
    width: 99px;
    height: 60px
}

.about-page .new-about-content-page .arrow-2 {
    background-position: -4px -149px;
    width: 99px;
    height: 60px
}

.about-page .new-about-content-page .arrow-3 {
    background-position: -4px -229px;
    width: 87px;
    height: 64px
}

.about-page .new-about-content-page .arrow-4 {
    background-position: -5px -316px;
    width: 64px;
    height: 51px
}

.about-page .new-about-content-page .just-qa {
    width: 225px;
    float: right;
    margin-top: 1.5em;
    margin-bottom: 3em
}

.about-page .new-about-content-page .just-questions {
    overflow: hidden
}

.about-page .new-about-content-page .just-questions p {
    padding-top: 45px;
    float: left;
    margin: 0
}

.about-page .new-about-content-page .just-answers {
    overflow: auto;
    clear: both;
    margin-top: 60px;
    padding-top: 5px
}

.about-page .new-about-content-page .just-answers p {
    float: left;
    margin: 0;
    margin-top: -5px
}

.about-page .new-about-content-page .good-answers,.about-page .new-about-content-page .accept-answers {
    clear: both;
    padding-left: 50px;
    margin-bottom: 3em
}

.about-page .new-about-content-page .good-answers .vote-up-on,.about-page .new-about-content-page .accept-answers .vote-up-on,.about-page .new-about-content-page .good-answers .vote-accepted-on,.about-page .new-about-content-page .accept-answers .vote-accepted-on {
    position: absolute;
    left: 0
}

.about-page .new-about-content-page .good-answers p,.about-page .new-about-content-page .accept-answers p {
    margin-bottom: .5em;
    margin-left: 0
}

.about-page .new-about-content-page .qa-answer {
    padding-top: 1.5em
}

.about-page .new-about-content-page .about-q {
    float: left;
    margin-bottom: .5em
}

.about-page .new-about-content-page .about-a {
    float: left;
    margin-bottom: 1.5em
}

.about-page .new-about-content-page .user-action-time {
    font-size: 12px
}

.about-page .new-about-content-page #question-header {
    margin-bottom: 1em;
    white-space: nowrap;
    width: 550px
}

.about-page .new-about-content-page .post-text {
    max-height: 150px;
    overflow: hidden
}

.about-page .new-about-content-page .subheader {
    border-bottom: none;
    background-color: transparent !important;
    background-image: none !important
}

.about-page .new-about-content-page .comments {
    width: 460px;
    clear: both;
    padding: 10px 0;
    color: #6a737c;
    margin-left: 30px
}

.about-page .new-about-content-page .about-user1,.about-page .new-about-content-page .about-user2,.about-page .new-about-content-page .about-user3,.about-page .new-about-content-page .about-user4 {
    display: block;
    width: 32px;
    height: 32px
}

.about-page .new-about-content-page .about-user2 {
    background-position: -32px 0
}

.about-page .new-about-content-page .about-user3 {
    background-position: -64px 0
}

.about-page .new-about-content-page .about-user4 {
    background-position: -96px 0;
    width: 48px;
    height: 48px;
    margin-right: 10px
}

.about-page .new-about-content-page .about-reputation .arrow-3 {
    float: left;
    clear: left;
    margin-top: -10px;
    margin-left: -5px
}

.about-page .new-about-content-page .about-reputation table {
    width: 100%;
    margin-bottom: 10px
}

.about-page .new-about-content-page .about-reputation table thead th {
    padding-bottom: 10px
}

.about-page .new-about-content-page .about-reputation table tbody th {
    width: 25%;
    padding-left: 30px;
    font-style: italic;
    font-weight: normal
}

.about-page .new-about-content-page .about-reputation .about-rep-privs-2+.col-r table {
    margin-top: 15px
}

.about-page .new-about-content-page .about-badges table {
    font-size: 90%
}

.about-page .new-about-content-page .about-badges table+p {
    margin-top: 10px;
    margin-bottom: 0
}

.about-page .new-about-content-page .about-badges .badge-cell {
    width: 0;
    padding-right: 10px
}

.about-page .new-about-content-page .about-badges .col-r table {
    width: 100%
}

.about-page .new-about-content-page .huge-button {
    width: 25%;
    padding: 1.5em 0;
    margin: 0 7%;
    display: inline-block
}

.about-page .new-about-content-page #huge-buttons {
    margin: 0 auto
}

.about-page .new-about-content-page hr {
    border-width: 0;
    margin: 3em 0;
    background-color: #e4e6e8;
    box-shadow: 0 1px #FFF;
    clear: both
}

.about-post-body-gradient {
    position: relative;
    height: 50px;
    margin-top: -50px;
    overflow: hidden;
    background: linear-gradient(to top, #FFF 15%, rgba(255,255,255,0) 100%)
}

.openid-confirm-newuser .site-logo,.openid-confirm-switchuser .site-logo,.openid-confirm-associateuser .site-logo,.openid-completed-registration .site-logo {
    width: 48px;
    height: 48px
}

.openid-confirm-newuser .site-name,.openid-confirm-switchuser .site-name,.openid-confirm-associateuser .site-name,.openid-completed-registration .site-name {
    font-size: 24px;
    vertical-align: middle;
    height: 48px;
    display: inline-block
}

.openid-confirm-newuser .openid-name,.openid-confirm-switchuser .openid-name,.openid-confirm-associateuser .openid-name,.openid-completed-registration .openid-name {
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle
}

.openid-confirm-newuser .openid-login,.openid-confirm-switchuser .openid-login,.openid-confirm-associateuser .openid-login,.openid-completed-registration .openid-login {
    display: inline-block;
    vertical-align: middle
}

.openid-confirm-newuser .openid-block,.openid-confirm-switchuser .openid-block,.openid-confirm-associateuser .openid-block,.openid-completed-registration .openid-block {
    margin-bottom: 15px
}

.openid-confirm-newuser .other-user,.openid-confirm-switchuser .other-user,.openid-confirm-associateuser .other-user,.openid-completed-registration .other-user {
    vertical-align: middle
}

.openid-confirm-newuser .user-avatar-and-name,.openid-confirm-switchuser .user-avatar-and-name,.openid-confirm-associateuser .user-avatar-and-name,.openid-completed-registration .user-avatar-and-name {
    background-color: #fafafb;
    width: 450px;
    padding: 15px 15px 0 15px
}

.openid-confirm-newuser .user-avatar-and-name .picture-container,.openid-confirm-switchuser .user-avatar-and-name .picture-container,.openid-confirm-associateuser .user-avatar-and-name .picture-container,.openid-completed-registration .user-avatar-and-name .picture-container {
    display: inline-block;
    vertical-align: top
}

.openid-confirm-newuser .user-avatar-and-name .user-picture,.openid-confirm-switchuser .user-avatar-and-name .user-picture,.openid-confirm-associateuser .user-avatar-and-name .user-picture,.openid-completed-registration .user-avatar-and-name .user-picture {
    margin-bottom: 10px
}

.openid-confirm-newuser .user-avatar-and-name #change-picture,.openid-confirm-switchuser .user-avatar-and-name #change-picture,.openid-confirm-associateuser .user-avatar-and-name #change-picture,.openid-completed-registration .user-avatar-and-name #change-picture {
    padding: 0 0 0 15px;
    display: block;
    height: 30px;
    width: auto
}

.openid-confirm-newuser .user-avatar-and-name .display-name,.openid-confirm-switchuser .user-avatar-and-name .display-name,.openid-confirm-associateuser .user-avatar-and-name .display-name,.openid-completed-registration .user-avatar-and-name .display-name {
    display: inline-block;
    margin-left: 15px
}

.openid-confirm-newuser .user-avatar-and-name .display-name input,.openid-confirm-switchuser .user-avatar-and-name .display-name input,.openid-confirm-associateuser .user-avatar-and-name .display-name input,.openid-completed-registration .user-avatar-and-name .display-name input {
    width: 250px
}

.openid-confirm-newuser .user-avatar-and-name .display-name label,.openid-confirm-switchuser .user-avatar-and-name .display-name label,.openid-confirm-associateuser .user-avatar-and-name .display-name label,.openid-completed-registration .user-avatar-and-name .display-name label {
    display: block;
    margin-bottom: 10px
}

#tag-suggestions {
    min-height: 30px;
    margin-bottom: 10px
}

#tag-suggestions .post-tag {
    margin-right: 6px
}

#tag-suggestions span.post-tag {
    opacity: .5
}

.general-error {
    color: #c04848;
    font-weight: bold;
    margin-bottom: 10px
}

.general-success {
    color: #44B449;
    font-weight: bold;
    margin-bottom: 10px
}

.validation-error {
    border-color: #C04848 !important
}

.val-message {
    margin: 20px auto;
    width: 600px;
    padding: 20px 30px 10px 30px
}

.val-message p {
    font-size: 16px;
    text-align: center;
    line-height: 20px
}

.val-textemphasis {
    font-weight: bold;
    margin-top: 10px
}

.val-success {
    background: #f4fcee;
    border: 2px solid #91e458
}

.val-error {
    background: #ffeceb;
    border: 2px solid #f8452e
}

.val-info {
    background: #FFFBEB;
    border: 2px solid #FFD42C
}

.message.message-error {
    z-index: 1;
    display: none;
    color: #FFF;
    background-color: #C04848;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em
}

.message.message-error.message-dismissable {
    cursor: pointer
}

.message.message-error a:not(.badge-tag):not(.button):not(.btn):not(.post-tag) {
    color: #FCB2B1;
    text-decoration: underline
}

.message.message-error ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-error ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.message.message-error ul li:last-child {
    margin-bottom: 0
}

.message.message-error code {
    background: transparent
}

.message.message-error .message-inner {
    position: relative
}

.message.message-error .message-tip:before {
    content: "";
    position: absolute
}

.message.message-error .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-bottom: 9px solid #C04848;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-error .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-top: 9px solid #C04848;
    border-left: 9px solid transparent
}

.message.message-error .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-top: 9px solid transparent;
    border-left: 9px solid #C04848
}

.message.message-error .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-top: 9px solid transparent;
    border-right: 9px solid #C04848
}

.message.message-error .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-top: 9px solid #C04848;
    border-right: 9px solid transparent
}

.message.message-error .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-top: 9px solid #C04848;
    border-right: 9px solid transparent
}

.message.message-error .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #C04848
}

.message.message-error .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-top: 9px solid transparent;
    border-left: 9px solid #C04848
}

.message.message-error .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-top: 9px solid #C04848;
    border-left: 9px solid transparent
}

.message.message-error .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-top: 9px solid #C04848;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-error .message-text {
    padding: 13px 15px
}

.message.message-error .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #FCB2B1 !important;
    border: 1px solid rgba(255,255,255,0.2)
}

.message.message-error .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-info {
    z-index: 1;
    display: none;
    color: #FFF;
    background-color: #0077dd;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em
}

.message.message-info.message-dismissable {
    cursor: pointer
}

.message.message-info a:not(.badge-tag):not(.button):not(.btn):not(.post-tag) {
    color: #a9d7ff;
    text-decoration: underline
}

.message.message-info ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-info ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.message.message-info ul li:last-child {
    margin-bottom: 0
}

.message.message-info code {
    background: transparent
}

.message.message-info .message-inner {
    position: relative
}

.message.message-info .message-tip:before {
    content: "";
    position: absolute
}

.message.message-info .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-bottom: 9px solid #0077dd;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-info .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-top: 9px solid #0077dd;
    border-left: 9px solid transparent
}

.message.message-info .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-top: 9px solid transparent;
    border-left: 9px solid #0077dd
}

.message.message-info .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-top: 9px solid transparent;
    border-right: 9px solid #0077dd
}

.message.message-info .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-top: 9px solid #0077dd;
    border-right: 9px solid transparent
}

.message.message-info .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-top: 9px solid #0077dd;
    border-right: 9px solid transparent
}

.message.message-info .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #0077dd
}

.message.message-info .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-top: 9px solid transparent;
    border-left: 9px solid #0077dd
}

.message.message-info .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-top: 9px solid #0077dd;
    border-left: 9px solid transparent
}

.message.message-info .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-top: 9px solid #0077dd;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-info .message-text {
    padding: 13px 15px
}

.message.message-info .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #a9d7ff !important;
    border: 1px solid rgba(255,255,255,0.2)
}

.message.message-info .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-warning {
    z-index: 1;
    display: none;
    color: #FFF;
    background-color: #C0A847;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em
}

.message.message-warning.message-dismissable {
    cursor: pointer
}

.message.message-warning a:not(.badge-tag):not(.button):not(.btn):not(.post-tag) {
    color: #746527;
    text-decoration: underline
}

.message.message-warning ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-warning ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.message.message-warning ul li:last-child {
    margin-bottom: 0
}

.message.message-warning code {
    background: transparent
}

.message.message-warning .message-inner {
    position: relative
}

.message.message-warning .message-tip:before {
    content: "";
    position: absolute
}

.message.message-warning .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-bottom: 9px solid #C0A847;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-warning .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-top: 9px solid #C0A847;
    border-left: 9px solid transparent
}

.message.message-warning .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-top: 9px solid transparent;
    border-left: 9px solid #C0A847
}

.message.message-warning .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-top: 9px solid transparent;
    border-right: 9px solid #C0A847
}

.message.message-warning .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-top: 9px solid #C0A847;
    border-right: 9px solid transparent
}

.message.message-warning .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-top: 9px solid #C0A847;
    border-right: 9px solid transparent
}

.message.message-warning .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #C0A847
}

.message.message-warning .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-top: 9px solid transparent;
    border-left: 9px solid #C0A847
}

.message.message-warning .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-top: 9px solid #C0A847;
    border-left: 9px solid transparent
}

.message.message-warning .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-top: 9px solid #C0A847;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-warning .message-text {
    padding: 13px 15px
}

.message.message-warning .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #746527 !important;
    border: 1px solid rgba(255,255,255,0.2)
}

.message.message-warning .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-config {
    z-index: 1;
    display: none;
    color: #6a737c;
    background-color: #FFF;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em
}

.message.message-config.message-dismissable {
    cursor: pointer
}

.message.message-config a:not(.badge-tag):not(.button):not(.btn):not(.post-tag) {
    color: #9fa6ad;
    text-decoration: underline
}

.message.message-config ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-config ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.message.message-config ul li:last-child {
    margin-bottom: 0
}

.message.message-config code {
    background: transparent
}

.message.message-config .message-inner {
    position: relative
}

.message.message-config .message-tip:before {
    content: "";
    position: absolute
}

.message.message-config .message-tip-top-center:before {
    top: -6px;
    left: 50%;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.message.message-config .message-tip-left-top:before {
    top: 0;
    left: -6px;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent
}

.message.message-config .message-tip-top-left:before {
    top: -6px;
    left: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #FFF
}

.message.message-config .message-tip-left-bottom:before {
    bottom: 0;
    left: -6px;
    border-top: 6px solid transparent;
    border-right: 6px solid #FFF
}

.message.message-config .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-top: 6px solid #FFF;
    border-right: 6px solid transparent
}

.message.message-config .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-top: 6px solid #FFF;
    border-right: 6px solid transparent
}

.message.message-config .message-tip-top-right:before {
    top: -6px;
    right: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #FFF
}

.message.message-config .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-top: 6px solid transparent;
    border-left: 6px solid #FFF
}

.message.message-config .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent
}

.message.message-config .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.message.message-config .message-text {
    padding: 13px 15px
}

.message.message-config .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #9fa6ad !important;
    border: 1px solid rgba(255,255,255,0.2)
}

.message.message-config .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-config .message-close {
    margin-top: 6px;
    margin-right: 0
}

.message.message-success {
    z-index: 1;
    display: none;
    color: #FFF;
    background-color: #5EBA7D;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em;
    border-left: 4px solid #45A163
}

.message.message-success.message-dismissable {
    cursor: pointer
}

.message.message-success a:not(.badge-tag):not(.button):not(.btn):not(.post-tag) {
    color: #746527;
    text-decoration: underline
}

.message.message-success ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-success ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.message.message-success ul li:last-child {
    margin-bottom: 0
}

.message.message-success code {
    background: transparent
}

.message.message-success .message-inner {
    position: relative
}

.message.message-success .message-tip:before {
    content: "";
    position: absolute
}

.message.message-success .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-bottom: 9px solid #5EBA7D;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-success .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-top: 9px solid #5EBA7D;
    border-left: 9px solid transparent
}

.message.message-success .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-top: 9px solid transparent;
    border-left: 9px solid #5EBA7D
}

.message.message-success .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-top: 9px solid transparent;
    border-right: 9px solid #5EBA7D
}

.message.message-success .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-top: 9px solid #5EBA7D;
    border-right: 9px solid transparent
}

.message.message-success .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-top: 9px solid #5EBA7D;
    border-right: 9px solid transparent
}

.message.message-success .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid #5EBA7D
}

.message.message-success .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-top: 9px solid transparent;
    border-left: 9px solid #5EBA7D
}

.message.message-success .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-top: 9px solid #5EBA7D;
    border-left: 9px solid transparent
}

.message.message-success .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-top: 9px solid #5EBA7D;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.message.message-success .message-text {
    padding: 13px 15px
}

.message.message-success .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #746527 !important;
    border: 1px solid rgba(255,255,255,0.2)
}

.message.message-success .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-success a {
    color: #FFF !important;
    font-weight: bold
}

.message.message-success .message-close {
    color: #FFF !important;
    border: none
}

.message.message-info.contributor-dropdown {
    z-index: 1;
    display: none;
    color: #6a737c;
    background-color: #FFF;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.3em
}

.message.message-info.contributor-dropdown.message-dismissable {
    cursor: pointer
}

.message.message-info.contributor-dropdown a:not(.badge-tag):not(.button):not(.btn):not(.post-tag) {
    color: #9fa6ad;
    text-decoration: underline
}

.message.message-info.contributor-dropdown ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-info.contributor-dropdown ul li {
    margin: 0 0 5px 0;
    padding: 0
}

.message.message-info.contributor-dropdown ul li:last-child {
    margin-bottom: 0
}

.message.message-info.contributor-dropdown code {
    background: transparent
}

.message.message-info.contributor-dropdown .message-inner {
    position: relative
}

.message.message-info.contributor-dropdown .message-tip:before {
    content: "";
    position: absolute
}

.message.message-info.contributor-dropdown .message-tip-top-center:before {
    top: -6px;
    left: 50%;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.message.message-info.contributor-dropdown .message-tip-left-top:before {
    top: 0;
    left: -6px;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent
}

.message.message-info.contributor-dropdown .message-tip-top-left:before {
    top: -6px;
    left: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #FFF
}

.message.message-info.contributor-dropdown .message-tip-left-bottom:before {
    bottom: 0;
    left: -6px;
    border-top: 6px solid transparent;
    border-right: 6px solid #FFF
}

.message.message-info.contributor-dropdown .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-top: 6px solid #FFF;
    border-right: 6px solid transparent
}

.message.message-info.contributor-dropdown .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-top: 6px solid #FFF;
    border-right: 6px solid transparent
}

.message.message-info.contributor-dropdown .message-tip-top-right:before {
    top: -6px;
    right: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #FFF
}

.message.message-info.contributor-dropdown .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-top: 6px solid transparent;
    border-left: 6px solid #FFF
}

.message.message-info.contributor-dropdown .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent
}

.message.message-info.contributor-dropdown .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.message.message-info.contributor-dropdown .message-text {
    padding: 13px 15px
}

.message.message-info.contributor-dropdown .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 9px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #9fa6ad !important;
    border: 1px solid rgba(255,255,255,0.2)
}

.message.message-info.contributor-dropdown .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-info.contributor-dropdown .message-close {
    margin-top: 6px;
    margin-right: 0
}

.message.toast {
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 3000
}

.anon-vote-popup {
    width: 655px;
    min-height: 250px;
    text-align: left;
    line-height: 115%
}

.anon-vote-popup .anon-vote-left,.anon-vote-popup .anon-vote-right {
    float: left;
    width: 310px
}

.anon-vote-popup .anon-vote-left {
    margin-right: 30px;
    border-right: 1px solid #c8ccd0;
    min-height: 230px
}

.anon-vote-popup .anon-vote-left .huge-button {
    width: 50%;
    padding: 7% 0;
    text-align: center;
    margin-bottom: 25px
}

.anon-vote-popup .anon-vote-left.anon-vote-no-newsletter {
    width: 655px;
    margin-right: 0;
    border-right: 0
}

.anon-vote-popup .anon-vote-left.anon-vote-no-newsletter .anon-vote-blurb {
    height: 50px
}

.anon-vote-popup .anon-vote-blurb {
    height: 70px
}

.anon-vote-popup .anon-newsletter-email {
    width: 200px
}

#explore-tags {
    margin: 10px 0
}

#explore-tags a {
    zoom: 1.3
}

#explore-tags a.post-tag {
    margin-right: 4px
}

#explore-tags a.more-tags {
    zoom: 1
}

#explore-tags+#question-mini-list {
    margin-top: 0
}

#explore-tags+#question-mini-list.loading {
    opacity: .5
}

#home-browse {
    border-top: 5px;
    float: right
}

.newsletter-anon {
    background-color: #fafafb;
    overflow: hidden;
    padding: 10px;
    position: relative;
    border: 1px solid #eff0f1;
    margin-top: 15px;
    font-size: 13px
}

.newsletter-anon .newsletter-logo {
    width: 64px;
    height: 64px;
    float: left
}

.newsletter-anon .newsletter-container {
    width: 620px;
    float: right
}

.newsletter-anon .newsletter-description {
    float: left;
    width: 340px;
    margin-right: 20px;
    margin-bottom: 0;
    line-height: 1.3
}

.newsletter-anon #anon-newsletter-form {
    float: right
}

#newsletter-ad {
    width: 270px;
    height: 250px;
    overflow: hidden;
    background: url("img/newsletter-ad.png?v=cd8f57b09e4a");
    padding: 0 15px 0 15px
}

#newsletter-ad-header {
    margin-top: 60px
}

#newsletter-ad ul {
    margin: 1em 0 1em 1.5em
}

#newsletter-ad ul li {
    margin-bottom: 5px
}

#newsletter-signup-container {
    text-align: center
}

#newsletter-preview-container {
    margin-top: 10px;
    text-align: center
}

#newsletter-email-input {
    width: 200px
}

.profile-triangle {
    font-size: 8px;
    vertical-align: middle
}

#herobox {
    margin: 10px auto;
    border: 1px #dfdfdf solid;
    font-size: 120%;
    line-height: 1.2;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif
}

#herobox #hero-content {
    border: 3px #FFF solid;
    background-color: rgba(220,220,220,0.1)
}

#herobox #q {
    width: 125px
}

#herobox #q:before {
    background-position: 34px -128px
}

#herobox #an {
    width: 130px;
    margin-left: 50px
}

#herobox #an:before {
    background-position: -74px -128px
}

#herobox #b {
    width: 200px;
    margin-left: 40px
}

#herobox #b:before {
    background-position: -163px -128px
}

#herobox #close {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    cursor: pointer
}

#herobox #close a {
    padding: 0 6px 3px 6px;
    margin: 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF !important;
    background-color: #0C0D0E;
    line-height: 1;
    vertical-align: baseline;
    text-decoration: none;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif
}

#herobox #blurb {
    font-size: 105%;
    margin: 20px;
    float: left;
    width: 300px
}

#herobox #desc {
    margin-top: 20px;
    margin-left: 60px;
    float: left
}

#herobox #desc b {
    display: block;
    padding-left: 18px
}

#herobox #hiw {
    list-style-type: none;
    display: inline-block
}

#herobox #hiw li {
    padding: 0;
    display: inline-block;
    text-align: center;
    color: #6a737c;
    float: left
}

#herobox #hiw li:before {
    content: " ";
    display: block;
    height: 90px;
    width: 100%;
    background-image: url("../../img/share-sprite-new.svg?v=78be252218f3");
    background-repeat: no-repeat
}

#herobox.alternate {
    background-color: #f9fbfd;
    background-image: url("../../img/so-hero-alt-splash.svg?v=0b8f98f7bb06"),none;
    margin: 0 auto 20px auto;
    border: 1px solid transparent;
    border-bottom: 3px solid #cceaff;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #464e55
}

#herobox.alternate .content {
    width: 400px;
    margin: 40px auto;
    text-align: center
}

#herobox.alternate b {
    font-size: 125%
}

#herobox.alternate .blurb {
    font-size: 103%;
    word-spacing: 2px;
    line-height: 145%;
    margin-bottom: 25px
}

#herobox.alternate .separator {
    width: 25px;
    border-bottom: 3px solid #f48024;
    margin: 10px auto
}

#herobox.alternate #close a {
    font-size: 10px;
    font-weight: normal;
    color: #4fa0db !important;
    background-color: transparent;
    cursor: pointer
}

#herobox-mini {
    width: 100%;
    height: 50px;
    margin: 10px auto;
    border: 1px #dfdfdf solid;
    background-color: #FFF;
    font-size: 110%;
    line-height: 1.2;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif
}

#herobox-mini #hero-content {
    height: 44px;
    background-color: #eff0f1;
    background-image: url("../../img/mini-hero-bg.png?v=7f269bbbdb22");
    background-repeat: repeat;
    border: 3px #FFF solid
}

#herobox-mini #close {
    margin-top: 2px;
    margin-right: 2px;
    cursor: pointer
}

#herobox-mini #close a {
    padding: 0 6px 3px 6px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #848d95 !important;
    line-height: 1;
    vertical-align: baseline;
    text-decoration: none
}

#herobox-mini #blurb {
    padding: 0 5px;
    width: 900px;
    display: table-cell;
    vertical-align: middle;
    height: 44px
}

#herobox-mini #controls {
    float: right;
    display: table-cell;
    margin-top: 5px
}

.post-text h1,.post-text h2,.post-text h3,.post-text h4,.post-text h5,.post-text h6 {
    word-wrap: break-word
}

.help-center .help-category-box {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 1em;
    vertical-align: top
}

.help-center .help-category-double-box {
    width: 33% !important
}

.help-center .help-category-big-box {
    display: inline-block;
    min-height: 150px;
    width: 30%;
    min-width: 30%;
    vertical-align: top
}

.help-center .help-category-box h3 {
    font-size: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #e4e6e8;
    padding-bottom: .5em
}

.help-center .help-category-box li {
    font-size: 100%;
    list-style-type: none;
    line-height: 1.4em;
    margin-bottom: 1em
}

.help-center .help-category-box ul {
    margin: 0;
    padding: 0 0 10px
}

.help-center .help-category-box li a {
    font-weight: normal
}

.help-center .help-category-box a {
    font-weight: bold
}

.help-center #help-index {
    margin-bottom: 5px;
    margin-right: 5px
}

.help-center .help-post-pin {
    height: 11px;
    width: 11px;
    background-image: url('../../Img/helpcenter/icon-pushpin.png?v=c243be2f581a');
    display: inline-block
}

.help-center .help-category-tree li a {
    font-weight: normal;
    font-size: 13px
}

.help-center .help-category-tree li ul li {
    font-size: 12px
}

.help-center .help-category-tree li strong a {
    font-weight: bold !important
}

.help-center .call-out {
    text-align: center;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 1em
}

.help-center #help-post-body img {
    max-width: 100%
}

#custom-header {
    display: none
}

.recently-deleted {
    padding-top: 10px
}

.privileges-page #h-badges>span {
    text-transform: capitalize
}

.privileges-page .privilege-details {
    text-transform: capitalize
}

.privileges-page .page-description {
    margin-bottom: 2em
}

.privileges-page #privilege-table {
    margin-top: 1em;
    width: 100%
}

.privileges-page .privilege-table-row {
    width: 100%;
    padding: 1em 0
}

.privileges-page .privilege-table-row.earned {
    opacity: .5;
    position: relative
}

.privileges-page .privilege-table-row:hover {
    opacity: 1;
    background: #fafafb;
    cursor: pointer
}

.privileges-page .checkmark {
    width: 20px;
    margin-left: 10px;
    display: inline-block
}

.privileges-page .rep-level {
    width: 60px;
    display: inline-block
}

.privileges-page .short-description {
    width: 240px;
    display: inline-block;
    font-weight: bold
}

.privileges-page .long-description {
    display: inline-block
}

.privileges-page .legend {
    padding: 8px !important
}

.privileges-page .legend div {
    font-size: 107%;
    line-height: 1.35em;
    word-wrap: break-word
}

.privileges-page .icon {
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url('../../img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../img/share-sprite-new.svg?v=78be252218f3'),none;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    text-indent: -999em;
    outline: none;
    background-position-x: 50px;
    margin-bottom: -3px;
    margin-right: 6px
}

.privileges-page i.icon-milestone {
    background-position: -60px 0
}

.privileges-page i.icon-moderation {
    background-position: -80px 0
}

.privileges-page i.icon-communication {
    background-position: -100px 0
}

.privileges-page i.icon-creation {
    background-position: -120px 0
}

.privileges-page i.icon-documentation {
    background-position: -140px 0
}

div.meter {
    height: 12px;
    width: 100%;
    background-color: #eff0f1;
    border: 1px solid #eff0f1
}

div.meter div {
    height: 100%;
    background-color: #82ca9a
}

.contact-page .contact-form,.contact-page .search-form,.contact-page .support-jobs {
    float: left;
    display: inline-block;
    width: 49%
}

.contact-page .contact-form input[type='text'],.contact-page .search-form input[type='text'],.contact-page .support-jobs input[type='text'] {
    width: 80%
}

.contact-page .contact-form input[type="email"],.contact-page .contact-form select,.contact-page .contact-form textarea {
    width: 80%
}

.contact-page .contact-form textarea {
    height: 7em;
    margin-top: 5px
}

.contact-page .contact-form select {
    margin-top: 5px;
    padding: 3px;
    width: 414px
}

.contact-page .contact-form label {
    display: block
}

.contact-page .search-form ul {
    list-style-type: none;
    margin-left: 0
}

.contact-page .search-form ul li {
    margin-left: 0
}

.contact-page .search-form .no-results {
    padding: .5em 0;
    line-height: 1.48em
}

.contact-page .support-jobs {
    margin-top: 3em
}

.contact-page .support-jobs>p {
    width: 80%;
    line-height: 1.46153846
}

.contact-page .popup {
    width: 480px
}

.contact-page .popup-content {
    line-height: 1.48em
}

.contact-page .popup-content .content {
    padding: 1em 0;
    margin: .5em 0 0;
    border-top: solid 1px #c8ccd0;
    clear: both
}

a.mathjax {
    width: 115px;
    height: 55px;
    background-image: url("../../img/share-sprite.png?v=0734e5a54af0");
    background-position: -190px 5px
}

.review-audit-subtabs {
    width: 400px
}

.tools-index-subtabs {
    width: 600px
}

.info-box {
    margin-top: 1em;
    padding: .5em;
    font-size: 14px;
    text-align: center
}

.info-box p {
    margin-bottom: .5em
}

.migrated.to {
    width: 48px;
    height: 48px;
    background-image: url('../../img/fatarrows.png?v=ae7d0b13a3f3');
    display: inline-block;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: -48px 0
}

.signup-success,.login-success,.recovery-success {
    background-image: url('../../img/open-graph/checkmark.png?v=334e396767b9');
    background-repeat: no-repeat;
    padding-left: 100px;
    display: inline-block;
    height: 90px;
    padding-top: 30px
}

#mainbar-full h2.title {
    margin: 20px 0
}

#popup-fancy-delete-question {
    width: 700px
}

#popup-fancy-delete-question .popup-title-container {
    margin-bottom: 15px
}

#popup-fancy-delete-question #pane-main {
    margin-right: 25px;
    line-height: 115%
}

#popup-fancy-delete-question .cancel-delete {
    margin-left: 5px
}

#rep-page-container #master-graph rect {
    stroke: none
}

sup sup sup sup,sub sub sub sub {
    font-size: 101%;
    position: initial
}

.quality-warning {
    font-weight: bold;
    padding-top: 15px
}

.tm-links .review-indicator span {
    float: left;
    color: #FFF;
    font-size: 11px;
    padding: .2em .5em .25em .5em;
    line-height: 1.3;
    background-color: #0077dd;
    margin-right: 5px;
    border-radius: 2px;
    float: right;
    background-color: #cf7721;
    margin-right: 0
}

.review-indicator span {
    color: #FFF !important;
    display: inline;
    background-color: #0077dd;
    padding: .2em .5em .25em .5em;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1.3;
    border-radius: 2px;
    background-color: #cf7721;
    margin: 0
}

a#tell-me-more {
    display: inline-block
}

select.skin {
    margin: 15px auto;
    display: block
}

.migrated.from {
    background-position: 0 -464px !important
}

.migrated.to {
    background-position: -34px -464px !important
}

.migrated.from,.migrated.to {
    width: 30px !important;
    height: 28px !important;
    margin-right: 15px
}

.mod-page #tabs-interval {
    width: 400px
}

.topbar .topbar-wrapper {
    width: 1060px;
    padding-left: 0;
    position: relative
}

.topbar .topbar-wrapper .icon-site-switcher {
    width: 147px;
    background-position: 9px -20px
}

.topbar .topbar-wrapper .icon-site-switcher-on {
    background-position: 9px -51px
}

.topbar .topbar-wrapper .topbar-links .topbar-menu-links {
    margin-left: 10px
}

.topbar .topbar-wrapper .topbar-links .profile-me {
    margin-right: 0
}

h4#h-linked {
    margin-top: 15px
}

.content-padding {
    margin-top: 15px
}

.flagged-post .answer-link {
    width: 650px
}

#additional-notices {
    clear: both
}

#large-user-info:after {
    content: '';
    display: table;
    clear: both
}

.tools.close-stats h1 {
    padding-top: 15px
}

.tools.close-stats .header {
    font-weight: bold
}

.tools.close-stats .row {
    padding: 3px 0
}

.tools.close-stats .row .col-4 {
    width: 30%;
    padding-right: 10px
}

.tools.close-stats .close-reasons .inactive,.tools.close-stats .close-reasons .inactive a {
    opacity: .5
}

.tools.close-stats .closure-stats .row:nth-child(odd),.tools.close-stats .custom-reasons .row:nth-child(odd) {
    background-color: #fafafb
}

.container.edit-tag-wiki .input-section {
    margin-bottom: 15px
}

.container.edit-tag-wiki .input-section h3 {
    margin-bottom: 8px
}

.container.edit-tag-wiki .input-section .text-counter {
    display: block;
    height: 15px;
    margin-top: 5px
}

.container.edit-tag-wiki input[name=friendlyName] {
    width: 370px;
    margin: 0
}

.convert-image-to-link {
    width: 250px
}

.home-page #qlist-wrapper {
    clear: both
}

.dupe-hammer-message-hover {
    margin-left: 4px;
    cursor: pointer
}

.dupe-hammer-message-hover .badge-tag {
    vertical-align: middle
}

.dupe-hammer-message {
    display: block;
    max-width: 430px;
    line-height: 22px
}

.realtime-post-deleted-notification {
    position: absolute;
    z-index: 100;
    text-align: center
}

.realtime-post-deleted-notification p {
    cursor: pointer;
    text-align: center;
    background-color: #eff0f1;
    font-size: 13px;
    padding: 6px 0;
    margin: 4px 0;
    margin-top: 30px;
    padding: 15px;
    font-size: 15px;
    background-color: #f4eaea
}

.post-signature.owner.candidate-score {
    padding: 10px
}

.post-signature.owner.candidate-score .user-info {
    width: 350px
}

.post-signature.owner.candidate-score .user-info .candidate-score-breakdown {
    font-size: 12px;
    padding: 10px 0 10px 10px;
    margin: -10px;
    border-left: 1px solid rgba(159,166,173,0.2);
    float: right;
    width: 180px
}

.post-signature.owner.candidate-score .user-info .candidate-score-breakdown ul {
    position: relative;
    margin-left: 17px;
    padding-top: 4px;
    margin-bottom: .2em
}

.post-signature.owner.candidate-score .user-info .candidate-score-breakdown li {
    line-height: 1.25
}

.post-signature.owner.candidate-score .user-info .candidate-score-breakdown span {
    font-weight: bold;
    font-size: 13px
}

.post-signature.owner.candidate-score .user-info .user-details {
    width: 120px
}

.post-signature.owner.candidate-score .candidate-links {
    margin-top: 2.3em
}

.site-analytics .subheader {
    margin-bottom: 30px
}

.site-analytics .col-4 {
    box-sizing: border-box;
    padding-right: 60px
}

.site-analytics .col-4:last-child {
    padding-right: 0
}

.site-analytics .line {
    fill: none
}

.site-analytics .axis path,.site-analytics .axis line {
    fill: none;
    stroke: #0C0D0E;
    shape-rendering: crispEdges
}

.site-analytics ul {
    list-style: none;
    margin: 0
}

.site-analytics .graphs-container {
    margin-top: 20px
}

.site-analytics .events-tooltip {
    background: #FFF;
    border: 1px solid #9199a1
}

.site-analytics .events-tooltip p {
    margin: 0;
    padding: .25em .5em
}

.site-analytics .events-tooltip .series-color {
    height: .5em
}

.site-analytics .options .weekly label {
    float: right
}

.site-analytics table {
    width: 100%;
    margin-bottom: 26px;
    border-color: #6a737c;
    border-spacing: 2px;
    box-sizing: border-box
}

.site-analytics table th {
    border-bottom: 1px solid #b9bdc1
}

.site-analytics table th,.site-analytics table td {
    padding: 7px;
    padding-right: 10px
}

.site-analytics table th:nth-child(2),.site-analytics table td:nth-child(2) {
    text-align: right
}

.site-analytics table td {
    border-top: 1px solid #d6d9dc
}

.upload-image-warning {
    text-align: center;
    background-color: #fcf8e3;
    padding: 10px 10px 5px 10px;
    border: 1px solid #fbeed5;
    margin-bottom: 15px;
    border-radius: 3px;
    color: #c09853;
    font-size: 13px;
    line-height: 1.3
}

.user-flag-history #flag-stat-info-table tr.youarehere {
    background-color: #e4e6e8
}

.user-flag-history #flag-stat-info-table tr.really {
    font-weight: bold
}

.user-flag-history #flag-stat-info-table tr.group-name {
    border-bottom: 1px solid #c8ccd0
}

.user-flag-history #flag-stat-info-table tr.group-name:not(:first-of-type) td {
    padding-top: 10px
}

.user-flag-history #flag-stat-info-table .col1 {
    width: 20%;
    text-align: right;
    padding-right: 8px;
    font-weight: bold;
    line-height: 20px
}

.user-flag-history #flag-synopsis {
    font-size: 12px;
    margin-top: 8px
}

.user-flag-history .answer-link {
    width: 685px;
    padding: 3px 0 3px 10px;
    margin-top: 2px
}

.user-flag-history .flagbg {
    padding: 2px
}

.user-flag-history .mod-flag {
    padding-top: 5px
}

.user-flag-history .flagged-post {
    padding-bottom: 12px;
    margin-bottom: 8px;
    border-bottom: solid 1px #c8ccd0;
    overflow: auto
}

.user-flag-history .user-flag-weight {
    padding: 5px 0
}

.user-flag-history .post-user-info {
    padding: 4px 0;
    float: right
}

.user-flag-history .flag-spam-offensive {
    width: 100%;
    clear: both
}

.user-flag-history .revision-comment {
    padding: 1px
}

.user-flag-history .flag-outcome.Declined {
    color: maroon
}

.user-flag-history .post-list li {
    list-style: none
}

.user-flag-history .bounty-fix {
    margin: 0;
    padding: 2px 4px
}

.user-flag-history.dev .flag-outcome {
    font-style: italic
}

.user-flag-history.dev .mod-flag .delete-tag {
    display: none
}

.user-flag-history.dev .mod-flag:hover .delete-tag {
    display: inline-block
}

.user-flag-history.dev .mod-flag:hover .delete-tag:hover {
    background-position: 0 -665px;
    cursor: pointer
}

.user-flag-history.dev .mod-post-actions {
    padding: 0 2px;
    float: right;
    background-color: maroon;
    color: #FFF
}

.mod-ip-banned,.ip-address-lookup[data-spamram-status="deny"] {
    background-color: #eec4c8
}

.mod-ip-hobbled,.ip-address-lookup[data-spamram-status="hobble"] {
    background-color: #fbd4b6
}

.post-timeline-v2 .subheader {
    margin-bottom: 20px
}

.post-timeline-v2 .filters {
    margin: 0 0 17px 0
}

.post-timeline-v2 .filters .event-count {
    color: #2f3337;
    font-weight: bold;
    font-size: 16px
}

.post-timeline-v2 .post-timeline {
    width: 100%
}

.post-timeline-v2 .post-timeline .mod-flair {
    font-size: 16px
}

.post-timeline-v2 .post-timeline th,.post-timeline-v2 .post-timeline td {
    color: #2f3337;
    font-size: 12px;
    padding: 8px 20px 8px 0
}

.post-timeline-v2 .post-timeline th:first-child,.post-timeline-v2 .post-timeline td:first-child {
    padding-left: 5px
}

.post-timeline-v2 .post-timeline th {
    padding-bottom: 10px
}

.post-timeline-v2 .post-timeline td {
    line-height: 18px
}

.post-timeline-v2 .post-timeline td:last-child {
    padding-right: 5px
}

.post-timeline-v2 .post-timeline .toggle-date-format {
    display: inline-block;
    float: right;
    margin-top: 2px;
    font-weight: normal;
    font-size: 11px
}

.post-timeline-v2 .post-timeline tr.deleted-event td {
    background-color: #f4eaea;
    padding-bottom: 3px
}

.post-timeline-v2 .post-timeline tr.deleted-event-details td {
    font-size: 12px;
    line-height: 14px;
    padding-top: 0;
    color: #B65454;
    background-color: #f4eaea
}

.post-timeline-v2 .post-timeline tr.separator>td {
    padding: 0
}

.post-timeline-v2 .post-timeline tr.separator>td>div {
    height: 1px;
    background-color: #e4e6e8
}

.post-timeline-v2 .post-timeline tr.separator>td>div.deleted {
    background-color: #e8dddc
}

.post-timeline-v2 .post-timeline .creation-date {
    min-width: 138px;
    text-align: right
}

.post-timeline-v2 .post-timeline .simultaneous-symbol {
    cursor: default;
    position: relative
}

.post-timeline-v2 .post-timeline .simultaneous-symbol>span {
    display: none;
    position: absolute;
    font-size: 14px;
    left: -25px
}

.post-timeline-v2 .post-timeline .highlighted .creation-date .simultaneous-symbol span {
    display: inline-block
}

.post-timeline-v2 .post-timeline .highlighted .creation-date .relativetime {
    font-weight: bold
}

.post-timeline-v2 .post-timeline .event-type {
    padding-right: 10px
}

.post-timeline-v2 .post-timeline .event-type>span {
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 3px
}

.post-timeline-v2 .post-timeline .event-type>span.history {
    color: #6a737c;
    background-color: #d6d9dc
}

.post-timeline-v2 .post-timeline .event-type>span.answer-type {
    color: #fafafb;
    background-color: #8DB98D
}

.post-timeline-v2 .post-timeline .event-type>span.comment {
    color: #fafafb;
    background-color: #9fa6ad
}

.post-timeline-v2 .post-timeline .event-type>span.flag {
    color: #fafafb;
    background-color: #D86B6B
}

.post-timeline-v2 .post-timeline .event-type>span.vote {
    background-color: #7999C9;
    color: #fafafb
}

.post-timeline-v2 .post-timeline .event-type>span.closure {
    background-color: #9D81B3;
    color: #fafafb
}

.post-timeline-v2 .post-timeline .event-type>span.review {
    background-color: #E49A61;
    color: #fafafb
}

.post-timeline-v2 .post-timeline .post-list .revision-comment {
    background-color: transparent
}

.post-timeline-v2 .post-timeline .event-verb {
    min-width: 90px
}

.post-timeline-v2 .post-timeline .revision-comment {
    display: inline-block;
    margin-left: -3px;
    line-height: 18px
}

.post-timeline-v2 .post-timeline .event-comment {
    width: 99%
}

.post-timeline-v2 .post-timeline .event-comment a.timeline {
    display: inline-block;
    margin-right: 5px
}

.post-timeline-v2 .post-timeline .event-comment span.summary-entry {
    display: inline-block;
    margin-right: 15px
}

.post-timeline-v2 .post-timeline .redaction-indicator {
    color: red;
    display: block
}

.post-timeline-v2 .post-timeline .diffs {
    width: 700px;
    margin-left: auto;
    margin-right: auto
}

.post-timeline-v2 .post-timeline .toggle-comment-flags-container {
    margin-top: 5px
}

.tooltip-message {
    cursor: auto !important
}

.tooltip-message .message-text {
    max-width: 270px
}

.tooltip-message .user-tooltip-controls {
    position: relative;
    padding-top: 10px
}

.tooltip-message .user-tooltip-next,.tooltip-message .user-tooltip-done {
    position: absolute;
    right: 0
}

.tooltip-message .user-tooltip-message {
    line-height: 1.3
}

.tooltip-message .message-close {
    cursor: pointer !important
}

.originals-of-duplicate .originals-list .g-row {
    padding: 7px 3px;
    border-bottom: 1px solid #eff0f1
}

.originals-of-duplicate .originals-list .g-row h2 {
    margin-bottom: 0
}

.originals-of-duplicate .originals-list .g-row:hover {
    background-color: #f7f8f8
}

.originals-of-duplicate ul {
    list-style: none;
    margin: 0
}

.originals-of-duplicate li {
    cursor: move
}

.originals-of-duplicate .drag-handle {
    width: 0;
    height: 34px;
    display: inline-block;
    border: 1px dotted #9199a1;
    margin-right: 5px
}

.originals-of-duplicate .dupe-actions {
    margin-top: 10px
}

.success {
    background: #f4fcee;
    border: 1px solid #90e358
}

.warning {
    background-color: #FFF8DC;
    border: 1px solid #E0DCBF
}

.doctag-commitment-page .progress-bar-large .bar {
    height: 32px;
    background: #e4e6e8
}

.doctag-commitment-page .doctag-commitment-content {
    position: relative
}

.doctag-commitment-page .progress-and-committers {
    float: left;
    width: 728px;
    margin-top: 5px;
    margin-bottom: 20px;
    box-sizing: border-box
}

.doctag-commitment-page .staging-info {
    margin: 20px 0
}

.doctag-commitment-page .commit-block {
    float: right;
    width: 300px
}

.doctag-commitment-page .commit-rules {
    margin: 15px 0
}

.doctag-commitment-page .commit-rules ul {
    margin-left: 30px
}

.doctag-commitment-page .commit-rules ul li {
    list-style: none;
    margin-bottom: 10px
}

.doctag-commitment-page .commit-rules ul li:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    margin-left: -20px;
    background-image: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background-image: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82")
}

.doctag-commitment-page .commit-rules ul li.checked:before {
    background-position: -51px -37px
}

.doctag-commitment-page .commit-rules ul li.unchecked:before {
    background-position: -67px -37px
}

.doctag-commitment-page .cannot-commit,.doctag-commitment-page .has-committed {
    box-sizing: border-box;
    display: block;
    height: 34px;
    margin-top: 5px;
    padding: 8px 10px;
    border-radius: 2px
}

.doctag-commitment-page .cannot-commit {
    background-color: #FFF8DC;
    border: 1px solid #E0DCBF
}

.doctag-commitment-page .has-committed {
    background: #f4fcee;
    border: 1px solid #90e358
}

.doctag-commitment-page .committers {
    margin-top: 15px
}

.doctag-commitment-page .committer {
    margin-right: 4px;
    display: inline-block;
    width: 64px;
    height: 64px
}

.doctag-commitment-page .committer.unpopulated {
    background-color: #eff0f1;
    border-radius: 2px
}

.doctag-commitment-page .share-proposal {
    position: relative
}

.doctag-commitment-page .share-proposal .share-tip {
    right: 0;
    top: 15px
}

.doctag-commitment-page .share-link {
    position: absolute;
    right: 0;
    top: 5px
}

.doctag-commitment-page .share-link:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    top: 2px;
    position: relative;
    background-image: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background-image: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82");
    background-position: -17px -193px
}

.doctag-commitment-page .share-link:hover:before {
    background-position: -97px -193px
}

.doctag-commitment-page .tour-container {
    clear: both;
    padding-top: 25px
}

#sidebar .doctag-commitment-sidebar,#sidebar .doctag-link-sidebar {
    background: rgba(214,217,220,0.1);
    border: 1px solid rgba(159,166,173,0.1);
    padding: 15px;
    margin-bottom: 1.5em
}

#sidebar .doctag-commitment-sidebar .doctag-commitment-title,#sidebar .doctag-link-sidebar .doctag-commitment-title,#sidebar .doctag-commitment-sidebar .doctag-link-title,#sidebar .doctag-link-sidebar .doctag-link-title {
    margin-bottom: 10px
}

#sidebar .doctag-commitment-sidebar .doctag-commitment-title:before,#sidebar .doctag-link-sidebar .doctag-commitment-title:before,#sidebar .doctag-commitment-sidebar .doctag-link-title:before,#sidebar .doctag-link-sidebar .doctag-link-title:before {
    content: "";
    width: 25px;
    height: 31px;
    float: left;
    margin-right: 10px;
    background-image: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background-image: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82");
    background-position: -65px -303px
}

#sidebar .doctag-commitment-sidebar .doctag-commitment-title h4,#sidebar .doctag-link-sidebar .doctag-commitment-title h4,#sidebar .doctag-commitment-sidebar .doctag-link-title h4,#sidebar .doctag-link-sidebar .doctag-link-title h4 {
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: top
}

#sidebar .doctag-commitment-sidebar .progress-bar,#sidebar .doctag-link-sidebar .progress-bar,#sidebar .doctag-commitment-sidebar .progress-bar-large,#sidebar .doctag-link-sidebar .progress-bar-large {
    height: 20px
}

#sidebar .doctag-commitment-sidebar .progress-bar .label,#sidebar .doctag-link-sidebar .progress-bar .label,#sidebar .doctag-commitment-sidebar .progress-bar-large .label,#sidebar .doctag-link-sidebar .progress-bar-large .label {
    position: relative;
    color: white;
    z-index: 100;
    line-height: 18px;
    margin-left: 5px
}

#sidebar .doctag-commitment-sidebar .progress-bar .percent,#sidebar .doctag-link-sidebar .progress-bar .percent,#sidebar .doctag-commitment-sidebar .progress-bar-large .percent,#sidebar .doctag-link-sidebar .progress-bar-large .percent {
    background: #5fba7d
}

#sidebar .doctag-commitment-sidebar .progress-bar .bar,#sidebar .doctag-link-sidebar .progress-bar .bar,#sidebar .doctag-commitment-sidebar .progress-bar-large .bar,#sidebar .doctag-link-sidebar .progress-bar-large .bar {
    height: 18px;
    background: #e4e6e8;
    border: 1px solid #d6d9dc;
    box-sizing: border-box
}

#sidebar .doctag-commitment-sidebar .committers,#sidebar .doctag-link-sidebar .committers {
    margin-top: 5px
}

#sidebar .doctag-commitment-sidebar .committer,#sidebar .doctag-link-sidebar .committer {
    margin-right: 4px;
    display: inline-block
}

#sidebar .doctag-commitment-sidebar .committer.unpopulated,#sidebar .doctag-link-sidebar .committer.unpopulated {
    background-color: #eff0f1;
    border-radius: 2px
}

#sidebar .doctag-commitment-sidebar .view-proposal,#sidebar .doctag-link-sidebar .view-proposal {
    margin-top: 10px
}

#sidebar .doctag-commitment-sidebar .view-proposal a,#sidebar .doctag-link-sidebar .view-proposal a {
    width: 100%
}

.hero-box.double-panel.doctour {
    margin: 0 0 40px 0
}

.hero-box.double-panel.doctour .hero-pager {
    display: none
}

.hero-box.double-panel.doctour h1,.hero-box.double-panel.doctour h2,.hero-box.double-panel.doctour h3 {
    font-weight: normal
}

.hero-box.double-panel.doctour .step {
    height: 330px
}

.hero-box.double-panel.doctour .step[data-step="1"] .left_panel .hero_title {
    margin-top: 20px;
    color: #FFF
}

.hero-box.double-panel.doctour .step[data-step="1"] .left_panel .subtitle p {
    color: #FFF;
    font-size: 15px;
    line-height: 20px
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel a {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 30px;
    height: 266px;
    padding: 20px;
    border: 1px solid transparent;
    transition: all .2s ease;
    color: #FFF
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel a>p {
    color: #FFF
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel a:hover {
    background-color: rgba(250,250,251,0.15);
    border: 1px solid #d5dfe6
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel .img {
    margin: 0 auto 20px auto;
    display: block;
    background: #e9f1f7;
    width: 100px;
    height: 100px;
    background: url("../../img/documentation/doctour-sprites.svg?v=d93e405ff2be") center center no-repeat
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel .img-1 {
    background-position: -370px -10px
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel .img-2 {
    background-position: -471px -10px;
    width: 120px
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel .img-3 {
    background-position: -594px -10px
}

.hero-box.double-panel.doctour .step[data-step="1"] .right_panel {
    background: url("../../img/documentation/bg-doctour-light.svg?v=350d09d7a581") right top no-repeat;
    background-size: auto 332px
}

.hero-box.double-panel.doctour .step[data-step="2"] .right_panel {
    background: url("../../img/documentation/doctour-split-screen.svg?v=7abb06d4756b"),url("../../img/documentation/bg-doctour.svg?v=cf3f4c7db2f5") #437dcc;
    background-repeat: no-repeat;
    background-position: center bottom,right top;
    background-size: auto auto,auto 332px
}

.hero-box.double-panel.doctour .step[data-step="3"] .right_panel {
    background: url("../../img/documentation/doctour-edit.svg?v=2bd8985cbca6"),url("../../img/documentation/bg-doctour.svg?v=cf3f4c7db2f5") #437dcc;
    background-repeat: no-repeat;
    background-position: center bottom,right top;
    background-size: auto auto,auto 332px
}

.hero-box.double-panel.doctour .step[data-step="4"] .full_panel {
    background: url("../../img/documentation/bg-doctour-light.svg?v=350d09d7a581") right top no-repeat;
    background-size: auto 332px
}

.hero-box.double-panel.doctour .step[data-step="4"] .img {
    margin-bottom: 20px;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../../img/documentation/doctour-sprites.svg?v=d93e405ff2be") top right no-repeat
}

.hero-box.double-panel.doctour .step[data-step="4"] .img-1 {
    background-position: -10px -10px
}

.hero-box.double-panel.doctour .step[data-step="4"] .img-2 {
    background-position: -100px -10px
}

.hero-box.double-panel.doctour .step[data-step="4"] .img-3 {
    background-position: -190px -10px
}

.hero-box.double-panel.doctour .step[data-step="4"] .img-4 {
    background-position: -280px -10px
}

.hero-box.double-panel.doctour .step[data-step="4"] .col-3 {
    padding-right: 20px;
    box-sizing: border-box
}

.hero-box.double-panel.doctour .panel {
    position: relative
}

.hero-box.double-panel.doctour .panel p {
    font-size: 13px;
    color: #6a737c;
    margin-bottom: 15px;
    margin-top: 12px;
    line-height: 18px
}

.hero-box.double-panel.doctour .panel p:last-child {
    margin-bottom: 0
}

.hero-box.double-panel.doctour .hero_title {
    color: #242729;
    font-size: 15px
}

.hero-box.double-panel.doctour .hero_title span {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 28px
}

.hero-box.double-panel.doctour .hero-content {
    padding-bottom: 0
}

.hero-box.double-panel.doctour .hero-cta {
    background: transparent;
    position: absolute;
    bottom: 0;
    box-sizing: border-box
}

.hero-box.double-panel.doctour .icon-edit,.hero-box.double-panel.doctour .icon-example,.hero-box.double-panel.doctour .icon-proposed-changes,.hero-box.double-panel.doctour .icon-improvement-requests,.hero-box.double-panel.doctour .icon-topic,.hero-box.double-panel.doctour .icon-topic-requests {
    display: inline-block;
    margin-right: 3px;
    background: url("../../img/documentation/doc-sprites.png?v=c999992ac85d");
    background: url("../../img/documentation/doc-sprites.svg?v=590d13f6fc82")
}

.hero-box.double-panel.doctour .icon-edit {
    background-position: -98px -183px;
    width: 9px;
    height: 8px
}

.hero-box.double-panel.doctour .icon-example {
    background-position: -33px -258px;
    width: 13px;
    height: 12px
}

.hero-box.double-panel.doctour .icon-proposed-changes {
    background-position: -80px -121px;
    width: 10px;
    height: 12px
}

.hero-box.double-panel.doctour .icon-improvement-requests {
    background-position: -92px -121px;
    width: 10px;
    height: 12px
}

.hero-box.double-panel.doctour .icon-topic {
    background-position: -50px -258px;
    width: 11px;
    height: 12px
}

.hero-box.double-panel.doctour .icon-topic-requests {
    background-position: -68px -121px;
    width: 10px;
    height: 12px
}

.hero-box.ds-announcement {
    height: 210px;
    margin-top: -10px;
    position: relative;
    background-image: url('../../img/developer-story/announcement_banner/bg.png?v=56f72b0bf13b');
    background-image: url('../../img/developer-story/announcement_banner/bg.svg?v=34b6e604a0bf'),none;
    background-repeat: no-repeat;
    background-position: top left
}

.hero-box.ds-announcement .text-wrapper {
    margin-top: 18px;
    margin-bottom: 20px
}

.hero-box.ds-announcement .text-wrapper .hero-title {
    font-size: 28px;
    margin-bottom: 14px
}

.hero-box.ds-announcement .text-wrapper:after {
    content: '';
    display: block;
    height: 2px;
    width: 60px;
    margin-top: 20px;
    background: #f69c55
}

.hero-box.ds-announcement .img {
    background-image: url('../../img/developer-story/announcement_banner/story-mockup.png?v=5d2a41a5b167');
    background-image: url('../../img/developer-story/announcement_banner/story-mockup.svg?v=a9edd9e1c185'),none;
    background-repeat: no-repeat;
    width: 360px;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: 110px
}

.hero-box.ds-announcement .hero-close {
    color: #a4bcdc
}

.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.star-on,.star-off {
    height: 30px
}

.vote-down-off,.vote-down-on {
    margin-bottom: 10px
}

#hlogo a {
    top: 5px;
    background-image: url("img/sprites.png?v=25b9129857f6");
    background-image: url("img/sprites.svg?v=d689de80c4e2"),none;
    background-position: top left;
    background-repeat: no-repeat
}

#hmenus {
    top: 38px
}

#hmenus .nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0
}

#hmenus .nav ul li a {
    padding: 4px 10px 5px;
    font-size: 14px;
    line-height: 1.3;
    color: #FFF;
    background: #9fa6ad;
    transition: background .15s ease
}

#hmenus .nav ul li.youarehere a,#hmenus .nav ul li a:hover {
    color: #FFF;
    background: #f69c55
}

#tabs a,.tabs a,.newnav .tabs-list-container .tabs-list .intellitab a {
    position: relative;
    padding: 13px 10px;
    background-color: #FFF;
    border: 1px solid transparent;
    font-size: 12px
}

#tabs a:before,.tabs a:before,.newnav .tabs-list-container .tabs-list .intellitab a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background-color: transparent
}

#tabs a:hover,.tabs a:hover,.newnav .tabs-list-container .tabs-list .intellitab a:hover {
    background-color: rgba(132,141,149,0.05);
    border-color: rgba(228,230,232,0.25);
    border-bottom-color: transparent
}

#tabs a.youarehere,.tabs a.youarehere,.newnav .tabs-list-container .tabs-list .intellitab a.youarehere {
    padding-bottom: 14px;
    font-weight: 400;
    border-color: #e4e6e8;
    border-bottom-color: transparent
}

#tabs a.youarehere:before,.tabs a.youarehere:before,.newnav .tabs-list-container .tabs-list .intellitab a.youarehere:before {
    background-color: #f69c55
}

#tabs a.youarehere:hover,.tabs a.youarehere:hover,.newnav .tabs-list-container .tabs-list .intellitab a.youarehere:hover {
    background-color: #FFF;
    border-bottom-color: #FFF
}

#tabs a.youarehere:hover:before,.tabs a.youarehere:hover:before,.newnav .tabs-list-container .tabs-list .intellitab a.youarehere:hover:before {
    background-color: #f48024
}

#tabs a.external,.tabs a.external,.newnav .tabs-list-container .tabs-list .intellitab a.external {
    color: #07C
}

#tabs a.external:hover,.tabs a.external:hover,.newnav .tabs-list-container .tabs-list .intellitab a.external:hover {
    color: #3af;
    border-color: transparent;
    border-bottom-color: #f69c55;
    background-color: #F7F8F8;
    box-shadow: inset 0 -1px 0 0 #FFF
}

.newnav .tabs-list-container .tabs-list .intellitab a {
    padding-right: 24px
}

.newnav .tabs-list-container .tabs-list .intellitab .menu-switcher {
    top: 11px
}

.subtabs,.filter {
    padding-right: 0;
    margin: 8px 0
}

.subtabs a,.filter a {
    color: #6a737c;
    font-size: 12px;
    margin-right: 3px;
    padding: 4px 6px
}

.subtabs a.youarehere,.filter a.youarehere,.subtabs a.active,.filter a.active {
    color: #0C0D0E;
    font-weight: 400;
    border-bottom: 1px solid #f69c55
}

.subtabs a:hover,.filter a:hover {
    color: #0C0D0E
}

#sidebar h4 {
    color: #242729;
    font-size: 18px;
    font-weight: 400
}

#sidebar .related,#sidebar .linked {
    font-size: 13px
}

#sidebar .related a,#sidebar .linked a {
    font-size: 13px
}

#sidebar .aside-cta {
    margin-bottom: 1em;
    text-align: right
}

#sidebar #questions-count {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

#sidebar #questions-count .-main-cta {
    padding-left: 20px
}

#sidebar #questions-count .-main-cta .btn {
    white-space: nowrap
}

.post-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    font-size: 12px
}

.-flair>span:not(.reputation-score) {
    margin-right: 3px;
    margin-left: 2px
}

.badge {
    transition: background .15s ease
}

.badge1,.badge2,.badge3 {
    margin-right: 3px;
    margin-left: 2px;
    width: 6px
}

.badge1 {
    background-position: -102px -398px
}

.badge2 {
    background-position: -82px -398px
}

.badge3 {
    background-position: -62px -398px
}

.badgecount {
    padding-left: 0;
    color: #6a737c
}

.narrow .mini-counts {
    margin-bottom: 2px
}

.narrow .votes,.narrow .status,.narrow .views {
    padding: 8px 5px;
    line-height: 1
}

.narrow .status {
    color: #848d95
}

.answered,.answered-accepted {
    border: 1px solid transparent
}

.status.answered {
    border-color: rgba(69,161,99,0.5)
}

.status.answered,.status.answered .mini-counts,.status.answered strong {
    color: #45A163
}

.status.answered-accepted,.status.answered-accepted .mini-counts,.status.answered-accepted .minicounts span {
    color: #FFF
}

.status.unanswered .mini-counts span {
    color: inherit
}

.question-summary {
    padding: 12px 0 10px 0;
    border-bottom: 1px solid #e4e6e8
}

.tagged-interesting {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25)
}

#question-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

#question-header .-main-cta {
    padding-left: 20px
}

#question-header .-main-cta .btn {
    white-space: nowrap
}

#question-header .question-hyperlink {
    color: #242729
}

.comment-text {
    font-size: 13px;
    line-height: 1.3
}

#footer {
    background: #242729
}

#footer .footerwrap #footer-menu .top-footer-links {
    text-align: left
}

#footer .footerwrap #footer-menu .top-footer-links a {
    margin: 0 .8em 0 0;
    color: #99d4ff
}

#footer .footerwrap #footer-menu .top-footer-links a:hover {
    color: #66bfff
}

#footer .footerwrap #footer-menu #footer-sites {
    margin: 40px 0 20px 0
}

#footer .footerwrap #footer-menu #footer-sites th {
    color: #FFF
}

#footer .footerwrap #footer-menu #footer-sites a {
    color: #9fa6ad;
    font-size: 12px
}

#footer .footerwrap #copyright,#footer .footerwrap #additional-notices,#footer .footerwrap #svnrev {
    clear: both;
    padding-top: 10px;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    color: #5e666e
}

#footer .footerwrap #copyright a,#footer .footerwrap #additional-notices a,#footer .footerwrap #svnrev a {
    color: #5e666e;
    text-decoration: underline
}

#footer .footerwrap #svnrev {
    padding-top: 0
}

input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus {
    outline: 0;
    border: 1px solid #07C
}

input[type="text"],textarea:not(.wmd-input),input[type="url"],input[type="datetime"],input[type="datetime-local"],input[type="date"],.tag-editor {
    box-shadow: 0 1px 2px rgba(12,13,14,0.1) inset
}

#system-message {
    background: #eff0f1 url("img/10m-pattern.png?v=7c711bc12623") no-repeat left center;
    font-size: 16px;
    margin-top: 0;
    border-left: 3px solid #F90
}

.mainnavs #nav-docs:after {
    content: " Beta";
    color: #e4e6e8;
    font-size: 10px;
    vertical-align: top
}

#tabs #tab-switch {
    display: inline-block;
    color: #6a737c;
    border: 1px solid #d6d9dc;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 2px;
    margin: 7px auto 5px 5px;
    background-color: transparent;
    transition: all,.15s,ease
}

#tabs #tab-switch:hover {
    border-color: #bdcdd7
}

.nav-jobs-beta {
    background: #0095ff;
    font-size: 10px;
    padding: 3px 5px 3px;
    border-radius: 2px;
    margin: 0 0 0 6px;
    vertical-align: 1px
}

.banner {
    box-sizing: border-box;
    margin-bottom: 2em;
    padding: 13px;
    padding-left: 17px;
    color: #3b4045;
    background-color: #dcdee1;
    border-color: #e4e6e8;
    border-style: solid;
    border-width: 1px
}

.banner p {
    padding-top: 2px;
    margin-bottom: 0
}

.banner.-login {
    position: relative;
    margin: 1em auto 2em;
    width: 340px
}

.hero-box.survey-announcement {
    background-image: url('../../img/marketing/survey-hero-bg.png?v=ceb8ae09a87f');
    background-size: contain;
    width: 1060px;
    height: 160px;
    margin-top: 0
}

.hero-box.survey-announcement .btn-outlined {
    color: #FFF;
    border-color: #FFF;
    background: transparent;
    box-shadow: none
}

.hero-box.survey-announcement .hero-title {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px
}

.hero-box.docs-announcement {
    height: 210px;
    margin-top: -10px;
    position: relative;
    background-image: url('../../img/documentation/bg-hero.png?v=2e6301817d1e');
    background-image: url('../../img/documentation/bg-hero.svg?v=0f7700497ec8'),none;
    background-repeat: no-repeat;
    background-position: top left
}

.hero-box.docs-announcement .hero-close {
    color: #a4bcdc
}

.hero-box.docs-announcement .text-wrapper {
    margin-top: 5px;
    margin-bottom: 20px
}

.hero-box.docs-announcement .text-wrapper .hero-title {
    font-size: 24px;
    margin-bottom: 17px
}

.hero-box.docs-announcement .text-wrapper:after {
    content: '';
    display: block;
    height: 2px;
    width: 40px;
    margin-bottom: 20px;
    margin-top: 15px;
    background: #f69c55
}

.hero-box.docs-announcement .text-wrapper .subtitle {
    width: 540px;
    font-size: 14px;
    line-height: 1.3
}

.hero-box.docs-announcement .text-wrapper p {
    margin-bottom: 10px
}

.hero-box.docs-announcement .btn-clear {
    color: #d8e9ff
}

.hero-box.docs-announcement .img {
    background-image: url('../../img/documentation/hero-mockup.png?v=d2fda8a65e91');
    background-image: url('../../img/documentation/hero-mockup.svg?v=e4c3945429e4'),none;
    background-repeat: no-repeat;
    width: 393px;
    height: 200px;
    position: absolute;
    bottom: -1px;
    right: 100px
}

body.messaging-signup {
    background: white;
    padding-top: 60px
}

body.messaging-signup .topbar,body.messaging-signup #header,body.messaging-signup #footer,body.messaging-signup .subheader,body.messaging-signup #explanation-text,body.messaging-signup .so-header {
    display: none
}

body.messaging-signup .container {
    background: none
}

body.messaging-signup .so-header._fixed~.container {
    padding-top: 0
}

body.messaging-signup #content {
    background: none
}

body.messaging-signup #content:before {
    display: block;
    color: #54595f;
    font-size: 34px;
    content: 'Sign up for Stack Overflow';
    line-height: 1.3em;
    text-align: center;
    margin-top: 45px
}

body.messaging-signup #signup-messaging {
    display: inline-block;
    vertical-align: middle;
    width: 332px;
    margin-right: 30px;
    text-align: left
}

body.messaging-signup #signup-messaging section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 92px;
    background-position: left center;
    background-size: 76px 76px;
    background-repeat: no-repeat;
    min-height: 76px
}

body.messaging-signup #signup-messaging section:not(:last-child) {
    margin-bottom: 30px
}

body.messaging-signup #signup-messaging section h3 {
    font-weight: bold;
    font-size: 16px;
    color: #54595f;
    margin-bottom: .5em
}

body.messaging-signup #signup-messaging section p {
    color: #6c737a;
    margin: 0
}

body.messaging-signup #signup-messaging .-section-question {
    background-image: url("img/signup-messaging-question.svg?v=8ffe4b271819")
}

body.messaging-signup #signup-messaging .-section-story {
    background-image: url("img/signup-messaging-story.svg?v=0cbbbb463ce3")
}

body.messaging-signup #signup-messaging .-section-job {
    background-image: url("img/signup-messaging-job.svg?v=f55eba335283")
}

body.messaging-signup #signup-page {
    font-size: 0
}

body.messaging-signup #signup-page>* {
    font-size: 13px
}

body.messaging-signup #signup-page:before {
    display: block;
    color: #F48024;
    font-weight: bold;
    font-size: 23px;
    content: 'Learn, share, level up.';
    line-height: 1.3em;
    margin-bottom: 60px
}

body.messaging-signup #signup-page #openid-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -ms-display: flex;
    -ms-justify-content: space-between;
    -ms-align-items: center
}

body.messaging-signup #signup-page .major-provider {
    width: 48%;
    margin: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-display: flex;
    -ms-align-items: center;
    -ms-justify-content: center;
    height: 36px
}

body.messaging-signup #signup-page .major-provider .icon-container {
    border: none;
    width: auto;
    height: auto;
    margin-right: 8px
}

body.messaging-signup #signup-page .major-provider.google-login {
    background: #E0492F;
    border-color: #bf341d;
    box-shadow: inset 0 1px 0 #ed9788
}

body.messaging-signup #signup-page .major-provider.google-login .icon {
    width: 14px;
    height: 14px;
    background: url('img/signup-new.svg?v=4f782dc888cd') no-repeat 0 -65px
}

body.messaging-signup #signup-page .major-provider.facebook-login {
    background: #415AA7;
    border-color: #334682;
    box-shadow: inset 0 1px 0 #8093ce
}

body.messaging-signup #signup-page .major-provider.facebook-login .icon {
    width: 8px;
    height: 15px;
    background: url('img/signup-new.svg?v=4f782dc888cd') no-repeat 0 -100px
}

body.messaging-signup #signup-page #login-form input[type=text],body.messaging-signup #signup-page #login-form input[type=email],body.messaging-signup #signup-page #login-form input[type=password] {
    box-sizing: border-box;
    flex: 1 auto;
    padding: 8px 16px;
    min-height: auto;
    vertical-align: middle;
    border: 1px solid #c8ccd0;
    border-radius: 0;
    box-shadow: inset 0 0 1px rgba(145,153,161,0.2),0 0 0 rgba(255,255,255,0);
    font-size: 14px;
    line-height: 1.375;
    color: #3b4045;
    background-color: #FFF;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1);
    height: auto;
    width: 348px;
    margin-bottom: 18px
}

body.messaging-signup #signup-page #login-form input[type=text]:focus,body.messaging-signup #signup-page #login-form input[type=email]:focus,body.messaging-signup #signup-page #login-form input[type=password]:focus {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5);
    outline: 0
}

body.messaging-signup #signup-page #login-form input[type=button] {
    background: #0095ff;
    border: 1px solid #0077cc;
    box-shadow: inset 0 1px 0 #66bfff;
    width: 348px;
    font-size: 15px;
    margin-top: 0
}

body.messaging-signup #signup-page #login-form input[type=button]:hover {
    color: rgba(255,255,255,0.9);
    background: #0077cc;
    border-color: #005999;
    box-shadow: inset 0 1px 0 #33aaff
}

body.messaging-signup #signup-page #se-login-fields+br {
    display: none
}

body.messaging-signup #signup-page #formContainer {
    box-sizing: border-box;
    background: #f6f8f9;
    border: 1px solid #e4e6e8;
    width: 410px;
    padding: 30px 30px 57px;
    display: inline-block;
    vertical-align: middle
}

body.messaging-signup #signup-page #formContainer .or-container {
    font-variant: normal;
    margin: 14px 0
}

body.messaging-signup #signup-page #formContainer .or-container #or {
    background: #FAFAFB
}

body.messaging-signup #signup-page #formContainer label {
    font-size: 14px;
    line-height: 1.375;
    font-weight: 700;
    color: #3b4045
}

body.messaging-signup #signup-page #formContainer.with-captcha {
    width: 502px;
    padding: 30px 66px 57px
}

body.messaging-signup #signup-page #formContainer #recaptcha_widget_div {
    margin-left: -38px;
    margin-bottom: 10px
}

body.messaging-signup #signup-page #formContainer #recaptcha_table {
    background: white
}

body.messaging-signup #signup-page #formContainer #se-login-fields,body.messaging-signup #signup-page #formContainer #controls-row {
    width: auto
}

body.messaging-signup #signup-page #more-options-link {
    display: none
}

body.messaging-signup #signup-page .employer-link {
    text-align: right;
    position: fixed;
    color: #6a737c;
    margin-top: 0;
    width: 100%;
    top: 0;
    left: 0;
    padding: 15px;
    height: 60px;
    box-sizing: border-box;
    border-top: 3px solid #F48024;
    box-shadow: 0 1px 3px rgba(12,13,14,0.1),0 4px 20px rgba(12,13,14,0.035),0 1px 0 rgba(12,13,14,0.1),0 1px 1px rgba(12,13,14,0.025);
    min-width: 1090px;
    background: white;
    line-height: 28px
}

body.messaging-signup #signup-page .employer-link:before {
    display: block;
    content: '';
    background-image: url("img/sprites.svg?v=d689de80c4e2");
    background-position: 0 -500px;
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -75px
}

body.messaging-signup #signup-page #switch {
    background: none;
    border: none;
    color: #6a737c;
    padding: 0;
    margin-top: -50px;
    margin-left: 564px;
    font-size: 12px
}