/* -------------------------------------------------------------------------- */
/* THEME /R/REDMAT BY /U/TREETWO                                              */
/* -------------------------------------------------------------------------- */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/* VARIABLES */
/* Typography */
/* MIXINS */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
 }

#RESConsoleContainer * {
  box-sizing: content-box; }

input:focus, textarea:focus {
  outline: none; }

.trending-subreddits, .sidebox.create .spacer, #hsts_pixel,
#jumpToContent {
  display: none; }

.spacer {
  margin: 0px !important; }

.link.last-clicked {
  border: none;
  /* No dashed lines! */
  overflow: visible; }

h2 {
  font-size: 22px;
  padding-left: 12px;
  text-transform: capitalize; }

.md {
  color: #444;
  font-size: 12px;
  font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif; }

.md a, a {
  color: #5777A8; }

a:visited {
  color: #8D5BA4; }

.md a:hover, a:hover {
  color: #8aa0c1; }

button {
  box-shadow: none;
  background: rgba(153, 153, 153, 0);
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  color: #333;
  -webkit-transition: background 0.2s;
          transition: background 0.2s;
  margin-bottom: 12px;
  border-radius: 2px;
  border: none;
  color: #2196F3;
  min-width: 88px;
  line-height: 36px;
  height: 36px;
  padding: 0px 8px;
  text-align: center; }
  button:hover {
    background: rgba(153, 153, 153, 0.2);
    box-shadow: none;
    -webkit-transform: none;
            transform: none; }
  button:active {
    background: rgba(153, 153, 153, 0.4); }
  button[disabled] {
    background: none;
    color: rgba(0, 0, 0, 0.26); }

.content textarea, .content input[type=url],
.content input[type=email], .content input[type=text],
.content input[type=password], .content input[type=email], .side textarea, .side input[type=url],
.side input[type=email], .side input[type=text],
.side input[type=password], .side input[type=email] {
  padding: 12px;
  border-radius: 0px;
  border: none;
  background: #FEFEFE;
  -webkit-transition: box-shadow 0.3s, background 0.3s;
          transition: box-shadow 0.3s, background 0.3s;
  font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .content textarea:focus, .content input[type=url]:focus,
  .content input[type=email]:focus, .content input[type=text]:focus,
  .content input[type=password]:focus, .content input[type=email]:focus, .side textarea:focus, .side input[type=url]:focus,
  .side input[type=email]:focus, .side input[type=text]:focus,
  .side input[type=password]:focus, .side input[type=email]:focus {
    background: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .content textarea:disabled, .content input[type=url]:disabled,
  .content input[type=email]:disabled, .content input[type=text]:disabled,
  .content input[type=password]:disabled, .content input[type=email]:disabled, .side textarea:disabled, .side input[type=url]:disabled,
  .side input[type=email]:disabled, .side input[type=text]:disabled,
  .side input[type=password]:disabled, .side input[type=email]:disabled {
    background: rgba(0, 0, 0, 0.1);
    cursor: not-allowed; }

.content textarea, .side textarea {
  padding: 16px; }

body {
  position: relative;


  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #F1F1F1;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif;
  color: #444; }

body::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.4;
  top: 0; }

/* Pi symbol */
.debuginfo {
  position: absolute;
  right: 10px;
  bottom: 10px; }

.linkflairlabel, .flair {
  margin: 0px;
  margin-right: 4px;
  padding: 2px 8px;
  border-radius: 0px;
  border: 1px solid #e7e7e7;
  font-size: 10px; }

.side .flair {
  border-color: #BBB; }

/* Drop down container for top, comments, etc. */
.menuarea {
  text-align: center;
  border-bottom: none;
  padding-top: 12px; }

.listing-chooser {
  display: none; }

ul.tabmenu {
  font-size: 13px;
  margin: 0px;
  display: inline-block;
  max-width: 100%; }
  ul.tabmenu li {
    margin: 0px;
    min-width: 60px;
    display: inline-block;
    -webkit-transition: background 0.2s;
            transition: background 0.2s; }
    ul.tabmenu li.selected {
      border-bottom: 2px solid #FF5252; }
      ul.tabmenu li.selected a {
        background: transparent;
        border: none;
        /* Important for both submit page and normal page */
        opacity: 1; }
    ul.tabmenu li a {
      font-weight: normal;
      -webkit-transition: opacity 0.2s;
              transition: opacity 0.2s;
      background: transparent;
      color: white !important;
      opacity: 0.7;
      text-transform: uppercase;
      padding: 0 24px 18px;
      display: block;
      height: 100%; }
      ul.tabmenu li a:hover {
        opacity: 1; }

/* Toolbar Styles */
#tb-bottombar, #tb-bottombar * {
  box-sizing: content-box; }

#noresults {
  display: block;
  text-align: center;
  width: 100%;
  padding: 80px;
  font-size: 25px;
  font-weight: 100;
  color: #BF4040; }

#header {
  width: 100%;
  top: 0px;
  background: #3F51B5;
  border-bottom: none;
  height: 150px;
  z-index: 2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin-bottom: 30px; }
  #header #header-bottom-left {
    position: absolute;
    bottom: 0px;
    left: 56px;
    text-align: left;
    /* Need to push up redditname when no tabs */
    /* Get rid of nbsp */
    font-size: 0px;
    /* Tabs being supplied elsewhere on submit page */ }
    .submit-page #header #header-bottom-left {
      visibility: hidden; }
    #header #header-bottom-left #header-img {
      display: none;
      visibility: visible;
      position: absolute;
      left: -40px;
      top: -93px;
      width: 64px;
      height: 64px;
      background-image: url(%%spritesheet%%);
      background-position: -68px -68px;
      width: 64px;
      height: 64px;
      margin-top: 10px;
      opacity: 0.8;
      -webkit-transition: opacity 0.2s;
              transition: opacity 0.2s; }
      @media (max-width: 1150px) {
        #header #header-bottom-left #header-img {
          left: 4px; } }
      #header #header-bottom-left #header-img:hover {
        opacity: 1; }
    #header #header-bottom-left .redditname {
      visibility: visible;
      position: absolute;
      height: 80px;
      line-height: 80px;
      width: 100%;
      color: white;
      top: -88px;
      text-align: left;
      padding-left: 24px; }
      #header #header-bottom-left .redditname a {
        color: white;
        font-variant: none;
        font-size: 34px;
        font-weight: normal;
        position: relative; }
        #header #header-bottom-left .redditname a:hover {
          text-decoration: none; }
        .hot-page #header #header-bottom-left .redditname a::before, .new-page #header #header-bottom-left .redditname a::before, .rising-page #header #header-bottom-left .redditname a::before,
        .controversial-page #header #header-bottom-left .redditname a::before, .top-page #header #header-bottom-left .redditname a::before, .wiki-page #header #header-bottom-left .redditname a::before {
          background-image: url(%%spritesheet%%);
          background-position: 0px -136px;
          width: 36px;
          height: 36px;
          right: -50px;
          content: "";
          display: inline-block;
          position: absolute;
          bottom: 2px; }
        .hot-page #header #header-bottom-left .redditname a::after, .new-page #header #header-bottom-left .redditname a::after, .rising-page #header #header-bottom-left .redditname a::after,
        .controversial-page #header #header-bottom-left .redditname a::after, .top-page #header #header-bottom-left .redditname a::after, .wiki-page #header #header-bottom-left .redditname a::after {
          left: 100%;
          padding-left: 64px;
          position: absolute;
          display: inline-block; }
        .hot-page #header #header-bottom-left .redditname a::after {
          content: 'Hot'; }
        .new-page #header #header-bottom-left .redditname a::after {
          content: 'New'; }
        .rising-page #header #header-bottom-left .redditname a::after {
          content: 'Rising'; }
        .controversial-page #header #header-bottom-left .redditname a::after {
          content: 'Controversial'; }
        .top-page #header #header-bottom-left .redditname a::after {
          content: 'Top'; }
        .wiki-page #header #header-bottom-left .redditname a::after {
          content: 'Wiki'; }
        .submit-page #header #header-bottom-left .redditname a::after {
          content: 'Submit'; }
        .search-page #header #header-bottom-left .redditname a::after {
          content: 'Search'; }
  #header #header-bottom-right {
    position: absolute;
    top: 25px;
    bottom: initial;
    background: transparent;
    margin: 10px;
    margin-right: 18px;
    padding: 0px;
    /* No one needs this right? */
    /* For RES Users */ }
    #header #header-bottom-right .beta-hint[style],
    #header #header-bottom-right .beta-hint {
      display: none !important; }
    #header #header-bottom-right .message-count {
      background: rgba(255, 92, 92, 0.63); }
    #header #header-bottom-right #userbarToggle {
      border-radius: 0px;
      background: rgba(60, 60, 60, 0.8);
      -webkit-transition: background 0.2s, color 0.2s;
              transition: background 0.2s, color 0.2s;
      border: none;
      width: 40px;
      left: -40px;
      text-align: center;
      line-height: 35px;
      padding: 0px;
      font-size: 40px;
      font-weight: 100;
      color: #DDD; }
      #header #header-bottom-right #userbarToggle:hover {
        color: #FFF;
        background: rgba(60, 60, 60, 0.9); }
    #header #header-bottom-right.res-navTop {
      background: rgba(40, 40, 40, 0.3);
      margin-right: 0px;
      height: 40px;
      line-height: 40px;
      font-size: 11px;
      font-weight: 100; }
      #header #header-bottom-right.res-navTop * {
        text-transform: capitalize;
        font-weight: normal; }
      #header #header-bottom-right.res-navTop a, #header #header-bottom-right.res-navTop a:visited {
        color: white; }
      #header #header-bottom-right.res-navTop .separator {
        margin: 0px 10px;
        width: 1px;
        height: 100%;
        text-indent: 10px;
        background: #999; }
      #header #header-bottom-right.res-navTop .message-count {
        border-radius: 0px;
        width: 30px;
        text-align: center;
        font-size: 12px;
        margin-left: 6px; }
      #header #header-bottom-right.res-navTop .user {
        margin-left: 12px; }
      #header #header-bottom-right.res-navTop .logout {
        margin-right: 12px; }
    #header #header-bottom-right:not(.res-navTop) a {
      color: #FFF;
      font-weight: 100;
      font-size: 13px; }
    #header #header-bottom-right:not(.res-navTop) .separator {
      top: 0px;
      background: rgba(60, 60, 60, 0.9);
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      display: block;
      overflow: hidden;
      font-size: 0px;
      margin: 0px;
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: -1;
      border-radius: 2px; }
      #header #header-bottom-right:not(.res-navTop) .separator::before {
        content: '☰';
        color: white;
        font-size: 20px; }
      #header #header-bottom-right:not(.res-navTop) .separator ~ .separator {
        display: none;
        padding: 16px; }
    #header #header-bottom-right:not(.res-navTop):hover .separator {
      background: #3c3c3c; }
    #header #header-bottom-right:not(.res-navTop):hover .message-count {
      display: none; }
    #header #header-bottom-right:not(.res-navTop) > a#modmail {
      padding: 13px 40px;
      padding-right: 10px;
      display: inline-block;
      text-decoration: none; }
    #header #header-bottom-right:not(.res-navTop) > a#mail {
      padding: 13px 40px;
      padding-right: 10px;
      display: inline-block;
      text-decoration: none; }
    #header #header-bottom-right:not(.res-navTop) > ul a {
      padding: 13px 40px;
      padding-right: 10px;
      display: inline-block;
      text-decoration: none; }
    #header #header-bottom-right:not(.res-navTop) > .user a {
      padding: 13px 40px;
      padding-right: 10px;
      display: inline-block;
      text-decoration: none; }
    #header #header-bottom-right:not(.res-navTop) > form.logout a {
      padding: 13px 40px;
      padding-right: 10px;
      display: inline-block;
      text-decoration: none; }
    #header #header-bottom-right:not(.res-navTop):hover > a#modmail {
      display: block; }
    #header #header-bottom-right:not(.res-navTop) > a#modmail {
      display: none;
      margin: 0px;
      background: rgba(60, 60, 60, 0.9);
      width: 100%;
      position: static;
      text-transform: capitalize; }
    #header #header-bottom-right:not(.res-navTop) > a#modmail:hover {
      background: #3c3c3c; }
    #header #header-bottom-right:not(.res-navTop):hover > a#mail {
      display: block; }
    #header #header-bottom-right:not(.res-navTop) > a#mail {
      display: none;
      margin: 0px;
      background: rgba(60, 60, 60, 0.9);
      width: 100%;
      position: static;
      text-transform: capitalize; }
    #header #header-bottom-right:not(.res-navTop) > a#mail:hover {
      background: #3c3c3c; }
    #header #header-bottom-right:not(.res-navTop):hover > ul {
      display: block; }
    #header #header-bottom-right:not(.res-navTop) > ul {
      display: none;
      margin: 0px;
      background: rgba(60, 60, 60, 0.9);
      width: 100%;
      position: static;
      text-transform: capitalize; }
    #header #header-bottom-right:not(.res-navTop) > ul:hover {
      background: #3c3c3c; }
    #header #header-bottom-right:not(.res-navTop):hover > .user {
      display: block; }
    #header #header-bottom-right:not(.res-navTop) > .user {
      display: none;
      margin: 0px;
      background: rgba(60, 60, 60, 0.9);
      width: 100%;
      position: static;
      text-transform: capitalize; }
    #header #header-bottom-right:not(.res-navTop) > .user:hover {
      background: #3c3c3c; }
    #header #header-bottom-right:not(.res-navTop):hover > form.logout {
      display: block; }
    #header #header-bottom-right:not(.res-navTop) > form.logout {
      display: none;
      margin: 0px;
      background: rgba(60, 60, 60, 0.9);
      width: 100%;
      position: static;
      text-transform: capitalize; }
    #header #header-bottom-right:not(.res-navTop) > form.logout:hover {
      background: #3c3c3c; }
    #header #header-bottom-right:not(.res-navTop) #mail, #header #header-bottom-right:not(.res-navTop) #modmail {
      text-indent: 0px;
      height: initial; }
    #header #header-bottom-right:not(.res-navTop) .user {
      margin-top: 50px;
      padding-right: 55px;
      font-size: 0px; }
    #header #header-bottom-right:not(.res-navTop) > a#mail.havemail {
      background: rgba(105, 38, 38, 0.6); }
      #header #header-bottom-right:not(.res-navTop) > a#mail.havemail:hover {
        background: rgba(105, 38, 38, 0.7); }
  #header #sr-header-area {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    color: #AAA; }
    #header #sr-header-area a, #header #sr-header-area .dropdown.srdrop .selected {
      color: #AAA;
      height: 24px;
      line-height: 24px; }
      #header #sr-header-area a:hover, #header #sr-header-area .dropdown.srdrop .selected:hover {
        color: #DDD; }
    #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsEditContainer > * {
      background: transparent;
      color: #AAA;
      height: 24px;
      line-height: 24px; }
    #header #sr-header-area #RESShortcutsEditContainer > *:hover {
      color: #DDD; }

.side {
  z-index: 1;
  min-width: 0px;
  width: 340px;

  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
  margin: 0 35px 0 6px;
  right: 0px;
  position: relative;
  background: none;
  /* Subreddit specific sidebar info */ }
  @media (max-width: 1150px) {
    .side {
      width: 280px;
      margin-right: 0px; } }
  .side .spacer {
    padding: 0 25px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #333; }
  .side .spacer:first-child {
    padding-top: 30px;
    padding-bottom: 12px; }
  body:not(.comments-page) .side .spacer + .spacer + .spacer + .spacer,
  body.submit-page .side .spacer + .spacer,
  body.search-page .side .spacer + .spacer + .spacer,
  body.comments-page .side .spacer + .spacer + .spacer + .spacer + .spacer {
    padding-bottom: 30px;
    margin-bottom: 30px !important; }
    body:not(.comments-page) .side .spacer + .spacer + .spacer + .spacer + .spacer,
    body.submit-page .side .spacer + .spacer + .spacer,
    body.search-page .side .spacer + .spacer + .spacer + .spacer,
    body.comments-page .side .spacer + .spacer + .spacer + .spacer + .spacer + .spacer {
      background: white; }
  body:not(.comments-page) .side .spacer:first-child + .spacer + .spacer + .spacer + .spacer,
  body.submit-page .side .spacer:first-child + .spacer + .spacer,
  body.search-page .side .spacer:first-child + .spacer + .spacer + .spacer,
  body.comments-page .side .spacer:first-child + .spacer + .spacer + .spacer + .spacer + .spacer {
    padding: 0px; }
  .side #login_login-main {
    margin-top: 12px;
    background: rgba(255, 255, 255, 0.3);
    padding: 16px;
    border: none; }
    .side #login_login-main > input {
      width: 100%;
      margin: 4px 0; }
  .side #search input[type='text'] {
    border: none;
    padding: 16px;
    width: 100%; }
  .side #search input[type='submit'] {
    display: none; }
  .side #search #searchexpando {
    padding: 16px;
    background: #DBDBDB;
    border: 1px solid #DDD;
    margin-bottom: 40px; }
    .side #search #searchexpando p {
      margin: 0px; }
    .side #search #searchexpando #moresearchinfo {
      color: #555; }
      .side #search #searchexpando #moresearchinfo #search_hidemore {
        letter-spacing: 4px; }
      .side #search #searchexpando #moresearchinfo p:first-of-type::first-letter {
        text-transform: uppercase; }
      .side #search #searchexpando #moresearchinfo p:last-child {
        text-align: center;
        margin-top: 10px; }
      .side #search #searchexpando #moresearchinfo dt {
        margin-top: 12px; }
  .side .linkinfo {
    border: none;
    background: #DBDBDB;
    padding: 16px;
    border-radius: 0px;
    font-size: 12px;
    margin-bottom: 3px;
    color: #EEE;
    text-align: center;
    background: none; }
    .side .linkinfo .date {
      padding-bottom: 3px;
      margin-bottom: 5px; }
      .side .linkinfo .date span {
        font-size: 0px; }
        .side .linkinfo .date span::before {
          font-size: 12px;
          content: 'Submitted on '; }
    .side .linkinfo .totalvotes {
      font-size: 13px; }
    .side .linkinfo .score {
      font-weight: 300; }
      .side .linkinfo .score .number {
        font-size: 35px; }
      .side .linkinfo .score .word {
        text-transform: uppercase; }
    .side .linkinfo .shortlink {
      text-transform: capitalize;
      font-size: 0px;
      margin-top: 12px; }
      .side .linkinfo .shortlink input[type='text'] {
        margin-left: 4px;
        font-size: 14px; }
  .side .sidebox {
    margin-top: 8px;
    /* Post Link Button */ }
    .side .sidebox a {
      letter-spacing: 1px;
      box-sizing: content-box;
      padding: 6px 16px;
      outline: none;
      border: none;
      -webkit-transition: all 0.2s;
              transition: all 0.2s;
      text-transform: uppercase;
      border-radius: 2px;
      background: #3F51B5;
      font-weight: normal;
      font-size: 14px;
      color: white;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      color: white;
      padding-top: 9px;
      padding-bottom: 9px;
      box-sizing: border-box; }
      .side .sidebox a:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        background: #303F9F;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px); }
    .side .sidebox.create {
      display: none; }
    .side .sidebox .morelink {
      background: none;
      height: initial;
      height: auto;
      border: none; }
    .side .sidebox .nub {
      display: none; }
  .side .titlebox {
    text-align: left;
    position: relative;
    padding: 25px;
    padding-top: 90px;
    /* Green dot for online */
    /* All custom sidebar markdown stuff */ }
    .side .titlebox .md hr {
      height: 1px;
      margin: 12px 0;
      color: #BBB; }
    .side .titlebox .md blockquote {
      margin-left: 12px;
      border-left: 2px solid #BFBFBF; }
    .side .titlebox h1.redditname {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      font-size: 24px;
      border-bottom: none;
      font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif;
      height: 65px;
      line-height: 65px;
      background: #3F51B5;
      padding-left: 24px;
      margin: 0 0 24px 0;
      display: block;
      text-align: left;
      border-radius: 0px;
      color: white;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      .side .titlebox h1.redditname a {
        text-decoration: none;
        font-weight: normal;
        font-size: 24px;
        color: white; }
    .side .titlebox .fancy-toggle-button {
      background: transparent;
      height: 25px;
      margin: 12px 0;
      display: block;
      text-align: center;
      margin-bottom: 20px; }
      .side .titlebox .fancy-toggle-button a {
        background-image: none;
        -webkit-transition: background 0.3s;
                transition: background 0.3s;
        border-radius: 0px;
        margin-right: 10px;
        padding: 10px 30px;
        text-transform: uppercase;
        border: none;
        font-weight: normal;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        background: #FF5252;
        font-size: 14px; }
        .side .titlebox .fancy-toggle-button a:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
        .side .titlebox .fancy-toggle-button a.active {
          display: inline-block; }
    .side .titlebox .subButtons {
      text-align: center;
      margin: 12px 0; }
      .side .titlebox .subButtons span.RESshortcut, .side .titlebox .subButtons span.REStoggle {
        display: inline-block;
        background: none;
        width: auto;
        width: initial;
        box-shadow: none;
        background: rgba(153, 153, 153, 0);
        font-weight: normal;
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
        -webkit-transition: background 0.2s;
                transition: background 0.2s;
        margin-bottom: 12px;
        border-radius: 2px;
        border: none;
        color: #2196F3;
        min-width: 88px;
        line-height: 36px;
        height: 36px;
        padding: 0px 8px;
        text-align: center; }
        .side .titlebox .subButtons span.RESshortcut:hover, .side .titlebox .subButtons span.REStoggle:hover {
          background: rgba(153, 153, 153, 0.2);
          box-shadow: none;
          -webkit-transform: none;
                  transform: none; }
        .side .titlebox .subButtons span.RESshortcut:active, .side .titlebox .subButtons span.REStoggle:active {
          background: rgba(153, 153, 153, 0.4); }
        .side .titlebox .subButtons span.RESshortcut[disabled], .side .titlebox .subButtons span.REStoggle[disabled] {
          background: none;
          color: rgba(0, 0, 0, 0.26); }
    .side .titlebox .users-online {

      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;

      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      text-transform: capitalize; }
      .side .titlebox .users-online .number {
        margin-right: 4px; }
      .side .titlebox .users-online::before {
        background: #50914e;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        display: inline-block; }
    .side .titlebox form.flairtoggle {
      background: none; }
    .side .titlebox form.flairtoggle, .side .titlebox .users-online {
      color: #555;
      font-size: 11px; }
    .side .titlebox > .tagline {
      padding: 8px 12px;
      display: table;
      margin: 0 auto;
      margin-top: 10px;
      background: rgba(255, 255, 255, 0.4);
      border: 1px solid #CCC;
      margin-bottom: 24px; }
      .side .titlebox > .tagline .flairselector.active {
        left: 0px !important; }
    .side .titlebox .subscribers {
      display: block;
      text-align: center;
      margin-bottom: 18px;
      float: right;
      color: #777;
      font-size: 11px; }
    .side .titlebox .leavemoderator,
    .side .titlebox form.leavecontributor-button {
      background: #DBDBDB;
      padding: 16px;
      font-size: 11px;
      border: none;
      color: #4F4F4F; }
    .side .titlebox .leavemoderator {
      margin-top: 12px;
      padding-bottom: 8px;
      border-bottom: none; }
    .side .titlebox form.leavecontributor-button {
      margin-bottom: 12px;
      padding-top: 8px;
      border-top: none; }
    .side .titlebox .bottom {
      margin-top: 10px;
      border-top: 1px solid #BBB; }
    .side .titlebox .usertext {
      font-size: 13px;
      /*** Full Width Box ***/
      /*** Custom Buttons ***/
      /* h6 is reserved for buttons, hidden */ }
      .side .titlebox .usertext p, .side .titlebox .usertext th, .side .titlebox .usertext td, .side .titlebox .usertext li {
        font-size: 13px; }
      .side .titlebox .usertext pre, .side .titlebox .usertext code {
        font-size: 12px; }
      .side .titlebox .usertext p {
        margin-top: 12px; }
      .side .titlebox .usertext table th {
        background: rgba(0, 0, 0, 0.05); }
      .side .titlebox .usertext table th, .side .titlebox .usertext table td {
        border-color: #BBB; }
      .side .titlebox .usertext pre {
        border: none;
        background: #DBDBDB;
        padding: 16px;
        border-radius: 0px;
        font-size: 12px; }
      .side .titlebox .usertext h2 {
        text-align: left;
        margin-top: 40px;
        font-weight: normal;
        font-size: 20px; }
        .side .titlebox .usertext h2 strong {
          font-weight: normal; }
      .side .titlebox .usertext h4 {
        font-size: 15px;
        background: #DBDBDB;
        left: 14px;
        top: 10px;
        display: block;
        margin-top: 12px;
        padding: 24px 0 0 24px;
        font-weight: 100;
        line-height: 20px;
        margin: 0px -25px;
        font-weight: normal; }
        .side .titlebox .usertext h4 + blockquote {
          margin: 0px -25px 10px;
          border: medium none;
          background: #DBDBDB;
          padding: 16px;
          padding-left: 24px;
          padding-right: 24px; }
          .side .titlebox .usertext h4 + blockquote p {
            margin-top: 0px; }
          .side .titlebox .usertext h4 + blockquote blockquote {
            max-height: 0px;
            -webkit-transition: max-height 0.4s ease;
                    transition: max-height 0.4s ease;
            overflow: hidden; }
          .side .titlebox .usertext h4 + blockquote:hover blockquote {
            max-height: 400px; }
      .side .titlebox .usertext h6 {
        display: none;
        /* Default Button */
        /* Blue Button */
        /* Green Button */
        /* Red Button */ }
        .side .titlebox .usertext h6 + h1, .side .titlebox .usertext h6 + h2,
        .side .titlebox .usertext h6 + h3, .side .titlebox .usertext h6 + h5 {
          text-align: center;
          margin: 20px 0;
          padding: 0 30px;
          line-height: initial; }
          .side .titlebox .usertext h6 + h1 a, .side .titlebox .usertext h6 + h2 a,
          .side .titlebox .usertext h6 + h3 a, .side .titlebox .usertext h6 + h5 a {
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            font-size: 14px;
            text-transform: uppercase;
            color: white;
            display: block;
            padding: 14px 24px;
            -webkit-transition: all 0.3s;
                    transition: all 0.3s;
            font-weight: normal; }
            .side .titlebox .usertext h6 + h1 a:hover, .side .titlebox .usertext h6 + h2 a:hover,
            .side .titlebox .usertext h6 + h3 a:hover, .side .titlebox .usertext h6 + h5 a:hover {
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
              -webkit-transform: translateY(-2px);
                      transform: translateY(-2px); }
        .side .titlebox .usertext h6 + h5 a {
          background: #303F9F; }
          .side .titlebox .usertext h6 + h5 a:hover {
            background: #3F51B5; }
        .side .titlebox .usertext h6 + h1 a {
          background: #376E9E; }
          .side .titlebox .usertext h6 + h1 a:hover {
            background: #3F7DB5; }
        .side .titlebox .usertext h6 + h2 a {
          background: #379E40; }
          .side .titlebox .usertext h6 + h2 a:hover {
            background: #3FB548;
            text-decoration: none; }
        .side .titlebox .usertext h6 + h3 a {
          background: #9F3030; }
          .side .titlebox .usertext h6 + h3 a:hover {
            background: #B53F3F; }
  .side #ad_main {
    margin-top: 30px;
    width: 100%; }
  .side .sidecontentbox li.more {
    border-top: 1px solid #BBB;
    padding-top: 3px;
    margin-top: 8px; }
  .side .sidecontentbox .linkflairlabel {
    display: none; }
  .side .sidecontentbox .title {
    font-size: 24px;
    border-bottom: none;
    font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif;
    height: 65px;
    line-height: 65px;
    background: #3F51B5;
    padding-left: 24px;
    margin: 0 0 24px 0;
    display: block;
    text-align: left;
    border-radius: 0px;
    color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-left: -26px;
    margin-right: -26px; }
    .side .sidecontentbox .title h1 {
      text-transform: lowercase;
      font-size: 24px;
      color: white; }
  .side .sidecontentbox .thing {

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 70px;
    margin-bottom: 5px; }
  .side .sidecontentbox .content {
    padding: 0px;
    border: 0px; }
    .side .sidecontentbox .content .right a {
      font-size: 0px; }
      .side .sidecontentbox .content .right a::after {
        font-size: 10px;
        content: '[ CLEAR ]'; }
  .side .sidecontentbox .midcol {
    margin-right: 3px; }
  .side .sidecontentbox .midcol .arrow {
    margin-right: 0px;
    margin-left: 0px; }
  .side .sidecontentbox .entry {
    margin: 0px;
    position: relative;
    margin-right: 0px; }
  .side .sidecontentbox a.reddit-link-title {
    font-weight: normal;
    color: #555;
    display: inline;
    padding-bottom: 3px;
    margin-bottom: 1px;
    margin-right: 5px;
    width: 100%; }
    .side .sidecontentbox a.reddit-link-title:hover {
      color: #888; }
  .side .sidecontentbox .reddit-entry small {
    font-size: 11px; }
    .side .sidecontentbox .reddit-entry small .score {
      margin: 0px; }
  .side .account-activity-box {
    text-transform: uppercase;
    padding-top: 40px; }
  .side .icon-menu a {
    background: none; }

.goldvertisement {
  margin: 50px 0;
  border: none;
  box-shadow: none;
  padding: 10px; }
  .goldvertisement h2 {
    padding: 4px;
    text-align: center;
    border-bottom: 1px solid #AAA;
    text-transform: uppercase;
    color: #444;
    margin-bottom: 10px;
    font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif; }
  .goldvertisement .progress .bar {
    border-radius: 0px;
    border-color: #A19868; }
    .goldvertisement .progress .bar span {
      background-image: none;
      border-radius: 0px;
      background-color: #BFB57C; }
  .goldvertisement .inner {
    border: none; }
    .goldvertisement .inner a {
      -webkit-transition: background 0.3s;
              transition: background 0.3s;
      box-sizing: content-box;
      border: 1px solid #BFBFBF;
      background: #DBDBDB;
      padding: 3px 12px 2px;
      height: 16px;
      line-height: 16px;
      font-size: 0px;
      margin: 0px;
      color: #666;
      text-transform: uppercase;
      border-radius: 1px; }
      .goldvertisement .inner a::before {
        content: "Support Reddit";
        font-size: 9px; }
      .goldvertisement .inner a:hover {
        background: white; }

body > .content {
  z-index: 3;
  position: relative;
  border-radius: 2px;
  margin: 0 0 0 35px !important;
  background: none;
  overflow: hidden;
  padding-bottom: 500px; }
  @media (max-width: 1150px) {
    body > .content {
      margin-left: 0px !important; } }

#siteTable {
  /* Needed to offset absolutely positioned nav buttons */
  padding-bottom: 45px; }
  #siteTable .thing {
    margin: 0px 12px; }
    @media (max-width: 1150px) {
      #siteTable .thing {
        padding: 8px; } }
    #siteTable .thing .entry {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      background: white;
      padding: 12px 20px 18px;
      overflow: visible;
      position: relative;

      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;

      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-left: 150px;
      border-radius: 1px;
      -webkit-transition: all 0.2s;
              transition: all 0.2s;
      /* Preview Content Button */
      /* Form that shows up after you click report */ }
      body:not(.comments-page) #siteTable .thing .entry:hover {
        background: #FCFCFC;
        padding-right: 120px; }
      #siteTable .thing .entry.RES-keyNav-activeElement {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        background: #FAFAFA !important;
        z-index: 20;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px); }
      @media (max-width: 1150px) {
        #siteTable .thing .entry {
          margin-left: 120px; } }
      #siteTable .thing .entry .tagline {
        height: 22px;
        line-height: 22px; }
      #siteTable .thing .entry .expando-button {
        height: 18px;
        margin-top: 0px;
        background: transparent;
        margin-bottom: 0px;
        cursor: pointer;
        opacity: 0.6;
        position: relative; }
        #siteTable .thing .entry .expando-button.image, #siteTable .thing .entry .expando-button.video {
          background-image: url(%%spritesheet%%);
          background-position: -126px -154px;
          width: 18px;
          height: 18px;
          top: 2px; }
          #siteTable .thing .entry .expando-button.image:hover, #siteTable .thing .entry .expando-button.video:hover {
            background-image: url(%%spritesheet%%);
            background-position: -108px -154px;
            width: 18px;
            height: 18px; }
        #siteTable .thing .entry .expando-button.selftext {
          background-image: url(%%spritesheet%%);
          background-position: -126px -136px;
          width: 18px;
          height: 18px;
          top: 1px; }
          #siteTable .thing .entry .expando-button.selftext:hover {
            background-image: url(%%spritesheet%%);
            background-position: -162px -136px;
            width: 18px;
            height: 18px; }
      #siteTable .thing .entry .expando {
        width: 100%; }
        #siteTable .thing .entry .expando .usertext-body .md {
          border: 1px solid #DDD;
          border-radius: 0px; }
      #siteTable .thing .entry .report-action-form,
      #siteTable .thing .entry .post-sharing {
        background: #DBDBDB;
        border-radius: 0px;
        padding: 16px;
        max-width: none;
        border: none;
        width: 100%;
        margin: 12px;
        margin-right: 65%; }
      #siteTable .thing .entry .report-action-form .reason-prompt {
        padding-bottom: 1px;
        display: inline-block;
        padding-bottom: 2px;
        margin-bottom: 8px;
        border-bottom: 1px solid #DDD;
        width: 80%;
        font-weight: bold; }
        #siteTable .thing .entry .report-action-form .reason-prompt:first-letter {
          text-transform: uppercase; }
      #siteTable .thing .entry .report-action-form label > input[type='radio'] {
        margin-right: 12px; }
      #siteTable .thing .entry .report-action-form button[type='submit'] {
        margin-right: 6px; }
      #siteTable .thing .entry .post-sharing .post-sharing-main {
        pointer-events: none; }

.thing .rank {
  display: none; }

.thing .midcol {
  /* Votes */
  min-width: 40px !important;
  margin: 0px;
  overflow: visible; }
  .thing .midcol .score {
    font-weight: normal;
    color: #757575;
    position: relative;
    top: 5px;
    font-size: 15px;
    font-weight: bold; }
  .thing .midcol .arrow {
    color: #666;
    font-size: 1.4em;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 25px !important;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s; }
    .thing .midcol .arrow:hover {
      opacity: 1; }
    .thing .midcol .arrow.up {
      background-image: url(%%spritesheet%%);
      background-position: -136px -84px;
      width: 36px;
      height: 36px; }
    .thing .midcol .arrow.down {
      background-image: url(%%spritesheet%%);
      background-position: -136px -48px;
      width: 36px;
      height: 36px; }
    .thing .midcol .arrow.upmod {
      background-image: url(%%spritesheet%%);
      background-position: -36px -136px;
      width: 36px;
      height: 36px;
      opacity: 1; }
    .thing .midcol .arrow.downmod {
      background-image: url(%%spritesheet%%);
      background-position: -72px -136px;
      width: 36px;
      height: 36px;
      opacity: 1; }
  .thing .midcol .arrow.upmod, .thing .midcol .score.likes {
    color: #B37159; }
  .thing .midcol .arrow.downmod, .thing .midcol .link .score.dislikes {
    color: #5959B3; }

.thing .thumbnail {
  background: #3F51B5;
  height: 70px !important;
  min-width: 70px;
  margin: 0 20px;
  margin-top: 6px;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  @media (max-width: 1150px) {
    .thing .thumbnail {
      margin: 0 0 6px 0; } }
  .thing .thumbnail::after, .thing .thumbnail.default::before, .thing .thumbnail.self::before, .thing .thumbnail.nsfw::before {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    overflow: hidden; }
  .thing .thumbnail.default, .thing .thumbnail.self, .thing .thumbnail.nsfw {
    background-image: none; }
  .thing .thumbnail::after {
    background: white;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s; }
  .thing .thumbnail:hover::after {
    opacity: 0.2; }
  .thing .thumbnail.default::before {
    background-image: url(%%spritesheet%%);
    background-position: 0px -68px;
    width: 68px;
    height: 68px; }
  .thing .thumbnail.self::before {
    background-image: url(%%spritesheet%%);
    background-position: 0px 0px;
    width: 68px;
    height: 68px; }
  .thing .thumbnail.nsfw::before {
    background-image: url(%%spritesheet%%);
    background-position: -68px 0px;
    width: 68px;
    height: 68px; }
  .thing .thumbnail img {
    display: inline-block;
    height: 100%;
    width: auto; }

.thing .entry {
  /* When looking at preview of image */ }
  .thing .entry > .madeVisible {
    display: block;
    width: 100%;
    margin: 30px; }
  .thing .entry p.title {
    line-height: 20px;
    padding: 7px 0;
    margin: 0px;
    padding-right: 30px;
    padding: 8px 30px 4px 0;
    width: 100%; }
    .thing .entry p.title a.title {
      color: #444; }
      .thing .entry p.title a.title:hover {
        color: #5777A8; }
      .thing .entry p.title a.title:visited {
        color: #666; }
        .thing .entry p.title a.title:visited:hover {
          color: #8D5BA4; }
  .thing .entry .tagline {

    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    line-height: 12px;
    font-size: 0px;

    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    /* Remove the word 'submitted' from the tagline */
    /* User Flair */ }
    .thing .entry .tagline time,
    .thing .entry .tagline .author,
    .thing .entry .tagline .RESUserTag {
      font-size: 10px; }
    .thing .entry .tagline time::after {
      content: 'by';
      padding: 0 3px; }
    .thing .entry .tagline .flair {
      margin-left: 4px;
      display: inline; }
  .thing .entry .linkflairlabel, .thing .entry .domain {
    display: inline; }
  .thing .entry .domain, .thing .entry .domain a {
    color: #BBB;
    font-weight: 100; }
  .thing .entry .flat-list.buttons {
    margin-right: 14px;
    text-transform: uppercase;
    height: 22px;
    line-height: 22px;
    padding: 0px;
    /* NSFW Tag */ }
    .thing .entry .flat-list.buttons .option.error.active {
      color: #212121;
      position: absolute;
      background: white none repeat scroll 0% 0%;
      z-index: 999;
      padding: 24px 8px 8px 24px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      font-size: 0px;
      width: 250px;
      text-align: left; }
      .thing .entry .flat-list.buttons .option.error.active::before {
        content: "Are you sure?";
        font-size: 18px;
        display: block;
        margin-bottom: 4px; }
      .thing .entry .flat-list.buttons .option.error.active a.yes, .thing .entry .flat-list.buttons .option.error.active a.no {
        box-shadow: none;
        background: rgba(153, 153, 153, 0);
        font-weight: normal;
        text-transform: uppercase;
        font-size: 14px;
        color: #333;
        -webkit-transition: background 0.2s;
                transition: background 0.2s;
        margin-bottom: 12px;
        border-radius: 2px;
        border: none;
        color: #2196F3;
        min-width: 88px;
        line-height: 36px;
        height: 36px;
        padding: 0px 8px;
        text-align: center;
        display: inline-block;
        float: right;
        color: #2196F3; }
        .thing .entry .flat-list.buttons .option.error.active a.yes:hover, .thing .entry .flat-list.buttons .option.error.active a.no:hover {
          background: rgba(153, 153, 153, 0.2);
          box-shadow: none;
          -webkit-transform: none;
                  transform: none; }
        .thing .entry .flat-list.buttons .option.error.active a.yes:active, .thing .entry .flat-list.buttons .option.error.active a.no:active {
          background: rgba(153, 153, 153, 0.4); }
        .thing .entry .flat-list.buttons .option.error.active a.yes[disabled], .thing .entry .flat-list.buttons .option.error.active a.no[disabled] {
          background: none;
          color: rgba(0, 0, 0, 0.26); }
      .thing .entry .flat-list.buttons .option.error.active a.yes {
        margin-right: 8px; }
    .thing .entry .flat-list.buttons li.first {
      text-transform: uppercase;
      line-height: 18px; }
    .thing .entry .flat-list.buttons li a {
      font-weight: normal;
      font-size: 10px; }
    .thing .entry .flat-list.buttons .nsfw-stamp {
      border-radius: 1px;
      color: #B93F4F;
      border-color: #B93F4F; }

@media (min-width: 1150px) {
  .loggedin.listing-page .thing {
    /* Show/hide corner icons on link hover */ }
    .loggedin.listing-page .thing:hover .flat-list.buttons li.share, .loggedin.listing-page .thing:hover .flat-list.buttons li.share ~ li {
      opacity: 1; }
    .loggedin.listing-page .thing .flat-list.buttons li.share, .loggedin.listing-page .thing .flat-list.buttons li.share ~ li {
      opacity: 0;
      white-space: nowrap;
      width: 15px;
      position: absolute;
      top: 10px;
      text-align: center;
      color: white;
      /* Corner button icons */
      /* Icons on hover */
      /* Tooltips */ }
      .loggedin.listing-page .thing .flat-list.buttons li.share::after, .loggedin.listing-page .thing .flat-list.buttons li.share ~ li::after {
        opacity: 0.6;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        text-align: center;
        background-repeat: no-repeat;
        content: '';
        width: 18px;
        height: 18px;
        pointer-events: none;
        -webkit-transition: opacity 0.15s;
                transition: opacity 0.15s; }
      .loggedin.listing-page .thing .flat-list.buttons li.share:hover::after, .loggedin.listing-page .thing .flat-list.buttons li.share ~ li:hover::after {
        opacity: 1; }
      .loggedin.listing-page .thing .flat-list.buttons li.share a, .loggedin.listing-page .thing .flat-list.buttons li.share ~ li a {
        opacity: 0;
        position: absolute;
        top: -20px;
        left: 0px;
        bottom: 0px;
        display: block;
        height: 40px;
        color: white;
        font-weight: 100;
        text-transform: uppercase;
        z-index: 30;
        /* Can't have correct padding on tooltips without
                    sacrificing perfect hover on icons */
        /*width: 18px;*/ }
        .loggedin.listing-page .thing .flat-list.buttons li.share a:hover, .loggedin.listing-page .thing .flat-list.buttons li.share ~ li a:hover {
          text-decoration: none;
          opacity: 0.9; }
        .loggedin.listing-page .thing .flat-list.buttons li.share a::after, .loggedin.listing-page .thing .flat-list.buttons li.share ~ li a::after {
          content: "";
          border-radius: 2px;
          background: rgba(0, 0, 0, 0.7);
          display: block;
          height: 22px;
          position: absolute;
          top: -3px;
          left: -7px;
          right: -7px;
          padding-right: 10px;
          z-index: -1; }
  /* Cancel styles for extra buttons from res / toolbox / being moderator */
  .res.loggedin.listing-page .thing .flat-list.buttons li.report-button + li,
  .moderator.listing-page .thing .flat-list.buttons li.share + li + li + li ~ li,
  .moderator.listing-page .thing .flat-list.buttons li.first + li:not(.share) {
    opacity: 1;
    position: static;
    width: auto;
    width: initial; }
  /* Cancel styles for mod/res anchor */
  .moderator.listing-page .thing .flat-list.buttons li.share + li + li + li ~ li a {
    opacity: 1;
    position: static;
    color: initial;
    height: initial;
    font-weight: initial;
    color: #777; }
    .moderator.listing-page .thing .flat-list.buttons li.share + li + li + li ~ li a::after {
      display: none; }
  .listing-page .flat-list.buttons li.share + li + li + li ~ li::after {
    display: none; }
  .listing-page .flat-list.buttons li.share {
    /* Share Button */
    right: 131px; }
    .listing-page .flat-list.buttons li.share::after {
      background-image: url(%%spritesheet%%);
      background-position: -184px -18px;
      width: 18px;
      height: 18px; }
  .listing-page .flat-list.buttons li.link-save-button, .listing-page .flat-list.buttons li.link-unsave-button {
    /* Save Button */
    right: 94px; }
    .listing-page .flat-list.buttons li.link-save-button::after, .listing-page .flat-list.buttons li.link-unsave-button::after {
      background-image: url(%%spritesheet%%);
      background-position: -184px -54px;
      width: 18px;
      height: 18px; }
  .listing-page .flat-list.buttons li.report-button {
    /* Report (Flag) Button */
    right: 57px; }
    .listing-page .flat-list.buttons li.report-button::after {
      background-image: url(%%spritesheet%%);
      background-position: -184px -72px;
      width: 18px;
      height: 18px; }
  .listing-page .flat-list.buttons li.share + li + li {
    /* Hide (Close) Button */
    right: 20px; }
    .listing-page .flat-list.buttons li.share + li + li::after {
      background-image: url(%%spritesheet%%);
      background-position: -184px -36px;
      width: 18px;
      height: 18px; }
  .moderator.listing-page .flat-list.buttons li.share + li + li + li {
    right: 57px; }
    .moderator.listing-page .flat-list.buttons li.share + li + li + li::after {
      background-image: url(%%spritesheet%%);
      background-position: -184px -72px;
      width: 18px;
      height: 18px; }
  /* For promoted page */
  .content .infobar {
    border: 1px solid #DDD;
    background: #DBDBDB;
    margin: 0 auto;
    margin-top: 15px;
    max-width: 500px;
    width: 100%;
    text-align: center; }
  /* Next page buttons */
  .content .nav-buttons {
    height: 50px;
    line-height: 50px;
    text-align: right;
    padding-right: 30px;
    position: absolute;
    bottom: 0px;
    width: 100%; }
    .content .nav-buttons .nextprev a,
    .content .nav-buttons .next-suggestions a::before {
      border-radius: 0px;
      padding: 4px 12px;
      font-weight: 100;
      color: #444;
      height: 24px;
      line-height: 24px;
      border: 1px solid #AAA;
      background: #DBDBDB;
      -webkit-transition: background 0.3s;
              transition: background 0.3s; }
    .content .nav-buttons .nextprev a:hover,
    .content .nav-buttons .next-suggestions a:hover::before {
      background: #CCC; }
    .content .nav-buttons .nextprev a:active,
    .content .nav-buttons .next-suggestions a:active::before {
      background: #BBB; }
    .content .nav-buttons .nextprev {
      text-transform: capitalize;
      margin-right: 24px; }
      .content .nav-buttons .nextprev a {
        text-transform: uppercase; }
    .content .nav-buttons .next-suggestions a {
      visibility: hidden;
      font-size: 0px; }
      .content .nav-buttons .next-suggestions a::before {
        visibility: visible;
        font-size: 12px;
        content: 'Explore Subreddits';
        margin-left: 4px; } }

.comments-page .thing a.title:visited {
  color: #444; }

.commentarea {
  padding: 16px;
  color: #555;
  /* RES */
  /* Parent Comments */ }
  .commentarea .comment-visits-box {
    border: none;
    border-radius: 0px;
    background: #DBDBDB;
    padding: 10px 24px; }
  .commentarea .panestack-title {
    border-bottom: none;
    text-transform: capitalize;
    text-align: left;
    width: 80%;
    margin: 0px auto;
    max-width: 600px; }
    .commentarea .panestack-title .title {
      font-size: 18px; }
    .commentarea .panestack-title #REScommentSubToggle {
      padding: 4px 12px;
      border-radius: 0px;
      background: #DBDBDB;
      -webkit-transition: background 0.2s;
              transition: background 0.2s;
      color: #666;
      font-weight: normal;
      box-sizing: content-box;
      padding: 6px 16px;
      outline: none;
      border: none;
      -webkit-transition: all 0.2s;
              transition: all 0.2s;
      text-transform: uppercase;
      border-radius: 2px;
      background: #3F51B5;
      font-weight: normal;
      font-size: 14px;
      color: white;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      .commentarea .panestack-title #REScommentSubToggle:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        background: #303F9F;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px); }
  .commentarea .menuarea {
    display: block;
    overflow: visible;
    max-width: 600px;
    text-align: left;
    margin: 25px auto !important; }
    .commentarea .menuarea .loadFlat {
      margin-left: 12px; }
    .commentarea .menuarea > .spacer:first-child {
      display: block;
      height: 35px;
      width: 100%; }
    .commentarea .menuarea > .spacer + .spacer {
      width: 100%; }
    .commentarea .menuarea .toggle .togglebutton,
    .commentarea .menuarea #REScommentNavToggle [id^='nav'] {
      font-size: 12px;
      font-weight: normal;
      text-transform: capitalize;
      -webkit-transition: color 0.15s;
              transition: color 0.15s; }
      .commentarea .menuarea .toggle .togglebutton:hover,
      .commentarea .menuarea #REScommentNavToggle [id^='nav']:hover {
        color: black; }
    .commentarea .menuarea form.toggle:first-child {
      margin-left: 0px; }
    .commentarea .menuarea .spacer .dropdown-title:first-letter {
      text-transform: uppercase; }
    .commentarea .menuarea .spacer .dropdown {
      text-transform: uppercase;
      border: 1px solid #DDD;
      margin-left: 4px;
      padding: 5px;
      padding-left: 12px;
      text-decoration: none;
      -webkit-transition: background 0.2s;
              transition: background 0.2s;
      background: rgba(0, 0, 0, 0.1); }
      .commentarea .menuarea .spacer .dropdown:hover {
        background: rgba(0, 0, 0, 0.2);
        cursor: pointer; }
      .commentarea .menuarea .spacer .dropdown .selected {
        text-decoration: none;
        font-weight: normal; }
    .commentarea .menuarea .spacer .drop-choices {
      margin-top: 14px;
      background: transparent; }
      .commentarea .menuarea .spacer .drop-choices > *:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px; }
      .commentarea .menuarea .spacer .drop-choices > *:last-child {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px; }
      .commentarea .menuarea .spacer .drop-choices a {
        background: rgba(60, 60, 60, 0.9);
        padding: 6px 24px;
        color: #EEE;
        text-transform: capitalize;
        text-align: left; }
        .commentarea .menuarea .spacer .drop-choices a:hover {
          background: rgba(60, 60, 60, 0.95); }
  .commentarea > .usertext {
    overflow: visible;
    margin-top: 20px; }
  .commentarea .usertext-edit {
    width: 80%;
    max-width: 600px;
    margin: 20px auto 60px; }
    .commentarea .usertext-edit > * {
      width: initial; }
    .commentarea .usertext-edit .md textarea {
      width: 100%;
      margin: 5px 0; }
    .commentarea .usertext-edit .bottom-area {
      /* Save and cancel buttons */ }
      .commentarea .usertext-edit .bottom-area #RESBigEditorPop {
        box-sizing: content-box;
        padding: 6px 16px;
        outline: none;
        border: none;
        -webkit-transition: all 0.2s;
                transition: all 0.2s;
        text-transform: uppercase;
        border-radius: 2px;
        background: #3F51B5;
        font-weight: normal;
        font-size: 14px;
        color: white;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
        .commentarea .usertext-edit .bottom-area #RESBigEditorPop:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          background: #303F9F;
          -webkit-transform: translateY(-2px);
                  transform: translateY(-2px); }
      .commentarea .usertext-edit .bottom-area .usertext-buttons button {
        box-sizing: content-box;
        padding: 6px 16px;
        outline: none;
        border: none;
        -webkit-transition: all 0.2s;
                transition: all 0.2s;
        text-transform: uppercase;
        border-radius: 2px;
        background: #3F51B5;
        font-weight: normal;
        font-size: 14px;
        color: white;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
        .commentarea .usertext-edit .bottom-area .usertext-buttons button:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          background: #303F9F;
          -webkit-transform: translateY(-2px);
                  transform: translateY(-2px); }
  .commentarea > .sitetable > .comment {
    background: #DBDBDB;
    padding: 16px;
    border-radius: 2px;
    border: none !important;
    margin: 0px !important;
    overflow: visible; }
  .commentarea .comment {
    border-left: 2px solid #FF5252;
    overflow: visible !important;
    border: none !important;
    background: none !important;
    padding: 0px !important;
    margin: 0px !important; }
    .commentarea .comment .child {
      margin-left: 20px;
      margin-top: 0px;
      border-left: none; }
    .commentarea .comment.collapsed .entry {
      padding-bottom: 14px; }
    .commentarea .comment.new-comment .entry .usertext-body {
      background: none;
      border: none;
      margin: 0px;
      padding: 0px; }
    .commentarea .comment.new-comment .entry, .commentarea .comment.new-comment .entry.RES-keyNav-activeElement {
      border-left-color: #FF5252; }
    .commentarea .comment .entry {
      position: relative;
      overflow: visible;
      padding: 14px 18px 12px 18px;
      margin: 12px;
      margin-top: 0px;
      margin-left: 40px;
      background: white;
      border-left: 3px solid #7a7a7a;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      -webkit-transition: all 0.2s;
              transition: all 0.2s; }
      .commentarea .comment .entry.RES-keyNav-activeElement {
        background: white !important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        border-left-color: #3F51B5 !important; }
      .commentarea .comment .entry .flat-list.buttons {
        position: relative; }
      .commentarea .comment .entry .usertext {
        clear: none;
        margin-top: 6px; }
        .commentarea .comment .entry .usertext .md-container {
          display: inline-block;
          position: relative; }
          .commentarea .comment .entry .usertext .md-container .md {
            background: none !important; }
      .commentarea .comment .entry .tagline {
        font-size: 10px;
        line-height: 16px;
        height: 16px;
        display: inline-block; }
        .commentarea .comment .entry .tagline span, .commentarea .comment .entry .tagline .author, .commentarea .comment .entry .tagline .usertext-edit {
          position: relative; }
        .commentarea .comment .entry .tagline .author.submitter {
          padding: 1px 6px;
          border-radius: 0px;
          font-weight: 100;
          background: #85afd5 !important;
          -webkit-transition: background 0.15s;
                  transition: background 0.15s;
          color: white; }
          .commentarea .comment .entry .tagline .author.submitter:hover {
            background: #3F7DB5 !important; }
        .commentarea .comment .entry .tagline blockquote {
          color: #777; }
        .commentarea .comment .entry .tagline .author {
          font-size: 12px;
          font-weight: normal; }
        .commentarea .comment .entry .tagline .submitter {
          color: #af882a; }
        .commentarea .comment .entry .tagline time::after {
          display: none; }
  .commentarea .comment .comment {
    margin-left: 24px !important; }
  .commentarea .expand {
    margin-right: 4px; }

/*
@media (min-height: $mobile-breakpoint) {
    .comments-page .commentarea .comment .entry .flat-list.buttons {

        padding-left: 12px;
        padding-bottom: 30px;
        position: absolute;
        top: 5px;
        right: 0px;
        display: flex;
        flex-direction: column;

        &::before {
            position: absolute;
            right: 0px;
            top: 0px;
            content: '☰';
            font-size: 14px;
            text-align: center;
            line-height: 30px;
            height: 30px;
            width: 30px;
            overflow: hidden;
            display: block;
            color: white;
            background: #AAA;
        }

        &:hover::before {
            cursor: pointer;
            background: #777;
        }

        & > li {
            position: relative;
            top: 35px;
            z-index: 4000;
            display: none;
            color: white;
            padding: 0px;
            min-width: 120px;

            a {
                color: #EEE;
                font-weight: 300;
                background: green;
                display: inline-block;
                height: 100%;
                width: 100%;
                background: rgba(60, 60, 60, 0.95);
                padding: 6px 18px;

                &:hover {
                    text-decoration: none;
                    background: rgba(90,90,90,0.95);
                }
            }
        }

        &:hover {
            & > li {
                display: block;
            }
        }
    }
}
*/
.footer-parent {
  background: #333;
  padding-bottom: 50px;
  position: relative; }
  .footer-parent .footer {
    border-radius: 0px;
    border: none; }
    .footer-parent .footer a {
      color: #7D92B3; }
      .footer-parent .footer a:first-letter {
        text-transform: uppercase; }
      .footer-parent .footer a:visited {
        color: #A27DB3; }
      .footer-parent .footer a.buygold {
        font-weight: normal; }
    .footer-parent .footer .col {
      border: none; }
      .footer-parent .footer .col .title {
        color: #CCC;
        text-transform: uppercase;
        font-weight: 100;
        font-size: 14px;
        padding-bottom: 4px;
        margin-bottom: 10px; }

/* Submit Page Styles */
.submit-page div.content {
  text-align: center;
  padding-top: 34px;
  padding-bottom: 50px; }
  .submit-page div.content .md {
    color: #666; }
  .submit-page div.content input, .submit-page div.content textarea {
    border: 1px solid #DFDFDF;
    font-size: 16px;
    text-align: center; }
  .submit-page div.content #link-desc {
    padding: 16px;
    margin-bottom: 12px; }
  .submit-page div.content > h1 {
    font-size: 30px;
    text-transform: capitalize;
    margin: 0 auto;
    width: 95%;
    max-width: 550px;
    text-align: left;
    padding-left: 24px;
    border-bottom: none; }
  .submit-page div.content form.content {
    margin: 0px;
    width: 100%;
    max-width: 550px;
    display: inline-block; }
    .submit-page div.content form.content .formtabs-content {
      width: 100%;
      text-align: center;
      border: none; }
      .submit-page div.content form.content .formtabs-content .spacer {
        display: inline-block;
        width: 100%; }
        .submit-page div.content form.content .formtabs-content .spacer .roundfield {
          font-size: inherit;
          margin: 12px 0 !important;
          width: inherit;
          padding: 16px;
          padding-top: 0px;
          background: white;
          border-radius: 2px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          color: #666;
          /* Subreddit specific rules */ }
          .submit-page div.content form.content .formtabs-content .spacer .roundfield .usertext-edit {
            margin: 0 auto; }
          .submit-page div.content form.content .formtabs-content .spacer .roundfield label {
            font-size: 13px; }
          .submit-page div.content form.content .formtabs-content .spacer .roundfield #suggested-reddits h3 {
            margin-top: 16px;
            margin-bottom: 6px;
            text-transform: capitalize; }
          .submit-page div.content form.content .formtabs-content .spacer .roundfield#url-field #suggest-title {
            text-align: right;
            margin-top: 10px; }
            .submit-page div.content form.content .formtabs-content .spacer .roundfield#url-field #suggest-title button {
              margin: 0px;
              display: inline-block; }
          .submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text {
            color: inherit;
            max-height: none; }
            .submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .content {
              text-align: left; }
            .submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md {
              font-size: inherit; }
              .submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md > h1, .submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md > p {
                text-align: center; }
              .submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md > h1 {
                font-size: 22px;
                padding-bottom: 0px;
                text-align: left;
                border: none;
                font-weight: bold; }
    .submit-page div.content form.content h1, .submit-page div.content form.content .spacer > .roundfield .title {
      position: relative;
      font-size: 24px;
      border-bottom: none;
      font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif;
      height: 65px;
      line-height: 65px;
      background: #3F51B5;
      padding-left: 24px;
      margin: 0 0 24px 0;
      display: block;
      text-align: left;
      border-radius: 0px;
      color: white;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      margin-left: -16px;
      margin-right: -16px; }
      .submit-page div.content form.content h1 .RESCharCounter, .submit-page div.content form.content .spacer > .roundfield .title .RESCharCounter {
        position: absolute;
        right: 16px;
        color: #DDD; }
    .submit-page div.content form.content .tabmenu {
      position: absolute;
      z-index: 50;
      left: 15px;
      right: 15px;
      top: -48px;
      background: rgba(0, 0, 0, 0.5);
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      padding: 0px;
      text-align: center; }
      .submit-page div.content form.content .tabmenu li a {
        border: none;
        background: none; }
      .submit-page div.content form.content .tabmenu li:selected a {
        font-size: inherit; }
    .submit-page div.content form.content .info-notice {
      width: 80%;
      font-size: 13px;
      margin-left: auto !important;
      margin-right: auto !important; }
    .submit-page div.content form.content button[type=submit] {
      box-sizing: content-box;
      padding: 6px 16px;
      outline: none;
      border: none;
      -webkit-transition: all 0.2s;
              transition: all 0.2s;
      text-transform: uppercase;
      border-radius: 2px;
      background: #3F51B5;
      font-weight: normal;
      font-size: 14px;
      color: white;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      .submit-page div.content form.content button[type=submit]:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        background: #303F9F;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px); }

/* Wiki Page styles */
.wiki-page .infobar {
  margin-bottom: 30px; }

.wiki-page .wikititle {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 40px; }
  .wiki-page .wikititle strong {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 30px; }

.wiki-page .pageactions {
  margin: 0px;
  height: auto;
  height: initial;
  width: 100%;
  border-right: none;
  border-left: none;
  text-align: center;
  padding: 0px;
  height: 50px;
  border-radius: 0px;
  background: #DBDBDB; }
  .wiki-page .pageactions a.wikiaction {
    margin: 0px;
    border-radius: 0px;
    width: 90px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    height: 50px;
    line-height: 50px; }

.wiki-page .wiki-page-content {
  padding: 100px;
  padding-top: 20px;
  width: 100%;
  margin: 0px;
  font-size: 12px; }
  .wiki-page .wiki-page-content p, .wiki-page .wiki-page-content li, .wiki-page .wiki-page-content em {
    font-size: 12px;
    font-family: roboto, noto, "Trebuchet MS", helvetica, arial, sans-serif; }
  .wiki-page .wiki-page-content em {
    color: #999; }
  .wiki-page .wiki-page-content .wiki > .toc > ul {
    background: #DBDBDB;
    border: none;
    font-size: 13px;
    max-width: 400px;
    padding: 16px 34px; }
    .wiki-page .wiki-page-content .wiki > .toc > ul ul {
      border-left: 1px solid #CCC; }

.flair-settings {
  padding-top: 20px; }
  .flair-settings > h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 300; }
    .flair-settings > h1 strong {
      font-weight: 300;
      text-transform: none; }
  .flair-settings .linefield {
    margin: 15px auto;
    border: none;
    background: #DBDBDB;
    padding: 16px;
    border-radius: 0px;
    font-size: 12px; }
    .flair-settings .linefield .title {
      color: #222;
      font-weight: 300;
      text-transform: capitalize;
      font-size: 14px;
      margin-bottom: 8px;
      display: block;
      border-bottom: 1px solid #CCC;
      padding-bottom: 4px; }
    .flair-settings .linefield label {
      font-size: 12px; }
  .flair-settings .save-button {
    text-align: center; }

/* Add flair ul */
.flair-settings + .tabmenu {
  text-align: center;
  width: 100%;
  background: #EEE;
  margin-top: 50px;
  display: block;
  border-bottom: 1px solid #BBB;
  border-top: 1px solid #BBB; }
  .flair-settings + .tabmenu li.selected {
    border-color: #2F6C82; }
    .flair-settings + .tabmenu li.selected a {
      color: #B92035 !important; }
  .flair-settings + .tabmenu li:hover {
    background: rgba(0, 0, 0, 0.1); }
    .flair-settings + .tabmenu li:hover a {
      color: #333; }

.tabpane-content {
  background: #DBDBDB;
  border: none;
  padding: 30px;
  padding-bottom: 50px; }

.tabpane-content .linefield.flair-jump {
  margin: 0 auto;
  margin-bottom: 15px;
  background: #E4E4E4; }

.tabpane-content .linefield.flair-jump .linefield-content {
  font-size: 12px; }

/* Link Flair Maker */
li .flairselector.drop-choices.active {
  background: white;
  padding: 24px !important;
  padding-bottom: 8px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 2px; }
  li .flairselector.drop-choices.active h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: normal;
    color: #333;
    background: none;
    padding: 0px;
    text-align: left; }
  li .flairselector.drop-choices.active .flairoptionpane {
    text-align: left;
    margin-bottom: 0px; }
  li .flairselector.drop-choices.active .flairselector form > div {
    margin: 0px; }
  li .flairselector.drop-choices.active .flairoptionpane ul {
    width: 100% !important; }
  li .flairselector.drop-choices.active .flairoptionpane ul > li,
  li .flairselector.drop-choices.active .flairselection .linkflair {
    padding: 6px; }
  li .flairselector.drop-choices.active .flairoptionpane ul .linkflair a.title,
  li .flairselector.drop-choices.active .flairselection .linkflair a {
    display: inline !important; }
  li .flairselector.drop-choices.active form {
    border: none; }
    li .flairselector.drop-choices.active form .customizer, li .flairselector.drop-choices.active form input[type='text'] {
      width: 100%; }
    li .flairselector.drop-choices.active form button {
      margin: 4px -16px 0 0;
      float: right;
      box-shadow: none;
      background: rgba(153, 153, 153, 0);
      font-weight: normal;
      text-transform: uppercase;
      font-size: 14px;
      color: #333;
      -webkit-transition: background 0.2s;
              transition: background 0.2s;
      margin-bottom: 12px;
      border-radius: 2px;
      border: none;
      color: #2196F3;
      min-width: 88px;
      line-height: 36px;
      height: 36px;
      padding: 0px 8px;
      text-align: center;
      height: 36px;
      line-height: 36px;
      padding: 0px 14px;
      color: #2196F3; }
      li .flairselector.drop-choices.active form button:hover {
        background: rgba(153, 153, 153, 0.2);
        box-shadow: none;
        -webkit-transform: none;
                transform: none; }
      li .flairselector.drop-choices.active form button:active {
        background: rgba(153, 153, 153, 0.4); }
      li .flairselector.drop-choices.active form button[disabled] {
        background: none;
        color: rgba(0, 0, 0, 0.26); }

/* Tagger */
#userTaggerToolTip {
  border-radius: 0px;
  height: auto;
  height: initial !important; }
  #userTaggerToolTip h3 {
    height: 40px;
    background: #DBDBDB;
    color: #444;
    font-weight: 300; }
  #userTaggerToolTip #userTaggerClose {
    border-radius: 0px; }
  #userTaggerToolTip #userTaggerToolTip input[type='text'],
  #userTaggerToolTip #userTaggerPreview, #userTaggerToolTip .userTagLink.hasTag {
    border-radius: 0px;
    padding: 3px 6px;
    height: auto;
    height: initial; }
  #userTaggerToolTip #userTaggerPreview {
    min-height: 22px; }
  #userTaggerToolTip #userTaggerToolTip #userTaggerSave {
    border-radius: 0px;
    border: 1px solid #64AF70;
    border: none;
    padding: 6px 16px;
    font-weight: 100;
    text-transform: uppercase;
    background: rgba(91, 136, 98, 0.85);
    -webkit-transition: background 0.2s;
            transition: background 0.2s; }
    #userTaggerToolTip #userTaggerToolTip #userTaggerSave:hover {
      background: #5b8862; }
  #userTaggerToolTip #userTaggerToolTip .toggleButton {
    height: initial;
    width: 100px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #userTaggerToolTip #userTaggerToolTip .toggleButton:not(.enabled) .toggleOn {
      background: rgba(16, 122, 196, 0.8);
      border-right: none; }
    #userTaggerToolTip #userTaggerToolTip .toggleButton.enabled .toggleOff {
      border-left: none;
      background: rgba(208, 32, 32, 0.8); }
    #userTaggerToolTip #userTaggerToolTip .toggleButton .toggleOn, #userTaggerToolTip #userTaggerToolTip .toggleButton .toggleOff {
      box-sizing: content-box;
      border-radius: 0px;
      border: none;
      -webkit-transition: background 0.2s;
              transition: background 0.2s;
      text-transform: uppercase;
      font-weight: 300;
      width: 100%; }

/* Top right buttons */
#RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft,
#RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsEditContainer {
  background: transparent !important;
  color: #EEE !important; }

/* RES Markdown preview */
.RESDialogSmall.livePreview {
  margin-top: 20px; }

.RESDialogSmall.livePreview * {
  box-sizing: content-box; }