/* 
Designed by /u/Jaskys
/r/ClearShift theme base
Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker
Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license
Main color: #0078d7
Secondary: #259eff
Christmas
Main color: #BF0426
Secondary: #7A0218
*/
#header {
  height: 165px;
  background: #0078d7;
  border-bottom: none; }
  #header #header-bottom-right #mail.havemail,
  #header #modmail.havemail {
    animation: 1s ease-out 0s normal none infinite running pulsate;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-name: pulsate; }
  #header-bottom-left {
    height: 140px; }
    #header-bottom-left .tabmenu {
      background: rgba(0, 0, 0, 0.2);
      width: calc(100% - 163px);
      padding-left: 163px;
      position: absolute;
      bottom: 0;
      left: 0;
      font-family: "Segoe UI", Helvetica, sans-serif;
      transition: .5s; }
      #header-bottom-left .tabmenu li {
        font-weight: 400;
        margin: 0; }
        #header-bottom-left .tabmenu li a {
          background: 0;
          color: #ddd;
          border-bottom: 2px solid transparent;
          font-size: 11.4px;
          font-family: "Segoe UI", Helvetica, sans-serif;
          line-height: 30px;
          padding: 8px 9px 6px;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          transition: .15s ease-in-out; }
          #header-bottom-left .tabmenu li a:hover {
            color: #fff;
            background: #259eff;
            border-bottom: 2px solid #fff !important; }
        #header-bottom-left .tabmenu li.selected a {
          background-color: #259eff;
          border: 0;
          color: #fff;
          font-weight: 700;
          border-bottom: 2px solid currentColor !important; }
  #header-img {
    text-indent: -9999px;
    display: inline-block;
    margin-top: 110px;
    position: absolute;
    z-index: 99;
    height: 27px;
    width: 27px;
    margin-left: 4px;
    padding: 2px 11px 0px 8px;
    opacity: .8;
    background-repeat: no-repeat !important;
    transition: .15s ease-in-out;
    border-bottom: 2px solid transparent !important; }
    #header-img:hover {
      opacity: 1;
      background: #259eff;
      font-weight: 500;
      border-bottom: 2px solid #fff !important; }

#header .hover a:hover,
.redditname a:hover:after {
  color: #fff !important; }

#header-bottom-right #modmail,
#header-bottom-right .user {
  height: 37px;
  white-space: nowrap;
  border-radius: 1px;
  overflow: hidden;
  transition: .5s; }

#sr-header-area {
  transition: opacity .3s;
  opacity: .4;
  height: 24px;
  background-color: #0C1722;
  border-bottom: 0;
  letter-spacing: 1px;
  line-height: 22px; }
  #sr-header-area:hover {
    opacity: 1; }
  #sr-header-area a {
    color: #c4c4c4;
    font-family: "Segoe UI", Helvetica, sans-serif; }
  #sr-header-area .srdrop.dropdown {
    width: 35px;
    padding: 0; }
    #sr-header-area .srdrop.dropdown .selected {
      width: 35px;
      height: 23px;
      padding: 0;
      margin: 0;
      display: block;
      background: url(%%spritesheet%%) -225px -252px no-repeat;
      line-height: 35px;
      text-indent: -999em; }
      #sr-header-area .srdrop.dropdown .selected:hover {
        opacity: 1; }
  #sr-header-area .sr-list {
    padding-left: 8px;
    border-left: 2px solid rgba(196, 196, 196, 0.9);
    height: 24px;
    line-height: 25px; }
  #sr-header-area .drop-choices.srdrop {
    padding: 5px;
    margin: 1px 0 0;
    background: #222;
    border: none; }
  #sr-header-area .drop-choices a.choice {
    color: #AEAEAE; }
    #sr-header-area .drop-choices a.choice:hover {
      background-color: #333;
      color: #EEE; }
  #sr-header-area .drop-choices .choice.bottom-option {
    border-color: #AEAEAE; }

#sr-more-link,
#header [href$="/rising/"],
#header [href$="/controversial/"],
#header [href$="/ads/"],
#suggested-reddits,
.voteWeight,
.rank,
.titlebox .bottom,
.submit-page .content h1,
a[href*='#icon'] + .keyNavAnnotation,
a[href*='#/RES_SR_Config/NightModeCompatible'] {
  display: none !important; }

#url-field button,
.submit-page .content button[name=submit] {
  background: 0 0;
  transition: all .5s;
  border: 1px solid #5cb85c;
  color: #5cb85c; }
  #url-field button:hover,
  .submit-page .content button[name=submit]:hover {
    background: #5cb85c;
    color: #fff; }

.submit-page .tabmenu.formtab {
  margin-bottom: 74px; }

.submit_text p {
  color: #eee; }

.submit_text.roundfield.enabled {
  background: #F85F73; }

button.save, button.submit-action-thing, button.submit-report {
  background: 0 0;
  transition: .5s;
  text-transform: capitalize;
  font-family: "Segoe UI", Helvetica, sans-serif;
  border: 1px solid #5cb85c;
  color: #5cb85c;
  padding: 0.25rem 0.75rem; }
  button.save:hover, button.submit-action-thing:hover, button.submit-report:hover {
    background: #5cb85c;
    color: #fff; }

button.cancel, button.cancel-action-thing, button.cancel-report-thing {
  border: 1px solid #d9534f;
  background: 0 0;
  color: #d9534f;
  padding: .25rem .75rem;
  text-transform: capitalize;
  font-family: "Segoe UI", Helvetica, sans-serif;
  transition: .5s; }
  button.cancel:hover, button.cancel-action-thing:hover, button.cancel-report-thing:hover {
    background: #d9534f;
    color: #fff; }

.next-suggestions a,
.nextprev a {
  padding: 0 4px;
  background: 0 0;
  border: none;
  color: #259eff;
  text-align: center; }
  .next-suggestions a:hover,
  .nextprev a:hover {
    background: #259eff;
    border: none;
    color: #fff;
    outline: 0; }

.btn:active,
.gadget .right a:active,
.morelink a:active,
.sidecontentbox a.helplink:active,
button:active,
#header #header-bottom-right #mail.havemail:active,
#header #header-bottom-right #mail.nohavemail:active,
#header #header-bottom-right .choice:active,
#header #header-bottom-right .logout a:active,
#header-bottom-left .tabmenu li a:active,
#header-bottom-right #modmail:active,
#header-bottom-right .user:active {
  background-color: #1686f0 !important; }

.comment {
  position: relative;
  padding: 4px 0 0 30px;
  z-index: 1;
  border: 2px solid #e6e6e6;
  overflow: hidden;
  margin: 0 18px 8px 0; }
  .comment .expand {
    transition: all .5s;
    padding: 4px 2px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 4px; }
    .comment .expand:hover {
      background: #259eff;
      color: #fff !important;
      text-decoration: none; }
  .comment.collapsed .tagline {
    height: 21px;
    line-height: 21px; }
    .comment.collapsed .tagline a {
      line-height: 13px; }
  .comment .child,
  .comment .showreplies {
    border-left: none; }

.new-comment {
  border-color: #FFAB91 !important; }
  .new-comment .expand:hover {
    background: #ffab91; }
  .new-comment .usertext-body {
    background-color: transparent;
    border: none; }

.comment.gilded,
.res-commentBoxes .commentarea .comment.gilded {
  border-color: #e2c737; }

.comment.gilded > .entry .expand:hover {
  background-color: #e2c737; }

.gilded.link {
  border-left-color: gold !important;
  background: #fffdf3; }

.tagline .score {
  font-weight: 700; }

.tagline .likes {
  color: #0078d7; }

.entry .flat-list .reply-button a {
  color: #0078d7; }

.link .domain {
  visibility: hidden; }
  .link .domain a {
    visibility: visible;
    position: relative;
    top: -1px;
    color: #b1b1b1; }

.domain {
  display: inline-block !important; }

#siteTable_organic {
  background: rgba(6, 102, 178, 0.1);
  margin-right: 325px;
  margin-top: -7px;
  left: -5px;
  border-left: 3px solid #ff4500;
  border-right: 1px solid #e5e5e5;
  border-bottom: none;
  border-top: none; }

#ad_sponsorship {
  max-width: 295px; }

.organic-listing .link.promotedlink {
  margin-left: -1px;
  border-bottom: 1px solid #e5e5e5; }

.flairselector {
  border: 1px solid #0078d7 !important; }
  .flairselector .title {
    font-size: 0 !important; }
  .flairselector .linkflair {
    border-left: none !important;
    background: 0 0;
    width: 110px; }
  .flairselector h2 {
    color: #fff;
    font-size: 13px;
    background: #0078d7 !important;
    padding-top: 6px;
    font-weight: lighter !important;
    text-transform: capitalize;
    padding-bottom: 6px; }
  .flairselector li:hover {
    background-color: transparent; }
  .flairselector form {
    border-top: solid 1px #0078d7;
    margin-bottom: 10px; }
  .flairselector.drop-choices.active {
    left: 45% !important;
    margin-top: -172px;
    position: fixed;
    padding: 0 !important;
    box-shadow: none; }

.comments-page .flairselector.drop-choices.active {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%); }

.flairoptionpane {
  max-height: 304px; }
  .flairoptionpane li,
  .flairoptionpane ul {
    min-width: 120px;
    padding: 3px; }

.nextprev a,
.side .usertext-body .md ol a {
  transition: background-color 0.5s; }

.submit-page .roundfield {
  padding: 16px;
  width: 525px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0px; }
  .submit-page .roundfield span.title {
    color: #4d5763;
    text-transform: capitalize; }

.submit-page .submit.content#newlink .tabmenu.formtab a {
  padding: 16px;
  display: inline-block;
  text-align: center;
  background-color: #f5f5f5;
  color: #4d5763;
  text-transform: uppercase;
  font-weight: 700;
  transition: all .25s ease;
  font-size: 16px;
  border: none;
  width: 247.5px; }
  .submit-page .submit.content#newlink .tabmenu.formtab a:hover {
    background-color: #e7e9f6; }

.submit-page .submit.content#newlink .tabmenu.formtab .selected a {
  font-size: 16px;
  background-color: #0078d7;
  color: #fff; }
  .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover {
    background-color: #259eff; }

.submit-page #newlink.submit.content .btn {
  width: 558px;
  height: auto;
  text-transform: capitalize;
  font-size: 17px;
  padding: 16px;
  text-align: center; }
  .submit-page #newlink.submit.content .btn:after {
    content: " your thread";
    text-transform: none; }

.formtabs-content {
  width: 520px;
  border-top: none;
  margin-top: -15px; }
  .formtabs-content .infobar {
    background-color: #F85F73;
    color: #fff;
    padding: 15px;
    border: none;
    margin: -69px 0px -5px;
    font-size: 14px;
    width: 529px; }

form .spacer + .spacer {
  margin: 0; }

.content.submit .info-notice {
  background-color: #fff;
  border-radius: 2px;
  padding: 16px;
  margin-bottom: 0;
  border: 1px solid #e5e5e5 !important; }

.self .expanded ~ .expando .usertext-body {
  -webkit-animation: 700ms expandy ease-in-out forwards;
  animation: 700ms expandy ease-in-out forwards; }

@-webkit-keyframes expandy {
  0% {
    -webkit-transform: translateY(-100px);
    opacity: 0; }
  50% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes expandy {
  0% {
    transform: translateY(-100px);
    opacity: 0; }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(0);
    opacity: 1; } }

.expando-button {
  cursor: pointer;
  float: left;
  height: 28px;
  width: 30px; }
  .expando-button.selftext.collapsed, .expando-button.selftext.expanded {
    background-image: url(%%spritesheet%%);
    background-repeat: no-repeat; }
    .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover {
      background-image: url(%%spritesheet%%);
      background-repeat: no-repeat; }
  .expando-button.selftext.collapsed {
    background-position: -195px -256px; }
    .expando-button.selftext.collapsed:hover {
      background-position: -155px -256px; }
  .expando-button.selftext.expanded {
    background-position: -265px -218px; }
    .expando-button.selftext.expanded:hover {
      background-position: -305px -218px; }
  .expando-button.video.collapsed {
    background-image: url(%%spritesheet%%) !important; }
    .expando-button.video.collapsed:hover {
      background-image: url(%%spritesheet%%) !important; }
  .expando-button.video.expanded {
    background-image: url(%%spritesheet%%) !important; }
  .expando-button.video.collapsed {
    background-position: -301px -256px; }
    .expando-button.video.collapsed:hover {
      background-position: -261px -256px; }
  .expando-button.video.expanded {
    background-position: -265px -218px; }
    .expando-button.video.expanded:hover {
      background-image: url(%%spritesheet%%);
      background-repeat: no-repeat;
      background-position: -305px -218px; }
  .expando-button.image {
    cursor: pointer;
    display: inline-block;
    height: 28px !important;
    margin-right: 11px;
    padding: 0;
    vertical-align: top !important;
    width: 30px !important; }

@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .expando-button {
    cursor: pointer;
    float: left;
    height: 28px;
    width: 30px;
    background: center center no-repeat #fff;
    background-size: 341px 331px !important; }
    .expando-button.selftext.collapsed, .expando-button.selftext.expanded {
      background-image: url(%%spritesheet%%);
      background-repeat: no-repeat; }
      .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover {
        background-image: url(%%spritesheet%%);
        background-repeat: no-repeat; }
    .expando-button.selftext.collapsed {
      background-position: -195px -256px; }
      .expando-button.selftext.collapsed:hover {
        background-position: -155px -256px; }
    .expando-button.selftext.expanded {
      background-position: -265px -218px; }
      .expando-button.selftext.expanded:hover {
        background-position: -305px -218px; }
    .expando-button.video.collapsed {
      background-image: url(%%spritesheet%%) !important; }
      .expando-button.video.collapsed:hover {
        background-image: url(%%spritesheet%%) !important; }
    .expando-button.video.expanded {
      background-image: url(%%spritesheet%%) !important; }
    .expando-button.video.collapsed {
      background-position: -301px -256px; }
      .expando-button.video.collapsed:hover {
        background-position: -261px -256px; }
    .expando-button.video.expanded {
      background-position: -265px -218px; }
      .expando-button.video.expanded:hover {
        background-image: url(%%spritesheet%%);
        background-repeat: no-repeat;
        background-position: -305px -218px; }
    .expando-button.image {
      cursor: pointer;
      display: inline-block;
      height: 28px !important;
      margin-right: 11px;
      padding: 0;
      vertical-align: top !important;
      width: 30px !important; }
  body > .content #siteTable .thing.self .thumbnail {
    background-image: url(%%spritesheet%%);
    background-position: -289px -139px;
    background-size: 341px 331px; } }

.link .usertext-body .md {
  border-radius: 0 !important;
  border: 1px solid #ccd4e8;
  background-color: #fff; }

body > .content #siteTable .thing.self .thumbnail {
  background-image: url(%%spritesheet%%);
  width: 45px;
  height: 45px;
  margin: 10px 15px 10px 10px;
  background-repeat: no-repeat !important;
  background-position: -289px -139px; }

body > .content #siteTable .thing.stickied .thumbnail {
  background-image: url(%%spritesheet%%);
  background-repeat: no-repeat !important;
  background-position: -289px -84px;
  margin-right: 15px; }

body > .content #siteTable .thing .thumbnail.default,
body > .content #siteTable .thing.over18 .thumbnail {
  background-image: url(%%spritesheet%%) !important;
  background-repeat: no-repeat !important;
  margin: 10px 15px 10px 10px;
  width: 45px;
  height: 45px; }

body > .content #siteTable .thing.stickied .entry > .title .title {
  color: #00a64f;
  font-weight: 400; }

body > .content #siteTable .thing.over18 .thumbnail {
  background-position: -286px -5px !important; }

body > .content #siteTable .thing .thumbnail.default {
  background-position: -47px -77px;
  background-size: 341px 331px; }

.link .title,
.submit-page #newlink.submit.content .btn,
a[href*="#icon-more"] {
  font-family: "Segoe UI", Helvetica, sans-serif; }

.link {
  padding: 10px 0;
  border-left: 3px solid #cec0c0;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5; }
  .link .title {
    color: #0078d7; }
    .link .title:visited {
      color: #b1b1b1; }
  .link.thing.visited .title {
    color: #b1b1b1;
    padding: 0 !important; }
  .link.last-clicked {
    border: 0;
    border-left: 3px solid #259eff;
    background: #f8fcff; }
  .link .score.likes {
    color: #259eff; }
  .link .score.dislikes {
    color: #7f7f7f; }
  .link .flair {
    font-size: 1em; }
  .link .midcol {
    margin: 5px 7px; }

.nextprev a {
  padding: 5px 0 5px 15px;
  color: #fff;
  width: auto;
  display: block;
  background: #0078d7;
  border-radius: 0;
  font-size: small;
  margin-top: -12px;
  margin-right: -1px;
  margin-left: -5px;
  text-transform: capitalize; }

.linklisting .nextprev {
  font-size: 0; }

.linklisting .stickied {
  border-left: 3px solid #00a64f;
  background: #f8fffb; }

.linklisting .over18 {
  background: rgba(226, 6, 44, 0.1);
  border-left: 3px solid #e2062c; }

.linklisting .reported {
  background: rgba(226, 6, 44, 0.1);
  border-left: 3px solid #e2062c; }

.linklisting .md {
  margin-bottom: 0; }

.linklisting .usertext-edit div textarea {
  margin-left: -10px; }

.report-reasons.rounded {
  display: block !important; }

.newComments {
  display: inline;
  color: #0078d7; }

.linkinfo .totalvotes {
  color: #494949 !important; }

.arrow {
  background-image: url(%%spritesheet%%) !important;
  background-position: center center;
  outline: 0 !important;
  border: none !important; }
  .arrow.up {
    background-position: -289px -194px; }
  .arrow.upmod {
    background-position: -296px -60px; }
  .arrow.down {
    background-position: -321px -60px; }
  .arrow.downmod {
    background-position: -271px -60px; }
  .arrow.up:hover, .arrow.down:hover {
    opacity: 0.6; }
  .arrow.up:active, .arrow.upmod:active {
    transform: translate(0px, -1px); }
  .arrow.down:active, .arrow.downmod:active {
    transform: translate(0px, 1px); }

.linklisting {
  margin-right: 330px;
  bottom: 0;
  margin-top: -7px;
  padding: 0;
  border-right: 1px solid #e5e5e5; }

.entry .buttons li a {
  padding: 0px;
  font-size: 1.145em; }

.tagline,
.search-result-meta {
  font-size: 1.145em; }

#siteTable .thing {
  margin-left: -5px !important;
  transition: all .2s; }

.listing-page .link:hover {
  border-left-color: #259eff;
  background: #f9fafc; }

.entry .flat-list .report-button a,
.res-nightmode .entry .flat-list .report-button a {
  color: #d9534f; }

.reddit-infobar {
  background: #fff;
  BORDER: 1px solid #e6edf6; }
  .reddit-infobar.with-icon {
    margin-left: -4px; }
    .reddit-infobar.with-icon:before {
      background-color: solid #0078d7;
      background-repeat: no-repeat; }

.c-btn-primary {
  background-color: solid #0078d7;
  border-bottom: 2px solid #4270a2;
  color: #fff;
  border-radius: 0; }

.sitetable .comment {
  background-color: #FFF !important; }
  .sitetable .comment .comment {
    background-color: #f5f5f5 !important; }
    .sitetable .comment .comment .comment {
      background-color: #FFF !important; }
      .sitetable .comment .comment .comment .comment {
        background-color: #f5f5f5 !important; }
        .sitetable .comment .comment .comment .comment .comment {
          background-color: #FFF !important; }
          .sitetable .comment .comment .comment .comment .comment .comment {
            background-color: #f5f5f5 !important; }
            .sitetable .comment .comment .comment .comment .comment .comment .comment {
              background-color: #FFF !important; }
              .sitetable .comment .comment .comment .comment .comment .comment .comment .comment {
                background-color: #f5f5f5 !important; }
                .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                  background-color: #FFF !important; }
                  .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                    background-color: #f5f5f5 !important; }
                    .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                      background-color: #FFF !important; }
                      .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                        background-color: #f5f5f5 !important; }
                        .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                          background-color: #FFF !important; }
                          .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                            background-color: #f5f5f5 !important; }
                            .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                              background-color: #FFF !important; }
                              .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                                background-color: #f5f5f5 !important; }

a.author {
  margin-right: 0.3em; }

.panestack-title {
  margin: 0 330px 0 -5px;
  padding: 4px 0px;
  background: #0078d7;
  color: #fff;
  border-bottom: transparent; }
  .panestack-title .title {
    font-size: 1.3em;
    margin: 10px 0 10px 10px; }
  .panestack-title a.title-button {
    color: #fff !important; }
  .panestack-title a.title-button.gold {
    background-color: transparent;
    border: none; }

.thing.stickied a.title {
  font-weight: 700 !important;
  font-size: large; }

.green,
.tagline .moderator {
  color: #00a64f;
  font-weight: 700;
  padding-left: 0;
  padding-right: 1px; }

.comment .moderator ~ .userattrs:after {
  position: absolute;
  border: 3px solid #00a64f;
  top: -0.7px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  content: '';
  opacity: 0.5;
  z-index: -1; }

.stickied.comment .moderator ~ .userattrs:after {
  border: 0; }

.stickied.comment .expand:hover {
  background: #01a64f; }

.entry .flat-list .approve-button a {
  color: #00a64f; }

.tagline .stickied-tagline {
  color: #00a64f; }

.tagline a:hover {
  color: #259eff !important; }

.gold-accent {
  background-color: #0078d7;
  border: none;
  display: inline-block;
  color: #fff !important; }

#noresults {
  padding: 10px;
  margin-right: 310px !important;
  color: #fff;
  background: #0078d7;
  margin-left: 5px !important;
  display: none; }

.comments-page .sitetable.nestedlisting > .thing.stickied {
  background: #f8fffb !important;
  border-color: rgba(0, 166, 79, 0.1);
  border-bottom: solid 3px #00a64f; }

.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,
.comments-page.linkflair-help .flat-list a.flairselectbtn:after {
  animation: 1s ease-out 0s normal none infinite running pulsate;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-name: pulsate; }

.comments-page .link .flat-list a.flairselectbtn {
  color: #0078d7 !important; }

.comments-page .usertext-edit div textarea {
  border: 1px solid #000 !important;
  opacity: .8;
  margin-top: 5px;
  outline: 0;
  display: block;
  clear: both;
  margin-bottom: 10px; }
  .comments-page .usertext-edit div textarea:focus {
    background: #FFF !important;
    opacity: 1;
    border-color: #259eff !important; }

.comments-page .link {
  border-left: 1px solid #c6c6c6 !important; }

.comments-page:not(.comment-permalink-page) .sitetable .comment {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -moz-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.commentarea .menuarea {
  margin: 5px 310px 5px 5px; }

.commentarea .md {
  margin-bottom: 0; }

.commentarea .infobar {
  display: flex;
  justify-content: space-between;
  color: #eee;
  background: #0078d7;
  border: none; }
  .commentarea .infobar a {
    color: #eee; }
  .commentarea .infobar p {
    background: #259eff;
    padding: 10px;
    margin: -5px -10px -5px 10px;
    line-height: 8px;
    transition: all .25s; }
    .commentarea .infobar p:hover {
      background: #F85F73; }

.md {
  overflow: visible; }
  .md a {
    color: #0078d7; }
    .md a:hover {
      color: #259eff; }
  .md code {
    white-space: normal; }
  .md blockquote {
    border: 1px solid rgba(36, 156, 255, 0.1);
    border-left: 2px solid #259eff;
    background-color: #efefed; }

.usertext.border .usertext-body {
  background-color: rgba(0, 120, 213, 0.3);
  width: 95%; }

.wiki-page .pageactions {
  border-radius: 0;
  border: 1px solid #259eff; }
  .wiki-page .pageactions .wikiaction {
    margin: 0 !important;
    border-radius: 0 !important; }
    .wiki-page .pageactions .wikiaction:hover {
      background-color: #259eff !important;
      color: #fff !important; }
  .wiki-page .pageactions .wikiaction-current {
    background-color: #0078d7; }
  .wiki-page .pageactions .wiki-page-content .nextprev a {
    margin-bottom: 12px; }

ul.tabmenu.formtab {
  padding-left: 0; }

::selection {
  background-color: #259eff;
  color: #fff; }

.buttons .comments.empty {
  color: #0078d7; }

.gadget .right a,
a[href*="#tech"] {
  font-family: "Segoe UI", Helvetica, sans-serif;
  text-align: center; }

.sheets ::-webkit-scrollbar {
  background-color: #0f0f0f !important; }
  .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb {
    background: #313131 !important; }

.sheets .col textarea {
  width: 98%;
  background: #1d1f21;
  color: #ddd !important;
  height: 712px !important;
  font-family: SourceCodePro-Medium, monospace; }

.panestack-title {
  border-bottom: transparent; }

.infobar.newsletterbar {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  overflow: hidden;
  min-height: 80px;
  padding: 15px 20px 20px 25px;
  border: none;
  border-radius: 0;
  background-color: #30659B;
  border-left: 3px solid #ff4500;
  margin: -7px 325px 7px 0px;
  left: -5px; }

#eu-cookie-policy .reddit-infobar a {
  color: #222 !important; }

.gadget .midcol {
  margin-right: 9px; }

.gadget .right a {
  background: #0078d7;
  padding: 5px 10px;
  margin-right: 5px;
  display: block;
  color: #fff;
  font-size: 16px;
  transition: background-color .5s;
  text-transform: capitalize; }
  .gadget .right a:hover {
    background: #259eff; }

span.clear-input-button {
  color: #fff; }

#newlink-with-image-upload .clear-input-button {
  border-radius: 0 !important;
  width: 33px !important;
  height: 27px !important;
  top: 0 !important;
  line-height: 26px !important;
  border: 1px solid grey;
  background: #0078d7 !important;
  transition: background-color .5s;
  right: -10px !important; }
  #newlink-with-image-upload .clear-input-button:hover {
    background: #259eff !important; }

#newlink-with-image-upload .image-upload-drop-target {
  padding: 15px !important; }

#newlink-with-image-upload .file-upload-button {
  background: #0078d7;
  border: none;
  padding: 7px 20px !important;
  display: block !important;
  margin: 6px -17px -17px !important;
  transition: background-color 0.5s; }
  #newlink-with-image-upload .file-upload-button:hover {
    background: #259eff; }

thead th {
  background: #0078d7;
  border: none !important;
  color: #fff; }
  thead th a {
    color: #fff !important; }
  thead th:nth-child(2n) {
    background: #259eff; }

tr:nth-child(even) {
  background-color: #F5F5F5; }

.drop-choices {
  border-color: #e8e8e8; }
  .drop-choices a.choice {
    border-bottom: 1px solid #e8e8e8;
    padding: 3px 6px; }

@media (max-width: 880px) {
  #siteTable_organic {
    margin-right: -5px; }
  #header-bottom-left .tabmenu {
    width: calc(100% - 50px);
    padding-left: 50px; }
  .side {
    display: none; }
  body .linklisting {
    margin-right: 0 !important; }
  .footer::after {
    display: none !important; }
  .infobar {
    margin-right: 18px; }
  .footer {
    border-right: 1px solid #0078d7; }
  .panestack-title {
    margin: 0 0px 0 -5px; }
  .infobar.newsletterbar {
    margin: -7px -5px 7px 0px; } }

.submitter:after {
  content: "";
  position: absolute;
  top: -0.7px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  text-align: right;
  padding: .25em .5em;
  border: 3px solid #8bb9e2;
  pointer-events: none; }

body:lang(np):not(.subscriber) .arrow {
  pointer-events: none; }

a[href*="#icon-day"] {
  display: none; }

.side {
  margin: 0;
  padding-left: 30px;
  background: 0 0; }
  .side:after {
    content: "/r/ClearShift theme";
    font-size: large;
    color: #0078d7;
    margin-left: 50px; }
  .side .md h2 {
    margin-top: 1.4em;
    font-size: 1.4em; }
  .side .md h3 {
    font-size: 1.2em;
    color: #555;
    margin: 2em 0 0.2em; }
  .side .md h4 {
    color: #888;
    margin-bottom: 1.5em; }
  .side .md p {
    margin: 0.5em 0; }
    .side .md p a {
      margin: 0 .2em;
      font-size: 1.1em; }
      .side .md p a:first-child {
        margin-left: 0; }
  .side .md h1,
  .side .md h2,
  .side .md h3,
  .side .md h4 {
    color: #fff;
    font-size: 13px;
    font-weight: 400; }
    .side .md h1:after,
    .side .md h2:after,
    .side .md h3:after,
    .side .md h4:after {
      display: block;
      position: absolute;
      z-index: -1;
      border-color: transparent #e6edf6 transparent transparent;
      border-width: 10px;
      border-style: solid;
      content: "";
      margin-left: -24px; }
    .side .md h1 a,
    .side .md h2 a,
    .side .md h3 a,
    .side .md h4 a {
      color: #fff;
      font-size: 13px; }
  .side .md h1 {
    color: #fff;
    font-size: 13px; }
    .side .md h1 a {
      color: #fff;
      font-size: 13px; }
  .side .titlebox div.subButtons,
  .side .titlebox h1.redditname + div,
  .side .titlebox > .fancy-toggle-button {
    padding: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
    border: 1px solid #e6edf6;
      border-left: 5px solid #e6edf6;
      border-right: 1px solid #e6edf6;
      border-top: none;
      border-bottom: none;
      border-radius: 0;
    background-color: #fff;
    color: #000;
    font-size: 8pt;
    font-weight: 400;
    margin: 0 5px 0 0; }
  .side .titlebox > .fancy-toggle-button {
    display: block !important; }
  .side .titlebox div.subButtons,
  .side .titlebox > .fancy-toggle-button {
    width: 269.3px; }
  .side div.titlebox ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .side .subscribe-button .add {
    animation: 1s ease-out 0s normal none infinite running pulsate;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-name: pulsate; }

@-webkit-keyframes pulsate {
  0%,
  100% {
    opacity: 0.7; }
  50% {
    opacity: 1; } }

@-moz-keyframes pulsate {
  0%,
  100% {
    opacity: 0.7; }
  50% {
    opacity: 1; } }

@keyframes pulsate {
  0%,
  100% {
    opacity: 0.7; }
  50% {
    opacity: 1; } }

.titlebox h1:after,
.sidecontentbox .title:after {
  display: block;
  position: absolute;
  z-index: -1;
  border-color: transparent #e6edf6 transparent transparent;
  border-width: 10px;
  border-style: solid;
  content: "";
  margin-left: -24px; }

div.side div.tagline {
  padding: 10px;
  border: 1px solid #e6edf6;
    border-left: 5px solid #e6edf6;
    border-right: 1px solid #e6edf6;
    border-radius: 0;
  background-color: #fff;
  color: #000;
  font-size: 0.945em;
  font-weight: 400;
  margin: 0 5px 0 0;
  display: block !important; }

div.side form.flairtoggle, div.side form.leavecontributor-button {
  padding: 10px;
  border: 1px solid #e6edf6;
    border-left: 5px solid #e6edf6;
    border-right: 1px solid #e6edf6;
    border-radius: 0;
  background-color: #fff;
  color: #000;
  font-size: 0.945em;
  font-weight: 400;
  margin: 0 5px 0 0; }

div.side span.subscribers {
  padding: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
  border: 1px solid #e6edf6;
    border-left: 5px solid #e6edf6;
    border-right: 1px solid #e6edf6;
    border-radius: 0;
    border-top: none;
  margin: 0 5px 0 0;
  background-color: #fff;
  color: #000;
  font-size: 0.945em;
  font-weight: 400;
  display: block; }
  div.side span.subscribers span {
    vertical-align: middle; }
    div.side span.subscribers span.number:before {
      background: url(%%spritesheet%%) -192px -5px;
      display: block;
      float: left;
      width: 20px;
      height: 20px;
      content: "";
      margin-right: 5px;
      margin-top: -3px; }

div.side form.flairtoggle {
  display: block; }

div.side form.flairtoggle {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: none;
  border-bottom: none; }

div.side p.users-online {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: none;
  border-bottom: none; }

div.side div.tagline {
  padding-top: 0;
  border-top: none !important; }

.morelink {
  border: 1px solid #0078d7;
  background: #0078d7;
  width: 145px;
  margin-right: 5px;
  transition: all 0.5s;
  box-sizing: border-box; }
  .morelink a {
    color: #fff;
    font-family: "Segoe UI", Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 0.9em; }
  .morelink:hover {
    background: #259eff;
    border-color: #259eff; }
    .morelink:hover a {
      color: #fff;
      border-color: #259eff; }
  .morelink .nub {
    display: none; }

.submit .morelink {
  float: left; }

.submit-page .titlebox h1 {
  margin-top: 0 !important; }

.redditname {
  margin-top: 53px !important; }

.reddit-link {
  padding: 7px 10px 10px;
  border-left: 5px solid #e6edf6;
  border-bottom: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  margin-right: 5px;
  background-color: #fff;
  font-size: 1em; }

.icon-menu li {
  display: block;
  margin: 0;
  padding: 7px 10px 10px !important;
  border-left: 5px solid #e6edf6;
  background-color: #fff;
  border-bottom: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  margin-right: 5px !important; }

.search-page .side .spacer {
  margin: 10px 0; }

.sidebox.create {
  display: none !important; }

.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] {
  display: none; }

.helplink ~ .content .author:after {
  content: '- Moderator';
  margin-left: 5px; }

.helplink ~ .content .flair {
  display: none; }

.linkinfo {
  background-color: transparent; }

.sidecontentbox .helplink + .title h1 {
  font-size: 0; }
  .sidecontentbox .helplink + .title h1:before {
    font-size: 13px !important;
    content: "Moderators team";
    text-transform: capitalize; }

.helplink ~ .content .author .helplink ~ .content .author:hover {
  color: #259eff; }

.sidecontentbox .content .linkflairlabel {
  display: none; }

div.titlebox .md h3:hover + ul {
  display: block; }

div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover {
  display: block; }

div.titlebox .md ul li {
  margin-right: 5px; }

.sidecontentbox .content a.author,
.sidecontentbox .more {
  display: block;
  background-color: #fff;
  padding: 7px 10px 10px !important;
  border-left: 5px solid #e6edf6;
  border-bottom: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  margin: 0;
    margin-right: 5px !important;
  font-size: 0.945em; }
  .sidecontentbox .content a.author:hover,
  .sidecontentbox .more:hover {
    background-color: #f8fcff;
    border-left-color: #ccd4e8; }

.sidecontentbox .content {
  border: none;
  padding: 0; }

.sidecontentbox .more {
  text-align: center; }
  .sidecontentbox .more a {
    color: #369; }

.sidecontentbox .title {
  background-color: #0078d7;
  padding: 10px;
  border-left: 5px solid #F85F73;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  font-weight: 400; }

.sidecontentbox a.helplink {
  display: block;
  background: #0078d7;
  color: #fff;
  margin-right: 5px;
  margin-bottom: 10px;
  float: none;
  margin-top: 4px;
  clear: both;
  text-align: center;
  box-sizing: border-box; }
  .sidecontentbox a.helplink:hover {
    background: #259eff; }

.sidecontentbox .title h1,
.sidecontentbox a.helplink {
  color: #fff; }

.icon-menu li:hover,
.reddit-link:hover {
  background-color: #f8fcff;
  border-left-color: #ccd4e8; }

div.titlebox .md h3:before {
  content: "+";
  color: #fff;
  padding-right: 5px; }

div.titlebox .md h2,
div.titlebox .md h3,
div.titlebox .md h4 {
  background-color: #0078d7;
  padding: 10px;
  border-left: 5px solid #F85F73;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  font-weight: 400;
  cursor: default; }

div.titlebox .md ul li {
  background-color: #fff;
  padding: 7px 10px 10px;
  border-bottom: 1px solid #e6edf6;
  border-left: 5px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  font-size: 0.945em;
  transition: .2s; }
  div.titlebox .md ul li:hover {
    background-color: #f8fcff;
    border-left-color: #ccd4e8; }

div.titlebox h1 {
  border-left: 5px solid #F85F73;
  background-color: #0078d7;
  padding: 10px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  font-size: 13px; }

div.titlebox div.styleToggle,
div.titlebox span.fancy-toggle-button a.active {
  padding: 5px 10px;
  background-color: #259eff;
  color: #fff;
  font-size: 8pt;
  display: block !important;
  background-image: none;
  border-radius: 0;
  font-weight: 400;
  margin: 0;
  border: none; }

div.titlebox div.styleToggle {
  background-color: #0078d7;
  line-height: 20px; }
  div.titlebox div.styleToggle input,
  div.titlebox div.styleToggle label {
    vertical-align: middle;
    margin: 0; }

div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove {
  background-color: #0078d7; }

div.titlebox span.fancy-toggle-button a.active.remove:before {
  content: "";
  padding-right: 5px; }

div.titlebox span.fancy-toggle-button a.active.remove:hover:after {
  content: "=(";
  font-style: italic;
  padding-left: 5px; }

div.titlebox span.fancy-toggle-button a.active.add:before {
  content: "+";
  padding-right: 5px;
  color: #fff; }

#RESShortcutsAdd,
#RESShortcutsLeft,
#RESShortcutsRight,
#RESShortcutsSort,
#RESShortcutsTrash {
  width: 17px !important; }

#RESShortcutsAdd,
#RESShortcutsEditContainer,
#RESShortcutsLeft,
#RESShortcutsRight,
#RESShortcutsSort,
#RESShortcutsTrash {
  background-color: transparent !important; }
  #RESShortcutsAdd:hover,
  #RESShortcutsEditContainer:hover,
  #RESShortcutsLeft:hover,
  #RESShortcutsRight:hover,
  #RESShortcutsSort:hover,
  #RESShortcutsTrash:hover {
    color: #f0f0f0 !important; }

.sidecontentbox .content a.author {
  display: block;
  margin: 0;
  padding: 3px 0; }
  .sidecontentbox .content a.author:hover {
    color: #259eff; }

#search input[type=text] {
  width: 295px !important;
  border-color: #0078d7; }

#searchexpando {
  padding: 10px;
  border: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  background-color: #fff;
  color: #000;
  font-size: 8pt;
  border-radius: 0;
  font-weight: 400;
  margin: 0 5px 0 0;
  width: 273px !important;
  border-left: 1px solid #e6edf6; }

.leavemoderator,
.users-online,
.leavecontributor-button {
  display: none; }

.icon-menu a {
  background: 0 0; }

.titlebox .bottom {
  border: none; }

.titlebox h1 a,
.pagename a {
  color: #FFF; }

.titlebox .md h3 + ul:hover,
.titlebox .md h3:hover + ul {
  max-height: 600px;
  transition-delay: 0s; }

div.titlebox .md h3 + ul {
  display: block;
  transition: 1.8s max-height ease-out;
  overflow: hidden;
  max-height: 0;
  transition-delay: 2s; }

div.titlebox .md h3:hover + ul {
  transition: .8s max-height ease-out; }

.linkinfo {
  padding: 0;
  border: none; }
  .linkinfo .score,
  .linkinfo .shortlink {
    color: #494949;
    border-left: 5px solid #e6edf6;
    background-color: #fff;
    border-bottom: 1px solid #e6edf6;
    border-right: 1px solid #e6edf6;
    font-size: 8pt;
    margin-right: 5px; }
  .linkinfo .score {
    padding: 7px 10px;
    margin-top: 10px; }
  .linkinfo .shortlink {
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0;
    padding: 7px 10px 10px; }

.date {
  position: relative; }
  .date:before {
    content: "Date ";
    display: block;
    color: #fff !important;
    text-transform: none;
    border-left: 5px solid #F85F73;
    background-color: #0078d7;
    padding: 10px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 6px;
    margin-left: -10px;
    font: 400 small verdana, arial, helvetica, sans-serif; }
  .date:after {
    display: block;
    position: absolute;
    z-index: -1;
    border-color: transparent #e6edf6 transparent transparent;
    border-width: 10px;
    border-style: solid;
    content: "";
    margin-left: -19px;
    margin-top: -32px; }
  .date span {
    display: block;
    background-color: #fff;
    padding: 7px 0 10px 10px;
    border-left: 5px solid #e6edf6;
    border-bottom: 1px solid #e6edf6;
    margin: -6px 5px -10px 0;
    border-right: 1px solid #e6edf6; }
  .date span,
  .date time {
    color: #494949;
    font-size: 9pt; }
  .date time {
    position: absolute;
    top: 50%;
    left: 55%;
    padding: 9px 0 10px 0; }

.totalvotes {
  display: block;
  background-color: #fff;
  color: #494949 !important;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 0;
  padding: 7px 10px 10px;
  border-left: 5px solid #e6edf6;
  border-bottom: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  font-size: 8pt !important;
  margin-right: 5px; }

.linkinfo .shortlink input {
  height: 10px;
  border: none;
  width: 181px;
  font-size: 13px; }

.account-activity-box,
.sidecontentbox a.helplink {
  font-size: 16px;
  padding: 10px;
  transition: background-color .5s;
  text-transform: capitalize; }

.account-activity-box {
  display: block !important;
  background: #0078d7;
  margin-right: 5px; }
  .account-activity-box:hover {
    background: #259eff; }
  .account-activity-box a {
    color: #fff;
    padding: 10px 70px; }

.side .views {
  color: #494949;
  border-left: 5px solid #e6edf6;
  border-bottom: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  margin-right: 5px;
  padding: 7px 10px; }

#header #header-bottom-right {
  background: 0 0;
  bottom: -18px;
  top: auto;
  padding: 3px;
  height: 59px;
  font-family: "Segoe UI", Helvetica, sans-serif; }

#header-bottom-right .separator {
  display: none; }

#header-bottom-right .user {
  position: relative;
  top: 0;
  width: 119px;
  padding-left: 42px;
  padding-top: 5px;
  font-size: 13px;
  color: #eaeaea;
  line-height: 170%;
  background: url(%%spritesheet%%) -110px -289px no-repeat #0078d7;
  float: left;
  border: 2px solid #fff;
  cursor: pointer; }
  #header-bottom-right .user > a {
    text-indent: 4px;
    color: #FFF;
    display: block;
    line-height: 12px;
    white-space: nowrap; }
  #header-bottom-right .user span a {
    color: #fff; }

#header-bottom-right #mail {
  top: 0;
  top: 0 !important;
  width: 42px;
  height: 42px;
  display: inline-block; }

#header-bottom-right #modmail {
  position: absolute;
  margin-left: -267px;
  top: 3px;
  padding-left: 26px;
  padding-top: 5px;
  background: url(%%spritesheet%%) -224px -72px no-repeat #0078d7;
  border: 2px solid #fff; }

#beta-help,
.beta-hint a {
  position: absolute !important; }

#modmail.havemail {
  background: url(%%spritesheet%%) -224px -72px #ff4500 !important; }

#header #header-bottom-right #modmail:hover,
#header #header-bottom-right .choice:hover,
#header #header-bottom-right .user:hover {
  background-color: #259eff; }

#header #header-bottom-right .logout {
  display: inline-block; }

#header #header-bottom-right #mail,
#header #header-bottom-right .choice,
#header #header-bottom-right .logout a {
  margin-left: 5px;
  width: 42px !important;
  height: 42px;
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  transition: background-color 0.5s; }

#header #header-bottom-right #mail.nohavemail {
  background: url(%%spritesheet%%) 0px -114px no-repeat #0078d7;
  border-radius: 1px;
  border: 2px solid #fff; }

#header #header-bottom-right #mail.havemail {
  background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; }

.res #header #header-bottom-right #mail.havemail {
  background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; }

#header #header-bottom-right #mail.havemail {
  border-radius: 1px;
  border: 2px solid #fff; }

#header #header-bottom-right .choice {
  background: url(%%spritesheet%%) -127px -114px no-repeat #0078d7;
  border-radius: 1px;
  border: 2px solid #fff; }

.beta-hint {
  opacity: 1; }
  .beta-hint a {
    top: 0;
    left: -78px;
    color: transparent !important;
    background-color: #0078d7;
    background-image: url(%%spritesheet%%) !important;
    background-repeat: no-repeat !important;
    background-size: 341px 331px !important;
    background-position: -72px -143px !important;
    width: 42px;
    height: 42px;
    border-radius: 1px;
    border: 2px solid #fff;
    transition: background-color 0.5s; }
    .beta-hint a:hover {
      background-color: green !important; }

#beta-help {
  background: #FFFFE1 !important;
  color: #000 !important;
  left: 1200px !important;
  top: 170px !important; }

.res .beta-hint a {
  display: none; }

#header #header-bottom-right .logout a {
  background: url(%%spritesheet%%) -127px -42px no-repeat #0078d7;
  border-radius: 1px;
  border: 2px solid #fff; }

#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail {
  border-bottom: none; }

#header #header-bottom-right .choice,
#header #header-bottom-right .logout a {
  border-bottom: none; }

#header-bottom-right #modmail,
#header-bottom-right .user {
  border-bottom: none; }

.user .userkarma {
  border-bottom: none; }

#header #header-bottom-right #mail:hover,
#header #header-bottom-right .choice:hover,
#header #header-bottom-right .user:hover {
  background-color: #259eff; }

#header #header-bottom-right .logout a:hover {
  text-indent: -99999px;
  color: #fff;
  background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; }

#openRESPrefs {
  position: absolute;
  right: 365px;
  top: 22px; }

#mailCount {
  position: absolute;
  left: 208px;
  top: -2px;
  color: #fff;
  font-size: 14px;
  overflow: hidden; }

.message-count {
  background: #259eff;
  height: 42px;
  font-size: medium;
  line-height: 42px !important;
  margin-left: -4px;
  vertical-align: top;
  display: none; }

.user .userkarma {
  cursor: help; }

#RESAccountSwitcherIconOverlay {
  display: none !important; }

#RESAccountSwitcherIcon {
  float: right;
  margin-right: 5px;
  margin-top: -10px;
  background: url(%%spritesheet%%) -264px -5px no-repeat !important; }

#new_modmail {
  position: absolute;
  left: -75px; }

.md-container-small .md .-text,
.md-container-small .md li,
.md-container-small .md p,
.md-container-small .md pre > code,
.md-container-small .md td,
.md-container-small .md th {
  list-style: none; }

.side .usertext-body .md ol {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0 30px 0 0;
  padding: 0;
  z-index: 99; }
  .side .usertext-body .md ol a {
    background-color: #57b5ff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 5px 5px 0;
    text-decoration: none;
    margin-bottom: 3px;
    opacity: 0.8; }
    .side .usertext-body .md ol a:hover {
      opacity: 1; }
  .side .usertext-body .md ol a[href$="#special"] {
    animation: 1s ease-out 0s normal none infinite running pulsate;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-name: pulsate; }

.side .md .-text,
.side .md li,
.side .md p,
.side .md pre > code,
.side .md td,
.side .md th {
  list-style: none; }

.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before {
  margin: 0 5px 0 0;
  font-weight: 700;
  padding: 5px 6px; }

.side .usertext-body .md ol a[href$='#special'] {
  border: 2px solid #fefefe;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 5px 5px 0;
  text-decoration: none;
  margin-bottom: 3px;
  transition: opacity .5s;
  background-color: #259eff;
  opacity: 0.8; }
  .side .usertext-body .md ol a[href$='#special']:before {
    margin: 0 5px 0 0;
    font-weight: 700;
    padding: 5px 6px;
    background-color: #0078d7;
    content: "Event";
    color: #fff; }
  .side .usertext-body .md ol a[href$='#special']:hover {
    opacity: 1; }

.side .usertext-body .md ol a[href$='#achieve'] {
  border: 2px solid #fefefe;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 5px 5px 0;
  text-decoration: none;
  margin-bottom: 3px;
  transition: opacity .5s;
  background-color: #28bc07;
  opacity: 0.8; }
  .side .usertext-body .md ol a[href$='#achieve']:hover {
    opacity: 1; }

.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before {
  margin: 0 5px 0 0;
  font-weight: 700;
  padding: 5px 6px; }

.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before {
  margin: 0 5px 0 0;
  font-weight: 700;
  padding: 5px 6px; }

.side .usertext-body .md ol a[href$='#achieve']:before {
  background-color: #0d9605;
  content: "Achievement unlocked";
  color: #fff; }

.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] {
  font-weight: 400;
  padding: 5px 5px 5px 0;
  margin-bottom: 3px;
  border: 2px solid #fefefe;
  display: inline-block;
  font-size: 12px;
  transition: opacity .5s;
  text-decoration: none; }

.side .usertext-body .md ol a[href$='#sticky'] {
  background-color: #259eff;
  opacity: 0.8; }
  .side .usertext-body .md ol a[href$='#sticky']:hover {
    opacity: 1; }

.side .usertext-body .md ol a[href$='#stickyg']:hover {
  opacity: 1; }

.side .usertext-body .md ol a[href$='#sticky']:before {
  background-color: #0078d7;
  content: "Sticky";
  color: #fff; }

.side .usertext-body .md ol a[href$='#stickyg'] {
  background-color: #28bc07;
  opacity: 0.8; }

.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before {
  margin: 0 5px 0 0;
  font-weight: 700;
  padding: 5px 6px; }

.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before {
  margin: 0 5px 0 0;
  font-weight: 700;
  padding: 5px 6px; }

.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before {
  margin: 0 5px 0 0;
  font-weight: 700;
  padding: 5px 6px; }

.side .usertext-body .md ol a[href$='#stickyg']:before {
  background-color: #0d9605;
  content: "Sticky";
  color: #fff; }

.side .usertext-body .md ol a[href$='#update'] {
  border: 2px solid #fefefe;
  background-color: #1686f0;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 5px 5px 0;
  text-decoration: none;
  margin-bottom: 3px;
  opacity: .8;
  transition: opacity 0.5s; }
  .side .usertext-body .md ol a[href$='#update']:before {
    background-color: #0078d7;
    content: "Update";
    color: #fff; }
  .side .usertext-body .md ol a[href$='#update']:hover {
    opacity: 1; }

.side .md del {
  color: #fff;
  text-decoration: none; }

.res-nightmode body,
html[lang^=nm] body {
  background: #1a1a1a !important; }

.res-nightmode #sr-header-area,
html[lang^=nm] #sr-header-area {
  background-color: #0C1722 !important; }

.res-nightmode a,
html[lang^=nm] a {
  color: #f8f8ff; }

.res-nightmode .morelink a,
.res-nightmode a[href*="#Donsiders"],
.res-nightmode a[href*="#btn"],
html[lang^=nm] .morelink a,
html[lang^=nm] a[href*="#Donsiders"],
html[lang^=nm] a[href*="#btn"] {
  color: #fff !important; }

.res-nightmode .shortlink input,
html[lang^=nm] .shortlink input {
  background: #393939;
  color: #ddd; }

.res-nightmode .linklisting,
html[lang^=nm] .linklisting {
  border-color: #2D2E32 !important; }

.res-nightmode #previoussearch #moresearchinfo,
.res-nightmode .roundfield label,
.res-nightmode .search-result-body,
.res-nightmode div.side #searchexpando,
.res-nightmode .submit-page .roundfield .title,
.res-nightmode .md,
.res-nightmode .md blockquote,
.res-nightmode .md del,
.res-nightmode .comments-page .usertext-edit div textarea,
html[lang^=nm] #previoussearch #moresearchinfo,
html[lang^=nm] .roundfield label,
html[lang^=nm] .search-result-body,
html[lang^=nm] div.side #searchexpando,
html[lang^=nm] .submit-page .roundfield .title,
html[lang^=nm] .md,
html[lang^=nm] .md blockquote,
html[lang^=nm] .md del,
html[lang^=nm] .comments-page .usertext-edit div textarea {
  color: #eee !important; }

.res-nightmode .md blockquote,
html[lang^=nm] .md blockquote {
  background: rgba(0, 87, 166, 0.24);
  border-left: 2px solid #259eff !important;
  color: #888 !important; }

.res-nightmode .md code,
html[lang^=nm] .md code {
  border: none !important;
  background-color: #393939 !important;
  border-radius: 0 !important;
  border-left: 3px solid #259eff !important; }

.res-nightmode .commentingAs,
.res-nightmode .date time,
.res-nightmode .linkinfo .score,
.res-nightmode .linkinfo .shortlink,
.res-nightmode .side .titlebox > .fancy-toggle-button,
.res-nightmode .edit-stylesheet.choice:after,
.res-nightmode .wiki-page .wiki-page-content,
.res-nightmode .side .views,
html[lang^=nm] .commentingAs,
html[lang^=nm] .date time,
html[lang^=nm] .linkinfo .score,
html[lang^=nm] .linkinfo .shortlink,
html[lang^=nm] .side .titlebox > .fancy-toggle-button,
html[lang^=nm] .edit-stylesheet.choice:after,
html[lang^=nm] .wiki-page .wiki-page-content,
html[lang^=nm] .side .views {
  color: #ddd !important; }

.res-nightmode .date span,
.res-nightmode .date time,
html[lang^=nm] .date span,
html[lang^=nm] .date time {
  border-bottom: 1px solid #393939 !important;
  background: #222 !important;
  border-top: 1px solid #393939 !important; }

.res-nightmode #header,
.res-nightmode #newlink-with-image-upload #new-link-preview,
.res-nightmode .account-activity-box,
.res-nightmode .date:before,
.res-nightmode .morelink,
.res-nightmode .nextprev a,
.res-nightmode .titlebox h1,
.res-nightmode .res .RESDashboardToggle,
.res-nightmode .res .RESshortcutside,
html[lang^=nm] #header,
html[lang^=nm] #newlink-with-image-upload #new-link-preview,
html[lang^=nm] .account-activity-box,
html[lang^=nm] .date:before,
html[lang^=nm] .morelink,
html[lang^=nm] .nextprev a,
html[lang^=nm] .titlebox h1,
html[lang^=nm] .res .RESDashboardToggle,
html[lang^=nm] .res .RESshortcutside {
  background: #222 !important; }

.res-nightmode .res .RESDashboardToggle,
.res-nightmode .res .RESshortcutside,
html[lang^=nm] .res .RESDashboardToggle,
html[lang^=nm] .res .RESshortcutside {
  color: #eee; }

.res-nightmode #header #header-bottom-right #mail:hover,
.res-nightmode #header #header-bottom-right #modmail:hover,
.res-nightmode #header #header-bottom-right .choice:hover,
.res-nightmode #header #header-bottom-right .logout:hover,
.res-nightmode #header #header-bottom-right .user:hover,
html[lang^=nm] #header #header-bottom-right #mail:hover,
html[lang^=nm] #header #header-bottom-right #modmail:hover,
html[lang^=nm] #header #header-bottom-right .choice:hover,
html[lang^=nm] #header #header-bottom-right .logout:hover,
html[lang^=nm] #header #header-bottom-right .user:hover {
  background-color: #393939 !important; }

.res-nightmode #header #header-bottom-right .logout a,
.res-nightmode #header #header-bottom-right .nohavemail#mail,
html[lang^=nm] #header #header-bottom-right .logout a,
html[lang^=nm] #header #header-bottom-right .nohavemail#mail {
  background-color: transparent !important;
  outline: 0 !important; }

.res-nightmode #header-bottom-right #modmail,
.res-nightmode #header-bottom-right .choice,
.res-nightmode #header-bottom-right .user,
html[lang^=nm] #header-bottom-right #modmail,
html[lang^=nm] #header-bottom-right .choice,
html[lang^=nm] #header-bottom-right .user {
  background-color: transparent !important;
  outline: 0 !important; }

.res-nightmode #header-bottom-left .tabmenu,
.res-nightmode #header-img,
.res-nightmode #header-img.default-header,
html[lang^=nm] #header-bottom-left .tabmenu,
html[lang^=nm] #header-img,
html[lang^=nm] #header-img.default-header {
  background: transparent !important; }

.res-nightmode #header-bottom-left .tabmenu,
.res-nightmode .new-comment .usertext-body,
html[lang^=nm] #header-bottom-left .tabmenu,
html[lang^=nm] .new-comment .usertext-body {
  background-color: transparent;
  border: none; }

.res-nightmode .date,
html[lang^=nm] .date {
  color: #ddd !important; }
  .res-nightmode .date::before,
  html[lang^=nm] .date::before {
    color: #ddd !important; }

.res-nightmode .flair,
html[lang^=nm] .flair {
  color: #ddd !important; }

.res-nightmode .footer,
html[lang^=nm] .footer {
  border-right: none !important;
  border-top: none; }
  .res-nightmode .footer div.col a, .res-nightmode .footer::after,
  html[lang^=nm] .footer div.col a,
  html[lang^=nm] .footer::after {
    color: #ddd !important; }

.res-nightmode div.side div.tagline,
.res-nightmode div.side form.flairtoggle,
.res-nightmode div.side span.subscribers,
html[lang^=nm] div.side div.tagline,
html[lang^=nm] div.side form.flairtoggle,
html[lang^=nm] div.side span.subscribers {
  background: #222 !important;
  color: #ddd !important; }

.res-nightmode div.titlebox .md h1,
.res-nightmode div.titlebox .md h2,
.res-nightmode div.titlebox .md h3,
.res-nightmode div.titlebox .md h4,
html[lang^=nm] div.titlebox .md h1,
html[lang^=nm] div.titlebox .md h2,
html[lang^=nm] div.titlebox .md h3,
html[lang^=nm] div.titlebox .md h4 {
  background: #222 !important; }

.res-nightmode div.titlebox .md ul li,
html[lang^=nm] div.titlebox .md ul li {
  background: #222 !important;
  color: #ddd !important; }

.res-nightmode .sidecontentbox .title,
.res-nightmode .sidecontentbox a.helplink,
html[lang^=nm] .sidecontentbox .title,
html[lang^=nm] .sidecontentbox a.helplink {
  background: #222 !important; }

.res-nightmode div #searchexpando,
.res-nightmode .icon-menu li,
.res-nightmode .totalvotes,
.res-nightmode .reddit-link,
.res-nightmode .sidecontentbox .content a.author,
.res-nightmode .sidecontentbox .more,
.res-nightmode .reddit-link,
.res-nightmode .linkinfo .score,
.res-nightmode .linkinfo .shortlink,
.res-nightmode div.titlebox .md ul li,
.res-nightmode .side .views,
html[lang^=nm] div #searchexpando,
html[lang^=nm] .icon-menu li,
html[lang^=nm] .totalvotes,
html[lang^=nm] .reddit-link,
html[lang^=nm] .sidecontentbox .content a.author,
html[lang^=nm] .sidecontentbox .more,
html[lang^=nm] .reddit-link,
html[lang^=nm] .linkinfo .score,
html[lang^=nm] .linkinfo .shortlink,
html[lang^=nm] div.titlebox .md ul li,
html[lang^=nm] .side .views {
  border-bottom: 1px solid #393939 !important;
  border-left: 5px solid #393939 !important;
  border-right: 1px solid #393939 !important;
  background: #222 !important;
  border-top: 1px solid #393939 !important; }
  .res-nightmode div #searchexpando:hover,
  .res-nightmode .icon-menu li:hover,
  .res-nightmode .totalvotes:hover,
  .res-nightmode .reddit-link:hover,
  .res-nightmode .sidecontentbox .content a.author:hover,
  .res-nightmode .sidecontentbox .more:hover,
  .res-nightmode .reddit-link:hover,
  .res-nightmode .linkinfo .score:hover,
  .res-nightmode .linkinfo .shortlink:hover,
  .res-nightmode div.titlebox .md ul li:hover,
  .res-nightmode .side .views:hover,
  html[lang^=nm] div #searchexpando:hover,
  html[lang^=nm] .icon-menu li:hover,
  html[lang^=nm] .totalvotes:hover,
  html[lang^=nm] .reddit-link:hover,
  html[lang^=nm] .sidecontentbox .content a.author:hover,
  html[lang^=nm] .sidecontentbox .more:hover,
  html[lang^=nm] .reddit-link:hover,
  html[lang^=nm] .linkinfo .score:hover,
  html[lang^=nm] .linkinfo .shortlink:hover,
  html[lang^=nm] div.titlebox .md ul li:hover,
  html[lang^=nm] .side .views:hover {
    background-color: #393939 !important;
    border-left-color: #ccd4e8 !important; }

.res-nightmode div.side div.leavemoderator,
.res-nightmode div.side p.users-online,
.res-nightmode div.side span.subscribers,
.res-nightmode div.side form.leavecontributor-button,
.res-nightmode div.side .titlebox div.subButtons,
.res-nightmode div.side .titlebox h1.redditname + div,
.res-nightmode div.side .titlebox > .fancy-toggle-button,
html[lang^=nm] div.side div.leavemoderator,
html[lang^=nm] div.side p.users-online,
html[lang^=nm] div.side span.subscribers,
html[lang^=nm] div.side form.leavecontributor-button,
html[lang^=nm] div.side .titlebox div.subButtons,
html[lang^=nm] div.side .titlebox h1.redditname + div,
html[lang^=nm] div.side .titlebox > .fancy-toggle-button {
  border-bottom: 1px solid #393939 !important;
  border-left: 5px solid #393939 !important;
  border-right: 1px solid #393939 !important;
  background: #222 !important;
  border-top: 1px solid #393939 !important; }

.res-nightmode div.side div.tagline,
.res-nightmode div.side form.flairtoggle,
html[lang^=nm] div.side div.tagline,
html[lang^=nm] div.side form.flairtoggle {
  border-left: 5px solid #393939 !important;
  border-right: 1px solid #393939 !important;
  border-bottom: none !important;
  background: #222 !important; }

.res-nightmode .titlebox form.toggle,
html[lang^=nm] .titlebox form.toggle {
  background: #222;
  border-bottom: 1px solid #393939 !important;
  border-left: 5px solid #393939 !important;
  border-right: 1px solid #393939 !important;
  color: #eee; }

.res-nightmode .sitetable .comment .comment,
html[lang^=nm] .sitetable .comment .comment {
  background-color: #393939 !important; }
  .res-nightmode .sitetable .comment .comment .comment .comment,
  html[lang^=nm] .sitetable .comment .comment .comment .comment {
    background-color: #393939 !important; }
    .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,
    html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment {
      background-color: #393939 !important; }
      .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,
      html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment {
        background-color: #393939 !important; }
        .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
        html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
          background-color: #393939 !important; }
          .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
          html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
            background-color: #393939 !important; }
            .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
            html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
              background-color: #393939 !important; }
              .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
              html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                background-color: #393939 !important; }

.res-nightmode .sitetable .comment,
html[lang^=nm] .sitetable .comment {
  background-color: #222 !important; }
  .res-nightmode .sitetable .comment .comment .comment,
  html[lang^=nm] .sitetable .comment .comment .comment {
    background-color: #222 !important; }
    .res-nightmode .sitetable .comment .comment .comment .comment .comment,
    html[lang^=nm] .sitetable .comment .comment .comment .comment .comment {
      background-color: #222 !important; }
      .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,
      html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment {
        background-color: #222 !important; }
        .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,
        html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment {
          background-color: #222 !important; }
          .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
          html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
            background-color: #222 !important; }
            .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
            html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
              background-color: #222 !important; }
              .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
              html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
                background-color: #222 !important; }

.res-nightmode button,
html[lang^=nm] button {
  background-color: #222 !important; }

.res-nightmode button.save:hover,
html[lang^=nm] button.save:hover {
  border-color: #7cd87c; }

.res-nightmode button.cancel:hover,
html[lang^=nm] button.cancel:hover {
  border-color: #f9736f; }

.res-nightmode a[href*="#square"]::before,
html[lang^=nm] a[href*="#square"]::before {
  border: 3px solid #393939; }

.res-nightmode .link,
html[lang^=nm] .link {
  border-bottom: 1px solid #2D2E32 !important; }

.res-nightmode .listing-page .link:hover,
html[lang^=nm] .listing-page .link:hover {
  background: #393939 !important;
  border-left-color: #a9a9a9 !important; }

.res-nightmode tr:nth-child(even),
html[lang^=nm] tr:nth-child(even) {
  background-color: #050505; }

.res-nightmode .md th, .res-nightmode .md td,
html[lang^=nm] .md th,
html[lang^=nm] .md td {
  border-color: #2D2E32 !important; }

.res-nightmode div.titlebox .md ul li:hover,
html[lang^=nm] div.titlebox .md ul li:hover {
  background-color: #393939 !important;
  border-left-color: #ccd4e8 !important; }

.res-nightmode .titlebox h1:after,
.res-nightmode div.titlebox .sidecontentbox .title:after,
.res-nightmode div.titlebox h1:after,
.res-nightmode div.titlebox .md h1:after,
.res-nightmode div.titlebox .md h2:after,
.res-nightmode div.titlebox .md h3:after,
.res-nightmode div.titlebox .md h4:after,
html[lang^=nm] .titlebox h1:after,
html[lang^=nm] div.titlebox .sidecontentbox .title:after,
html[lang^=nm] div.titlebox h1:after,
html[lang^=nm] div.titlebox .md h1:after,
html[lang^=nm] div.titlebox .md h2:after,
html[lang^=nm] div.titlebox .md h3:after,
html[lang^=nm] div.titlebox .md h4:after {
  display: block;
  position: absolute;
  z-index: -1;
  border-color: transparent #393939 transparent transparent !important; }

.res-nightmode .flairselector,
.res-nightmode .comments-page .usertext-edit div textarea,
.res-nightmode #eu-cookie-policy .reddit-infobar,
.res-nightmode #search input[type=text],
html[lang^=nm] .flairselector,
html[lang^=nm] .comments-page .usertext-edit div textarea,
html[lang^=nm] #eu-cookie-policy .reddit-infobar,
html[lang^=nm] #search input[type=text] {
  background-color: #222 !important;
  color: #ddd; }

.res-nightmode .reddit-infobar,
html[lang^=nm] .reddit-infobar {
  background: #202020;
  BORDER: 1px solid #2D2E32; }
  .res-nightmode .reddit-infobar.with-icon:before,
  html[lang^=nm] .reddit-infobar.with-icon:before {
    background-color: solid #202020; }

.res-nightmode #header-bottom-left .tabmenu li.selected a,
.res-nightmode .link .usertext-body .md,
.res-nightmode .debuginfo,
.res-nightmode .sidecontentbox a.helplink:hover,
.res-nightmode .cookie-infobar.with-icon:before,
.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,
.res-nightmode .link .score .likes,
.res-nightmode .nextprev a:hover,
.res-nightmode .side .morelink a:hover,
.res-nightmode button:hover,
.res-nightmode .account-activity-box:hover,
.res-nightmode ::-webkit-scrollbar,
html[lang^=nm] #header-bottom-left .tabmenu li.selected a,
html[lang^=nm] .link .usertext-body .md,
html[lang^=nm] .debuginfo,
html[lang^=nm] .sidecontentbox a.helplink:hover,
html[lang^=nm] .cookie-infobar.with-icon:before,
html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,
html[lang^=nm] .link .score .likes,
html[lang^=nm] .nextprev a:hover,
html[lang^=nm] .side .morelink a:hover,
html[lang^=nm] button:hover,
html[lang^=nm] .account-activity-box:hover,
html[lang^=nm] ::-webkit-scrollbar {
  background-color: #393939 !important; }

.res-nightmode .comment .usertext .md p > a:visited,
.res-nightmode .md a,
.res-nightmode h2 a:visited,
html[lang^=nm] .comment .usertext .md p > a:visited,
html[lang^=nm] .md a,
html[lang^=nm] h2 a:visited {
  color: #3498db; }

.res-nightmode ::-webkit-scrollbar-thumb,
html[lang^=nm] ::-webkit-scrollbar-thumb {
  background-color: #666;
  border: 2px solid #333;
  transition: background-color 0.5s; }
  .res-nightmode ::-webkit-scrollbar-thumb:hover,
  html[lang^=nm] ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    transition: background-color 0.5s; }
  .res-nightmode ::-webkit-scrollbar-thumb:active,
  html[lang^=nm] ::-webkit-scrollbar-thumb:active {
    background-color: #bbb; }

.res-nightmode ::-webkit-scrollbar-corner,
html[lang^=nm] ::-webkit-scrollbar-corner {
  color: #555; }

.res-nightmode textarea,
html[lang^=nm] textarea {
  color: #000 !important; }

.res-nightmode .content,
html[lang^=nm] .content {
  margin-bottom: 0;
  margin-top: 0; }

.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit],
html[lang^=nm] input[type=button],
html[lang^=nm] input[type=reset],
html[lang^=nm] input[type=submit] {
  border: none; }

.res-nightmode .side .spacer .titlebox .redditname,
html[lang^=nm] .side .spacer .titlebox .redditname {
  border-left-color: #259eff; }

.res-nightmode .gold-accent,
html[lang^=nm] .gold-accent {
  background: #0078d7; }

.res-nightmode .thing .title:visited,
.res-nightmode .thing.visited .title,
html[lang^=nm] .thing .title:visited,
html[lang^=nm] .thing.visited .title {
  color: #808c94; }

.res-nightmode .thing .title,
html[lang^=nm] .thing .title {
  color: #B5C4D0; }

.res-nightmode .content.submit .info-notice,
.res-nightmode .submit-page .roundfield,
html[lang^=nm] .content.submit .info-notice,
html[lang^=nm] .submit-page .roundfield {
  background-color: #222;
  color: #eee; }

.res-nightmode #header #header-bottom-right #mail.havemail,
html[lang^=nm] #header #header-bottom-right #mail.havemail {
  outline: 0; }

.res-nightmode .formtabs-content .infobar,
html[lang^=nm] .formtabs-content .infobar {
  border-color: transparent !important; }

.res-nightmode .infobar,
html[lang^=nm] .infobar {
  border-color: #ff4500 !important; }

.res-nightmode span.score,
html[lang^=nm] span.score {
  color: #888 !important; }

.res-nightmode .comment.spam > .child,
.res-nightmode .message.spam > .child,
.res-nightmode .usertext.grayed .usertext-body,
html[lang^=nm] .comment.spam > .child,
html[lang^=nm] .message.spam > .child,
html[lang^=nm] .usertext.grayed .usertext-body {
  background-color: transparent; }

.res-nightmode div.commentarea .infobar,
html[lang^=nm] div.commentarea .infobar {
  color: #eee;
  border: none; }

.res-nightmode .comment,
html[lang^=nm] .comment {
  border: 1px solid #43474F; }

.res-nightmode a[href*='#icon-day'],
html[lang^=nm] a[href*='#icon-day'] {
  display: inline-block !important; }
  .res-nightmode a[href*='#icon-day']::before,
  html[lang^=nm] a[href*='#icon-day']::before {
    display: inline-block !important;
    display: none;
    height: 20px;
    width: 20px;
    content: '';
    margin: 0 7px -4px 0;
    background: url(%%spritesheet%%) -85px -294px; }

.res-nightmode a[href*='#icon-night'],
html[lang^=nm] a[href*='#icon-night'] {
  display: none; }

.res-nightmode a[href*="#icon-feedback"]::before,
html[lang^=nm] a[href*="#icon-feedback"]::before {
  background-position: -47px -149px; }

.res-nightmode a[href*="#icon-feedback2"]::before,
html[lang^=nm] a[href*="#icon-feedback2"]::before {
  background-position: -5px -375px; }

.res-nightmode a[href*="#iconz-tips"]::before,
html[lang^=nm] a[href*="#iconz-tips"]::before {
  background-position: -234px -47px; }

.res-nightmode a[href*="#iconz-updates"]::before,
html[lang^=nm] a[href*="#iconz-updates"]::before {
  background-position: -259px -119px; }

.res-nightmode a[href*="#iconz-faq"]::before,
html[lang^=nm] a[href*="#iconz-faq"]::before {
  background-position: -174px -47px; }

.res-nightmode a[href*="#iconz-install"]::before,
html[lang^=nm] a[href*="#iconz-install"]::before {
  background-position: -259px -119px; }

.res-nightmode a[href*="#iconz-wiki"]::before,
html[lang^=nm] a[href*="#iconz-wiki"]::before {
  background-position: -204px -149px; }

.res-nightmode #siteTable .thing,
.res-nightmode .link.promotedlink,
html[lang^=nm] #siteTable .thing,
html[lang^=nm] .link.promotedlink {
  background: #202020; }

.res-nightmode .organic-listing,
html[lang^=nm] .organic-listing {
  background: none !important; }

.res-nightmode body > .content #siteTable .thing.self .thumbnail,
html[lang^=nm] body > .content #siteTable .thing.self .thumbnail {
  background-position: -77px -5px; }

.res-nightmode body > .content #siteTable .thing .thumbnail.default,
html[lang^=nm] body > .content #siteTable .thing .thumbnail.default {
  background-position: -174px -77px; }

.res-nightmode div.side span.subscribers span.number:before,
html[lang^=nm] div.side span.subscribers span.number:before {
  background-position: -162px -5px; }

.res-nightmode .expando-button.selftext.collapsed,
html[lang^=nm] .expando-button.selftext.collapsed {
  background-position: -5px -242px; }
  .res-nightmode .expando-button.selftext.collapsed:hover,
  html[lang^=nm] .expando-button.selftext.collapsed:hover {
    background-position: -225px -204px; }

.res-nightmode .expando-button.selftext.expanded,
html[lang^=nm] .expando-button.selftext.expanded {
  background-position: -65px -204px; }
  .res-nightmode .expando-button.selftext.expanded:hover,
  html[lang^=nm] .expando-button.selftext.expanded:hover {
    background-position: -105px -204px; }

.res-nightmode .expando-button.video.collapsed,
html[lang^=nm] .expando-button.video.collapsed {
  background-position: -85px -242px; }
  .res-nightmode .expando-button.video.collapsed:hover,
  html[lang^=nm] .expando-button.video.collapsed:hover {
    background-position: -45px -242px; }

.res-nightmode .expando-button.video.expanded,
html[lang^=nm] .expando-button.video.expanded {
  background-position: -65px -204px; }
  .res-nightmode .expando-button.video.expanded:hover,
  html[lang^=nm] .expando-button.video.expanded:hover {
    background-position: -105px -204px; }

.res-nightmode .date:after,
html[lang^=nm] .date:after {
  border-color: transparent #393939 transparent transparent !important; }

.res-nightmode .date span,
html[lang^=nm] .date span {
  border-left: 5px solid #393939 !important;
  color: #ddd;
  border-right-color: #393939; }

.res-nightmode .date time,
html[lang^=nm] .date time {
  border-right: 1px solid #393939 !important; }

.res-nightmode .link.last-clicked,
html[lang^=nm] .link.last-clicked {
  background: #393939 !important; }

.res-nightmode .comments-page .link,
html[lang^=nm] .comments-page .link {
  border-left: 3px solid transparent; }

.res-nightmode .sitetable.nestedlisting > .thing.stickied,
html[lang^=nm] .sitetable.nestedlisting > .thing.stickied {
  background: #202020 !important;
  border-bottom: none; }

.res-nightmode .res .RES-keyNav-activeElement {
  background-color: #292929 !important; }

.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,
.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  background-color: #292929 !important; }

.res-nightmode .RES-keyNav-activeElement {
  background-color: #292929 !important; }
  .res-nightmode .RES-keyNav-activeElement .md-container {
    background-color: #292929 !important; }

.res-nightmode .arrow.upmod {
  background-position: -296px -60px !important; }

.res-nightmode .arrow.down {
  background-position: -321px -60px !important; }

.res-nightmode .arrow.up {
  background-position: -289px -194px !important; }

.res-nightmode .arrow.downmod {
  background-position: -271px -60px !important; }

.res-nightmode .side .titlebox > .fancy-toggle-button {
  background: #222 !important;
  color: #ddd !important; }

.res .commentarea .RES-keyNav-activeElement .md,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container {
  background-color: transparent !important; }

.res #sr-header-area #srDropdownContainer a:hover {
  opacity: 1; }

.res .comment .midcol {
  margin-left: 20px; }

.res .comment .new-comment {
  border: 2px solid #FFAB91 !important;
  border-radius: 0px !important; }

.res #sr-header-area #srDropdownContainer a {
  width: 35px;
  height: 23px;
  padding: 0;
  margin: 0;
  display: block;
  background: url(%%spritesheet%%) -225px -252px no-repeat;
  line-height: 35px;
  text-indent: -999em; }

.res .RES-keyNav-activeElement,
.res .commentarea .RES-keyNav-activeElement .md,
.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry {
  background-color: 0 0 !important; }

.res .RESDashboardToggle,
.res .RESshortcutside {
  background: 0 0;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
  color: #222; }

.res .sitetable .sitetable {
  margin-right: 0; }

.RESSubscriptionButton {
  color: #fff !important;
  border-radius: 1px !important;
  background-color: transparent !important; }

.RESSubscriptionButton {
  border: none !important; }

#RESAnnouncementAlert,
#userbarToggle,
.multi-count,
.sidecontentbox .content .RESUserTagImage::after,
.res .sidebox.create,
.res .message-count,
.res .side .userTagLink {
  display: none !important; }

#RESSettingsButton {
  right: 20px;
  top: 3px; }

#RESStaticShortcuts {
  line-height: 25px; }

.footer {
  border-bottom: 1px solid #0078d7;
  padding: 0;
  border-left: 1px solid #0078d7; }
  .footer::after {
    border-bottom: 1px solid #0078d7;
    display: block;
    margin-top: 0;
    padding: 10px;
    padding-top: 8px !important;
    color: #000;
    content: "Designed by /u/Jaskys";
    font-size: 16px;
    font-family: "Segoe UI", Helvetica, sans-serif;
    border-top: 34px solid #0078d7;
    border-right: 1px solid #0078d7;
    margin-bottom: -1.1px;
    width: 90px; }
  .footer div.col {
    position: relative;
    margin: 0;
    padding: 0;
    width: 176px;
    height: auto;
    font-family: "Segoe UI", Helvetica, sans-serif; }
    .footer div.col .title {
      font-size: 16px;
      text-transform: capitalize;
      padding: 8px;
      color: #fff;
      background: #0078d7;
      max-height: 18px; }
    .footer div.col a {
      display: block;
      margin: 5px;
      padding: 3px 4px 3px 7px;
      color: #000; }
      .footer div.col a:hover {
        color: #000;
        text-decoration: none;
        background: #fff; }
  .footer p.bottommenu {
    font-weight: 700;
    color: #FFF;
    clear: left;
    padding: 6px; }
    .footer p.bottommenu a {
      font-weight: 700;
      color: #FFF; }
  .footer .col {
    border-left: none !important; }

.debuginfo {
  background: #F6F6F6; }

.rounded {
  border-radius: 0; }

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

.titlebox h1.redditname a {
  font-size: 0; }
  .titlebox h1.redditname a:after {
    content: "Windows 10";
    color: #fff;
    font: 400 small verdana, arial, helvetica, sans-serif; }

#header .redditname a {
  font-size: 0;
  background: url(%%wincore-2%%) -5px -5px no-repeat;
  margin-left: 10px;
  height: 100px;
  display: block;
  position: absolute;
  top: 30px; }
  #header .redditname a:hover {
    background: url(%%wincore-2%%) -5px -115px no-repeat !important;
    text-decoration: none; }
  #header .redditname a:after {
    content: "Windows 10";
    font-size: 70px;
    font-weight: lighter;
    color: #ECF0F1;
    font-family: "Segoe UI Light", Helvetica, sans-serif;
    letter-spacing: .05em;
    margin-left: 100px;
    line-height: 100px;
    font-variant: normal;
    transition: background-color 0.5s; }

.flair-mod,
.flair-msft {
  border: none;
  background: 0 0;
  font-weight: 700; }
  .flair-mod:before,
  .flair-msft:before {
    content: "- "; }

.sidecontentbox .flair-mod {
  display: none; }

.flair-mod {
  color: #00a64f; }

.linklisting .flair-msft:after {
  display: none; }

.flair-msft {
  height: 16px;
  line-height: 16px;
  color: #0078D7;
  padding: 0; }
  .flair-msft:after {
    content: "Microsoft Employee";
    position: absolute;
    top: -0.7px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    text-align: right;
    padding: .25em .5em;
    border: 3px solid #8bb9e2;
    pointer-events: none; }

.author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT], .author[href$=another_mike_msft], .author[href$=JonTyrrell], .author[href$=JohnMSFT], .author[href$=ctrl_alt_steph], .author[href$=sedmison], .author[href$=MSFTJesse], .author[href$=paulcam], .author[href$=shanselman], .author[href$=ryanb_msft] {
  color: #0078D7;
  font-weight: 700; }

.author[href$=ildun], .author[href$=Katsuga50] {
  color: #e67e22;
  font-weight: 700; }

.flair-wiki {
  color: #e67e22;
  font-weight: 700;
  height: 16px;
  line-height: 16px;
  border: none;
  background: 0 0;
  padding: 0; }
  .flair-wiki:before {
    content: "- "; }

html:lang(nh) .linkflair-bug,
html:lang(nh) .linkflair-help {
  display: none !important; }

.flairselector {
  background-color: #fff; }

.linkflair-help .linkflairlabel {
  background-color: #FF6138;
  border-color: #FF6138; }

.linkflair-solved .linkflairlabel {
  background-color: #008a00;
  border-color: #008a00; }

.linkflair-unresolved .linkflairlabel {
  background-color: #FF7D4D;
  border-color: #FF7D4D; }

.linkflair-bug .linkflairlabel {
  background-color: #ce352c;
  border-color: #ce352c; }

.linkflair-update .linkflairlabel {
  background-color: #0078D7;
  border-color: #0078D7; }

.linkflair-feature .linkflairlabel {
  background-color: #00aba9;
  border-color: #00aba9; }

.linkflair-discussion .linkflairlabel {
  background-color: #ff9e00;
  border-color: #ff9e00; }

.linkflair-hardware .linkflairlabel {
  background-color: #f0a30a;
  border-color: #f0a30a; }

.linkflair-tip .linkflairlabel {
  background-color: #468966;
  border-color: #468966; }

.linkflair-meta .linkflairlabel {
  background-color: #4390df;
  border-color: #4390df; }

.linkflair-app .linkflairlabel {
  background-color: #bf5a15;
  border-color: #bf5a15; }

.linkflair-gaming .linkflairlabel {
  background-color: #107c10;
  border-color: #107c10; }

.linkflair-question .linkflairlabel {
  background-color: #008a00;
  border-color: #008a00; }

.linkflair-news .linkflairlabel {
  background-color: #F2385A;
  border-color: #F2385A; }

.linkflair-official .linkflairlabel {
  background-color: #2086bf;
  border-color: #2086bf; }

.linkflair-oc .linkflairlabel {
  background-color: #76608a;
  border-color: #76608a; }

.linkflair-concept .linkflairlabel {
  background-color: #14B6F5;
  border-color: #14B6F5; }

.linkflair-request .linkflairlabel {
  background-color: #00aba9;
  border-color: #00aba9; }

.side a[href*='#update'], .side a[href*='#official'], .side a[href*='#news'], .side a[href*='#help'], .side a[href*='#solved'], .side a[href*='#unresolved'], .side a[href*='#bug'], .side a[href*='#feature'], .side a[href*='#discussion'], .side a[href*='#hardware'], .side a[href*='#tip'], .side a[href*='#meta'], .side a[href*='#gaming'], .side a[href*='#app'], .side a[href*='#original%20content'], .side a[href*='#concept'], .side a[href*='#request'], .side a[href*='#question'], .side a[href*='#hideflair'], .side a[href*='#hidehelp'] {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 80%;
  padding: 3px 10px;
  color: #fff;
  margin: 3px; }

.side a[href*='#official'] {
  background: #2086bf; }

.side a[href*='#news'] {
  background: #F2385A; }

.side a[href*='#help'] {
  background: #FF6138; }

.side a[href*='#solved'] {
  background: #008a00; }

.side a[href*='#unresolved'] {
  background: #FF7D4D; }

.side a[href*='#bug'] {
  background: #ce352c; }

.side a[href*='#update'] {
  background: #81003c; }

.side a[href*='#feature'] {
  background: #00aba9; }

.side a[href*='#discussion'] {
  background: #bf5a15; }

.side a[href*='#hardware'] {
  background: #f0a30a; }

.side a[href*='#tip'] {
  background: #468966; }

.side a[href*='#meta'] {
  background: #4390df; }

.side a[href*='#gaming'] {
  background: #76608a; }

.side a[href*='#app'] {
  background: #bf5a15; }

.side a[href*='#original%20content'] {
  background: #0B9C67; }

.side a[href*='#concept'] {
  background: #14B6F5; }

.side a[href*='#request'] {
  background: #00aba9; }

.side a[href*='#question'] {
  background: #008a00; }

.side a[href*='#hideflair'], .side a[href*='#hidehelp'] {
  background: #E42608; }

.side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover {
  opacity: 0.8; }

.flair-special {
  margin: 0 4px 4px 0;
  padding: 0 11px 1px;
  border-width: 1px;
  border-radius: 1px;
  color: #fff;
  font-weight: 700;
  background-color: #008a00;
  border-color: #008a00; }

.linkflairlabel {
  margin: 0 4px -2px 0;
  padding: 0 4px 1px;
  vertical-align: -2px;
  color: #fff;
  font-weight: 400;
  font-size: 10px;
  font-family: "Segoe UI", Helvetica, sans-serif;
  pointer-events: none;
  border-width: 3px;
  border-radius: 1px;
  pointer-events: none; }
  .linkflairlabel:lang(nf) {
    display: none; }

.listing-page .linkflair-discussion {
  border-left: 3px solid #ff9e00 !important;
  background: rgba(255, 158, 0, 0.1); }

.listing-page .linkflair-tip {
  border-left: 3px solid #468966 !important;
  background: rgba(70, 137, 102, 0.1); }

.listing-page .linkflair-news {
  border-left: 3px solid #F2385A !important;
  background: rgba(242, 56, 90, 0.1); }

.comments-page .link.linkflair-solved {
  display: block; }

#header-img.default-header,
a[href*="#icon-day"] {
  display: none; }

a[href*='#square-app']::before {
  background: -187px -5px #bf5a15;
  border: 3px solid #e8e8e8; }

a[href*='#square-tip']::before {
  background: -187px -5px #555;
  border: 3px solid #e8e8e8; }

a[href*='#square-meta']::before {
  background: -187px -5px #4390df;
  border: 3px solid #e8e8e8; }

a[href*='#square-original']::before {
  background: -187px -5px #76608a;
  border: 3px solid #e8e8e8; }

a[href*='#square-concept']::before {
  background: -187px -5px #14B6F5;
  border: 3px solid #e8e8e8; }

a[href*='#square-solved']::before {
  background: -187px -5px #008a00;
  border: 3px solid #e8e8e8; }

a[href*='#square-hflairs']::before {
  background: -187px -5px #0078d7;
  border: 3px solid #e8e8e8;
  border-radius: 50%; }

a[href*='#square-hhelp']::before {
  background: -187px -5px #259eff;
  border: 3px solid #e8e8e8;
  border-radius: 50%; }

a[href*='#square'] + .keyNavAnnotation {
  display: none; }

a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before {
  display: inline-block;
  height: 10px;
  width: 10px;
  content: '';
  margin: 0 5px -4px 0; }

a[href*='#square-']:hover::before {
  text-decoration: none;
  background: #259eff;
  border-color: #80c2ff;
  left: 4px;
  top: 8px;
  transition: all 0.15s ease; }

a[href*='#square-bug']::before {
  background: -187px -5px #ce352c;
  border: 3px solid #e8e8e8; }

a[href*='#square-official']::before {
  background: -187px -5px #2086bf;
  border: 3px solid #e8e8e8; }

a[href*='#square-news']::before {
  background: -187px -5px #F2385A;
  border: 3px solid #e8e8e8; }

a[href*='#square-help']::before {
  background: -187px -5px #FF6138;
  border: 3px solid #e8e8e8; }

a[href*='#square-update']::before {
  background: -187px -5px #81003c;
  border: 3px solid #e8e8e8; }

a[href*='#square-discussion']::before {
  background: -187px -5px #ff9e00;
  border: 3px solid #e8e8e8; }

a[href*='#square-hardware']::before {
  background: -187px -5px #f0a30a;
  border: 3px solid #e8e8e8; }

a[href*='#square-gaming']::before {
  background: -187px -5px #107c10;
  border: 3px solid #e8e8e8; }

a[href*='#square-feature']::before, a[href*='#square-request']::before {
  background: -187px -5px #00aba9;
  border: 3px solid #e8e8e8; }

.side .md blockquote {
  padding: 2px 10px 5px;
  border-left: 5px solid #f5c684;
  background-color: #fef8f1;
  border-bottom: 1px solid #e6edf6;
  border-right: 1px solid #e6edf6;
  font-size: 10px;
  margin: 0 5px 0 0;
  color: #222; }
  .side .md blockquote:hover {
    background-color: #fcecd9;
    border-left-color: #f0ad4e; }
  .side .md blockquote a {
    font-size: 11px; }

.res-nightmode .side .md blockquote,
html[lang^=nm] .side .md blockquote {
  border-left: 5px solid #3B81FB !important;
  color: #ddd !important; }

a[href$="WindowsMobile#2"] {
  position: absolute;
  top: 134px;
  left: 48px;
  color: #ddd !important;
  z-index: 99;
  border-bottom: 2px solid transparent !important;
  text-transform: uppercase;
  transition: .15s ease-in-out;
  line-height: 14px;
  height: 22px;
  padding: 7px 9px 0;
  font-size: 11.4px !important;
  letter-spacing: 0.1em;
  font-family: "Segoe UI", Helvetica, sans-serif; }
  a[href$="WindowsMobile#2"]:hover {
    color: #fff !important;
    background: #259eff;
    border-color: #fff !important; }

a[href*="#Donsiders"], a[href*="#btn"] {
  display: inline-block;
  border: 1px solid #0081ba;
  color: #fff !important;
  padding: 10px 13px;
  margin: 5px 0;
  transition: all 0.5s;
  border-radius: 1px; }
  a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover {
    background: #259eff;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); }

a[href*="#Donsiders"] {
  background: #009e7e; }
  a[href*="#Donsiders"]:hover {
    background: #259eff; }

a[href*="#btn"] {
  background: #0057a6; }

a[href*="#square-showflairs"] {
  float: right; }
  a[href*="#square-showflairs"]::before {
    display: inline-block;
    height: 10px;
    width: 10px;
    content: "";
    background: -187px -5px #0078d7;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    margin-left: 5px; }

a[href*="#square-hflairs"]::after {
  content: "or";
  margin-left: 50px; }

a[href*="#square-hflairs"]:hover::after {
  color: #0078d7; }

.side .md [href$="#butt"] {
  display: inline-block !important;
  font-size: 8pt;
  border: 2px solid #0078d7;
  padding: 9px 8px;
  transition: background-color .5s;
  text-align: center;
  color: #0078d7; }
  .side .md [href$="#butt"]:hover {
    background: #0078d7;
    color: #fff; }

.side .md > p:first-of-type {
  display: none; }

.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after,
.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after {
  content: "- flair your thread as solved once your problem is resolved";
  margin-left: 6px;
  color: #008a00; }

.comments-page .link.linkflair-help .flat-list a.flairselectbtn {
  color: #0078D7 !important; }

.linkflair-solved.link {
  display: none; }

.search-page .linkflair-solved.link {
  display: block; }

a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon-night']::before, a[href*='#icon-feedback2']::before {
  display: inline-block;
  height: 20px;
  width: 20px;
  content: '';
  margin: 0 7px -4px 0; }

a[href*='#icon']:hover {
  text-decoration: none; }

a[href*='#icon-chat']::before {
  background: url(%%spritesheet%%) -5px -204px; }

a[href*='#icon-feedback']::before {
  background: url(%%spritesheet%%) -35px -204px; }

a[href*='#icon-night']::before {
  background: url(%%spritesheet%%) -125px -242px; }

a[href*='#icon-feedback2']::before {
  background: url(%%wincore-2%%) -5px -345px; }

a[href*="#icon-more"] {
  text-align: center;
  display: block;
  color: #259eff;
  font-size: 16px; }

a[href*='#iconz'] + .keyNavAnnotation {
  display: none; }

a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before {
  display: inline-block;
  height: 20px;
  width: 20px;
  content: '';
  margin: 0 7px -4px 0; }

a[href*='#iconz']:hover {
  text-decoration: none; }

a[href*='#iconz-tips']::before {
  background: url(%%spritesheet%%) -204px -47px; }

a[href*='#iconz-faq']::before {
  background: url(%%spritesheet%%) -47px -47px; }

a[href*='#iconz-updates']::before {
  background: url(%%spritesheet%%) -102px -77px; }

a[href*='#iconz-install']::before {
  background: url(%%spritesheet%%) -229px -119px; }

a[href*='#iconz-wiki']::before {
  background: url(%%spritesheet%%) -174px -149px; }

.link a.thumbnail[href*="blogs.windows.com"] {
  background: url(%%spritesheet%%) -234px -149px no-repeat !important;
  width: 45px;
  height: 45px;
  margin: 10px; }
  .link a.thumbnail[href*="blogs.windows.com"] img {
    display: none; }

.res-nightmode .subscribers .number:after,
.subscribers .number:after {
  content: " enjoying creators update"; }

.subscribers .word {
  display: none; }

.arrow.down {
  pointer-events: none; }

.subscriber .arrow.down {
  pointer-events: initial; }

#baconBit {
  width: 394px !important;
  height: 304px !important;
  background-image: url(%%res-easter-egg%%) no-repeat !important;
  transition: all 10s linear !important; }

.comments-page .usertext-edit div textarea {
  background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; }

.res-nightmode a[href*="#icon-chat"]::before,
html[lang^=nm] a[href*="#icon-chat"]::before {
  background-image: url(%%wincore-2%%);
  background-position: -5px -405px; }

.submit-page .side:before {
  content: "Use search before posting";
  font-size: large;
  color: #F85F73;
  margin-left: 27px;
  top: 2px;
  position: relative; }

.post-submitter .link:not(.linkflair) .flairselectbtn {
  display: block !important;
  position: fixed;
  bottom: 30px;
  height: 63px;
  width: 200px;
  left: 15px;
  z-index: 9999;
  font-size: 0px;
  line-height: 49px;
  font-family: "Segoe UI", Helvetica, sans-serif;
  background-image: url(%%flairy%%);
  background-position: 6px 26px;
  background-repeat: no-repeat;
  background-color: #00a64f;
  color: #fff;
  text-align: center;
  padding-left: 24px;
  border: 2px solid #0d9605;
  transition: opacity .5s;
  text-decoration: none;
  animation: toasty 500ms forwards;
  animation-iteration-count: 1;
  font-weight: normal; }
  .post-submitter .link:not(.linkflair) .flairselectbtn:before {
    background: #0d9605;
    display: block;
    height: 20px;
    width: 224px;
    position: relative;
    font-size: 13px;
    content: "Subreddit notification";
    line-height: 18px;
    text-align: left;
    text-indent: 10px;
    left: -24px;
    color: #fff; }
  .post-submitter .link:not(.linkflair) .flairselectbtn:after {
    content: "Click here to flair thread" !important;
    font-size: 14px;
    display: block;
    color: #fff;
    position: relative;
    top: -50px; }
  .post-submitter .link:not(.linkflair) .flairselectbtn:hover {
    border-color: #2dad56; }

@keyframes toasty {
  0% {
    transform: scale(0.3) rotateY(90deg); }
  60% {
    transform: scale(1.4); }
  90% {
    transform: scale(0.9); } }

.helplink ~ .content .author[href*=Jaskys]:after {
  content: '- Designer'; }

a[href$="WindowsApps#2"] {
  position: absolute;
  top: 134px;
  left: 112px;
  color: #ddd !important;
  z-index: 99;
  border-bottom: 2px solid transparent !important;
  text-transform: uppercase;
  transition: all .15s ease-in-out;
  line-height: 14px;
  height: 22px;
  padding: 7px 9px 0;
  font-size: 11.4px !important;
  letter-spacing: 0.1em;
  font-family: "Segoe UI", Helvetica, sans-serif; }
  a[href$="WindowsApps#2"]:hover {
    color: #fff !important;
    background: #259eff;
    border-color: #fff !important; }