/* Dark design of the original HUGELOL (3.0.0.1-dark.css), as overrides of
/* hugelol.css that apply when app.js puts the "dark" class on <html>.
/* Generated from the differences between the original light and dark
/* stylesheets; the rules at the end cover parts of the rebuilt frontend. */

html.dark,
html.dark body {
  background-color: #333333;
  color: #afafaf;
}

html.dark ::-webkit-input-placeholder {
  color: #999;
}

html.dark :-moz-placeholder {
  color: #999;
}

html.dark ::-moz-placeholder {
  color: #999;
}

html.dark :-ms-input-placeholder {
  color: #999;
}

html.dark :placeholder-shown {
  color: #999;
}

html.dark hr {
  background-color: #555555;
  box-shadow: 0 0 1px #555555;
  -moz-box-shadow: 0 1px 0 #555555;
  -webkit-box-shadow: 0 1px 0 #555555;
}

html.dark input,
html.dark textarea,
html.dark select {
  border: 1px solid #444444;
  background-color: #333333;
  color: #fafafa;
}

html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus {
  border-color: #555555;
  background-color: #333333;
}

html.dark input.optional,
html.dark textarea.optional,
html.dark select.optional {
  background-color: #333333;
}

html.dark a.link-white:link {
  color: #333333;
}

html.dark a.link-white:visited {
  color: #333333;
}

html.dark a.link-white:hover {
  color: #343434;
}

html.dark a.link-white:active {
  color: #101010;
}

html.dark a.link-white:focus {
  color: #101010;
}

html.dark a.link-black:link {
  color: #f2f2f2;
}

html.dark a.link-black:visited {
  color: #f2f2f2;
}

html.dark a.link-black:hover {
  color: #afafaf;
}

html.dark a.link-black:active {
  color: #afafaf;
}

html.dark a.link-black:focus {
  color: #afafaf;
}

html.dark a.link-grey:link {
  color: #afafaf;
}

html.dark a.link-grey:visited {
  color: #afafaf;
}

html.dark a.link-grey2:link {
  color: #afafaf;
}

html.dark a.link-grey2:visited {
  color: #afafaf;
}

html.dark a.link-legendary:link {
  text-shadow: -1px 1px 6px #fff, 1px -1px 6px #333333;
}

html.dark .button.black:hover {
  background-color: #555555;
}

html.dark .grey {
  border: 1px solid #687579;
  background-color: #7c878d;
}

html.dark .button.grey:hover {
  background-color: #929b9d;
}

html.dark .button.grey:active {
  background-color: #6a787d;
}

html.dark #header-container {
  background-color: #333333;
}

html.dark #header {
  color: #afafaf;
}

html.dark #content-container {
  background-color: #161618;
}

html.dark #footer-container {
  background-color: #333333;
  border-top: 1px solid #555555;
}

html.dark #header a#logo {
  color: #333333;
}

html.dark #header a {
  color: #9d9d9d;
}

html.dark #header a:hover {
  color: #f6f6f6;
}

html.dark #header a:active {
  color: #fafafa;
}

html.dark #header a.active {
  color: #ffffff;
}

html.dark #header-search-container {
  color: #ffffff;
}

html.dark #header-search-container #header-search #header-search-q:focus {
  background-color: #dddddd;
}

html.dark #header .profile-dropdown {
  background-color: #333333;
}

html.dark #header .notifications-count {
  color: #ffffff;
}

html.dark #header .messages-count {
  color: #ffffff;
}

html.dark #header .moderation-count {
  color: #ffffff;
}

html.dark #verify-email-container {
  color: #ffffff;
}

html.dark #content .content-side .box {
  background-color: #333333;
  border: 1px solid #555555;
}

html.dark #content .content-side .box .title {
  color: #f6f6f6;
  background-color: #333333;
  border-bottom: 1px solid #333333;
}

html.dark #content .content-side .box .part-grey {
  background-color: #333333;
  border-bottom: 1px solid #555555;
}

html.dark #content .content-side .box .part-grey:hover {
  background-color: #555555;
}

html.dark #content .content-side .box .part-grey.last {
  border-bottom: 0px solid #333333;
}

html.dark #content .content-center .box {
  background-color: #333333;
  border: 1px solid #555555;
  color: #afafaf;
}

html.dark #content .content-center .box .title {
  color: #f6f6f6;
  background-color: #333333;
  border-bottom: 1px solid #333333;
}

html.dark #content .content-center .box p {
  color: #aaa;
}

html.dark #content.post .content-center .box {
  background-color: #333333;
  border: 1px solid #555555;
}

html.dark #content .content-center .box.post .title {
  color: #f4f4f4;
}

html.dark #content .content-center .box.post .comments-title {
  color: #f6f6f6;
}

html.dark .next-posts .next-posts-title {
  color: #f6f6f6;
}

html.dark .next-posts .next_box:hover {
  background-color: #222;
}

html.dark .next-posts a:link {
  color: #999;
}

html.dark .feed .post {
  background-color: #333333;
  border: 1px solid #555555;
}

html.dark .post .title {
  color: #f6f6f6;
}

html.dark .post .post-info {
  color: #afafaf; /* RECENT ADD, EXPERIMENTAL */
}

html.dark .post.upvoted .post-action .action-container.upvote {
  background-color: #5e4040;
}

html.dark .post.downvoted .post-action .action-container.downvote {
  background-color: #40405e;
}

html.dark .feed .post-container .infeed-comment {
  background-color: #333333;
  border: 1px solid #555555;
  border-top: 1px solid #333333;
}

html.dark .post.upload #upload-title {
  color: #f6f6f6;
}

html.dark .post.upload #upload-link {
  color: #f6f6f6;
}

html.dark .comment .text {
  background-color: #333 !important;
  color: #fafafa;
}

html.dark .comment-hidden-hint {
  background-color: #999999;
}

html.dark .comment .create-reply .text {
  border: 0px solid #333333;
}

html.dark .single-comment-hint {
  border: 1px solid #f6f6f6;
}

html.dark .single-comment-hint:hover {
  color: #ffffff;
}

html.dark .comment-compact-item .comment-compact-info {
  color: #717171;
}

html.dark .comment-compact-item .comment-compact-content {
  color: #afafaf;
}

html.dark .login-signup-title {
  color: #ffffff;
}

html.dark .login-signup-description {
  color: #999999;
}

html.dark #signup-login-popup-mask {
  opacity: 0.9;
}

html.dark #signup-login-popup {
  background-color: #e5f3fa;
}

html.dark .message-container.incoming .message {
  color: #222222;
}

html.dark .message-container.outgoing .message {
  color: #ffffff;
}

html.dark #content .content-side .box .message-partner:hover {
  background-color: #666666;
}

html.dark #content .content-side .box .message-partner.active {
  background-color: #444444;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

html.dark .message-partner-content-name {
  color: #ffffff;
}

html.dark .timeago {
  color: #afafaf;
}

html.dark .message-partner-content-message {
  color: #afafaf;
}

html.dark .notification .notification-title .notification-new {
  color: #333333;
}

html.dark .notification .system-message {
  border: 1px solid #f6f6f6;
}

html.dark #footer .block .title {
  color: #f6f6f6;
}

html.dark .karma-badge {
  background-color: #777;
  border: 1px solid #999;
  color: #000;
}

html.dark #zoom-mask {
  opacity: 0.9;
}

html.dark #back-to-top-button {
  background-color: #333333;
  border: 1px solid #555555;
}

html.dark #tiptip_content {
  color: #ffffff;
}

html.dark #tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #333333;
}

html.dark #tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #333333;
}

html.dark #tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #333333;
}

html.dark #tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #333333;
}

html.dark .upload-popup {
  border: 1px solid #9d9d9d;
  background-color: #333333;
  color: #afafaf;
}

html.dark .upload-popup #close {
  color: #999999;
}

html.dark .upload-popup #upload-switch {
  color: #999;
}

html.dark .upload-popup .field {
  color: #afafaf;
}

html.dark .upload-popup #upload-status {
  color: #333333;
}

html.dark .upload-popup #upload-status-waiting {
  border: 1px solid #f6f6f6;
}

html.dark .report-popup.post {
  border: 1px solid #9d9d9d;
  background-color: #333333;
  color: #afafaf;
}

html.dark .report-popup.post #close {
  color: #999999;
}

html.dark .report-popup.post .title {
  color: #f4f4f4;
}

html.dark .report-popup.post .field {
  color: #afafaf;
}

html.dark .report-popup.user {
  border: 1px solid #9d9d9d;
  background-color: #333333;
  color: #afafaf;
}

html.dark .report-popup.user #close {
  color: #999999;
}

html.dark .report-popup.user .title {
  color: #f4f4f4;
}

html.dark .report-popup.user .field {
  color: #afafaf;
}

html.dark .report-popup.comment {
  border: 1px solid #9d9d9d;
  background-color: #333333;
  color: #afafaf;
}

html.dark .report-popup.comment #close {
  color: #999999;
}

html.dark .report-popup.comment .title {
  color: #f4f4f4;
}

html.dark .report-popup.comment .field {
  color: #afafaf;
}

html.dark .badge {
  border: 1px solid #333333;
}

html.dark .badge.green {
  color: #333333;
}

html.dark .badge.red {
  color: #333333;
}

html.dark .badge.blue {
  color: #333333;
}

html.dark .badge.legendary {
  color: #333333;
  text-shadow: -1px 1px 6px #fff, 1px -1px 6px #333333;
}

/* ---------------------------------------------------------------------------------- */
/* parts of the rebuilt frontend (app.css and styles set from app.js)
/* ---------------------------------------------------------------------------------- */

/* native controls (file inputs, scrollbars) */
html.dark {
  color-scheme: dark;
}
html.dark #content.post .box:not(.post) .title {
  color: #f6f6f6;
}
html.dark .hl-notice {
  background-color: #444433;
  border-color: #666655;
  color: #afafaf;
}
html.dark .hl-notice.red {
  background-color: #4a3333;
  border-color: #6b4444;
}
html.dark .hl-notice code {
  background: #333333;
}
html.dark table.hl-table th,
html.dark table.hl-table td,
html.dark .message-form,
html.dark #weekly-points-leaders tr {
  border-color: #555555 !important;
}